.cbp-hrmenu {
	width: 100%;
	

 font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 

}

/* general ul style */
.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 100%;

	margin: 0 auto;
	
}

.cbp-hrmenu > ul > li {
	display: inline-block;
}

.cbp-hrmenu > ul > li > a {
 	font-family: 'Gotu', sans-serif;
	padding: 1.5em 2em;
	color: #000000;
	display: inline-block;	
	text-decoration:none


}

.cbp-hrmenu > ul > li > a:hover {

/* 產品介紹的反應 */
	color: #000000;
		font-weight:bold;

	
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
	color: #000000;
	
}


/* sub-menu */



.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: fixed;		
    background: linear-gradient(rgb(248,248,248), rgb(248,248,248));

    width: 40.8%;

	

    border-bottom:0px solid #d7d7d7;
	left: 0;
	text-align:center;
	
    opacity: 1;
			
}

.cbp-hropen .cbp-hrsub {
	display: block;

	padding-bottom: 0em;	
 

		text-align:center
}



.cbp-hrmenu .cbp-hrsub-inner > div {
	
	text-align:center
	background:#00ff66;

	

		
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 2em;
	font-size: 15px;
	color: #000000;
	font-weight: 400;
	text-align:center;
    padding:0px 15px 0px 15px;

    border-radius: 0px;
	margin-bottom: 3.5em;
	
}
.cbp-hrmenu .cbp-hrsub-inner > div a:hover {
	
	font-size: 15px;
	color: #d2d2d2;
		font-weight: 500;


	   background:transparent;
	

}




.cbp-hrsub h4 {
	
	color: #000000;
	padding: 0.6em 1em;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	


}
.cbp-hrsub i {

  font-size: 16px;
    color: #000000;
   

	}

	.cbp-hrmenu1 {
	width: 100%;
	

 font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}

/* general ul style */
.cbp-hrmenu1 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu1 > ul,
.cbp-hrmenu1 .cbp-hrsub-inner1 {
	width: 100%;

	margin: 0 auto;
	
}

.cbp-hrmenu > ul > li {
	display: inline-block;
}

.cbp-hrmenu > ul > li > a {
 	font-family: 'Gotu', sans-serif;
	padding: 1.5em 2em;
	color: #000000;
	display: inline-block;	
	text-decoration:none
	font-weight:300px;

}

.cbp-hrmenu1 > ul > li > a:hover {

/* 產品介紹的反應 */
	color: #000000;
		font-weight:bold;

	
}

.cbp-hrmenu1 > ul > li.cbp-hropen1 a,
.cbp-hrmenu1 > ul > li.cbp-hropen1 > a:hover {
	color: #000000;
	
}


/* sub-menu */



.cbp-hrmenu1 .cbp-hrsub1 {
	display: none;
	position: fixed;		
	background: rgba(255, 255, 255, 1);

    width: 50.5%;
	float:right
	

    border-bottom:0px solid #d7d7d7;
	left: 0;
	text-align:center;
	
    opacity: 0.9;
			
}

.cbp-hropen1 .cbp-hrsub1 {
	display: block;

	padding-bottom: 0em;	
 

		text-align:center
}



.cbp-hrmenu1 .cbp-hrsub-inner1 > div {
	
	text-align:center
	background:#00ff66;

	

		
}

.cbp-hrmenu1 .cbp-hrsub-inner1:before,
.cbp-hrmenu1 .cbp-hrsub-inner1:after {
	content: " ";
	display: table;
}

.cbp-hrmenu1 .cbp-hrsub-inner1:after {
	clear: both;
}

.cbp-hrmenu1 .cbp-hrsub-inner1 > div a {
	line-height: 2em;
	font-size: 15px;
	color: #000000;
	font-weight: 400;
	text-align:center;
    padding:0px 15px 0px 15px;

    border-radius: 0px;
	margin-bottom: 3.5em;
	
}
.cbp-hrmenu1 .cbp-hrsub-inner1 > div a:hover {
	
	font-size: 15px;
	color: #d2d2d2;
		font-weight: 500;


	   background:transparent;
	

}




.cbp-hrsub1 h4 {
	
	color: #000000;
	padding: 0.6em 1em;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	


}
.cbp-hrsub1 i {

  font-size: 16px;
    color: #000000;
   

	}

	}

/* Examples for media queries */

@media screen and (max-width: 52.75em) { 

	.cbp-hrmenu1 {
		font-size: 80%;
	}

}

@media screen and (max-width: 43em) { 

	.cbp-hrmenu1 {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu1 > ul,
	.cbp-hrmenu1 .cbp-hrsub-inner1 {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu1 .cbp-hrsub-inner1 {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu1 > ul > li {
		display: block;
		border-bottom: 4px solid #47a3da;
	}

	.cbp-hrmenu1 > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu1 .cbp-hrsub1 { 
		position: relative;
	}

	.cbp-hrsub1 h4 {
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em) { 
	.cbp-hrmenu1 .cbp-hrsub-inner1 > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}

/* Examples for media queries */

@media screen and (max-width: 52.75em) { 

	.cbp-hrmenu {
		font-size: 80%;
	}

}

@media screen and (max-width: 43em) { 

	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #47a3da;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative;
	}

	.cbp-hrsub h4 {
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em) { 
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}



.cbp-hrmenu2 {
	width: 100%;
	

 font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 

}

/* general ul style */
.cbp-hrmenu2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu2 > ul,
.cbp-hrmenu2 .cbp-hrsub-inner {
	width: 100%;

	margin: 0 auto;
	
}

.cbp-hrmenu2 > ul > li {
	display: inline-block;
}

.cbp-hrmenu2 > ul > li > a {
 	font-family: 'Gotu', sans-serif;
	padding: 1.5em 2em;
	color: #000000;
	display: inline-block;	
	text-decoration:none


}

.cbp-hrmenu2 > ul > li > a:hover {

/* 產品介紹的反應 */
	color: #000000;
		font-weight:bold;

	
}

.cbp-hrmenu2 > ul > li.cbp-hropen a,
.cbp-hrmenu2 > ul > li.cbp-hropen > a:hover {
	color: #000000;
	
}


/* sub-menu */



.cbp-hrmenu2 .cbp-hrsub2 {
	display: none;
	position: fixed;		
    background: linear-gradient(rgb(248,248,248), rgb(248,248,248));

    width: 63%;

	

    border-bottom:0px solid #d7d7d7;
	left: 0;
	text-align:center;
	
    opacity: 1;
			
}

.cbp-hropen .cbp-hrsub2 {
	display: block;

	padding-bottom: 0em;	
 

		text-align:center
}



.cbp-hrmenu2 .cbp-hrsub-inner > div {
	
	text-align:center
	background:#00ff66;

	

		
}

.cbp-hrmenu2 .cbp-hrsub-inner:before,
.cbp-hrmenu2 .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu2 .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu2 .cbp-hrsub-inner > div a {
	line-height: 2em;
	font-size: 15px;
	color: #000000;
	font-weight: 400;
	text-align:center;
    padding:0px 15px 0px 15px;

    border-radius: 0px;
	margin-bottom: 3.5em;
	
}
.cbp-hrmenu2 .cbp-hrsub-inner > div a:hover {
	
	font-size: 15px;
	color: #d2d2d2;
		font-weight: 500;


	   background:transparent;
	

}




.cbp-hrsub2 h4 {
	
	color: #000000;
	padding: 0.6em 1em;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	


}
.cbp-hrsub2 i {

  font-size: 16px;
    color: #000000;
   

	}