/*modify by pekey 20190523*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Setting Start-------------------------------*/

/*================*/
/*-- loading --*/
/*================*/

.loading {
 	position: fixed;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #FFF;
	text-align:center;
	
	/*新增by pekey 20171211*/
	padding-top:250px;
 } 
 
	
	/*Loading畫面CSS開始*/
	#circularG{
		position:relative;
		width:58px;
		height:58px;
		margin: auto;
	}
	
	.circularG{
		position:absolute;
		background-color:rgba(201,9,21,1);  /*此為Loding的點點顏色*/
		width:14px;
		height:14px;
		border-radius:9px;
			-o-border-radius:9px;
			-ms-border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
		animation-name:bounce_circularG;
			-o-animation-name:bounce_circularG;
			-ms-animation-name:bounce_circularG;
			-webkit-animation-name:bounce_circularG;
			-moz-animation-name:bounce_circularG;
		animation-duration:1.1s;
			-o-animation-duration:1.1s;
			-ms-animation-duration:1.1s;
			-webkit-animation-duration:1.1s;
			-moz-animation-duration:1.1s;
		animation-iteration-count:infinite;
			-o-animation-iteration-count:infinite;
			-ms-animation-iteration-count:infinite;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-iteration-count:infinite;
		animation-direction:normal;
			-o-animation-direction:normal;
			-ms-animation-direction:normal;
			-webkit-animation-direction:normal;
			-moz-animation-direction:normal;
	}
	
		#circularG_1{
			left:0;
			top:23px;
			animation-delay:0.41s;
				-o-animation-delay:0.41s;
				-ms-animation-delay:0.41s;
				-webkit-animation-delay:0.41s;
				-moz-animation-delay:0.41s;
		}
		
		#circularG_2{
			left:6px;
			top:6px;
			animation-delay:0.55s;
				-o-animation-delay:0.55s;
				-ms-animation-delay:0.55s;
				-webkit-animation-delay:0.55s;
				-moz-animation-delay:0.55s;
		}
		
		#circularG_3{
			top:0;
			left:23px;
			animation-delay:0.69s;
				-o-animation-delay:0.69s;
				-ms-animation-delay:0.69s;
				-webkit-animation-delay:0.69s;
				-moz-animation-delay:0.69s;
		}
		
		#circularG_4{
			right:6px;
			top:6px;
			animation-delay:0.83s;
				-o-animation-delay:0.83s;
				-ms-animation-delay:0.83s;
				-webkit-animation-delay:0.83s;
				-moz-animation-delay:0.83s;
		}
		
		#circularG_5{
			right:0;
			top:23px;
			animation-delay:0.97s;
				-o-animation-delay:0.97s;
				-ms-animation-delay:0.97s;
				-webkit-animation-delay:0.97s;
				-moz-animation-delay:0.97s;
		}
		
		#circularG_6{
			right:6px;
			bottom:6px;
			animation-delay:1.1s;
				-o-animation-delay:1.1s;
				-ms-animation-delay:1.1s;
				-webkit-animation-delay:1.1s;
				-moz-animation-delay:1.1s;
		}
		
		#circularG_7{
			left:23px;
			bottom:0;
			animation-delay:1.24s;
				-o-animation-delay:1.24s;
				-ms-animation-delay:1.24s;
				-webkit-animation-delay:1.24s;
				-moz-animation-delay:1.24s;
		}
		
		#circularG_8{
			left:6px;
			bottom:6px;
			animation-delay:1.38s;
				-o-animation-delay:1.38s;
				-ms-animation-delay:1.38s;
				-webkit-animation-delay:1.38s;
				-moz-animation-delay:1.38s;
		}
		
		
		
		@keyframes bounce_circularG{
			0%{
				transform:scale(1);
			}
		
			100%{
				transform:scale(.3);
			}
		}
		
		@-o-keyframes bounce_circularG{
			0%{
				-o-transform:scale(1);
			}
		
			100%{
				-o-transform:scale(.3);
			}
		}
		
		@-ms-keyframes bounce_circularG{
			0%{
				-ms-transform:scale(1);
			}
		
			100%{
				-ms-transform:scale(.3);
			}
		}
		
		@-webkit-keyframes bounce_circularG{
			0%{
				-webkit-transform:scale(1);
			}
		
			100%{
				-webkit-transform:scale(.3);
			}
		}
		
		@-moz-keyframes bounce_circularG{
			0%{
				-moz-transform:scale(1);
			}
		
			100%{
				-moz-transform:scale(.3);
			}
		}
	/*Loading畫面CSS結束*/

.loading_tit{
	padding:20px 0px 0px 15px;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	font-family:微軟正黑體;
	text-align:center;
}




#top {
    border-top: 0.00005px #fff0 solid;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 5;
    opacity: 0;
}







/*==============================================*/
/*-- 搜尋區塊 --*/
/*==============================================*/

/*PC搜尋區塊------------------------------------------------*/

.search_areaPC{
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	/* display: inline-block; */
	/* vertical-align: middle; */
	top:5px;
	right: 20px;
}
	/*搜尋icon*/
	.search_iconPC{
		transition: 0.3s ease all;
	}
		.search_iconPC label{
			position: relative;
			display: block;
		}
			.search_iconPC i{
				font-size: 28px;
				color: #777;
				font-weight: 300;
				display: block;
			}
			
		/*hover*/
		.search_iconPC:hover label{
			opacity:0.5;
			/*background: #d6d6d6;*/
			transition: 0.3s ease all;
		}	


.search_inAreaPC{
	-webkit-transition: top .2s;
	transition: top .2s;
	z-index: 15;
	position: absolute;
	width: 250px;
	z-index: 2000;
	overflow: hidden;
	display:none;
	top: 57px;
	right: 0px;
	background: rgba(255, 255, 255, 1);
	box-sizing: border-box;
	padding: 10px 15px 10px;
	border-radius: 1px;
}
/* 浮動 */
.header.fixed .search_inAreaPC {
    top: 36px;
}
	
	/*搜尋類別*/
	.search_categoryAreaPC3{
		position: absolute;			
		left: 15px;
		width: 59px;
		z-index: 2;
	}
		.search_categoryAreaPC3 select{
			color: #fff;
			background: #000 url(../images/select_arrow_white.png) no-repeat;
			background-size: 13px;
			background-position: right;
			padding-right: 18px !important;
		}

	.search_inBoxPC{
		position: relative;
		width: 100%;
		padding: 0px 20px 0px 0px;
		box-sizing: border-box;
	}
		.search_inBoxPC input{
			background: transparent;
			border: 0px;
			color: rgba(92, 92, 92,1);
			font-size: 16px;
			line-height: 22px;
			height: 40px;
			padding: 0px;
			border-radius: 0;
			
			width: 100%;
			border-bottom: 1px solid #ccc;
		}
		/* .search_inBoxPC input[type="text"]:focus{
			border: 0px;
		} */
		
	.search_inBoxPC a{	
		z-index: 2002;
		color: #fff;
		position: absolute;
		right: 0px;
		top: 10px;
		text-decoration: none;
	}
		.search_inBoxPC span{
			display:inline-block;
			vertical-align:middle;
			color: rgba(129, 129, 129,1);
			font-size: 20px;
			font-weight: 200;
		}
		.search_closePC{
			font-size:22px;
			font-weight:lighter;
		}	
		









	/*搜尋mobile-----------------------------------------*/
	.siteSearch {
		display: none;
		position: relative;
		padding: 4px 22px;	
	}

	
		.siteSearch_left{
			position:absolute;
			top:0px;
			left:0px;
			width:30px;
			
			display:none;
		}
			.siteSearch_left select{
				font-size: 12px;
				color: #333;
				padding: 11px 18px 11px 7px;
				border-radius: 0px;
				border: none;
				border-right: 1px #dadada solid;
			}				
	
	
		.siteSearchBg {
			/*border: solid 2px #006e36;*/
			border-radius:0px;
			position:relative;
			/*width:191px;*/
			box-sizing:border-box;
			padding-right: 30px;
			background: #fff;
			width: auto;
		}
			.siteSearchBg input[type='text'] {
				border:none;
				background:#f7f7f7;
				/*height:23px;
				line-height:23px;
				font-size:13px;*/
				padding: 0px 6px 0px 13px;
				height:38px;
				line-height:38px;
				font-size:15px;		
			}
			.siteSearchBg label {
				position: absolute;
				top: 0px;
				right: 0px;
				/* height: 23px; */
				box-sizing: border-box;
				background-color: #f7f7f7;
				/* padding: 2px 6px; */
				height: 38px;
				padding: 12px 12px;
			}
				.siteSearchBg i {
					font-size:18px;
					color:#d6d6d6;
				}
				.siteSearchBg input[type='submit'] {
					display:none;
				}	









/* @media (max-width: 1100px){ */
@media (max-width: 990px){


	/*PC搜尋區塊-----------------------------*/
	.search_areaPC{
		display:none;
	}
		
	/*搜尋mobile-----------------------------------------*/
	.siteSearch {
		display:block;
		margin-bottom: 5px;
		padding: 0;
	}

}







/*/////////////////////////////////////////////////////////*/
/*-------版頭--------*/
/*/////////////////////////////////////////////////////////*/


/* -------首頁版頭------- */

.header {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	transition: 0.3s ease-in all;
	/* background-color: #fff; */
}


.header:before {
	opacity: 0.9;
	position:absolute;
	content:'';
	top: 0px;
	z-index: -1;
	width: 100%;
	height:122px;
	background-image: linear-gradient(to top, #ffffff00 0%, #ffffff54 20% , #ffffffd9 50%, #ffffff 100%);
	/* background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 81%,rgba(255,255,255,0) 92%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); */
}


/*浮動*/
.header.fixed{
	box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.3);
	transition: 0.3s ease all;
	/* padding: 0px; */
	background-color: rgba(255, 255, 255, 0.9);
}
.header.fixed:before {
	display:none;
}



	
	.header > .wrap {
		position: relative;
	}



@media (max-width: 990px){
/* @media (max-width: 1100px){ */
	
	/* .header{
	} */
	
	.header:before {
		display: none;
	}
		/* .header > .wrap {
		}	 */
			
	
	
}










/*================*/
/*-- 手機menu按鍵 --*/
/*================*/
.menu_btn {
	position:absolute;
	width: 31px;
	height: 18px;
	top: 50%;
	right: 0;
	-webkit-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
	cursor:pointer;
	display:none;
	z-index: 99;
	text-align: right;
}
	.menu_btn span {
		display: inline-block;
		background-color: #476e54;
		height:2px;
		/*height:4px;*/
		margin: 0px 0px 6px;
		transition:0.3s ease all;
		border-radius:3px;
		width: 100%;
	}

	.menu_btn span:nth-of-type(2){
		width: 26px;
	}
	.menu_btn span:nth-of-type(3){
		width: 21px;
	}
	
	
	
		/*點擊*/
		.menu_btn.active {
			width: 30px;
			top: 44px;
			right: 5%;
			position: fixed;
		}
		.header.fixed .menu_btn.active {
			top: 32px;
			/*position: relative;
			 opacity: 0; */
		}



			.menu_btn.active span {
				margin: 6px 0px;
			}
			/*.menu_btn.active span:nth-of-type(1) {
				transform: rotate(45deg);
				transform-origin: top left;
			}
			.menu_btn.active span:nth-of-type(2) {
				opacity: 0;
			}
			.menu_btn.active span:nth-of-type(3) {
				transform: rotate(-45deg);
				transform-origin: bottom left;
			}*/

			.menu_btn.active span:nth-of-type(1) {
				/*transform: rotate(39deg);
				transform-origin: top left;*/
				width: 100%;
				transform: translateY(1px) rotate(45deg);
			}
			.menu_btn.active span:nth-of-type(2) {
				opacity: 0;
			}
			.menu_btn.active span:nth-of-type(3) {
				/*transform: rotate(-39deg);
				transform-origin: bottom left;*/
				transform: translateY(-27px) rotate(-45deg);
				width: 100%;
			}

/* @media (max-width: 1100px){ */
@media (max-width: 990px){	

	/*手機menu按鍵*/
	.menu_btn {
		display:block;
		/* right: 0px; */
	}

}


















/*================*/
/*----- logo -----*/
/*================*/

.logo{
	/* width: 68px; */
	width: 190px;
	transition: 0.3s ease all;
	float: left;
	animation-name: bounceIn;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	visibility: visible;
	padding: 14.5px 0;
}

/*浮動*/
.header.fixed .logo {
    padding: 5px 0;
    /* width: 45px; */
	width: 126px;
}


	.logo a{
		display: block;
		transition:0.3s ease all;
	}
	
		.logo img{
			width: 100%;
			height: auto; 
		} 
	
	/*hover*/
	.logo a:hover{
		transform: scale(0.9);
		animation: bounceIn;	
	}
	


	
@media (max-width: 1280px){

	.logo{
		width: 120px;
		padding: 27px 0;
	}
	
	/*浮動*/
	.header.fixed .logo {
		padding: 5px 0;
		width: 126px;
	}

}





/* @media (max-width: 1100px){ */
@media (max-width: 990px){

.logo {
    transition: 0.3s ease all;
    padding: 10px 0px;
    float: none;
   position: relative;
    left: unset;
    top: unset;
    -webkit-transform: none;
    transform: none;
}
	
	/*浮動*/
	.header.fixed .logo{
		transition: 0.3s ease all;
    	padding: 10px 0;
	}
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
					
/*================*/
/*----- 版頭右側 -----*/
/*================*/	
	
		
		
.headerRightT{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	z-index: 0;
}		
		

	
	
	
	
	
	
	
	

/*================*/
/*----- 語系 -----*/
/*================*/			
        
  	
	/*語系區塊*/
	.Lang_area {
		/*position: absolute;
		top: 50%;
		right: 0px;
		margin: -17px 0px;*/
		position: relative;
		z-index:4;
		box-sizing: border-box;
		margin-right: 8%;
	}
	
		.Lang{
			padding: 2px 16px 0 0;
			text-align: center;
			/* border-radius: 26px; */
			/* background-color: #fff; */
			/* border: solid 0.5px #bfbfbf00; */
		}
			.Lang img{
				width: 20px;
				height:auto;
			}	
		
			.Lang > a {
				font-size: 12px;
				line-height: 34px;
				color: #58595b;
				display: block;
				/*border: 1px #c3c3c3 solid;
				border-radius: 5px;*/
				text-decoration:none;
				padding: 0px 0px 0px 0px;
				/* position: relative; */
				/* background-color: #b0b0b0; */
			}
			
			.Lang > a:before {
				position: absolute;
				content: "";
				border-top: solid 7px #898989;
				border-left: solid 4px rgba(255,255,255,0);
				border-right: solid 4px rgba(255,255,255,0);
				/* top: 50%; */
				top: 8px;
				right: 0px;
				/* transform: translateY(-45%); */
			}		
			
		
		.nL_in_area{
			position: absolute;
			width: 75px;
			top: 24px;
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			background-color: #fff;
			border-radius:3px;
			display:none;
			margin: 1px 0px 0px;
			box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
		}
		/*.nL_in_area.active{
			display:block;
		}	*/	
		
		
		
			.nL_in{
				text-align: center;
			}
				.nL_in > a{
					color: #898989;
					display: inline-block;
					text-decoration: none;
					font-size: 12px;
					line-height: 24px;
					text-decoration:none;
				}
							
			.Lang > a:hover ,
			.nL_in > a:hover {
				opacity:0.5;
			}			
	
			
/*Mobile語系區塊-------------------------------------*/
	
.Language_area {
	position: relative;
	display:none;
}

	.Language{
		text-align: center;
		/* border-radius: 26px;
		margin: 0 22px;
		padding: 10px 30px; */
		padding: 10px 0;
		border: solid 0px #bfbfbf00;
		border-bottom: 1px solid #d3d3d3;
	}
		.Language > a {
			font-size: 14px;
			line-height: 22px;
			color: #979797;
			display: block;
			text-decoration: none;
			padding: 2px 55px;
		}
		
		.Language > a:before {
			/* position: absolute;
			content: "";
			border-top: solid 7px #d6d6d6;
			border-left: solid 6px rgba(255,255,255,0);
			border-right: solid 6px rgba(255,255,255,0);
			top: 18px;
			right: 32px; */

			content: "";
			width: 6px;
			height: 6px;
			display: block;
			border-bottom: 2px solid #959595;
			border-right: 2px solid #959595;
			position: absolute;
			right: 19px;
			top: 15px;
			z-index: 2;
			-webkit-transform: translateY(0%) rotate(45deg);
			transform: translateY(0%) rotate(45deg);
		}		
		
	
	.Languageuage_in_area{
		background-color: #fff;
		display:none;
		margin: 0px 0px 1px;
	}
		.Languageuage_in{
			text-align: center;
		}
			.Languageuage_in > a{
				color: #B3B3B3;
				display: inline-block;
				text-decoration: none;
				font-size: 14px;
				line-height: 38px;
				text-decoration: none;
			}
						
		.Language > a:hover ,
		.Languageuage_in > a:hover {
			opacity:0.5;
		}	
					   



@media (max-width: 990px){				    


	/*PC語系區塊-----------------------*/

	.Lang_area {
		display:none;
	}


	/*Mobile語系區塊-----------*/

	.Language_area {
		display: block;
	}

}

			



	
@media (max-width: 990px){	
/* @media (max-width: 1100px){	 */

	/* .Lang img{
		width: 22px;
	}

	.Lang > a::before {
		top: 10px;
		right: 0px;
	}

	.Lang_area {
		margin-right: 60px;
	} */
	
}
	
	

					
/*================*/
/*----- 主按鍵 -----*/
/*================*/

.header_rightArea{
    float: right;
}

	/*首頁主按鍵*/
	.navbar{
		float: right;
		box-sizing: border-box;
		/* padding: 38px 0; */
		transition:0.3s ease all;
		padding-right: 110px;
	}
	
	/*首頁主按鍵_英文版 feather新增20220222*/
	.navbar.English{
		float: left;
	}


	/*.header.fixed .navbar{
		padding: 15px 0px 10px;
	}*/

	/* 首頁浮動 */
	/*.header.fixed .navbar {
		 padding: 30px 0;
		transition:0.3s ease all; 
	}*/


		.nav{
			float: left;
			box-sizing: border-box;
			position: relative;
		}
					
			/*主按鍵滑動效果(第一層)*/
			.nav > a:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
				display: block;
				height: 3px;
				width: 0;
				bottom: 26%;
				background-color: #3ba15d;
			}
			.nav > a:hover:after {
				/* content: '';
				display: block;
				height: 3px;
				background: currentColor; 
				color: #3ba15d;*/
				width: 65%;
				-webkit-transition: width 0.2s ease-out;
				transition: width 0.2s ease-out;
			}
					
				/*主按鍵滑動效果(第二層)*/
				.nav .navOpenList a .in:after {
					content: '';
					display: block;
					height: 1px;
					width: 0;
				}

					.nav > a{
						display: block;
						padding: 41px 25px;
						color: #333;
						font-size: 15px;
						line-height: 1;
						transition: 0.3s ease all;
						text-decoration: none;
						
						position: relative;
					}
						/* 浮動 */
						.header.fixed .nav > a {
							padding: 20px 25px;
						}

							.navArrow_down {
								width: 24px;
								height: 26px;
								display: flex;
								align-items: center;
								justify-content: center;
								position: absolute;
								right: 0px;
								top: 52%;
								-webkit-transform: translateY(-50%);
								transform: translateY(-50%);
								/* background-color: #dbc2c2; */
							}
											
							.nav .navArrow_down:after {
								content: "";
								width: 6px;
								height: 6px;
								display: block;
								border-bottom: 2px solid #999;
								border-right: 2px solid #999;
								position: absolute;
								top: 35%;
								left: 50%;
								/* z-index: 50; */
								-webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
								transform: translateY(-50%) translateX(-50%) rotate(45deg);
							}

						/* .header.home .nav > a{
							color: #fff;
						}
						
						.header.home .nav .navArrow_down:after {
							border-bottom: 2px solid #fff ;
							border-right: 2px solid #fff ;
						} */

						
						
						/*hover*/
						.nav:hover > a {
							text-decoration:none;
							transition: 0.3s ease all;
						}
							
						/*主按鍵_下拉選單----第一層*/
						.navOpen.pc {
							position: absolute;
							left: 55%;
							-webkit-transform: translateX(-50%);
							transform: translateX(-50%);
							/* padding: 12px 0px 0px; */
							width: 180px;
							/* margin: 0px 0px 0px -70px; */
							display: none;
							z-index: 2;
						}

						/*浮動  主按鍵_下拉選單----第一層*/
						.header.fixed .navOpen.pc {
							/* position:absolute;
							left: 50%;
							padding: 16px 0px 0px;
							width: 155px;
							margin: 0px 0px 0px -70px;
							display: none;
							z-index: 2; */
						}

						/*hover*/
						.nav:hover .navOpen.pc {
							display: block;
						}	
											
							.navOpenBg {
								background: #fff;
								position: relative;
								border-bottom: 4px solid #3ba15d;
								padding: 10px 0;
								box-sizing: border-box;
								box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
							}
								
								.navOpenList{
									position: relative;
									width: 100%;
								}
									
									/*第一層箭頭*/
									.navArrow {
										width: 47px;
										height: 47px;
										display: block;
										position: absolute;
										/* top: 0px; */
										top: -4px; /*feather修改20220217*/
										/* right: 2px; */
										right: -2px; /*feather修改20220222*/
									}
													
									.navArrow:after {
										content: "";
										width: 6px;
										height: 6px;
										display: block;
										border-bottom: 2px solid #999 ;
										border-right: 2px solid #999 ;
										position: absolute;
										right: 20px;
										top: 50%;
										z-index: 50;
										-webkit-transform: translateY(-75%) rotate(-45deg);
										transform: translateY(-75%) rotate(-45deg);
									}
							
								.navOpenList:hover .navArrow:after {
									border-bottom: 2px solid #fcb635 ;
									border-right: 2px solid #fcb635 ;
									transition: 0.6s ease all;
								}

								/*第二層箭頭*/
								.navArrow_in {
									width: 47px;
									height: 47px;
									display: block;
									position: absolute;
									/* top: 0px; */
									top: -4.5px; /*feather修改20220217*/
									/* right: 2px; */
									right: -2px; /*feather修改20220222*/
								}

								.navArrow_in:after {
									content: "";
									width: 6px;
									height: 6px;
									display: block;
									border-bottom: 2px solid #999 ;
									border-right: 2px solid #999 ;
									position: absolute;
									right: 20px;
									top: 50%;
									z-index: 50;
									-webkit-transform: translateY(-75%) rotate(-45deg);
									transform: translateY(-75%) rotate(-45deg);
								}
								/* 第二層箭頭 :hover */
								.nOLO_list:hover .navArrow_in:after {
									border-bottom: 2px solid #fcb635 ;
									border-right: 2px solid #fcb635 ;
									transition: 0.6s ease all;
								}
								
									.navOpen.pc  .nOLOL_list_in {
										display: inline-block;
									}
									
									.navOpen.pc  .nOLOL_list_in a:hover {
										color: #3ba15d;
										transition: 0.6s ease all;
									}

								/* 第三層箭頭 */
								.navArrow_in_in {
									width: 47px;
									height: 47px;
									display: block;
									position: absolute;
									/* top: 20%; */
									top: 16%; /*feather修改20220217*/
									/* right: 2px; */
									right: -2px; /*feather修改20220222*/
								}


								.navArrow_in_in:after {
									content: "";
									width: 6px;
									height: 6px;
									display: block;
									border-bottom: 2px solid #999 ;
									border-right: 2px solid #999 ;
									position: absolute;
									right: 20px;
									top: 30%;
									z-index: 50;
									-webkit-transform: translateY(-75%) rotate(-45deg);
									transform: translateY(-75%) rotate(-45deg);
								}
								/* 第三層箭頭 :hover */
								.nOLOL_third:hover .navArrow_in_in:after {
									border-bottom: 2px solid #fcb635 ;
									border-right: 2px solid #fcb635 ;
									transition: 0.6s ease all;
								}
								
									.navOpen.pc  .nOLOL_list_in {
										display: inline-block;
									}
									
									.navOpen.pc  .nOLOL_list_in a:hover {
										color: #fcb635;
										transition: 0.6s ease all;
									}

								.navOpen.pc  .navOpenList a {
									text-align: left;
									font-size: 15px;
									/* padding: 10px 20px 10px 15px; */
									padding: 10px 30px 10px 15px; /*feather修改20220222*/
									color:#555555;
									line-height:14px;
									display: block;
									text-decoration:none;
								}
								
									.navOpen.pc  .navOpenList .in {
										display: inline-block;
									}
									
									.navOpen.pc  .navOpenList a:hover {
										color: #fcb635;
										transition: 0.6s ease all;
									}
									

									/*展開選單----第二層*/
									.nOL_open {
										z-index: 10;
										background: #fff;
										position: absolute;
										left: 100%;
										top: -10px;
										width: 140px;
										display: none;
										border-bottom: 4px solid #3ba15d;
										box-sizing: border-box;
										box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
									}
									/*==英文版== 展開選單----第二層 */
									/*feather新增20220222*/
									.English .nOL_open {
										width: 170px;
									}




									.nOLO_list {
										/* 20211130 feather 新增position樣式 */
										position: relative;
										text-align: left;
									}
										.nOLO_list > a {
											display: block;
											color: #fff;
											font-size: 13px;
											line-height: 20px;
											letter-spacing: 0px;
											text-decoration: none;
											padding: 5px 5px;
										}																			

										
									.navOpenList a:hover .nOL_open{
										display:block;
									}	

									.nOLO_list:hover .nOLOL_list{
										display:block;
									}

									
									/* 展開選單----第三層 */
									.nOLOL_list {
										z-index: 11;
										background: #fff;
										position: absolute;
										left: 100%;
										top: 0px;
										width: 140px;
										/* margin: 0px -5px -1px; */
										/* display: none; */
										border-bottom: 4px solid #3ba15d;
										/* padding: 18px 0; */
										box-sizing: border-box;
										box-shadow: 0 2px 29px rgba(0,0,0,0.05);
										display: none;
									}
									/*==英文版== 展開選單----第三層 */
									/*feather新增20220222*/
									.English .nOLOL_list {
										width: 185px;
									}



									.navOpenList:hover .nOL_open{
										display:block;
									}


									.nOLOL_third{		
										position: relative;								
									}

									.nOLOL_list_in {
										/* 20211130 feather 新增position樣式 */
										position: relative;
										text-align: left;
									}

										.nOLOL_list > a {
											display: block;
											color: #fff;
											font-size: 13px;
											line-height: 20px;
											letter-spacing: 0px;
											text-decoration: none;
											padding: 5px 5px;
										}																			

										
									.navOpenList a:hover .nOL_open{
										display:block;
									}	

									.nOLO_list:hover .nOLOL_list{
										display:block;
									}

									/* .nOLOL_list:hover .nOLOLO_list{
										display:block;
									} */

									.nOLOL_third:hover > .nOLOLO_list{		
										display:block;						
									}


									/* 展開選單----第四層 */
									.nOLOLO_list {
										z-index: 12;
										background: #fff;
										position: absolute;
										left: 100%;
										top: 0px;
										width: 220px;
										/* margin: 0px -5px -1px; */
										/* display: none; */
										border-bottom: 4px solid #3ba15d;
										/* padding: 18px 0; */
										box-sizing: border-box;
										box-shadow: 0 2px 29px rgba(0,0,0,0.05);
										display: none;

										/* feather新增20220217 */
										max-height: 412px;
										overflow-y: auto;
									}

									



						
						/*mobile版*/
						.navOpen.mobile {
							display:none;
							opacity:0;
							z-index:-999999;
      						position: absolute;
						}	
						










@media (max-width: 1280px){	

	/*首頁主按鍵*/
	.navbar{
		padding-right: 85px;
	}	
		.nav > a{
			padding: 41px 15px;
		}
		/* 浮動 */
		.header.fixed .nav > a {
			padding: 20px 15px;
		}
		.navArrow_down {
			right: -7px;
		}

}

/* @media (max-width: 1100px){ */
@media (max-width: 990px){

	.headerRight {
		position: fixed;
		width: 240px;
		top: 0px;
		right: -240px;
		height: 100%;
		box-sizing: border-box;
		background: #fff;
		transition: 0.3s ease all;
		padding: 62.8px 0 0;
		/* overflow-y: auto; */
		z-index: 4;
		margin: 0;
	}
	.headerRight.active {
		right: 0px;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
	}
	.header.fixed .headerRight{
		padding: 65px 0px 0; 
	}


	/*主按鍵*/
	.navbar {
		overflow-y: auto;
		padding: 0;
		margin: 0;
		float: none;
		height: 100%;
	}
		.header.fixed .navbar {
			/* padding: 65px 0px 0; */
			padding: 0;
			margin: 0;
		}
		/* .navbar.active {
			right: 0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
		} */
		
			.nav {
				float:none;
				width: 100%;
				position: relative;
				/* padding: 0 30px; */
				box-sizing: border-box;
				padding: 0;
				margin: 0;
			}

			/* .nav:last-of-type > a {
				padding:15px 0;
			} */


				.nav.geneinfo:after {
					position: absolute;
					content: '';
					border-top: solid 5px #999;
					border-left: solid 3px rgba(255,255,255,0);
					border-right: solid 3px rgba(255,255,255,0);
					top: 19px;
					right: 15px;
				}
				
				.navArrow_down {
					top: 24px;
					right: 11px;
					width: 24px;
					height: 17px;
				}
								
				.nav .navArrow_down:after {
					border-bottom: 2px solid #959595;
					border-right: 2px solid #959595;
					right: 10px;
				}
				
				.header.home .nav .navArrow_down:after {
					border-bottom: 2px solid #959595;
					border-right: 2px solid #959595;
					right: 10px;
				}
				
				.navArrow2{
					justify-content: center;
					top: 8px;
					right: 9px;
					position: absolute;
					width: 20px;
					height: 26px;
					padding-left: 6px;
				}
				.navArrow2:before{
					content: "";
					width: 6px;
					height: 6px;
					display: block;
					border-bottom: 2px solid #959595;
					border-right: 2px solid #959595;
					position: absolute;
					right: 10px;
					top: 50%;
					z-index: 50;
					-webkit-transform: translateY(-50%) rotate(45deg);
					transform: translateY(-50%) rotate(45deg);
				}


				.nav > a ,
				.nav:last-of-type > a  ,
				.header.fixed .nav > a{
					border:none;
					border-radius:0px;
					text-align: center;
					padding: 15px 44px;
					color: #000;
					border-bottom: 1px solid #d3d3d3;
					font-size: 14px;
				}
				/* .header.home .nav > a {
					color: #000;
				}
				
				.header.fixed .nav > a{
					transition: 0.3s ease all;
					padding: 13px 15px;
				} */
				
					/* 20211216 feather 新增樣式 */
					/* 去除.nav a:hover:after 特效 */
					.nav > a:hover:after {
						width: 0;
					}
				
				
					/*當前模式*/
					.nav.active > a{
						/* background: transparent; */
					}					
					
						/*展開選單*/
						.navOpen {
							position:relative;
							top:0px;
							left:0px;
							margin:0px;
							width:auto;
							border-radius:0px;
							background:#444;
						}
							.navOpen:before, 
							.navOpen:after {
								border-bottom: solid 8px #444;
								left: 23px;
							}
								/* .nO_list a {
									text-align:left;
									padding: 15px 15px;
								} */
								
						
						/*hover*/
						.nav:hover .navOpen.pc {
							display:none;
						}	
						.fixed_nav:hover .navOpen.pc {
							display:none;
						}
							
							.navOpen.mobile {
								display: none;
								opacity: 1;
								z-index: 1;
								position: relative;
							}
								.navOpenBg {
									padding: 0;
									border-bottom: 1px solid #d3d3d3;
									box-shadow: 0 2px 29px rgba(0, 0, 0, 0);
								}
									.navOpen.mobile  .navOpenList {
									}
									.navOpen.mobile  .navOpenList > a {
										text-align:center;
										font-size:14px;
										color: #333;
										line-height:22px;
										padding: 10px 55px;
										transition:0.3s ease all;
										text-decoration:none;
										display:block;
									}
									.navOpenList .in {
										display: block;
									}
										.navOpenList > a:hover {
											opacity: 0.7;
										}
										
					/*第二層*/	
					.nOL_open_mobile{
						display: none;
					}	
						.nOLO_mobile_list{						
						}
							.nOLO_mobile_list a{
								display: block;
								text-decoration: none;	
								border: none;
								border-radius: 0px;
								text-align: center;
								padding: 15px 44px;
								color: #333;
								font-size: 13px;					
							}


					
}


















/*========================================================*/
/*-- 內頁版頭樣式 --*/
/*========================================================*/



/*-------內頁版頭-----------------------------*/
.inbody .header {
	background-color:#ffffff;
	/* height: 150px; */
}
.inbody .header:before {
	display:none;
    /* opacity: 0.5;
    position: absolute;
    content: '';
    top: 0px;
    z-index: 0;
    width: 100%;
    height: 200px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 81%, rgba(255,255,255,0) 92%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 81%,rgba(255,255,255,0) 92%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 81%,rgba(255,255,255,0) 92%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); */
}


@media (max-width: 990px){

	.header.inheader .navbar {
	} 

}






/* 搜尋的廣告區塊如果要隱藏，只要針對此 class 下隱藏樣式即可 */
.gsc-adBlock{
	display: none;
}