#top{
	position:absolute;
	top:-100%;
}

.headertop{
	border-top: 0px solid #fff0;
}


.headerArea{
	/*position:relative;*/
	position: fixed;
	top: 0px;
	left:0px;
	width:100%;
	z-index:9999;
}

/*浮動*/
.headerArea.fixed{
	box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.3);
	transition: 0.3s ease all;
	/*padding: 0px;
	background-color: #fff;*/
	position: fixed;
	top: 0px;
	left:0px;
	width:100%;
	/* z-index: 5; */
}




/*-------版頭----------------------------------------------------------------------------*/
.header {
	position:relative;
	background-color: #ffffff;
	/* background-color:#0071bc; */
	/*background-color: rgb(255 255 255 / 1);*/
}
/*.header:before {
	position:absolute;
	content:"";
	width:100%;
	bottom:0px;
	height:2px;
	background-color:#231815;
}*/

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







		/*手機menu按鍵*/
		.menu_btn {
			position: absolute;
			width: 20px;
			top: 50%;
			right: 0%;
			-webkit-transform: translateX(0%) translateY(-50%);
			transform: translateX(0%) translateY(-50%);
			cursor: pointer;
			display: none;
			z-index: 1000;
		}
			.menu_btn span {
				display:block;
				background: #210d7a; /*手機選單顏色*/
				height:4px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					/* width: 30px;
					top: 3.5%;
					right: 3.5%;
					position: fixed;*/
					width: 30px;
					right:-10px;
					/* -webkit-transform: none; */
					/* transform: none; */
				}
					.menu_btn.active span {
						background:#FFF;
						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;
					}














		/*logo*/
		.logo {
			padding: 0;
			margin: 0;
			display: block;
			width: 300px;
			float: left;
			box-sizing: border-box;
			padding: 10px 0px;
		}		
			.logo a {
				display:block;
				transition: 0.3s ease all;
			}	
			
			.logo a:hover {
				/*opacity:0.7;*/
				transition: 0.3s ease all;
				/*transform:scale(0.8);*/
			}			
				.logo img {
					width:100%;
					height:auto;
				}
				/*.logo_s {
				}
				.logo_b {
					display:none;
				}*/
				
			/*logo的閃光*/
			/*.logo_flash {
				position:absolute;
				width:20px;
				height:86px;
				background: rgba(255,255,255,0.8);
				top:3px;
				left:-25px;
				transform:rotate(20deg);
				transform-origin:center;
				box-shadow: 0px 0px 10px #FFF;
				pointer-events: none;
			}
				.logo_flash_hover {
					left:482px;
					transition:0.4s ease all;
				}*/
		

		
		
.headerRightT{
    /* position: absolute; */
    /* right: 0; */
    /* top: 20px; */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
	/*margin-right: 15%;*/
}		
		

/*================================*/
/*----- 語系 -----*/
/*================================*/			
        
  	
	/*語系區塊*/
	.Lang_area {
		/*position: absolute;
		top: 50%;
		right: 0px;
		margin: -17px 0px;*/
		position: relative;
		z-index:4;
		padding-left: 10px;
	}

	.color-lump{
		width: 90px;
		height: 36px;
		background-color: #c4bff4;
		border-radius:10px;

	}
	
		.Lang{
			padding: 0 16px 0 20px;
			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 #ffffff;
				border-left: solid 4px rgba(255,255,255,0);
				border-right: solid 4px rgba(255,255,255,0);
				top: 8px;
				right: 0px;
			}		
			
			
		.nL_in.active {
			display: none;
		}
		
			.nL_in{
				text-align: center;
			}
				.nL_in > a{
					color: #050505;
					display: inline-block;
					text-decoration: none;
					font-size: 15px;
					line-height: 24px;
					text-decoration:none;
					justify-content: center;
    				padding: 6px 0px;
				}
							
			.Lang > a:hover ,
			.nL_in > a:hover {
				opacity:0.5;
			}			
	
			
			

					
				
		/*版頭右*/
		.headerRight {
			float: right;
			box-sizing: border-box;
			/* padding: 10px 0px 10px 0px; */
		}


	
			/*主按鍵----------------------------*/
			.navbar {
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				align-items: center;
				/*justify-content: center;
				width: 990px;
				margin: 0 auto;*/
				justify-content: flex-end;
			}
				.nav {
					box-sizing:border-box;
					position: relative;
					transition: 0.3s ease all;
				}

				/*當螢幕 990px 才會出現*/
				/* .nav.MB {
					display: none;	
				} */
				
				
					/* .navTop {
						position: relative;
					} */
						.nav  a {
							text-align: center;
							font-size: 18px;
							padding: 40.5px 10px;
							text-decoration: none;
							display: block;
							color: #000000;
							transition: 0.3s ease all;
							position: relative;
						}
						.nav > a:hover{ 
					
							color: #8fb5f7; /*選單滑動顏色*/
							transition: 0.3s ease all;
						}	
	
	

						.nav:hover .navOpen.pc {
							display: block;
							transition: 0.3s ease all;
						}
						

				
			/*主按鍵_下拉選單*/
			.navOpen.pc {
				position:absolute;
				top: 99px;
				left: 50%;
				width: 165px;
				-webkit-transform:translateX(-50%) translateY(0);
				transform:translateX(-50%) translateY(0);
				display: none;
				z-index: 2;
			}
			.navOpen.pc.geneinfo {
				width: 100%;
				position:absolute;
				left: 0;
				top: 80px;
				display: none;
				z-index: 2;
				background-color: rgba(255,255,255,0.9);
				box-shadow: 9px 6px 19px -8px rgba(0,0,0,0.5);
				border-top: 1px solid rgba(0,0,0,0.1);
				
				transition: 0.3s ease all;
			}
							
			
			/*.header.fixed .navOpen.pc.geneinfo {
				top: 56px;
			}*/
				.geneinfo_area{
					text-align: center;
					padding: 30px 0px;
				}
				
					/*子選單_標題區塊*/
					.nav_titArea{
						float: left;
						width: 20%;
						height: 100%;
						box-sizing: border-box;
						padding: 50px 40px;
					}
						.nav_titIn{
							color: #595757;
							font-size: 1.4em;
							text-align: right;
						}
						
						
					
					/*子選單_連結列表區塊*/
					.nav_inArea{
						float: left;
						width: 80%;
						min-height: 132px;
						box-sizing: border-box;
						padding: 7px 0px 7px 40px;
						border-left: 1px solid #716764;
					}
						.nav_inContent{
							text-align: left;
						}
							.navIn_listArea{
								float: left;
								padding-right: 100px;
								box-sizing: border-box;
							}
								.navIn_list{
									display: inline-block;
									box-sizing: border-box;
									width: 24%;
									padding: 7px 0px;
									text-align: left;
								}
									.navIn_list a{
										display: inline-block;
										color: #595757;
										text-decoration: none;
										font-size: 1em;
										letter-spacing: 0;
									}
									/*hover*/
									.navIn_list a:hover{
									}
							
			
			/*mobile版*/
			.navOpen.mobile {
				display:none;

				opacity:0;
				z-index:-999999;
				position: absolute;
			}	
			


			/* 當滑鼠滑到有下拉選單的主按鍵，下拉選單才會被打開 */ /* modify by pekey 20201119*/
			/* .nav.sstc.show .navOpen.pc {
				display: block;
				transition: 0.3s ease all;
			} */
			
			
			
			
			.nav.sstc {
				position: static;
			}
				/* 20211109 feather 修改top解決hover問題 */
				.navOpen.pc.sstc {
					width: 100%;
					position: absolute;
					left: 538px;
					top: 84px;
					/* top: 90px; */
					/*display: none;*/
					-webkit-transform: translateX(0%) translateY(0%);
					transform: translateX(0%) translateY(0%);
					background: rgba(255, 255, 255, 0.95);
					/*border-top: 1px solid rgba(0,0,0,0.1);*/
					transition: 0.3s ease all;
					z-index: 2;
					padding: 30px 0px;
					/*display: block;*/
				}
				
				.navOpenBgSstcW {
					/* width: 1100px; */
					width: 90%;
					margin: 0 auto;
					display: flex;
					flex-wrap: nowrap;
					flex-direction: row;
				}
				
				
				
				
				
				.navOpenBgImg{
					width:260px;
					box-sizing:border-box;
					margin-right: 80px;
				}
					.navOpenBgImg img{
						width:100%;
						height:auto;
					}				
				
				
				
				
				/* .navOpenBg.sstc {
					width: 250px;
					min-height: 192px;
					border-right: 1px #616161 solid;
				}
					.navOpenBg.sstc .navOpenList a{
						text-align:left;
						padding: 5px 10px 5px 40px;
						background-color: #fff0;
						word-wrap: break-word;
						position: relative;
					}*/

			
								
				.navOpenBg {
					position:relative;
					background-color: #bdd4fc; /*手機選單底色*/
				}
				
				.navOpenList {
					/* padding: 10px 10px; */
				}
				
				
				
				.navOpen.pc.sstc .navOpenBg{
					display: flex;
					flex-wrap: nowrap;
					flex-direction: row;
					min-height: 192px;
					width: calc(100% - 260px);
					box-sizing:border-box;
				}
				

				
				
				.navOpenBgIn{
					box-sizing:border-box;
					width: 33.3%;
				}
	

					.navOpen.pc  .navOpenList a {
						font-size: 18px;
						line-height: 1.5;
						color: rgb(255, 255, 255);
						padding: 10px 10px;
						/* margin-bottom: 30px; */
						/*background: rgba(0,0,0,0.6);*/
						transition: 0.3s ease all;
						text-decoration: none;
						display: block;
						text-align: left;
						/* font-weight: lighter; */
						/* font-family: 'Noto Sans TC', sans-serif; */
						/* display: -webkit-box; */
						/* -webkit-box-orient: vertical; */
						/* -webkit-line-clamp: 2; */
						/* overflow: hidden; */
					}
						/*.navOpen.pc  .navOpenList a:hover {
							text-decoration:none;
							transition: 0.3s ease all;
						}*/	
						
					.navOpen.pc  .navOpenList > a {
						position:relative;
					}

					.navOpen.pc .navOpenList > a:hover {
						background-color: #210d7a; /*選單滑動顏色*/
					}


					/*  .navOpen.pc.sstc  .navOpenList a:before {
						position:absolute;
						content:"";
						background-image:url(../images/icon_right_nav.svg);
						background-position:center;
						background-repeat:no-repeat;
						background-size:8px;
						top:50%;
						left:0px;
						-webkit-transform: translateX(0%) translateY(-50%);
						transform: translateX(0%) translateY(-50%);
						width:8px;
						height:14px;
					}						
					.navOpen.pc  .navOpenList:last-of-type a {
						margin-bottom: 0px;
					} */
					/* .navOpen.pc.sstc  .navOpenList a:hover {
						opacity:0.5;
					}*/						
					
/* 					.navOpen.pc  .navOpenList > a:after{
						position:absolute;
						content:'';
						background-color:#1e4377;
						width:0%;
						height:1px;
						bottom:0px;
						left:20px;
						opacity:0;
						transition: 0.5s ease all;
					}					
					.navOpen.pc  .navOpenList > a:hover:after { 
						position:absolute;
						content:'';
						background-color:#0e8fdf;
						width: calc(100% - 30px);
						height:1px;
						bottom:0px;
						left:20px;
						opacity:1;
						transition: 0.5s ease all; 
					}	*/						
					
					
					
												
@media (max-width: 1660px){			
			
	.logo {
		width: 300px;		
	}
		.nav  a {
			font-size: 16px;
			padding: 28px 5px;
		}
			/*主按鍵_下拉選單*/
			.navOpen.pc {
				top: 71px;
			}

		/*語系區塊*/
		.Lang_area {
			padding-left: 5px;
		}
}
											
																								


@media (max-width: 1165px){

	.header .wrap {
		/* padding: 13px 0; */
		width:85%;
		position: relative;
	}
			
		/*logo*/
		.logo {
		}
	
		/*手機menu按鍵*/
		.menu_btn {
			display:block;
		}
		
		/* .headerArea.active .menu_btn {
			-webkit-transform: translateX(0%) translateY(55%);
			transform: translateX(0%) translateY(55%);
		} */
			
		
		
		/*版頭右----------------------------*/
		.headerRight {
			position: fixed;
			width: 250px;
			top: 0px;
			right: -250px;
			height: 100%;
			box-sizing: border-box;
			background: rgba(0, 0, 0, 0.72);
			transition: 0.3s ease all;
			padding: 72px 0px 0px;
			overflow-y: scroll;
			z-index: 999;
		}
			.headerRight.active {
				right: 0px;
				box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
			}
				.headerRightT{
					display: block;
					order: -1;
				}
				
					
					
					/* 語系	------------------------------------ */
					.Lang_area {
						top: unset;
						left:unset;
						padding: 0;
						text-align: left;
					}	
						.Lang_area  .color-lump {
							background-color: #c4bff4;
							padding: 0;
							width: auto;
							height: auto;
							border-radius: 0px;
						}
							.Lang_area .nL_in > a {
								text-align: left;
								display: block;
								justify-content: unset;
								padding: 10px 10px;
							}								

						
							
											
							
				/*主按鍵*/
				.navbar {
					margin: 0px;
					padding: 0px;
					border-top: none;
					 align-items: unset; 
					flex-direction: column;
				}
	
					.nav {
						float:none;
						width:auto;
						padding: 0px;
						border-bottom: solid 1px #555;
					}
					
						.nav  a {
							border:none;
							border-radius:0px;
							color: #fff;
							text-align:left;
							padding: 10px 10px;
						}
						.nav  a:hover {
							color:#b9d3dc;
						}									
						/* .navTop {
							position: relative;
						}															
							span.NavListArrowTop {
								right: 0px;
								background-image: url(../images/nav_list_arrow2.png);
								width: 34px;
								background-size: 12px;
							}	 */
					
					
					
					
					
					
					
					
					/*當螢幕 990px 才會出現*/
					/*.nav.MB {
						display: block;
					}*/
	
							/*主按鍵展開*/
							.navOpen {
								position: relative;
								width: auto;
								margin: 0px;
								left: 0px;
								top: 0px;
								padding: 0px;
							}
							.nav:hover .navOpen.pc {
								display:none;
								opacity:0;
								z-index:-999999;
							}
							
							.nav:hover .navOpen.pc.sstc {
								display:none;
							}
							
							/* .nav.sstcv:hover .navOpen.pc.sstc {
								display:none;
							} */
							
							
							
							
							.navOpen.mobile {
								display:none;
								opacity:1;
								z-index:1;
								position: relative;
							}
								.navOpenBg:before {
									margin: 0px;
									left: 15px;
									border-width: 8px;
									border-bottom: solid 5px #000;
									top: -5px;
								}
									.navOpenList a {
										/* text-align: center; */										
										color: #000;
										font-size: 14px;
										line-height: 1.2;
										padding: 10px 15px;
										/* background: rgba(0,0,0,0.65); */
										transition: 0.3s ease all;
										text-decoration: none;
										letter-spacing: 0px;
										display: block;
									}
	
									.navOpenList a:hover {
										background-color:#1e4377;
										color:#ffffff;
									}								
									
									
}

@media (max-width: 640px){
	
	/*logo*/
	.logo {
		width: 200px;
	}
	/*版頭右----------------------------*/
	.headerRight {
		padding: 61px 0px 0px;
	}
	
}






/*平板版*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (min-width: 541px) and  (max-width: 950px){
}


/*手機版*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (max-width: 540px){
}