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

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


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

/*浮動*/
.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 {
	/* border-bottom: 2px #db931b solid;
	background-color: #3D61AF; */
	background-color: #787973;	
}

	
		/*手機menu按鍵*/
		.menu_btn {
			position:absolute;
			width:20px;
			top: 50%;
			right: 0px;
			/*right: 15px;*/
			cursor:pointer;
			display:none;
			z-index: 1000;
			margin: -13px 0px 0px;
		}
			.menu_btn span {
				display:block;
				background: #000;
				/*height:2px;*/
				height:4px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					width: 30px;
					top: 0%;
					position: fixed;
					-webkit-transform: translateX(20%) translateY(33%);
					transform: translateX(20%) translateY(33%);
				}
					.menu_btn.active span {
						background:#db931b;
					}
					.menu_btn.active span:nth-of-type(1) {
						/*transform: rotate(39deg);*/
						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(-39deg);*/
						transform: rotate(-45deg);
						transform-origin: bottom left;
					}
}
	.header .wrap {
		position:relative;
	}
		/*logo*/
		.logo {
			width: 250px;
			box-sizing: border-box;
			padding: 31px 0px;
			display: none;
			opacity:0.7;
		}
		
		.logo.logotop {
			padding: 5px 0;
			display: block;
		}

		
		.logo a {
			display:block;
			transition: 0.3s ease all;
		}		
		
		.logo a:hover {
			opacity:0.5;
			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;
				}*/
		

		/*手機menu按鍵*/
		.menu_btn {
			position: absolute;
			width: 20px;
			top: 50%;
			right: 8%;
			-webkit-transform: translateX(0%) translateY(-50%);
			transform: translateX(0%) translateY(-5%);
			/* right: 15px; */
			cursor: pointer;
			display: none;
			z-index: 1000;
			/* margin: -13px 0px 0px;*/
		}
			.menu_btn span {
				display:block;
				background: #000;
				/*height:2px;*/
				height:4px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					width: 30px;
					top: 18px;
					/* right:3%; */
					position: fixed;
					/*top: 0%;
					-webkit-transform: translateX(20%) translateY(33%);
					transform: translateX(20%) translateY(33%);*/
				}
					.menu_btn.active span {
						background: #ffffff;
						margin: 6px 0px;
					}
					.menu_btn.active span:nth-of-type(1) {
						/*transform: rotate(39deg);*/
						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(-39deg);*/
						transform: rotate(-45deg);
						transform-origin: bottom left;
					}
					
					
					
					
					
					
					
					
					
					
					
					
				
		/*版頭右*/
		.headerRight {
			float:right;
			box-sizing: border-box;
		}
			/*版頭右上*/
			/*.headerRightTop {
				position: relative;
				text-align: right;
			}*/
				/*版頭社群*/
				/*.headerRightTop_socialLinkArea {
					float:right;
					padding:0px 7px;
				}
					.hRT_socialLink {
						float:left;
						padding:0px 7px;
					}
						.hRT_socialLink a {
							display:block;
						}
							.hRT_socialLink img {
							}
								.hRT_socialLinkImg1 {
								}
								.hRT_socialLinkImg2 {
									display: none;
								}
									hover
									.hRT_socialLink a:hover .hRT_socialLinkImg1 {
										display:none;
									}
									.hRT_socialLink a:hover .hRT_socialLinkImg2 {
										display: block;
									}*/
									
									
				/*電腦版頭語系*/
				/*.lang_pc{
					border: solid 1px #c5c3c3;
					border-top: 0px;
					z-index:999;
					
					display: inline-block;
					float: right;
					
					color: #fff;
					background: #e9e9e9;
					border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					
					position: relative;
    				right: -12px;
				}
				
					.lang_pc > a{
						display: block;
						padding: 7px 26px 7px 12px;
						background-color: transparent;
						color: #000000;
						font-size: 12px;
						text-align: center;
						text-decoration: none;
						position: relative;
						
						box-sizing: border-box;
					}
					.lang_pc > a:after{
						position: absolute;
						content: '';
						border-top: solid 6px #c3c1c1;
						border-left: solid 3px rgba(255,255,255,0);
						border-right: solid 3px rgba(255,255,255,0);
						top: 10px;
						right: 10px;
					}
					
					.nL_in{
						display:none;
						
						position: fixed;
   						width: 90px;
						z-index: 1000;
					}
						.nLI_list{
							text-align:center;
						}
							.nLI_list a{
								display:block;
								color:#fff;
								font-size:12px;
								padding:8px;
								background-color: rgba(0,0,0,0.65);
								text-decoration:none;
		
							}
							.nLI_list:hover a{
								background-color: #db931b;
							}*/					
					
					
					/*手機板語系一開始隱藏*/
					/*.lang {
						display:none;
						float:right;
					}
					.langLink {
						position:relative;
						float:left;
						padding:0px 10px;
					}
					.langLink:nth-of-type(2) {
						padding-left:15px;
						padding-right:15px;
					}
						.langLink:after {
							content:'/';
							position:absolute;
							top:4px;
							right:0px;
						}
							.langLink:nth-of-type(2):after {
								display:none;
							}
							
						.langLink a {
							display:block;
							text-decoration:none;
							font-size:14px;
							line-height:22px;
							color:#8c8c8c;
						}
							.langLink a:hover, .langLink.active a {
								color:#0048dc;
							}*/
					
					
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
/*版頭上方區塊---------------------------------------------------------------*/			
			
			
.headerTop {
	background-color: #db931b;
	padding: 5px 0px;
	/* position:relative; */
	text-align: right;
}
	
.headerTop .wrap{
	display: flex; 
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}





/*版頭上方按鍵區*/
	/* .headerTop_btn{
		display:none;
		text-align:center;
		opacity: 0.6;
	}
		.headerTop_btn a{
			display: block;
			padding: 5px 5px;
			transition: 0.3s ease all;
		}
		.headerTop_btn a:hover{
			transition: 0.3s ease all;
			transform:scale(0.8);
		}		
		
		.headerTop_btn img{
			width: 20px;
			height: auto;
			opacity: 0.8;
		} */
       



.headerTopIn{
	box-sizing: border-box;	
}
	
			
	/*版頭上方按鍵區*/
	.headerTopRightNav{
		text-align: right;
		display: inline-block;
		/* padding: 11px 0; */
		box-sizing: border-box;
		vertical-align: middle;
	}
							
		 /*版頭上方按鍵*/
		.headerTopRightNavList{
			display: inline-block;
			box-sizing: border-box;
			padding-left: 25px;
		} 
		.headerTopRightNavList:first-child{
			padding-left: 0px;
		}
		
		
		
			.headerTopRightNavList a{
				display:block;
				font-size: 13px;
				color: #fff;
				transition: 0.3s ease all;
				text-decoration:none;
				text-align: center;
			}
			.headerTopRightNavList i{
				font-size: 18px;
				color: #fff;
				vertical-align: -15%;
			}
			.headerTopRightNavList span.tw{
				display: block;				
			}
			.headerTopRightNavList span.en{
				font-family: 'Kulim Park', sans-serif;
				font-size: 12px;
				transform: scale(0.9);
				transform-origin: center;
				margin: 4px 0 0;
				color: #eaeaea;
				font-weight: normal;
				display: block;
			}
			.headerTopRightNavList a:hover ,
			.headerTopRightNavList a:hover span.en{
				color:#000000;
				transition: 0.3s ease all;
			}











/*================================================*/
/*----- Pc版_搜尋 -----*/
/*================================================*/			



	/*站內搜尋Pc-----------------------------------------*/
	.SearchBgPc {
		/* display:none; */
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		padding-left: 25px;
		/* padding: 5px 0; */
		vertical-align: middle;
		width: 225px;
	}
	
		.SearchBgPc_left{
			position:absolute;
			top:0px;
			left:0px;
			width:30px;
			
			display:none;
		}
			.SearchBgPc_left select{
				font-size: 12px;
				color: #333;
				padding: 11px 18px 11px 7px;
				border-radius: 0px;
				border: none;
				border-right: 1px #dadada solid;
			}				
	
	
		.SearchAreaPc {
			position:relative;
			box-sizing:border-box;
			padding-right: 30px;
			background: #ac7d11;
			width: auto;
			border-radius: 50px;
		}
			.SearchAreaPc input[type='text'] {
				border: none;
				background: none;
				height: 30px;
				line-height: 20px;
				font-size: 13px;
				padding: 1px 14px 0;
				color: #eaeaea;
			}
			.SearchAreaPc label {
				position:absolute;
				top:0px;
				right:0px;
				/*height:23px;*/
				box-sizing:border-box;
				/*padding: 2px 6px;*/
				height: 30px;
				padding: 7px 9px;
			}
				.SearchAreaPc i {
					font-size:18px;
					color: #ffffff;
				}
				.SearchAreaPc input[type='submit'] {
					display:none;
				}	


				.SearchAreaPc ::placeholder { /* CSS 3 標準 */
					color: #eaeaea;
				}
				.SearchAreaPc ::-webkit-input-placeholder { /* Chrome, Safari */
					color: #eaeaea;
				}				
				.SearchAreaPc :-ms-input-placeholder { /* IE 10+ */
					color: #eaeaea;
				}
				.SearchAreaPc ::-moz-placeholder { /* Firefox 19+ */
					color: #eaeaea;
					opacity: 1;
				}
				  











	
	
			
			


/*================================================*/
/*----- Mobile版_搜尋 -----*/
/*================================================*/			

/*Mobile搜尋區塊------------------------------------------------*/
.searchAreaMobile{ 
    position: absolute;
    right: calc(8% + 50px);
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
	display: none;
}
	/*搜尋icon*/
	.search_iconMobile{
		transition: 0.3s ease all;
	}
		.search_iconMobile label{
			position: relative;
			display: block;
		}
			/*.search_iconMobile i{
				font-size: 35px;
				line-height: 35px;
				color: #3e3a39;
				display: block;
			}*/
			
			.search_iconMobile label div{
				position:relative;
				display:block;
			}
			.search_iconMobile label div img{
				width: 20px;
				height: 20px;
				display: block;
			}
			.search_iconMobile label div:before{
				position: absolute;
				content: '';
				background-color: #3e3a39;
				width: 0%;
				height: 1px;
				bottom: -12px;
				left: 0px;
				opacity: 0;
				transition: 0.2s ease all;
			}
			
			
		/*hover*/
		.search_iconMobile:hover label{
			/*opacity:0.5;*/
			transition: 0.3s ease all;
		}	
		.search_iconMobile:hover label div:before{
			background-color:#5f4f98;
			width: 120%;
			opacity:1;
			transition: 0.2s ease all;
		}		
		
		
		


.search_inAreaMobile{ 
	-webkit-transition: top .2s;
	transition: top .2s;
	position: absolute;
	overflow: hidden;
	width: 300px;
	display: none;
	top: 45px; 
	right: -20px;
	background: rgba(255, 255, 255, 0.95);
	box-sizing: border-box;
	padding: 15px 15px;
	z-index: 2;
	box-shadow: 0 18px 40px rgb(51 51 51 / 20%);
}
.header3.fixed .search_inAreaMobile{
	top: 77px;
}
	
	/*搜尋類別*/
	.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_inBoxMobile{
		position: relative;
		width: 100%;
		padding: 0px 50px 0px 0px;
		box-sizing: border-box;
	}
		.search_inBoxMobile input{
			background: transparent;
			border: 0px;
			/*color: #fff;*/
			color: #333;
			font-size: 16px;
			font-weight: bold;
			line-height: 22px;
			height: 40px;
			padding: 0px;
			border-radius: 0;
			width: 100%;
			border-bottom: 1px solid #3e3a39;
		}
		.search_inBoxMobile input[type="text"]:focus{
			border: 0px;
		}
		
	.search_inBoxMobile a{
		z-index: 2002;
		color: #3e3a39;
		position: absolute;
		right: 0px;
		top: 10px;
		text-decoration: none;
	}
		.search_inBoxMobile span{
			display:inline-block;
			vertical-align:middle;
		}
		.search_closeMobile{
			font-size:22px;
			font-weight:lighter;
		}	
		
	
	
			
			
			
			
			
			
			
	
					
					
			
			
			
			/*主按鍵----------------------------*/
			.navbar {
				padding: 0px 0px;
				/*padding: 25px 0px;*/
				margin: 0px -35px;
				/*letter-spacing: 0px;*/
			}
				.nav {
					float: left;
					box-sizing:border-box;
					position: relative;		
					transition: 0.3s ease all;			
				}
				/*當螢幕 990px 才會出現*/
				.nav.MB {
					display: none;	
				}
					.nav a {
						display:block;
						text-decoration:none;
						position:relative;
					}
					.nav > a {
						text-align: center;
						font-size: 16px;
						padding: 15px 35px;
						color: #ffffff;
						transition: 0.3s ease all;
						position: relative;
					}

						.nav span{
							display: block;
						}
						.nav span.tw{
						}
						.nav span.en{
							font-family: 'Kulim Park', sans-serif;
							font-size: 12px;
							margin: 8px 0 0;
							color: #eaeaea;
							font-weight: normal;
						}



					/*.nav:hover > a {
						color:#ccc;
						transition: 0.3s ease all;
					}*/						
					.nav:hover > a ,
					.nav:hover > a span.en {
						color:#db931b;
						transition: 0.3s ease all;
						/* opacity:0.5; */
						/*background-color:#db931b;*/
					}	
					
					

					/*.nav > a:before {
						content:url(../images/top_line.png);
						position:absolute;
						left:0px;
						top:0px;
						margin:-6px 0px 0px 0px;
					}*/						
						
					.nav:nth-child(3) > a:before {
						display:none;
					}						
						
						
						
						
						
							/*主按鍵展開*/
							.navOpen {
							}
							.navOpen.pc {
								position:absolute;
								width:164px;
								/* margin:0px 0px 0px -82px; */
								/* modify by david 20220812 start */
								/* display:none; */
								opacity: 0;
								visibility: hidden;
								/* modify by david 20220812 end */
								z-index: 2;
								top:80px;
								left:50%;
								-webkit-transform: translateX(-50%) translateY(0%);
								transform: translateX(-50%) translateY(0%);
							}							
							
							
							
							/*.navbar .nav:nth-of-type(4):hover .navOpen.pc {
								display:block;
							}*/	

							/*遮色片 modify by david 20220624 start*/
							.navMask {
								position: fixed;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								background-color: rgba(0,0,0,.5);
								z-index: -1;
								opacity: 0;
								visibility: hidden;
							}
			
							.navMask.active {
								opacity: 1;
								visibility: visible;
								transition: 0.2s ease all;
							}
							/*遮色片 modify by david 20220624 end*/
							
							
							
				.nav.sstc{
					position:static;
				}		
							
				.navOpen.pc.sstc {
					width: 100%;
					position: absolute;
					left: 0;
					top: 0px;
					/*display: none;*/
					-webkit-transform: translateX(0%) translateY(0%);
					transform: translateX(0%) translateY(0%);
	
					border-top: 1px solid rgba(0,0,0,0.1);
					/* transition: 0.3s ease all;modify by david 20220908  */
					/* transition: 0.3s ease all; */
					z-index: -1;
					backdrop-filter: blur(1px);  /* 模糊背景*/ 
					/* padding-right:10px; */
					overflow-x: hidden;

					/* modify by david 20220621 start */
					/* overflow-y: auto; */
					/* background-color: rgba(0, 0, 0, 0.65); */
					overflow-y: hidden; /* modify by pekey 20220711 */
					background-color: #fff;		
					/* modify by david 20220621 end */
					/* modify by david 20220701 start */
					max-height: 385px;
					/* modify by david 20220701 end */
				}

				/* modify by david 20220623 start */
				#sstc3{
					min-height: 300px;
				}

				#sstc3 .sstcWrap{
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					vertical-align: middle;
					align-items: stretch;
					/* justify-content: space-between; */
					align-content: flex-start;
					max-width: 1200px;
					margin: 0 auto;
					/* modify by david 20220701 start */
					/* padding: 25px 0px 5px; */
					/* padding: 10px 0px 5px; */ /* modify by pekey 20220711 */
					/* modify by david 20220701 end */
					width: unset;
					/* padding: 25px 0px 25px;*/

					/* modify by pekey 20220711 */
					padding: 15px 0px 5px;
				}

				#sstc3 .sstc_List{
					box-sizing: border-box;
					/* width: 16.6%; */
					width: 20%;
					padding: 0px 10px 20px;
				}

				#sstc3 .sstc_bg{
					max-height: unset;
    				overflow-y: unset;
				}

				#sstc3 .sstc_bg .navOpenList {
					/* border-top: 0px solid #6b6b6b; */
					padding-left: 0px;
				}

				#sstc3 .sstc_bg > .navOpenList a{
					/* padding: 0px 0px 0px 15px; */ /* modify by pekey 20220711 */
					padding: 5px 0px 5px 15px;
				}

				#sstc3 .navOpenList > a::after{
					border-bottom: 0px solid #db931b;
				}

				
				
				

				/* modify by david 20220623 end */

				/* .navOpen.pc.sstc::-webkit-scrollbar {/*滾動條整體樣式*/
					/*width: 10px;     /*高寬分別對應橫豎滾動條的尺寸*/
					/*height: 1px;
				} */
				/*.navOpen.pc.sstc::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
					/*border-radius: 2px;
					 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
					/*background: #535353;*/
					
					/* background-image: linear-gradient(to top, #005f99 0%, #99ca3b 100%);	  */
					/*background-image: linear-gradient(to top, #db931b 0%, #db931b 100%);
				}
				.navOpen.pc.sstc::-webkit-scrollbar-track {/*滾動條裡面軌道*/
					/*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
					border-radius: 2px;
					background: #EDEDED;
				}*/

				/* modify by david 20220907 start */
				.navOpen.pc.sstc.active {
					opacity: 1;
					top: 119.5px;
					visibility: visible;
					transition: 0.2s ease all;
				}
				/* modify by david 20220907 end */







				/* 火狐瀏覽器 */
				@-moz-document url-prefix() { 
					.navOpen.pc.sstc {
						 /* backdrop-filter: blur(3px); 模糊背景*/
						/*modify by david 20220623 start*/ 
						background-color: #fff; 
						/* background-color: rgba(0, 0, 0, 0.25); */
						/*modify by david 20220623 end*/ 
						overflow: hidden;						
					}
					.navOpen.pc.sstc:before {
						position: absolute;
						content: '';
						/*modify by david 20220623 start*/ 
						background-color: #fff; 
						/* background-color: rgba(0, 0, 0, 0.45); */
						/*filter: blur(3px);*/  /* 模糊背景*/
						/*modify by david 20220623 end*/ 
						width: 110%;
						height: 110%;
						top: 50%;
						left: 50%;
						z-index: -1;
						-webkit-transform: translateX(-50%) translateY(-50%);
						transform: translateX(-50%) translateY(-50%);
					}
				 }
				/*.header.fixed .navOpen.pc.sstc {
					top:0px;
				}*/

					
					.sstcWrap{
						display: flex;
						flex-direction: row;
						flex-wrap:wrap;
						vertical-align: middle;
						align-items: stretch;
						/*justify-content: space-between;*/
						align-content:flex-start;
						/*max-width: 80%;*/

						/* modify by david 20220622 start */
						/* margin: 0 auto; */
						/* max-width: 1200px; */
						/* padding: 25px 0px 5px; */
						margin: 0 50px; 
						width: 600px;
						/* padding: 0px 0px 5px; */ /* modify by pekey 20220711 */
						position: relative;
						/* modify by david 20220622 end */

					}
					
					.sstc_List{
						box-sizing: border-box;
						/* width: 16.6%; */
						/* modify by david 20220622 start */
						/* width: 20%; */
						width: 80%;					
						/* padding: 0px 0px 20px;  */ /* modify by pekey 20220711 */
						/* padding: 0px 10px 20px; */
						/* modify by david 20220622 end */
					}
                                    
						.sstc_ListTitle{
							font-size: 18px;
							line-height: 18px;
							/* margin: 0px 0px 15px; *//* modify by pekey 20220711 */
							margin: 0px 0px 10px;
							padding: 0px 0px 0px 10px;
							color: #db931b;
							font-weight: bolder;
							border-left: 3px #db931b solid;
							cursor: default;
						}
						.sstc_ListTitle a{
							display:block;
							text-decoration:none;
							color: #db931b;
						}						
						.sstc_ListTitle a:hover{
							opacity:0.5;
							cursor: pointer; 
						}
						.sstc_bg{
							/* modify by david 20220623 start */
							max-height: 378px;
							overflow-y: auto;
							/* modify by david 20220623 end */

							/* modify by pekey 20220711 */
							/* min-height: 378px; */
							min-height: auto;
							/* modify by david 20220712 start */
							/* border-right: 4px solid rgb(0 0 0 / 7%); */
							/* modify by david 20220712 end */
						}

						.nav.sstc.PD .sstc_bg{
							/* modify by pekey 20220711 */
							max-height: unset;
							min-height: unset;
							border-right: unset;
						}

							.sstc_bg .navOpenList{
								/*border-top: 0px solid #6b6b6b;*/
								/* modify by david 20220622 start */
								padding-left: 160px;
								
								/* modify by david 20220622 end */
							}
							
							.sstc_bg > .navOpenList a{
								text-align:left;
								/*padding:10px 0px 10px 15px;*/
								/* modify by david 20220623 start */
								/* padding:0px 0px 0px 15px; */
								padding: 10px 30px;
								/* modify by david 20220623 end */
								/*color: #333;*/
								background: rgba(0,0,0,0.0);
								/*border-bottom:1px #cfcfcf solid;*/
							}
								.sstc_bg > .navOpenList a:hover {
									background-color: #ebeeee;
									/*opacity:0.5;*/
									/* modify by david 20220623 start */
									/* color: #e76221; */
									color: #db931b;
									/* modify by david 20220623 end */
									transition: 0.3s ease all;
								}	
								
								

/* modify by david 20220712 start */
.sstc_bg .navOpenList_line{
	position: absolute;
	top: 0;
	left: 477px;
	width: 4px;
	height: 100%;
	background-color: rgb(0 0 0 / 7%);
}
.sstc_bg .navOpenList_line2{
	position: absolute;
	top: 0;
	left: 842px;
	width: 4px;
	height: 100%;
	background-color: rgb(0 0 0 / 7%);
}
.navOpenList_line.none{
	z-index: -999;
}
/* modify by david 20220712 end */






						
					/* 下拉選單箭頭	 */
					.navOpenSstcBotArrow{
						position: fixed;
						top: 316px;
						left: 50%;
						transform: translateX(-50%) translateY(0%);
						z-index: 0;
						opacity: 0;
						width: 50px;
						/* display: none; */
					}

					/*modify by david 20220622 start*/			
					.navOpenList > a::after{
						content: '';
						position: absolute;
						top: 45%;
						right: 10%;
						border-left: 4px solid transparent;
						border-right: 4px solid transparent;
						border-bottom: 6px solid #cacbcd;
						
						transform: rotate(90deg);
					}			
					/*modify by david 20220622 end*/	

							
					.navOpenList > a:hover::after{
						border-bottom: 6px solid #db931b;
					}

					/* .navOpenSstcBotArrow.ad{
						opacity: 0.5;
					} */
						.navOpenSstcBotArrow img{
							width: 50px;
							height: auto;
						}
					
						.nav.sstc:hover .navOpenSstcBotArrow.ad{
							opacity: 1;
						}

					/* .navOpen.pc.sstc:after{
						position: fixed;
						content: "";
						background-image: url(../images/navOpenSstcBotArrow.svg);
						background-size: 50px;
						background-position:center;
						background-repeat: no-repeat;
						width: 50px;
						height: 50px;
						bottom: 10px;
						left: 50%;
						transform: translateX(-50%) translateY(0%);
						z-index: 0;
						opacity: 0;
					}
					.navOpen.pc.sstc.ad:after{
						opacity: 0.5;
					} */
					
					/*.sstc_area{
						text-align: center;
						padding: 30px 0px;
						
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						vertical-align: middle;
						align-items: stretch;
						justify-content: space-between;
					}*/
					
										
						/*子選單_標題區塊*/
						/*.nav_titArea{
							width: 40%;
							box-sizing: border-box;
							padding: 41px 30px 30px 0px;
						}
							.nav_titIn{
								color: #898989;
								font-size: 23px;
								text-align: right;
							}*/
							
							
				
							

							
							.navOpen.mobile {
								display:none;
								opacity:0;
								z-index:-999999;
								position: absolute;
							}
								.navOpenBg {
									position:relative;
								}
									/*.navOpenBg:before {
										position: absolute;
										content:'';
										border-bottom: solid 8px rgba(0,0,0,0.65);
										border-left: solid 12px rgba(255,255,255,0);
										border-right: solid 12px rgba(255,255,255,0);
										top:-8px;
										left:50%;
										margin:0px 0px 0px -12px;
									}*/
										.navOpenList {
											/*border-top: 1px solid #6b6b6b;*/
										}
											.navOpenList a {
												text-align:center;
												font-size: 14px;
												/* modify by david 20220622 start */
												color: #363a3d;
												/* modify by david 20220622 end */
												line-height:22px;
												padding: 10px 0px;
												background:rgba(0,0,0,0.65);
												transition:0.3s ease all;
												
												letter-spacing: 0px;
											}
											
												.navOpenList > a:hover {
													/* background-color: #db931b; */
													/* modify by david 20220622 start */
													/* color: #e76221; */
													color: #db931b;
													background-color: #F6F6F7;
													/* modify by david 20220622 end */
												}
												
												/*.navOpenList:hover {
													border-top: 1px solid #db931b;
												}*/
												/* modify by david 20220621 start */
												/*展開選單第二層*/
												.nOL_open {
													background: #fff;
													position: absolute;
													left: 80%;
													top: 0;
													transform: translate(0% , 0%);
													width: 60%;
													
													/* modify by david 20220623 start */
													max-height: 336px;
													overflow-y: auto;
													/* modify by david 20220623 end */
													display: none;
													/* modify by david 20220712 start */
													/* border-right: 4px solid rgb(0 0 0 / 7%); */
													/* modify by david 20220712 end */
													
													/* border-left: 4px solid rgb(0 0 0 / 7%); */ /* modify by pekey 20220711 */
													/* padding: 10px 0; */ /* modify by pekey 20220711 */

													box-sizing: border-box;

													/* opacity: 0; */

													/* modify by david 20220712 start */
													/* modify by pekey 20220711 */
													/* min-height: 336px; */
													/* modify by david 20220712 end */
												}
												
												.navOpen.pc.sstc .navOpenList.active .nOL_open{
													/* opacity: 1; */
													display:block;
												}
												/* .navOpenList:hover .nOL_open{
													display:block;													
												} */


												.nav.sstc.PD .nOL_open{
													/* modify by pekey 20220711 */
													max-height: unset;
													min-height: unset;
												}


							
												.nOLO_list {
													text-align: left;
													
												}
													.nOLO_list > a {
														display: block;
														/* modify by david 20220622 start */
														color: #363a3d;
														/* modify by david 20220622 end */

														/* font-size: 13px;
														line-height: 20px; */ /* modify by pekey 20220711 */

														letter-spacing: 0px;
														text-decoration: none;
														padding: 5px 5px;
													}
													/* modify by david 20220622 start */
													.nOLO_list > a:hover {	
														color: #db931b;
														
													}	
													/* modify by david 20220622 end */
												/* .navOpenList a:hover .nOL_open{
													display:block;
												} */
												/* modify by david 20220621 end */
												
	
												

@media (max-width: 1300px){

	.sstcWrap{
		max-width: 1150px;
	}

}






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


/*logo*/	
/* .logo {
	width: 210px;
    padding: 23px 0px;
}	

		.lang_pc{
			right: unset;
		} */
	
		/*主按鍵*/
		/* .navbar {
			margin: 0px -5px;
		}*/

				.nav > a {
					/* padding: 20px 10px; */
				}
				
					/* .navOpen.pc {
						top: 76px;
					}
					
									
					.navOpen.pc.sstc {
						top: 115px;
					}  */
					

				
}


@media (max-width: 1180px){
			
/*主按鍵*/
/* .navbar {
}
	.nav > a {
	} */		
		.sstcWrap{
			max-width: 990px;
		}				
}	

@media (max-width: 1020px){

/*主按鍵*/
.navbar {
	margin: 0px;
}

		.nav > a {
		}
		
		.nav.lastnav > a {
			padding-right:0px;
		}			
		
				.nav > a:before {
					display:none;
				}
		
}
	




@media (max-width: 990px){

.headerArea{
	/*transition: 0.8s ease all;*/
	/*top: -60px;*/
}
.headerArea.active{
	/*transition: 0.8s ease all;*/
}

.header {
    background-color: #ffffff;
}
			
/*版頭上方區塊-----------*/									
.headerTop {
	display: none;
	position: absolute;
	width: 100%;
	top: -60px;
}

.headerArea.active .headerTop {
	position:static;
    top:auto;

	
	animation-name:fadeInDown;	                 /*動畫名稱*/
	animation-duration:0.2s;                     /*動畫持續時間，預設 0，單位 s 或 ms。*/
	animation-delay:0s;	                         /*動畫延遲播放時間，預設 0，單位 s 或 ms。*/
	animation-iteration-count:1;	             /*動畫播放次數，預設 1。其他還有 infinite。*/
	animation-timing-function:ease-in;	         /*動畫加速度函式，預設 ease。  其他還有： linear、ease-in、ease-out、ease-in-out、step-start、step-end、steps(int,start/end)、cubic-bezier(n,n,n,n)。*/
	animation-direction: alternate;	             /*動畫播放方向，預設 normal。其他還有 reverse、alternate、alternate-reverse。*/
	animation-fill-mode: both;                   /*動畫播放前後模式，預設 none。其他還有 forwards、backwards、both。*/
	animation-play-state: running;	             /*動畫播放或暫停狀態，預設 running。其他還有 paused。*/	
}




	/*版頭上方按鍵區*/
	/* .headerTop_btn{
		position: absolute;
		display: block;
		top: 60px;
		left: 50%;
		display:block;
		-webkit-transform: translateX(-50%) translateY(0%);
		transform: translateX(-50%) translateY(0%);
		transition: 0.25s ease all;
	}	
	.headerArea.active .headerTop_btn {
		-webkit-transform: translateX(-50%) translateY(0%) rotate(180deg);
		transform: translateX(-50%) translateY(0%) rotate(180deg);
		transition: 0.25s ease all;
		top: 40px;
	} */


.headerTopRightNavList.headerTopRightNavListMob{
	display:none;
}


	/*logo*/
	.logo {
		padding: 15px 0px;
		display: block;
		width: 290px;
	}
	.logotop{
		display: none;		
	}
	
	
	/*手機menu按鍵*/
	.menu_btn {
		display:block;
	}
	.headerArea.active .menu_btn {
		-webkit-transform: translateX(0%) translateY(55%);
		transform: translateX(0%) translateY(55%);
	}
		
	
	
	
	/*版頭右*/
	.headerRight {
		position: fixed;
		width: 200px;
		top: 0px;
		right: -200px;
		height: 100%;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0.72);
		transition: 0.3s ease all;
		padding: 70px 0px 0px;
		overflow-y: scroll;
		z-index: 999;
	}
		.headerRight.active {
			right: 0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
		}
			/*版頭社群*/
			/*.headerRightTop_socialLinkArea {
				float: none;
				padding: 0px;
				background: rgba(255, 255, 255, 0.95);
				position: absolute;
				width: 100%;
				bottom: 0px;
				text-align: right;
			}
				.hRT_socialLink {
					float: none;

					display: inline-block;
					padding: 0px;
				}
					.hRT_socialLink a {
						padding: 9px 9px;
					}*/
			
			

			
			/*電腦語系消失*/
			.lang_pc{
				display:none;
			}

			/*手機版頭語系*/
			.lang {
				float: none;
				border: none;
				background: #37b6a3;
				border-radius: 0px;
				display:block;
			}
				.langLink {
					box-sizing:border-box;
					width:49.9%;
					text-align:center;
				}
					.langLink a {
						/*line-height: 42px;*/
						color: #fff;
						padding: 7px 0px;
					}

					.langLink:after {
						top: 12px;
						right: -3px;
						color:#fff;
					}
						.langLink a:hover, .langLink.active a {
							color: #db931b;
    						font-weight: bold;
						}
				
				
				
				
				
				/*搜尋區塊------------------------------------------------*/
				.search_areaPC{
					display:none;
				}
				/*Mobile搜尋區塊------------------------------------------------*/
				.searchAreaMobile{ 
					display:block;
				}
					
				/*搜尋mobile-----------------------------------------*/
				/* .siteSearch {
					display:block;
				}		 */
						
				/*電腦版頭搜尋*/
				/*.header_search_area{
					display:none;
				}*/
						
						
				/*手機版頭搜尋*/
				/*.siteSearch {
					display:block;
					float:none;
					padding:0px;
				}
					.siteSearchBg {
						border-radius: 0px;
						background: #fff;
						box-sizing: border-box;
						width:100%;
						border-top: none;
						border-left: none;
						border-right: none;
						border: solid 2px #37b6a3;
					}
						.siteSearchBg input[type='text'] {
							height:38px;
							line-height:38px;
							font-size:15px;
						}
						.siteSearchBg label {
							height:38px;
							padding: 10px 6px;
						}*/		
						
				
						
						
						
						
						
			/*主按鍵*/
			.navbar {
				margin:0px;
				padding:0px;
				border-top:none;
			}
				.nav {
					float:none;
					width:auto;
					padding: 0px;
					border-bottom: solid 1px #555;
				}
				/*當螢幕 990px 才會出現*/
				.nav.MB {
					display: block;
				}
					.lang{
						margin: 0px 0px 5px;
						background-color: #696969;
					}
					.langLink:after {
    					top: 14px;
					}
						.langLink a{
							padding: 10px 0px;
						}
					
					.nav > a {
						font-size: 15px;
						border:none;
						border-radius:0px;
						/*background: #f3f3f3;*/
						color: #f3f3f3;
						text-align:left;
						padding: 12px 20px;
					}
						/*主按鍵展開*/
						.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;
						}

						/* 下拉選單箭頭	 */
						.navOpenSstcBotArrow{
							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:left;
									padding: 12px 15px;
									font-size:14px;
									/*modify by david 20220623 start*/
									color: #fff;
									/*modify by david 20220623 end*/
								}
								/*modify by david 20220623 start*/
								.navOpenList > a:hover {
									background-color: #db931b;
									color:#fff;
								}
								/*modify by david 20220623 end*/
								/*modify by david 20220622 start*/			
								.navOpenList > a::after{
									display: none;
								}			
								/*modify by david 20220622 end*/
								/*modify by david 20220624 start*/
								.navMask {
									display: none;
								}
								.navMask.active {
									display: none;
								}
								/*modify by david 20220624 end*/
}	

@media (max-width: 768px){
		/*logo*/
		.logo {
			/*margin: 0px auto;*/
			float: none;
			/*padding: 5px 0px;*/
		}
				
}

@media (max-width: 640px){
	/*logo*/
	.logo {
		width: 190px;
		padding: 10px 0px;
	}
		.logo_flash {
			display:none;
		}
		
	/*手機menu按鍵*/
	.menu_btn {
	}
		.menu_btn.active {
			top: 5px;
		}	

	.searchAreaMobile {
		right: calc(8% + 40px);
	}
		.search_inAreaMobile {
			width: 250px;
			top: 33px;
		}

	/*版頭右*/
	.headerRight {
		padding: 46px 0px 0px;
	}
}



@media (max-width: 425px){

			
/*版頭上方區塊-----------*/									
/* .headerTop {
	top: -105px;
} */
	/*版頭上方按鍵區*/
	/* .headerTop_btn{
		top: 110px;
	}
	.headerArea.active .headerTop_btn {
		top: 106px;
	} 

.headerTopRightNav {
    text-align: center;
    margin: 0 auto;
    display: block;
}			
	.headerTopRightNavList.headerTopRightNavListMob{
		display:none;
	}
	.headerTopRightNavList{
		display:block;
		padding:5px 0px;
		margin:0 auto;
	}


.headerArea.active .menu_btn {
    -webkit-transform: translateX(0%) translateY(179%);
    transform: translateX(0%) translateY(179%);
}
.headerArea.active .menu_btn.active {
    -webkit-transform: translateX(0%) translateY(50%);
    transform: translateX(0%) translateY(50%);
}*/


	
	/*logo*/
	/* .logo {
		width: 220px;
		margin: 0px;
	} */
					
}











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


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