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


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

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




.headerArea {
	position: fixed;
	width: 100%;
	z-index: 999;
	transition:0.3s ease all;
}
/*浮動*/
.headerArea.fixed {	
	transition:0.3s ease all;
	box-shadow: 0px 0px 15px #00000038;
}



.header {
	position:relative;
	background-color: #fff;
}
	.header .wrap {
		position:relative;
	}
	/*浮動*/
	.headerArea.fixed .header .wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 90%;
		max-width: unset;
		transition:0.3s ease all;
	}





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

/*logo---------------*/
.logo {
	padding: 0;
	margin: 0;
	display: block;
	width: 160px;
	box-sizing: border-box;
	/* padding: 12px 0px 0; */
	padding: 12px 0;
}


/*浮動*/
.headerArea.fixed .logo {
    /* width: 110px;
    padding: 15px 0px; */
	padding: 5px 0;
	width: 150px;
}





	.logo a {
		display:block;
		transition:0.3s ease all;
	}	
	.logo a:hover {
		transition:0.3s ease all;
		opacity:0.7;
	}			
		.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按鍵*/
.menu_btn {
	position:absolute;
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	cursor:pointer;
	display:none;
	z-index: 1000;
}
	.menu_btn span {
		display:block;
		background: #d8251c;
		height: 3px;
		margin: 7px 0px;
		transition:0.3s ease all;
		border-radius: 5px;
	}
		/*點擊*/
		.menu_btn.active {
			top: 25px;
			right: calc(5% + 15px);
			transform: translateY(0%);
			position: fixed;
		}
			.menu_btn.active span {
				background:#fff;
				margin: 6px 0px;
			}
			.menu_btn.active span:nth-of-type(1) {
				transform: rotate(39deg);
				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-origin: bottom left;
			}
		











			
/*========================================================================================================*/
/*-------版頭右上連結--------*/
/*========================================================================================================*/
			



	/* 版頭右上連結 */
	ul.headerRightLink{
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		position: absolute;
		right: 0;
		top: 40px;
		font-size: 14px;
		line-height: 1.2;
		margin: 0 -10px;
		/* border-bottom: 1px solid #0000001a; */
		padding: 12px 0px;
	}



		ul.headerRightLink li{
			padding: 0;
			margin: 0;
			list-style-type: none;
			display: block;
			/* padding: 0 10px; */
		}
			ul.headerRightLink a{
				display: block;
				text-decoration: none;
				transition:0.4s ease all;
				color: #333333;
				/* background-color: #F39800; */
				padding: 0px 10px;
				/* border-radius: 15px; */
				position: relative;
			}
			ul.headerRightLink li a:before{
				position: absolute;
				content: "";
				right: -12px;
				top:50%;
				left: 0;
				transform: translateY(-50%);
				background-color:#00000040;
				width: 1px;
				height: 18px;
			}
			ul.headerRightLink li:first-of-type a:before{
				display: none;
			}
			ul.headerRightLink li:last-of-type a:before{
				display: none;
			}
			ul.headerRightLink a:hover{
				transition:0.4s ease all;
				color: #d8251c;
			}
			ul.headerRightLink .member_pc a:hover{
				transition:0.4s ease all;
				color: #f39800;
			}
			

	/* 浮動 */
	.headerArea.fixed ul.headerRightLink{	
		transition:0.3s ease all;
		position: absolute;
    	right: 0;
		border-bottom: none;
		/* display: none; */
	}
		.headerArea.fixed ul.headerRightLink li{	
			transition:0.3s ease all;
			/* display: none; */
		}

		.headerArea.fixed ul.headerRightLink li.member_pc {
			transition: 0.3s ease all;
			display: block;
		}
		.member_pc .person{
			display: none;
		}

			
/*================================================*/
/*-------版頭右搜尋Icon--------*/
/*================================================*/
	

/*版頭右搜尋Icon---------*/

	ul.headerRightLink li.search_pc{				
	}
		ul.headerRightLink li.search_pc a{				
		}
			ul.headerRightLink li.search_pc svg{	
				width: 18px;
				height: 18px;
				fill:#333333;	
				transition:0.4s ease all;
			}			
			ul.headerRightLink li.search_pc a:hover svg{	
				transition:0.4s ease all;
				fill:#f39800;	
			}				
			ul.headerRightLink li.search_pc a:before{
				display: none;
			}	

		.headerArea.fixed ul.headerRightLink li.search_pc{	
			transition:0.3s ease all;
			display: block;
		}

			






			
/*================================================*/
/*-------搜尋彈跳視窗--------*/
/*================================================*/
	
.search_light_box{	
	position: fixed;
	top: 0;
	left: 0;
	/* background-color: #000; */
	width: 100%;
	height: 100%;
	min-height: 100vh;
	z-index: -9999;
	transition:0.3s ease all;
	opacity: 0;
}
/* 開啟---------------------- */
.search_light_box.active{	
	z-index: 9999;
	transition:0.3s ease all;
	opacity: 1;
}

	/* 背景顏色 */
	.search_background{
		background-color: rgba(0 0 0 / 85%);
		width: 100%;
		height: 100%;
		min-height: 100vh;
		transform: scaleY(00);
		position: relative;
		z-index: -1;
		transform-origin: center bottom;
		transition: 0.5s ease all;
	}
	.search_light_box.active .search_background {
		transform: scaleY(1);
		transform-origin: center bottom;
		transition: 0.5s ease all;
	}
	
	.searchArea{
		position: absolute;
		top: 50%;
		left: 50%;
		/* width: 100%; */
		/* background-color: #fff; */
		width: 800px;
		/* height: 470px; */
		max-width: 80%;
		/* max-height: 75vh; */
		overflow: hidden;
		/* padding: 30px; */
		transform-origin: center;
		/* transform: scale(0); */
		transform: translate(-50% , -50%) scale(0);
		transition:0.8s ease all;
		/* border-radius: 5px; */
		/* box-shadow: 1px 1px 15px #00000038; */
	}

	/* 開啟---------------------- */
	.search_light_box.active .searchArea{	
		/* transform: scale(1);	 */
		transform: translate(-50% , -50%) scale(1);
		transition:0.8s ease all;
	} 



	/* 搜尋彈跳視窗關閉 */
	.search_light_box .closeBtn{		
	}
		.search_light_box .closeBtn a{	
			background: #b5b5b5;
			position: absolute;
			right: 0px;
			top: 0px;
			width: 65px;
			height: 60px;
			display: flex;
		}
		.search_light_box .closeBtn a:hover{			
			background: #F39800;	
			transition:0.8s ease all;
		}
			.search_light_box .closeBtn svg{		
				width: 30px;
				height: 30px;
				fill:#fff;
				margin: auto;
			}

			

		/*區塊搜尋--------------------------------*/
		.search_content{
			/* display:inline-block;
			vertical-align:middle; */
			width: 100%;
		}
		#search{
			/*color:#ccc;*/
			color:#777; /*修改by pekey 20170725*/
		}
		@-moz-document url-prefix() { 
			#search{
				color:#ccc;
			}
		}
		.search_in{
			position: relative;
			font-size: 0px;
			/* background: #fff; */
			/* border: solid 1px #70b42b; */
			/* width:214px; */
			padding-right: 60px;
			border-radius: 60px;
			overflow: hidden;
			/* width: 100%; */
		}
			.search_in input {
				height: 60px;
				line-height: 60px;
			}
				.search_in input[type='search']  {
					border: none;
					/*padding:5px;*//*在IE顯示會擠壓到*/
					font-size: 20px;
					/* background: rgba(255, 255, 255, 0); */
					padding: 0px 15px 0px 30px;
				}
				.search_in input[type='submit'] {
					position:absolute;
					float:left;
					padding: 0px 0px 6px ;
					display:none;
				}
						
						.search_in label  {
							position: absolute;
							right: 0px;
							top: 0px;
							background: #F39800;
							/* padding:2px 0px 0px 3px; */
							border-radius: 0 60px 60px 0;
							width: 65px;
							height: 60px;
							display: flex;
							transition:0.3s ease all;
						}
						.search_in label:hover{
							background:#d8251c;
							transition:0.3s ease all;
						}
							.search_in  svg{
								width: 30px;
								height: 30px;
								fill:#fff;
								margin: auto;
							}
									
											



@media (max-width: 990px){

/* 搜尋彈跳視窗關閉 */
/* .search_light_box .closeBtn{		
} */
	.search_light_box .closeBtn a{	
		width: 40px;
		height: 40px;
	}
		.search_light_box .closeBtn svg{		
			width: 20px;
			height: 20px;
		}


	.search_in{
		padding-right: 40px;
		border-radius: 40px;
	}
		.search_in input {
			height: 40px;
			line-height: 40px;
		}
		.search_in input[type='search']  {
			font-size: 16px;
			/* padding: 0px 15px 0px 30px; */
		}
		/* .search_in input[type='submit'] {
			position:absolute;
			float:left;
			padding: 0px 0px 6px ;
			display:none;
		} */
	
		.search_in label  {
			border-radius: 0 40px 40px 0;
			width: 45px;
			height: 40px;
		}
			.search_in  svg{
				width: 20px;
				height: 20px;
			}


}





















					
	


/*版頭右*/
.headerRight {
}				
		


.headerArea.fixed .headerRight{
	padding-right:185px;	/* 20230213 Patty 修改 */
}







/*========================================================================================================*/
/*-------主按鍵區塊--------*/
/*========================================================================================================*/
			
			
			/*主按鍵*/
			.navbar {
				padding: 35px 0px 0;
				/* font-weight: bold; */
				font-weight: normal;
				text-align:
				center;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				margin: 0 -20px;
			}

				.nav {
					position: relative;
					box-sizing: border-box;
				}

				/*手機版出現*/
				.navMob{
					display: none;
				}
					.nav a {
						display:block;
						text-decoration:none;
						position:relative;
					}
					.nav > a {
						text-align: center;
						font-size: 16px;
						padding: 0px 10px 35px;/* 20230213 Patty 修改  */
						color: #000000;
					}

						
					.nav:hover > a {
						color:#f39800;
					}						
						
						
					.nav > a:before {
						content: "";
						position:
						absolute;
						background-color: #c3c3c3;
						width: 1px;
						height: 15px;
						left: 0;
						top: 50%;
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
						opacity: 0;
					}						

					.nav:first-of-type > a:before {
						display:none;
					}
	
							/*主按鍵展開*/
							.navOpen {
								position:absolute;
								left:50%;
								padding:9px 0px 0px;
								/*width:164px;*/ /*modify by karol 20200826*/
								width: 180px;
								/*margin:0px 0px 0px -82px;*/ /*modify by karol 20200826*/
								margin:0px 0px 0px -90px;
								display:none;
								z-index: 2;
							}
							.nav:hover .navOpen.pc {
								display:block;
							}
							.navOpen.mobile {
								display:none;
								opacity:0;
								z-index:-999999;
							}
								.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 {
										}
											.navOpenList a {
												text-align:center;
												font-size:15px;
												color:#fff;
												line-height:22px;
												padding:7px 5px;
												background:rgba(0,0,0,0.65);
												transition:0.3s ease all;
											}
												.navOpenList a:hover {
													background:#F39800;
												}



						
					/* 只對IE瀏覽器使用 */
					/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
						.nav {
							float: left;			
						}
					} */




/*-------↓↓↓↓↓↓↓--------------Judy修改20211028-------↓↓↓↓↓↓↓--------------*/	

					/*for ie9*/
					/* :root .nav{ 
						float: left\9;
						width: 14.2%\9;
					}
						:root .nav > a {
							padding: 0px 5px\9;
						} */

					/*for ie10 、 ie11*/
					@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
						/* IE10+ specific styles go here */  
						/* .nav{
							float: left;	
							width: 14.2%;	
						}
							.nav > a {
								padding: 0px  2px;
							} */
					}
	
				
/*-------↑↑↑↑↑↑↑--------------Judy修改20211028-------↑↑↑↑↑↑↑--------------*/					
					
					

@media (max-width: 1350px){

	/*浮動logo */
	.headerArea.fixed .logo {
		width: 110px;
		padding: 15px 0px;
	}

/* 20230213 Patty 修改 start */
	.navbar {
		padding: 20px 0 0;
		/* padding: 20px 0px 20px; */
		margin: 0 -10px;
		justify-content: space-between;
	}
	.nav > a {
		padding: 0 5px 20px;
	}			
	.nav > a:before {
		display: none;
	}

.headerArea.fixed  .navbar {
	margin: 0 -5px;
}		
	.headerArea.fixed  .nav > a {
		padding: 0 5px 20px;
	}

/* 20230213 Patty 修改 end */

}


/* 20230213 Patty 修改 start */
@media (max-width: 1200px){

	.header {
		/* padding-top: 20px; */
	}	

		/*浮動logo */
		/* .headerArea.fixed .logo {
			width: 110px;
			padding: 15px 0px;
		} */

		/*主按鍵*/
		.navbar {
			padding: 20px 0 0;
			/* padding: 20px 0px 20px; */
			margin: 0 -10px;
			justify-content: space-between;
		}
			.nav > a {
				padding: 0 10px 20px;
			}			
			.nav > a:before {
				display: none;
			}

		.headerArea.fixed  .navbar {
			margin: 0 -5px;
		}		
			.headerArea.fixed  .nav > a {
				padding: 0 5px 20px;
			}


}
/* 20230213 Patty 修改 end */


@media (max-width: 1100px){		/* 20230213 Patty 修改  */
	
	.header {
		padding-top: 0px;
	}
	/*浮動*/
	.headerArea.fixed .header .wrap {
		display: block;
		justify-content: unset;
		width: 90%;
		/* max-width: unset;
		transition:0.3s ease all; */
	}


	/*logo*/
	.logo  ,
	.headerArea.fixed .logo {
		padding: 15px 0px;
		width: 110px;
	}

		.logo a {
			/* display:inline-block; */
		}		
	
	
	/*手機menu按鍵*/
	.menu_btn {
		display:none;
	}
	
	/*版頭右*/
	.headerRight {
		position: fixed;
		width:200px;
		top: 0px;
		right: -200px;
		/* right: -100%; */
		height: 100%;
		box-sizing: border-box;
		background: #000000b3;
		transition: 0.3s ease all;
		padding: 80px 0px 0px ;
		overflow-y: scroll;
		z-index: 999;
	}
	.headerArea.fixed .headerRight{
		padding: 80px 0px 0px ;
	}
	
		.headerRight.active {
			right: 0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
		}




	/* 版頭右上連結 */
	ul.headerRightLink ,
	.headerArea.fixed ul.headerRightLink{
		border-bottom: 0px solid #0000001a;
		padding: 0px;		
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		/* display: none; */
	}
	
		ul.headerRightLink li{
			/* display: none; */
		}
		ul.headerRightLink li.search_pc{
			display: block;
		}
			ul.headerRightLink li.search_pc a {
				background-color: #f39800;
				padding: 5px;
				border-radius: 50%;
			}
				ul.headerRightLink li.search_pc svg{	
					fill:#fff;	
				}			
			ul.headerRightLink li.search_pc a:hover svg{	
				fill:#333333;		
			}	
			

					
		/*主按鍵--------------------------*/
		.navbar ,
		.headerArea.fixed .navbar {
			margin:0px;
			padding:0px;
			border-top:none;
			display: block;
		}
			.nav {
				display:block;
				width:auto;
				padding: 0px;
				border-bottom: solid 1px #7e7e7e;
			}
				
				/*手機版出現*/
				.navMob{
					display: block;
				}
					.nav > a  ,
					.headerArea.fixed .nav > a{
						border:none;
						border-radius:0px;
						text-align:left;
						padding: 10px 10px;
						background: #f3f3f300;
						color:#fff;
					}
					.nav > a:hover {
						color:#ffffffa6;
						opacity:1;
					}
						/*主按鍵展開*/
						.navOpen {
							position: relative;
							width: auto;
							margin: 0px;
							left: 0px;
							top: 0px;
							padding: 0px;
						}
						.nav:hover .navOpen.pc {
							display:none;
							opacity:0;
							z-index:-999999;
						}
						.navOpen.mobile {
							display:none;
							opacity:1;
							z-index:1;
						}
							.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;
								}



				/*for ie9*/
				:root .nav{            /*Judy修改20211028*/
					/* float: none\9;
					width: 100%\9; */
				}
					:root .nav > a {   /*Judy修改20211028*/
						/* padding: 20px 10px\9; */
					}

					/* 20230213 Patty 修改 start */
					.headerArea ul.headerRightLink li.member_pc {
						transition: 0.3s ease all;
						display: block;
					}
					.member_pc .person{
						display:block;
					}
					.member_pc .word{
						display:none;
					}
					/* 20230213 Patty 修改 end */
}

				

				

/*Judy修改20211028*/
/*for ie10 、 ie11*/
/* @media (max-width: 990px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

	.nav{
		float: none;	
		width: 100%;	
	}
		.nav > a {
			padding:20px 15px;
		}
} */









@media (max-width: 640px){

	/*logo*/
	.logo {
		width: 90px;/* 20230213 Patty 修改 */
		padding: 15px 0px;
	}
	.headerArea.fixed .logo {
		width: 87px;
		padding: 15px 0px;
	}


	/* .logo {
		padding: 15px 0px 15px 0px;
		float:none;
		box-sizing:border-box;
	}
		.logo_flash {
			display:none;
		} */
		
	/*手機menu按鍵*/
	.menu_btn {
	}
		.menu_btn.active {
			top: 17px;
			right: calc(5% + 11px);
		}
	
	/*版頭右*/
	.headerRight {
		padding: 67px 0px 0px;
	}
	
		/*版頭右上*/
		/*.headerRightTop {
			padding:5px 0px 0px;
		}*/
	
}




































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