/*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;
 } 

 	/*20211228 feather新增 .loading img  -----start*/
	.loading {
		/* position: fixed;
		z-index: 999999;
		background:#55728b ;
		width: 100%;
		height: 100%; */
	}
	/*  */
	/* loading背景 */
	.loading_barBg{
		position: fixed;
		top: 0; 
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999999;
		background-color: #d3c0b7; /* data-fill-background 顏色必須和背景一致 #55728b*/
		text-align:center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	/* loading圖案大小 */
	.loading_barBgArea{
		width: 380px;
		color: #FFF;
		padding-right: 60px;
	}
		.loading_barBg .ldBar{
			width: 100% !important;
			height: auto !important;
		}
			.loading_barBg .ldBar path.mainline {
				stroke-width: 5;
				stroke: #006ae0;
				stroke-linecap: round;
			}
			.loading_barBg .ldBar path.baseline {
				/* stroke-width: 14;
				stroke: #f1f2f3;
				stroke-linecap: round;
				filter:url(#custom-shadow); */

				stroke-trail: #00ff47;
				stroke-trail-width: 10;
				stroke-linecap: round;
			}

			/* loading字樣 */
			.loading_barBg .ldBar.label-center > .ldBar-label {
				/* position: absolute;
				top: 16px;
				left: 50%;
				text-shadow: 0 0 3px #fff;
				-webkit-transform: translateX(-50%) translateY(0);
				transform: translateX(-50%) translateY(0); */
				color: #fff;
				position: unset;
				top: unset;
				left: unset;
				-webkit-transform: unset;
				transform: unset;

				/* feather 新增隱藏樣式 20220114 */
				display: none;
			}

			/* loading字樣單位 */	
			/* .loading_barBg  .ldBar-label:after {
				content: "USD" !important;
				font-size: 0.6em;
			} */



	/* .ldBar path.mainline {
		stroke-width: 10;
		stroke: #09f;
		stroke-linecap: round;
	}
	.ldBar path.baseline {
		stroke-width: 14;
		stroke: #f1f2f3;
		stroke-linecap: round;
		filter:url(#custom-shadow);
	} */

@media (max-width:990px) {
	/* loading圖案大小 */
	.loading_barBgArea{
		padding-right: 0px; /* feather 新增20220126 */
	}
}

/*-------------------------------------loading畫面 結束---------------------------------*/

	/*20211228 feather新增 .loading img  -----end*/
	
	
	/*Loading畫面CSS開始*/
	#circularG{
		position:relative;
		width:58px;
		height:58px;
		margin: auto;
	}
	
	.circularG{
		position:absolute;
		background-color:rgb(201,9,21);  /*此為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; */
	position:absolute;
	top:-100%;
	border-top: 0px solid #fff0;
}



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


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

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


.header:before {
	/* display: none; */
	opacity: 0.7;
	position: absolute;
	content: '';
	top: 0px;
	z-index: 0;
	width: 100%;
	height: 150px;
	background: -webkit-linear-gradient(top,  rgb(0 0 0) 0%,rgb(0 0 0) 20%,rgb(12 12 12 / 0%) 81%,rgb(137 137 137 / 0%) 92%);
}


/*浮動*/
.header.fixed{
	transition: 0.3s ease all;
    padding: 0px;
    /* background-color:#1c1c1ccc; */
	background-color: #ffffffe6;
}
.header.fixed:before {
	display:none;
}


	.header > .wrap {
		position: relative;
		/* display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		width: auto;
		padding:0 10%; */
	}


/*-------內頁版頭--------*/
.header.inheader::before {
	height: 150px;
}

.header.inheader {
	background-color:rgba(255, 255, 255, 0.9);
}




@media (max-width: 990px){
	
	.header{
		background-color: #fff;
		/*padding: 5px 0px 0px;*/
	}
	/*浮動*/
	.header.fixed{

	}
	.header:before {
		display: none;
	}
	
	/* .header > .wrap {
		width: unset;
		display: block;
		flex-wrap: unset;
		flex-direction: unset;
		align-items: unset;
		justify-content: unset;
		padding: 0px 20px;
	}	 */
		
	
	
}










/*================*/
/*-- 手機menu按鍵 --*/
/*================*/
.menu_btn {
	position:absolute;
	width: 31px;
	height: 18px;
	/*background-color: #d97d7d;
	 top: 13px; */
	top: 50%;
	right: 5%;
	/*right: 0px;*/
	-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: #82aacd;
		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: 7.5%;
			position: fixed;
		}
			.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: 990px){
	
		/*手機menu按鍵*/
		.menu_btn {
			display:block;
			right: 0px;
		}
		
		/*點擊*/
		/* .menu_btn.active {
			width: 30px;
			top: 44px;
    		right: 3.5%;
			position: fixed;
		} */

		/*點擊*/
		.menu_btn.active {
			width: 30px;
			top: 44px;
			right: 7.5%;
			position: fixed;
		}

		.header.fixed .menu_btn.active {
			/* width: 30px; */
			top: 34px;
			/* right: 7.5%;
			position: fixed; */
		}

}


@media (max-width: 640px){
	
		/*手機menu按鍵*/
		/*.menu_btn {
			left: 15px;
		}*/
}

















/*================*/
/*----- logo -----*/
/*================*/
.logo{
	width: 240px;
	transition: 0.3s ease all;
	float: left;
	animation-name: bounceIn;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	visibility: visible;
	padding: 16px 0px;
	/* position: absolute;
	left: 0;
	left: 6%;
	top: 52%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:9999; */
}

.header img.logo_white{
	display: block;
}

.header img.logo_normal{
	display: none;
}


/*浮動*/
.header.fixed img.logo_white{
	display:none;
}

.header.fixed img.logo_normal{
	display:block;
}


.header.fixed .logo{

}

	.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: 180px;
		padding: 40px 0px;
	}

} */


@media (max-width: 990px){


.logo {
	transition: 0.3s ease all;
	/* padding: 10px 0px 10px 50px; */
	padding: 18px 0px;
	width: 180px;
	float: none;
	/* position: unset;
	position: relative;
	left: unset;
	top: unset;
	-webkit-transform: none;
	transform: none;*/
}
	
	/*浮動*/
	.header.fixed .logo{
		transition: 0.3s ease all;
		/*width: 50px;*/
    	padding: 10px 0;
	}

	.header img.logo_white{
		display: none;
	}	
	.header img.logo_normal{
		display: block;
	}
}
	
	
	



	
	
	
	
	
	
	

			


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

.headerRight{
	display:flex;
	float: right;
	box-sizing: border-box;
	flex-direction: row-reverse;
	align-items: center;
}

				/*首頁主按鍵*/
				.navbar{
					/* float: right; */
					padding: 35px 0;
					transition:0.3s ease all;
				}			
				/*.header.fixed .navbar{
					padding: 15px 0px 10px;
				}*/

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

				/* 浮動主按鍵顏色 */
				.header .nav > a {
					color: #fdfdfd;
					font-weight:bold;
					font-weight: 500; /*feather調整 20220307*/
				}

				/* 浮動主按鍵 浮動顏色 */
				.header.fixed .nav > a {
					/* color: #ffffff; */
					color: #55728b;
				}


				/* 內頁主按鍵 */
				.header.inheader .navbar {
					padding: 26px 0;
				}

				
				/* 內頁浮動------------------------- */
				.header.inheader.fixed .navbar {
					padding: 20px 0;
				}


				.nav{
					float: left;
					position: relative;
				}

				.nav > a{
					display: block;
					padding: 0px 26px;
					/* margin-top: -3px;
					font-size: 15px; */
					margin-top: 2px; /*feather調整 20220307*/
					font-size: 18px; /*feather調整 20220126*/
					line-height: 24px;
					transition: 0.3s ease all;
					text-decoration: none;
					position: relative;
				}

					/*主按鍵滑動效果(第一層)*/

					.nav > a::before {
						content: '';
						display: block;
						height: 3px;
						width: 0;
						margin-bottom: 1px;/*feather調整 20220307*/
					}
					.nav > a:hover::before {
						content: '';
						display: block;
						height: 3px;
						background: currentColor;
						width: 100%;
						-webkit-transition: width 0.2s ease-out;
						transition: width 0.2s ease-out;
						color: #82aacd;
					}
					
					/*主按鍵滑動效果(第二層)*/
					.nav .navOpenList a .in:after {
						content: '';
						display: block;
						height: 1px;
						width: 0;
					}

							.navArrow_down {
								width: 40px;
								height: 35px;
								display: block;
								position: absolute;
								top: -3px;
								right: 0px;
							}
											
							.nav .navArrow_down:after {
								content: "";
								width: 6px;
								height: 6px;
								display: block;
								border-bottom: 2px solid #333 ;
								border-right: 2px solid #333 ;
								position: absolute;
								right: 10px;
								top: 50%;
								z-index: 50;
								-webkit-transform: translateY(-75%) rotate(45deg);
								transform: translateY(-75%) rotate(45deg);
							}

						.nav > a{
							color: #fff;
						}
						
						.nav .navArrow_down:after {
							border-bottom: 2px solid #fdfdfd ;
							border-right: 2px solid #fdfdfd ;
						}
						.header.fixed .nav .navArrow_down:after {
							border-bottom: 2px solid #55728b;
							border-right: 2px solid #55728b;
						}
						
						
						/*hover*/
						.nav:hover > a {
							/*color: #009944;*/
							text-decoration:none;
							transition: 0.3s ease all;
						}
							
						/*主按鍵_下拉選單----第一層*/
						.navOpen.pc {
							position:absolute;
							left: 30%;
							padding: 12px 0px 0px;
							width: 155px;
							margin: 0px 0px 0px -70px;
							display: none;
							z-index: 2;
						}

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


						
						/*mobile版*/
						.navOpen.mobile {
							display:none;
							opacity:0;
							z-index:-999999;
      						position: absolute;
						}	
						
						/*hover*/
						.nav:hover .navOpen.pc {
							display: block;
							width: auto; /* feather新增20211223 */
						}	
											
							.navOpenBg {
								display: flex;
								background: #fdfdfd;
								position: relative;
								border-bottom: 4px solid #82aacd;
								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;
										right: 2px;
									}
													
									.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;
									right: 2px;
								}

								.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: #82aacd;
										transition: 0.6s ease all;
									}

								/* 第三層箭頭 */
								.navArrow_in_in {
									width: 47px;
									height: 47px;
									display: block;
									position: absolute;
									top: 20%;
									right: 2px;
								}


								.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 19px 10px 15px;
									color: #292929;
									line-height: 22px;
									display: inline-block;
									text-decoration: none;
									width: 120px;
									margin: 0 10px;
									text-align: center;
									border-bottom: 1px solid #98adbf;
								}


								.navOpen.pc  .nOLO_list a {
									padding: 15px 20px 10px 15px;
									border-bottom: unset;
									text-align: center;
								}



									.navOpen.pc  .navOpenList .in {
										display: inline-block;
									}
									
									.navOpen.pc  .navOpenList .in1 {
										display: inline-block;
										font-weight: bold;
										font-size: 17px;
									}
									
									.navOpen.pc  .navOpenList a:hover {
										color: #82aacd;
										transition: 0.6s ease all;
									}
									

										/*展開選單----第二層*/
										.nOL_open {
											display: block;
										}

										
										.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;
										}


										.navArrow2{
											justify-content: center;
											top: 4px;
											right: 12px;
											position: absolute;
											width: 20px;
											height: 33px;
											padding-left: 15px;
										}
										.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);
										}



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

.nav > a {
    padding: 3px 15px 2px;
}

.nav:last-of-type > a {
	padding: 3px 24px 2px 15px;
}

	.navArrow_down {
		right: -6px;
	}
} */

@media (max-width: 990px){

.headerRight {
	position: fixed;
    width: 300px;
    top: 0px;
    right: -300px;
    height: 100%;
    box-sizing: border-box;
    background: rgb(31 31 31 / 1);
    transition: 0.3s ease all;
    padding: 66px 0px;
    overflow-y: auto;
    z-index: 4;
    margin: 0;
    float: none;
    display: block;
	flex-direction: unset;
    align-items: unset;
}
.headerRight.active {
	right: 0px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

	/*主按鍵*/
	.navbar{
		padding: 0;
		margin: 0;
	}
	/* .navbar {
		position: fixed;
		width: 300px;
		top: 0px;
		right: -300px;
		height: 100%;
		box-sizing: border-box;
		background: rgb(31 31 31 / 1);
		transition: 0.3s ease all;
		padding: 66px 0px;
		overflow-y: auto;
		z-index: 4;
		margin: 0;
	}
		.header.fixed .navbar{
			padding: 74px 0px;
		}
		.navbar.active {
			right: 0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
		} */
			.nav {
				float:none;
				width: 100%;
				position: relative;
				padding: 0 0px;
				box-sizing: border-box;
			}

			.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: 10px;
					right: 17px;
				}
								
				.nav .navArrow_down:after ,
				.header.fixed .nav .navArrow_down:after {
					border-bottom: 2px solid #959595;
					border-right: 2px solid #959595;
					right: 16px;
				}
				
				/* .header.home .nav .navArrow_down:after {
					border-bottom: 2px solid #959595;
					border-right: 2px solid #959595;
					right: 10px;
				} */
				
				.navArrow {
					right: -16px;
				}
								
				.navArrow::after {
					-webkit-transform: translateY(-75%) rotate(-45deg);
					transform: translateY(-75%) rotate(45deg);
				}
				
				.nav > a {
					border:none;
					border-radius:0px;
					text-align: center;
					padding: 15px 0;
					color: #000;
					border-bottom: 1px solid #d3d3d3;
					font-size: 14px;
				}

				.nav > a::before {
					content: ' ';
					display: none;
				}
				.nav > a:hover::before {
					content: ' ';
					display: none;
				}

				.header.home .nav > a {
					color: #000;
				}
				
				.header.fixed .nav > a{
					transition: 0.3s ease all;
					padding: 13px 15px;
					 color: #ffffff;
				}
				
				
				
					/*當前模式*/
					.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 {
									display: block;
									background: rgb(31 31 31 / 1);
									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: 12px 15px;*/
										padding: 12px 15px;
										transition:0.3s ease all;
										text-decoration:none;
										display:block;
									}
										.navOpenList > a:hover {
											opacity: 0.7;
										}
										
					/*第二層*/				
					.nOL_open {
						display: block;
					}

						.nOLO_list {
							text-align: center;
						}
							.nOLO_list > a {
								display: block;
								color: #818181;
								padding: 10px 0;
							}
							
					/* .navOpenList:hover .nOL_open {
						display: inherit;
					} */
					.navOpenBg2 .nOL_open.active{
						display: block;
						transition: 0.3s ease all;
					}
					
					

					/*主按鍵滑動效果(第一層)*/
					.nav > a:after {
						display: none;
						height: 0px;
					}
					.nav > a:hover:after {
						display: none;
						height: 0px;
					}
					
					
					/*主按鍵滑動效果(第二層)*/

					.nav .navOpenList a .in{
						color: #fdfdfd;;
					}

					.nav .navOpenList a .in:after {
						display: none;
						height: 0px;
					}
					.nav .navOpenList a .in:hover:after {
						display: none;
						height: 0px;
					}

					/*主按鍵滑動效果(第三層)*/
					.nav .navOpenList .nOL_open .in:after {
						display: none;
						height: 0px;
					}
					.nav .navOpenList .nOL_open .in:hover::after {
						display: none;
						height: 0px;
					}



				/*第二層*/	
				.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: #ffffff;
							font-size: 13px;					
						}
					
}






/*================*/
/*----- 語系 -----*/
/*================*/


	/*版頭語系*/
	.lang {
		position: relative;
		display: flex;
		justify-content: space-between;
		width: 110px;
		border: solid 1px #cccccc;
		border-radius: 2px;
		padding-top: 4px; /*feather調整 20220307*/
		/* margin: 3px 26px 2px; */
	}
		.langLink {
			position:relative;
			padding:0px 10px;
		}

		/* .langLink:nth-of-type(2) {
			padding-left:15px;
			padding-right:15px;
		} */
			.lang:after {
				content: '/';
				color: #cccccc;
				position: absolute;
				top: 6px;
				right: 60px;
			}
				
				

			.langLink a {
				display:block;
				text-decoration:none;
				font-size:14px;
				line-height:22px;
				color:#cccccc;				
				font-weight: 400;/*feather調整 20220307*/
			}


			.langLink.active {
				padding: 0;
			}

			.langLink.active a {
				/* font-weight: bolder; */
				color:#fdfdfd;
				display: none;
			}

				.langLink a:hover{
					opacity: 0.7;
				}

				.header.fixed .langLink a {
					color:#cccccc;			
				}
				.header.fixed .langLink:after {
					color:#cccccc;			
				}






@media (max-width: 990px){

.lang{
	float: none;
    display: flex;
    margin: 0 0px;
    border: none;
    /* padding: 12px 0 0 8px; */
    justify-content: center;
    padding: 15px 0;
    margin: auto;
}

	.lang:after{
		top: 19px;
		right: 60px;
	}

	.langLink > a{
		font-size: 11px;
	}
	.header.fixed .langLink a {
		color: #fdfdfd;
	}
	.header.fixed .langLink:after {
		color: #fdfdfd;
	}
}




/*@media (max-width: 768px){	
	
.headerRightT {
	padding-right: 15%;
}		

}	




@media (max-width: 640px){	
	
.headerRightT {
	padding-right: 22%;
}		

}	*/