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


.headerArea{
	/* display: none; */
	/*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;
	background-color: #fff;/* 20230407 Patty 修改 */
}




/*-------版頭----------------------------------------------------------------------------*/
.header {
	/*box-shadow: 0px 0px 6px #d9dad8;*/
	/*position:relative;*/
	/* border-bottom: 2px #304167 solid; */	/* 20230407 Patty 修改 */
	
	
	/* background-image:url(../images/headerbg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover; */
	background-color: #fff;
}
/* 20230407 Patty 修改 start */
.header .wrap {
    width: 90%;
}
/* 20230407 Patty 修改 end */
	
		/*手機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:#916036;
					}
					.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: 120px;*/
			width: 327px;
			/*float: left;*/
			/* margin: 0 auto; */ /* 20230414 Patty 修改 */
			box-sizing: border-box;
			/* padding: 20px 0px; */ /* 20230414 Patty 修改 */
		}
		.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;
				}*/
		

		/*手機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: 3%;
					right:3%;
					position: fixed;
					/*top: 0%;
					-webkit-transform: translateX(20%) translateY(33%);
					transform: translateX(20%) translateY(33%);*/
				}
					.menu_btn.active span {
						background:#916036;
						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: #916036;
							}*/					
					
					
					/*手機板語系一開始隱藏*/
					/*.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;
							}*/
					






			
			
			
			/*主按鍵----------------------------*/
			.navbar {
				padding: 0px 0px;
				/*padding: 25px 0px;*/
				margin: 0px -10px;
				/*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: 18px;
						padding: 45px 10px;
						color: #5f6267;
						font-weight:bold;
						transition: 0.3s ease all;
						position: relative;
					}

						
					/*.nav:hover > a {
						color:#ccc;
						transition: 0.3s ease all;
					}*/						
					.nav:hover > a {
						color:#fff;
						transition: 0.3s ease all;
						background-color:#916036;
					}							
						
					/*.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; */
								display:none;
								z-index: 2;
								top: 108px;
								left:50%;
								-webkit-transform: translateX(-50%) translateY(0%);
								transform: translateX(-50%) translateY(0%);
							}							
							
							
							.nav:hover .navOpen.pc {
								display:block;
							}
							/*.navbar .nav:nth-of-type(4):hover .navOpen.pc {
								display:block;
							}*/							
							
							
							
							
				.nav.sstc{
					position:static;
				}		
							
				.navOpen.pc.sstc {
					width: 100%;
					position: absolute;
					left: 0;
					top: 145px;
					/*display: none;*/
					-webkit-transform: translateX(0%) translateY(0%);
					transform: translateX(0%) translateY(0%);
					
					/*background-color: rgba(255,255,255,0.9);*/
					background-color: rgba(0, 0, 0, 0.75);
					/*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;
					z-index: 2;
				}
								
				
				/*.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%;*/
						max-width: 1100px;
						margin: 0 auto;
						padding: 25px 0px 25px;
					}
					
					.sstc_List{
						box-sizing: border-box;
						width: 16.6%;
						padding: 0px 10px 20px;
					}
                                    
						.sstc_ListTitle{
							font-size: 16px;
							line-height: 18px;
							margin: 0px 0px 15px;
							padding: 0px 0px 0px 10px;
							color: #916036;
							font-weight: bolder;
							border-left: 3px #916036 solid;
							cursor: default;
						}
						.sstc_ListTitle a{
							display:block;
							text-decoration:none;
							color:#916036;
						}						
						.sstc_ListTitle a:hover{
							opacity:0.5;
							cursor: pointer; 
						}
						.sstc_bg{
						}
							.sstc_bg .navOpenList{
								/*border-top: 0px solid #6b6b6b;*/
							}
							
							.sstc_bg > .navOpenList a{
								text-align:left;
								padding:10px 0px 10px 15px;
								/*color: #333;*/
								background: rgba(0,0,0,0.0);
								/*border-bottom:1px #cfcfcf solid;*/
							}
								.sstc_bg > .navOpenList a:hover {
									background-color: #91603600;
									opacity:0.5;
									/*border-top: 1px solid #91603600;*/
								}						
						
						
						
					
					
					/*.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;
												color:#fff;
												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: #916036;
												}
												
												/*.navOpenList:hover {
													border-top: 1px solid #916036;
												}*/
												
												
												
	
@media (max-width: 1200px){


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

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

				.nav > a {
					padding: 41px 5px;
					font-size: 16px;
				}
				
					.navOpen.pc {
						top: 98px;
					}
					
									
					.navOpen.pc.sstc {
						top: 136px;
					}
					

				
}


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


			
/*版頭上方區塊-----------*/									
.headerTop {
	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);
		/*transform: rotate(180deg);*/
		transition: 0.25s ease all;
		top: 40px;
	}


.headerTopRightNavList.headerTopRightNavListMob{
	display:none;
}


	/*logo*/
	.logo {
		/*padding: 30px 0px 10px;*/
	}
	
	
	/*手機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);
		}

			

			
			/*電腦語系消失*/
			/*.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 {
						color: #fff;
						padding: 7px 0px;
					}

					.langLink:after {
						top: 12px;
						right: -3px;
						color:#fff;
					}
						.langLink a:hover, .langLink.active a {
							color: #916036;
    						font-weight: bold;
						}*/
				
				
				
				
				
				/*搜尋區塊------------------------------------------------*/
				/*.search_areaPC{
					display:none;
				}*/
				
					
				/*搜尋mobile-----------------------------------------*/
				/*.siteSearch {
					display:block;
				}*/		

						
						
						
						
						
			/*主按鍵*/
			.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;
						}
						
						
						.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;
								}
}
/* 20230407 Patty 修改 start */
/*版頭搜尋列*/
.headerRight_main{
	font-size:0px;
	text-align:right;
	padding:12px 0px 0px;
}

	/*版頭商品搜尋*/
	.header_search_area {
		display: inline-block;
		vertical-align: middle;
		float: right;
		box-sizing: border-box;
		/* padding: 21px 0; */ /* 20230414 Patty 修改 */
	}
		#search{
			/*color:#ccc;*/
			color:#777; /*修改by pekey 20170725*/
		}
		@-moz-document url-prefix() { 
			#search{
				color:#ccc;
			}
		}
		.header_search{
			position: relative;
			font-size: 0px;
			background: #fff;
			border: solid 1px #0d1f68;
			width: 335px; /* 20230420 Patty 修改 */
			/*width:150px;*/
			padding-right:22px;
			border-radius: 15px;
		}
			.header_search input {
				height: 26px;
				line-height: 26px;
			}
				.header_search input[type='text']  {
					border: none;
					/*padding:5px;*//*在IE顯示會擠壓到*/
					font-size: 18px;/* 20230420 Patty 修改 */
					background: rgba(255, 255, 255, 0);
					
					padding: 0px 12px;
				}
				.header_search input[type='submit'] {
					position:absolute;
					float:left;
					padding: 0px 0px 6px ;
					display:none;
				}
						
						.header_search label  {
							position: absolute;
							right: 0px;
							top: 0px;
							background: #0d1f68;
							padding:2px 0px 0px 3px;
							border-radius: 50%;
							width:24px;
							height:24px;
						}
						
							.header_search  i{
								font-size:20px;
								color:#fff;
								margin: 2px;
							}
									










				/*Mobile搜尋區塊------------------------------------------------*/
				.search_areaMobile{
					box-sizing: border-box;
					display:inline-block;
					/*display: inline-block;*/
					vertical-align: middle;
					float: right;
					padding: 18px 0px;
				}
					/*搜尋icon*/
					.search_iconMobile{
						transition: 0.3s ease all;
						background: #0d1f68; /* 20230420 Patty 修改 */

						border-radius: 5px;/* 20230417 Patty 修改 */
						color: #fff;/* 20230417 Patty 修改 */
						/* width: 35px;
						height: 35px; */
					}
						.search_iconMobile label{
							/* border: 1px solid #d3d4d4; */
							/* border-radius: 30px; */
							/*padding: 3px;*/
							padding:  10px 10px;/* 20230420 Patty 修改 */
							position: relative;
							display: block;
							font-size: 24px;
						}
							.search_iconMobile i{
								font-size: 23px;
								line-height: 23px;
								color: #ffffff;
								font-weight: lighter;
								padding-left: 3px;
							}
						
						/*hover*/
						.search_iconMobile:hover label{
							opacity:0.5;
							/*background: #d6d6d6;*/
							transition: 0.3s ease all;
						}	
				
				
				.search_inAreaMobile{
					-webkit-transition: top .2s;
					transition: top .2s;
					z-index: 15;
					position: absolute;
					width: 370px; /* 20230420 Patty 修改 */
					z-index: 2000;
					overflow: hidden;
					display:none;
					top: 96px; /* 20230420 Patty 修改 */
					right: 0px;
					background: #000;
					box-sizing: border-box;
					padding: 13px 15px 13px;
					border-bottom-left-radius: 10px;
					border-bottom-right-radius: 10px;
				}
				.header3.fixed .search_inAreaMobile{
					top: 77px;
				}
					
					/*搜尋類別*/
					.search_categoryAreaMobile{
						display:none;
						position: absolute;			
						left: 15px;
						width: 59px;
						z-index: 2;
					}
						.search_categoryAreaMobile 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;
						/*padding: 0px 50px 0px 69px;*/
						box-sizing: border-box;
					}
						.search_inBoxMobile input{
							background: transparent;
							border: 0px;
							color: #fff;
							font-size: 16px; /* 20230420 Patty 修改 */
							/*font-size: 16px;*/
							font-weight: bold;
							line-height: 22px;
							height: 40px;
							padding: 0px;
							
							width: 100%;
							border-bottom: 1px solid #ccc;
						}
						.search_inBoxMobile input[type="text"]:focus{
							border: 0px;
						}
						
					.search_inBoxMobile a{	
						z-index: 2002;
						color: #fff;
						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;
						}	
					
				
/* 20230407 Patty 修改 end */
@media (max-width: 768px){
		/*logo*/
		.logo {
			/*float: none;*/
		}
			/* 20230417 Patty 修改 start */
			.header_search {
				width: 272px;
			}
	.header_search input[type='text']  {
		font-size: 14px;
	}
	/* 20230417 Patty 修改 end */	

	/* 20230420 Patty 修改 start */
	.search_iconMobile label{
		
		font-size: 20px;
	}	
	.search_inAreaMobile {
		top: 76px;
	}
	/* 20230420 Patty 修改 end */
}

@media (max-width: 510px){
	
.header {
    /*background-position: center left;
    background-size: 165%;
	background-image: none;
    background-color: #ffecc7;*/
}
	
	/*logo*/
	.logo {
		width: 220px;
	}
		.logo_flash {
			display:none;
		}
		
	/*手機menu按鍵*/
	.menu_btn {
	}
		.menu_btn.active {
			/*top: 4vw;*/
		}
	
	/*版頭右*/
	.headerRight {
		/*padding: 12.2vw 0px 0px;*/
	}
	
	
	/*pc搜尋區塊------------------------------------------------*/
	.header_search {
		display:none;
		/*width: 100px;*/
	}	
	
	/*Mobile搜尋區塊------------------------------------------------*/
	.search_areaMobile{
		display: inline-block;
	}	
	/* 20230420 Patty 修改 start */
	.search_iconMobile label{
		
		font-size: 18px;
	}	
	.search_inBoxMobile input{
		font-size: 12px; 
	}
	.search_inAreaMobile {
		width: 295px;
			top: 74px;
	}
	/* 20230420 Patty 修改 end */

}



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





/* 活動案樣式新增 modify by rita 20210413 start*/

.headerArea.pinlatour{
	display:block;
	background-color: #ffffff;
	position: static;
	box-sizing: border-box;
}
/* 20230414 Patty 修改 start */
.header_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* 20230414 Patty 修改 end */
	.logo{
		width: 180px;
	}


@media (max-width: 769px){
	.logo{
		width: 130px;
	}
}

	


/* 活動案樣式新增 modify by rita 20210413 end*/








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


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