/*modify by pekey 20190523*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Setting Start-------------------------------*/

/*================*/
/*-- loading --*/
/*================*/

.loading {
 	position: fixed;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #FFF;
	text-align:center;
	
	/*新增by pekey 20171211*/
	padding-top:250px;
 } 
 
	
	/*Loading畫面CSS開始*/
	#circularG{
		position:relative;
		width:58px;
		height:58px;
		margin: auto;
	}
	
	.circularG{
		position:absolute;
		background-color:rgb(201,9,21);  /*此為Loding的點點顏色*/
		width:14px;
		height:14px;
		border-radius:9px;
			-o-border-radius:9px;
			-ms-border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
		animation-name:bounce_circularG;
			-o-animation-name:bounce_circularG;
			-ms-animation-name:bounce_circularG;
			-webkit-animation-name:bounce_circularG;
			-moz-animation-name:bounce_circularG;
		animation-duration:1.1s;
			-o-animation-duration:1.1s;
			-ms-animation-duration:1.1s;
			-webkit-animation-duration:1.1s;
			-moz-animation-duration:1.1s;
		animation-iteration-count:infinite;
			-o-animation-iteration-count:infinite;
			-ms-animation-iteration-count:infinite;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-iteration-count:infinite;
		animation-direction:normal;
			-o-animation-direction:normal;
			-ms-animation-direction:normal;
			-webkit-animation-direction:normal;
			-moz-animation-direction:normal;
	}
	
		#circularG_1{
			left:0;
			top:23px;
			animation-delay:0.41s;
				-o-animation-delay:0.41s;
				-ms-animation-delay:0.41s;
				-webkit-animation-delay:0.41s;
				-moz-animation-delay:0.41s;
		}
		
		#circularG_2{
			left:6px;
			top:6px;
			animation-delay:0.55s;
				-o-animation-delay:0.55s;
				-ms-animation-delay:0.55s;
				-webkit-animation-delay:0.55s;
				-moz-animation-delay:0.55s;
		}
		
		#circularG_3{
			top:0;
			left:23px;
			animation-delay:0.69s;
				-o-animation-delay:0.69s;
				-ms-animation-delay:0.69s;
				-webkit-animation-delay:0.69s;
				-moz-animation-delay:0.69s;
		}
		
		#circularG_4{
			right:6px;
			top:6px;
			animation-delay:0.83s;
				-o-animation-delay:0.83s;
				-ms-animation-delay:0.83s;
				-webkit-animation-delay:0.83s;
				-moz-animation-delay:0.83s;
		}
		
		#circularG_5{
			right:0;
			top:23px;
			animation-delay:0.97s;
				-o-animation-delay:0.97s;
				-ms-animation-delay:0.97s;
				-webkit-animation-delay:0.97s;
				-moz-animation-delay:0.97s;
		}
		
		#circularG_6{
			right:6px;
			bottom:6px;
			animation-delay:1.1s;
				-o-animation-delay:1.1s;
				-ms-animation-delay:1.1s;
				-webkit-animation-delay:1.1s;
				-moz-animation-delay:1.1s;
		}
		
		#circularG_7{
			left:23px;
			bottom:0;
			animation-delay:1.24s;
				-o-animation-delay:1.24s;
				-ms-animation-delay:1.24s;
				-webkit-animation-delay:1.24s;
				-moz-animation-delay:1.24s;
		}
		
		#circularG_8{
			left:6px;
			bottom:6px;
			animation-delay:1.38s;
				-o-animation-delay:1.38s;
				-ms-animation-delay:1.38s;
				-webkit-animation-delay:1.38s;
				-moz-animation-delay:1.38s;
		}
		
		
		
		@keyframes bounce_circularG{
			0%{
				transform:scale(1);
			}
		
			100%{
				transform:scale(.3);
			}
		}
		
		@-o-keyframes bounce_circularG{
			0%{
				-o-transform:scale(1);
			}
		
			100%{
				-o-transform:scale(.3);
			}
		}
		
		@-ms-keyframes bounce_circularG{
			0%{
				-ms-transform:scale(1);
			}
		
			100%{
				-ms-transform:scale(.3);
			}
		}
		
		@-webkit-keyframes bounce_circularG{
			0%{
				-webkit-transform:scale(1);
			}
		
			100%{
				-webkit-transform:scale(.3);
			}
		}
		
		@-moz-keyframes bounce_circularG{
			0%{
				-moz-transform:scale(1);
			}
		
			100%{
				-moz-transform:scale(.3);
			}
		}
	/*Loading畫面CSS結束*/

.loading_tit{
	padding:20px 0px 0px 15px;
	display:inline-block;
	font-size:1.125rem;
	font-weight:bold;
	color:#333;
	font-family:微軟正黑體;
	text-align:center;
}







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

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





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

.header {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	transition: 0.3s ease all;
	background-color: #fff;
	background: linear-gradient(90deg, #007DB6 19.71%, #96C25C 100%);
	
}

/*浮動*/
.header.fixed{
	box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.3);
	transition: 0.3s ease all;
	padding: 0px;
	background-color: #fff;
}

	.header > .wrap {
		position: relative;
	}







	




/*================*/
/*-- 手機menu按鍵 --*/
/*================*/
.menu_btn {
	position:absolute;
	width: 25px;
	top: 50%;
	transform: translateY(-50%);
	left: 10%;
	/* left: 0; */
	cursor:pointer;
	display:none;
	z-index: 99;
}
	.menu_btn span {
		display:block;
		background-color: #fff;
		height: 3px;
		margin: 5px 0px;
		transition:0.3s ease all;
		border-radius:3px;
	}
		/*點擊*/
		.menu_btn.active{
			top: 8px;
    		transform: unset;
		}
		.menu_btn.active span {
			background-color: #333;
			margin: 4.5px 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;
			}

@media (max-width: 990px){
	
	/*手機menu按鍵*/
	.menu_btn {
		display:block;
	}

}




/*================================*/
/*----- logo -----*/
/*================================*/
.logo{
	width: 230px;
	margin: 0;
	transition: 0.3s ease all;
	float: left;
	box-sizing: border-box;
	animation-name: bounceIn;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	visibility: visible;
	padding: 20.5px 0px;

	display: none;
}

	.logo a{
		display: flex;
		justify-content: center;
		align-items: center;
		transition:0.3s ease all;
	}
	
		.logo img{
			/* width: 20%;
			height: auto;  */
		} 
		
		/*hover*/
		.logo a:hover{
			transform: scale(0.9);
			animation: bounceIn;	
		}
		.logo .logo_text{
				font-size: clamp(1.125rem, 1.0417vw ,1.25rem) ;
				color: #fff;
				text-align: center;
				padding: 0 2%;
				font-weight: 700;
				letter-spacing: -1px;
			
		}
	

@media (max-width: 990px){
	.logo{
		transition: 0.3s ease all;
		width: 200px;
		padding: 10px 0px;
		float: none;
		margin: 0 auto;
		display: block;
	}
	
	
}

@media (max-width: 640px){
	
}
	




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

.header_topArea{	
	/*padding: 0;
	margin: 0;
	 display: block; 
	list-style-type: none;*/
	/* display: flex; */
	position: relative;
	justify-content: flex-end;
	background-color: var(--primary_color);
	background-color: #736b6b;

	display: none;
}
	.header_top_link{	
		/* padding: 0;
		margin: 0;
		display: block; */
		list-style-type: none;	
		box-sizing: border-box;
		color: #fff;	
		width: 33.3%;
	}
	.header_top_link.search_btn_mobile{	
		display: none;
	}
		.header_top_link a{
			display: block;
			text-decoration: none;
			color: inherit;
			padding: 10px 5px;
			text-align: center;
		}
			.header_top_link i{
				color: inherit;
				/* font-size: 15px; */
				font-size: 1.25rem;
			}











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

.header_rightArea{
    /* float: right; */
    box-sizing: border-box;
    /* padding-top: 42px; */
    position: fixed;
    left: 0;
    height: 100%;
    background-color: #fff;
    width: 240px;

	/* overflow-y: scroll; */
	overflow-x: hidden;
	overflow-y: auto;
	/* max-height: 300px; */
	padding-right:3px;
	padding: 0;
}			
						  
.header_rightArea::-webkit-scrollbar {/*滾動條整體樣式*/
	width: 1px;     /*高寬分別對應橫豎滾動條的尺寸*/
	height: 1px;
}
.header_rightArea::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
	border-radius: 5px;
	 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

	 background-color: var(--primary_color);
	/* background-image: linear-gradient(to top, var(--primary_color) 0%, var(--secondary_color) 100%);	 */
}
.header_rightArea::-webkit-scrollbar-track {/*滾動條裡面軌道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 5px;
	background: #EDEDED;
}	




	/* 公司標誌 logo_left */
	.logo_left{
		width: 100%;
		max-width: 185px;
		max-width: unset;
		margin: 30px auto;
		margin: 0;
		padding: clamp(.9375rem,1.5625vw,1.875rem) 0;
		/* background: linear-gradient(180deg, #007DB6 19.71%, rgba(150, 194, 92, 0.8) 60%, rgba(150, 194, 92, 0.0) ); */
		/* background:linear-gradient(180deg, #007DB6 19.71%, #96C25C 86%, rgba(150, 194, 92, 0.00) 95%) */
		position: relative; /* 如果要用 z-index，父元素需要有定位 */
		z-index: -1;
	}
	.logo_left::before{
		content: "";
		position: absolute;
		width: 170%;
		aspect-ratio: 1;
		/* height: 100%; */
		max-width: 185px;
		max-width: unset;
		margin: 0;
		margin: 0;
		top: -50%;
		left: -62%;
		z-index: -1;
		/* background: radial-gradient(#9ccb7d, #9ccb7d91, #9ccb7d66, #fff0, #fff0); */
		background: linear-gradient(180deg, #007DB6 30%, #96C25C 70%, #b9e183 85%,rgba(150, 194, 92, 0.0) 100% );
		pointer-events: none;
	}
	
		.logo_left a{
			display: block;
			text-decoration: none;
		}
		.logo_left a .logo_box{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;
			gap: clamp(.75rem,1.3021vw,1.5625rem);
		}
			.logo_left .logo_img{
				width: 100%;
				max-width: 12.5rem;
			}
			.logo_left img{
				width: 50%;
				height: auto;
				display: flex;
				flex-direction: column;
				justify-self: center;
				align-self: center;
			}
			.logo_left .logo_text{
				font-size: clamp(1.125rem,1.1979vw,1.5rem) ;
				color: #fff;
				text-align: center;
				padding: 0 5%;
				font-weight: 700;
				text-shadow: 0px 2px 12px #477604;
			}
			
		
	body.active .logo_left{
		position: relative;
		z-index: 1;
	}

	@media(max-width: 1640px){
		.logo_left::before{
			top: -80%;
			background: linear-gradient(180deg, #007DB6 40%, #96C25C 70%,rgba(150, 194, 92, 0.0) 100% )
		}
	}






/*================================*/
/*----- 語系 language -----*/
/*================================*/
.language{
	font-size: 1rem;
	/* position: absolute; */
	/* top: 17px; */
	/* right: 30px; */
	display: none;
}

body.active .language{
	position: relative;
	z-index: 1;
}


	.language_content{
		display: flex;
		align-items: center;
		justify-content: center;
	}
		.language_list{	
			box-sizing: border-box;	
		}
			.language_list a{
				display: block;
				text-decoration: none;
				color: #8c8c8c;
				padding: 0 10px;
			}



.header .search_area{
	/* position: absolute; */
	/* right: 0; */
	/* top: 14px; */
	/* transform: translateY(-50%); */
	display: none;
}







		






















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


	/* 主按鍵區塊-------------------------- */
	.navbarArea{
		/* position: fixed; */
		width: 240px;
		/* top: 0px;
		left:-100%; */
		height: 100%;
		box-sizing: border-box;
		transition: 0.3s ease all;
		padding: 15px 0 0;
		/* padding: 220px 0px 0px; */
		/* padding: 132px 0px 0px; */
		/* background: #fff;
		overflow-y: scroll; */
		z-index: 999;
	}	
	.navbarArea.active{
		left: 0px;
		/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); */
	}	
	
	/* 主按鍵底色----------------------- */
	.navbar_background{
		position: fixed;
		background-color: #fff0;
		left: -240px;
		top: 0;
		height: 100%;
		z-index: -999999;
		transition: 0.3s ease all;
	}
	/* 主按鍵底色_展開----------------------- */
	.navbarArea.active .navbar_background{
		background-color: #fff;
		z-index: 0;
		left: 0px;
		width: 240px;
		transition: 0.3s ease all;
	}
	
	/* window底色----------------------- */
	.window_background{
		position: fixed;		
		background-color: rgba(39 28 21 / 0%);
		left: 0px;
		top: 0;
		width: 0%;
		height: 100%;
		z-index: -999999;
		/* transform: scale(0);
		transform-origin: center;
		border-radius: 100%; */
		transition: 1.5s ease all;
	}
	/* window底色_展開----------------------- */
	.navbarArea.active .window_background{
		background-color: rgba(39 28 21 / 55%);
		z-index: -1;
		width: 100%;
		
		/* left: 0px;
		width: 100%; */
		/* transform: scale(1);
		border-radius: 0; */
		transition: 1.5s ease all;
	}

	





	/*主按鍵*/
	.navbar {
		overflow-y: scroll;
		height: 100%;
	}
	.navbar::-webkit-scrollbar {/*滾動條整體樣式*/
		width: 1px;     /*高寬分別對應橫豎滾動條的尺寸*/
		height: 1px;
	}
	.navbar::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
		border-radius: 5px;
		 /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
		/*background: #535353;*/
		background-image: linear-gradient(to top, #fff 0%, #fff 100%);	
	}
	.navbar::-webkit-scrollbar-track {/*滾動條裡面軌道*/
		/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
		border-radius: 5px;
		background: #fff0;
	}	

		.nav {
			padding: 0px;
		}				
			.nav  a {
				text-decoration: none;
				border:none;
				border-radius:0px;
				color: #333;
				text-align:left;
				display: block;
				position: relative;
				z-index: 3;
				text-align: center;
			}

			

			.nav  a:hover {
				/* color:#b9d3dc; */
			}									
			.navTop {
				box-sizing: border-box;
				/* width: 300px; */
				position: relative;
			}	
			.navTop  > a {
				font-size: clamp(1.25rem, 1.1458vw, 1.375rem);
				/* font-size: 20px; */
				font-weight: bolder;
				/* padding: 15px 10px; */
				padding: 15px 35px;
				transition: 0.3s ease all;
				line-height: 1.2;
				letter-spacing: -0.0625rem;
			}
			
				
			.navTop  > a:hover {
				color: var(--primary_color);
				transition: 0.3s ease all;
			}			
			
			span.NavListArrowTop {
				position: absolute;
				right: 14px;
				top: 50%;
				transform: translateY(-50%);
				width: 14px;
				height: 14px;
				z-index: 1;
				transition: all 0.3s ease-out;
			}
			span.NavListArrowTop:before {
				position: absolute;
				transition: 0.3s ease all;
				font-family: 'Bootstrap-icons';
				content: '\F282';
				/* color: var(--secondary_color); */
				color: #8c8c8c;
				font-size: .9375rem;
				transform-origin: center;				
			}
			span.NavListArrowTop.active{
				transform: translateY(-50%) rotate(180deg);
				transition: all 0.3s ease-out;
			}
				
				
			
			/*當螢幕 990px 才會出現*/
			/*.nav.MB {
				display: block;
			}*/

				/*主按鍵展開*/
				.navOpen {
					position: relative;
					width: auto;
					margin: 0px;
					left: 0px;
					top: 0px;
					padding: 0px;
					display:none;
					width: 100%;
				}
				.nav:hover .navOpen.pc {
					/* display:none;
					opacity:0;
					z-index:-999999; */
				}

				.nav .navOpen.pc {
					/* position: absolute; */

					position: fixed;

					/* display:none; */
					left: -240px;
					top: 0;
					/* top: 132px; */
					transition: 0.3s ease all;
					opacity:0;
					z-index:-999999;
					width: 240px;
					height: 100%;
					/* padding-top: 195px; */
					padding-top: 250px;
					background-color: #fff;
					border-left: #7b654b solid 1px;
					overflow-y: scroll;
					display: block;
				}
				/* pc板主按鍵展開----------------- */
				.nav .navOpen.pc.active {
					left: 240px;
					transition: 0.3s ease all;
					opacity:1;
					z-index: 0;
					/* z-index:unset; */
					/* display: block; */
				}

				/*滾動條整體樣式----------------------*/
				.nav .navOpen.pc.active::-webkit-scrollbar ,
				.navOpen.pc.active .navOpenBg::-webkit-scrollbar {
					width: 1px;     /*高寬分別對應橫豎滾動條的尺寸*/
					height: 1px;
				}
				.nav .navOpen.pc.active::-webkit-scrollbar-thumb ,
				.navOpen.pc.active .navOpenBg::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
					border-radius: 5px;
					 /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
					/*background: #535353;*/
					background-image: linear-gradient(to top, #fff 0%, #fff 100%);	
				}
				.nav .navOpen.pc.active::-webkit-scrollbar-track  ,
				.navOpen.pc.active .navOpenBg::-webkit-scrollbar-track{/*滾動條裡面軌道*/
					/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
					border-radius: 5px;
					background: #fff0;
				}	
					
				.navOpen.pc.active .navOpenBg {
					overflow-y: scroll;
					position: fixed;
					width: 240px;
					height: calc(100vh - 250px);
				}


						
						.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{

							}
								.navOpenList a {
									text-align: left;
									padding: 0px 10px 25px 50px;
									font-size: 1.125rem;
									/* color:#ffffff; */
									/* color: #bbb; */
									display: block;									
								}
								.navOpenList > a{
									position: relative;
								}
								.navOpenList > a:before {
									position: absolute;
									content: "";
									background-color: #7b654b;
									height: 2px;
									width: 7px;
									top: 6px;
									left: 33px;
								}
								.navOpenList a:hover {
									opacity: 0.5;
								}								
								
								


						
					/* 主按鍵展開_第二層 */
					.navOpen_second{
						font-size: 1.0625rem;
						display: none;
					}
					.navOpen_second.pc{
					}
						ul.navOpenBg_second{	
							padding: 0;
							margin: 0;
							display: block;
							list-style-type: none;
						}
							ul.navOpenBg_second li{	
								padding: 0;
								margin: 0;
								display: block;
								list-style-type: none;
							}    
								ul.navOpenBg_second li a{	
									text-decoration: none;
									display: block;
									color: #b89263;
									padding: 0px 10px 25px 66px;
								}    
















/* 版頭左側社群_手機---------------------- */
ul.social_header{
	padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: fixed;
    bottom: 0;   
	width: 250px;
    background-color: #faf7f3;

	display: none;  /*手機才出現*/
}
	ul.social_header li{
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: block;
		box-sizing: border-box;
		padding: 5px 5px;
	}
		ul.social_header li a{
			display: flex;
			transition:0.3s ease all;
			text-decoration:none;
			font-size:.875rem;
			line-height: 12px;
			text-align:center;
			width: 25px;
			height: 25px;
			box-sizing:border-box;
			/* background-color: #000; */
			border-radius: 50%;
			position:relative;
		}
		ul.social_header li img{
			width: 15px;
			height: auto;
			margin: auto;
		}











@media (max-width: 990px){


/*----- 版頭上 -----*/
.header_topArea{	
	display: flex;
}


/*----- 版頭右 -----*/
.header_rightArea{
	position: fixed;
	width: 250px;
	top: 0px;
	left: -250px;
	height: 100%;
	box-sizing: border-box;
	/* background: rgba(0, 0, 0, 0.7); */
	transition: 0.3s ease all;
	padding: 52px 0px 0;
	overflow-y: auto;
	z-index: 4;
	float: none;
}
.header_rightArea.active {
	left: 0px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}



	/* 公司標誌 logo_left */
	.logo_left{
		display: none;
	}




	/*----- 語系 language -----*/
	.language{
		position: unset;
		top: unset;
		right: unset;
	}
		.language_content{
			/* justify-content: unset; */
		}
			.language_list a {
				padding: 13px 30px;
			}






	












	/* 主按鍵----- */
	.navbarArea{
		width: 250px;
		height: calc(100% - 45px);  /*扣掉 版頭左側社群_手機*/
		/* padding: 77px 0px 0px; */

		padding: 0px 0px 0px;
	}
	/* 主按鍵底色----------------------- */
	.navbar_background{
		left: -250px;

		display: none;  /*手機 隱藏*/
	}
	/* 主按鍵底色_展開----------------------- */
	.navbarArea.active .navbar_background{
		width: 250px;

		display: none; /*手機 隱藏*/
	}

	/* window底色_展開----------------------- */
	.window_background ,
	.navbarArea.active .window_background {
		display: none; /*手機 隱藏*/
	}
	

		/*主按鍵*/
		.navbar {
			/* overflow-y: scroll; */
			height: calc(100% - 45px);  /*扣掉 版頭左側社群_手機*/
		}

			.navTop {
				width: 250px;
			}
				.navTop > a {
					padding: 15px 30px;
					/* padding: 15px 10px ; */
				}
				/* pc板主按鍵下拉----- */
				.nav .navOpen.pc ,
				.navOpen.pc.active{
					display:none;
					z-index:-999999;
					opacity: 0;
				}
				.nav a {
					/* text-align: left; */
				}
		

			.navOpen.mobile {
				display:none;
				/* opacity:1;
				z-index:1;
				position: relative; */
			}
			.navOpenList a {
				font-size: 1rem;
				/* padding: 10px 20px 10px 46px; */

				background-color: #faf7f3;
				padding: 10px 20px;
				text-align: center;
			}		
			.navOpenList > a:before {
				left: 32px;
				top: 16px;
				height: 1px;

				display: none;
			}

			ul.navOpenBg_second li a {
				/* color: #818181;
				padding: 0px 10px 15px 61px; */

				background-color: var(--secondary_color);
				padding: 5px 30px;
				color: #fff;
			}

	/*----- 主按鍵 -----*/
	/* .navbar {	
		margin-right: 0px;	
	}
		.nav {
			float:none;
			width: 100%;
			padding: 0px;
			position: relative;
		}
		
			.nav > a {
				border:none;
				border-radius:0px;
				text-align:left;
				padding: 13px 15px;
				color: #cecece;
				border-bottom: 1px solid #5b5b5b;
				font-size: 14px;
			}
			.nav > a:before {
				display: none;
			} */
			
					
				/*展開選單*/
				/* .navOpen {
					position:relative;
					top:0px;
					left:0px;
					margin:0px;
					width:auto;
					border-radius:0px;
					background:#444;
				} */
				
				/*hover*/
				/* .nav:hover .navOpen.pc ,
				.fixed_nav:hover .navOpen.pc{
					display:none;
				}	
				
					
				.navOpen.mobile {
					display: none;
					opacity: 1;
					z-index: 1;
					position: relative;
				}
					.navOpenBg {
						box-shadow: none;
					}
						.navOpen.mobile  .navOpenList {
						}
						.navOpen.mobile  .navOpenList > a {
							text-align:left;
							font-size:14px;
							color: #cecece;
							line-height:22px;
							padding: 12px 15px 12px 30px;
							background-color: rgba(0, 0, 0, 0.7);
							transition:0.3s ease all;
							text-decoration:none;
							display:block;
							border-bottom: 1px solid #5b5b5b;
						}
						.navOpenList > a:hover {
							opacity: 0.7;
						}
						.search_inBoxPC input[type="search"] {
							border-bottom: 0px solid #c3c3c3;
						} */




	/* 版頭左側社群_手機---------------------- */
	.header_rightArea.active ul.social_header{
		/* display: flex; */
	}


}




@media (max-width: 640px){

	/*----- 版頭右 -----*/
	.header_rightArea{
		width: 100%;
		left: -100%;
	}
	
	/* 主按鍵----- */
	.navbarArea{
		width: 100%;
	}
	/* 主按鍵底色----------------------- */
	.navbar_background{
		left: -100%;
	}
	/* 主按鍵底色_展開----------------------- */
	.navbarArea.active .navbar_background{
		width: 100%;
	}
		.navTop {
			width: 100%;
		}


	/* 版頭左側社群_手機---------------------- */
	.header_rightArea.active ul.social_header{
		width: 100%;
	}


	
}







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