/*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:16px;
	font-weight:bold;
	color:#333;
	font-family:微軟正黑體;
	text-align:center;
}


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

.header {
	/* position: fixed;
	top: 0; */
	z-index: 999;
	width: 100%;
	/* background-color: #000000; */
	background-color: #ffffff;
	transition: 0.3s ease all;
	padding: 15px 0px 0px;
	/* background-image: url(../../images/header_deco.png);
	background-position: left top;
	background-repeat: repeat-x; */
}




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

	padding: 15px 0px;
	background-color: #252525;
	color: #fff;
} */

	.header > .wrap{
		position: relative;
	}



@media (max-width: 1079px){
	
	.header{
		padding: 5px 0px;
	}
	/*浮動*/
	.header.fixed{
		padding: 5px 0px;
		/* background-color: rgba(255,255,255,0.8); */
		background-color: #ffffff;
	}
}

/*================*/
/*-- 手機menu按鍵 --*/
/*================*/
.menu_btn {
	position:absolute;
	right: 20px;
	top: 50%;
	-webkit-transform:  translateY(-50%);
	transform:  translateY(-50%);

	width: 25px;
	cursor:pointer;
	display:none;
	z-index: 9;
}
	/* .menu_btn span {
		display:block;
		background-color: #333;
		height:2px;
		margin: 4px 0px;
		transition:0.3s ease all;
		border-radius:3px;
	} */
		/*點擊*/
		/* .menu_btn.active span {
			background-color: #fff;
		}
			.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;
			} */

	.menu_btn.active .before{
		display: none;	
	}

		.menu_btn i, .menu_btn svg {
			/* color: #fff9ec; */
			color: #6f777a;
			font-size: 20px;
			width: 25px;
		}

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

@media (max-width: 767px){
	
		/*手機menu按鍵*/
		.menu_btn {
			left: 0px;
			/*left: 15px;*/
		}
}





/*================*/
/* --- 上方bar_主要區塊 ---- */
/*================*/

.topBar_mainBg{
	float: right;
}	


@media (max-width: 1079px){
	.topBar_mainBg{
		/*padding: 17.5px 0px 0px;*/
		 padding: 7px 0 0;
	}
}

@media (max-width: 769px){
	.topBar_mainBg {
		float: none;
		/*padding: 10px 0px 0px;*/
	}
}

@media (max-width: 767px){
	.topBar_mainBg {
		/* modify by pekey 20210617 */
		/*padding: 7px 0px 0px;*/
		padding: 4px 0px 0px;
	}
}

@media (max-width: 641px){
	.topBar_mainBg{
		    padding: 3px 0 0;
		/* display: none; */ /* modify by pekey 20210617 */
	}
}


	/* 上方bar_左側區塊 */
	.topBar_mainBg .topBar_left {
		float: left;
	}

	/* 上方bar_右側區塊 */
	.topBar_mainBg .topBar_right {
		float: right;
	}


@media (max-width: 1079px) {
		
	/* 上方bar_左側區塊 */
	.topBar_mainBg .topBar_left {
		/* display: none; */ /* modify by pekey 20210617 */
	}

}	


@media (max-width: 767px) {
	
	/* 上方bar_右側區塊 */
	.topBar_mainBg .topBar_right {
		/* modify by pekey 20210617 */
		display: none; 
	}
}	


		.topBar_mainBg .list {
			float: left;
			color: #6d6d6d;
			box-sizing: border-box;
			padding-right: 10px;
			position: relative;
		}
			.topBar_mainBg .list > a {
				display:block;
				text-decoration:none;
				width: 26px;
				height: 26px;

				color:#ffffff;
				border: 1px solid #f8b62d;
				border-radius: 26px;
				padding: 3px 4px;
				text-align: center;
				background-color: #f8b62d;
				box-sizing: border-box;
				transition: 0.2s ease all;
			}	

				.topBar_mainBg .list > a i {
					width: 16px;
					color: #ffffff;
				}

				.topBar_mainBg .list .img {
					width: 16px;
					cursor: pointer;
				}

					.topBar_mainBg .list .img img {
						width: 100%;
						height: auto;
					}

					
				/* hover */
				.topBar_mainBg .list > a:hover {
					opacity: 0.7;
					transition: 0.2s ease all;
				}		


/* 登入者名稱 */
.topBar_mainBg .list.name{
	padding: 6px 0px 0px;
}
	/* 標題  */
	.topBar_mainBg .list.name .title{
		float: left;
		font-size: 14px;
		line-height: 18px;
		padding-left: 7px;
	}

				
/* 會員登出 */
.topBar_mainBg .list.login_out{
	/* padding: 0; */
}
	.topBar_mainBg .list.login_out > a {
		width: auto;
		border-radius: unset;
		border-color: transparent;
		/* color: #ffffff; */
		color: #000000;
		background-color: transparent;
	}
		/* 圖片 */
		.topBar_mainBg .list.login_out > a .img{
			float: left;
			width: 21px;
		}
			.topBar_mainBg .list.login_out > a .img img{
				width: 100%;
				height: auto;
			}
					
			.topBar_mainBg .list.login_out .img i,
			.topBar_mainBg .list.login_out .img svg {
				/* modify by pekey 20210625 */
				/* color: #ffffff; */
				color: #6d6d6d;
				font-size: 21px;
			}

		
		/*標題  */
		.topBar_mainBg .list.login_out > a .title{
			float: left;
			font-size: 14px;
			line-height: 18px;
			padding-right: 5px;
    		padding-top: 2px;
		}




		

/* 一般登入 */
.topBar_mainBg .list.normal_login{

}
.topBar_mainBg .list.normal_login > a {
	color: #000000;
	/*border-color: #f8b62d;
	background-color: #f8b62d;*/
	border-color: #000000;
	background-color: #000000;
}
	/* 圖片 */
	.topBar_mainBg .list.normal_login > a .img{
		
	}
			
	.topBar_mainBg .list.normal_login .img i,
	.topBar_mainBg .list.normal_login .img svg {
		/* modify by pekey 20210625 */
		color: #ffffff;
		/* color: #000000; */
		font-size: 16px;
	}
	


/* 購物車 */
.topBar_mainBg .list.cart{
	padding-right: 0px;
}
	.topBar_mainBg .list.cart > a{
		position: relative;
		width: auto;
		border: unset;
		padding: 0;
		background-color: transparent;
	}

		/* 數量 */
		.topBar_mainBg .list.cart .img{
			display:inline-block;
			vertical-align: middle;	

			width: 25px;
		}
			.topBar_mainBg .list.cart .img img{
				width: 100%;
			}
			
			.topBar_mainBg .list.cart .img i,
			.topBar_mainBg .list.cart .img svg {
				/* modify by pekey 20210625 */
				/* color: #ffffff; */
				color: #000000;
				font-size: 22px;
			}


		/* 數量 */
		.topBar_mainBg .list.cart .quantity{
			/* position: absolute;
			top: 0px;
			right: 0px; */
			display:inline-block;
			vertical-align: middle;
			width: 25px;
			height: 25px;
			line-height: 26px;
			border-radius: 25px;
			background-color: #6d6d6d;
			color: #ffffff;
			text-align:center;
			font-size: 13px;
			letter-spacing: 0px;
			transition: 0.3s ease all;
		}


@media (max-width: 767px){

	/* 標題  */
	.topBar_mainBg .list.name .title{
		/* modify by pekey 20210625 */
		letter-spacing: 0;
	}


	.topBar_mainBg .list.login_out {
		/* modify by pekey 20210617 */
		padding: 0;
	}
}


@media (max-width: 374px) {
	.topBar_mainBg .list.name {
		/* modify by pekey 20210617 */
		display: none;
	}
}



/* 電腦版 搜尋區塊 */
.topBar_mainBg .list.search_PC {
	float: none;
	padding-right: 0;
	padding: 15px 0px 0px;
}

.search_PC .search_bg{
	width: 100%;
	height: 25px;
	padding: 0px;
	background-color: #ffffff;
	border: 1px #6d6d6d solid;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 25px;
	z-index: 15;
	-webkit-transition: top .2s;
	transition: top .2s;
}

	.search_PC .search_bg .search_in{
		position: relative;
		width: 100%;
		padding: 0 35px 0 10px;
		box-sizing: border-box;
	}

		/* 輸入框 */
		.search_PC .search_bg input[type="text"]{
			background: transparent;
			border: 0px;
			color: #000000;
			font-size: 12px;
			/* font-weight: bold; */
			line-height: 25px;
			height: 25px;
			padding: 0px;
			width: 100%;
			border-bottom: unset;
			border-radius: 0;
		}

		.search_PC .search_bg input[type="submit"]{
			position: absolute;
			right: 5px;
			top: 0;

			width: 25px;
			height: 25px;
			line-height: 25px;
			border-radius: 25px;

			font-size: 12px;

			background-color: transparent;
			background-image: url(../../images/search_icon_after.svg);
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: center center;

			z-index: 2002;
		}


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

@media (max-width: 1079px){
	.search_PC{
		display: none;
	}

	.topBar_mainBg .list.cart .img{
		display: block;
	}
	.topBar_mainBg .list.cart .quantity{
		display: block;
		position: absolute;
		top: -5px;
		right: -15px;
		width: 22px;
		line-height: 22px;
		border-radius: 22px;
		height: 22px;
	}

}



/* 手機版 搜尋區塊 */
.topBar_mainBg .list.search_TB {
	display: none;
}

@media (max-width: 1079px){

.topBar_mainBg .list.search_TB {
	display: block;
	padding-top: 2px;
    padding-right: 15px;
}
	.topBar_mainBg .list.search_TB .img {
		width: 22px;
 	}

	 .topBar_mainBg .list.search_TB .img i,
	 .topBar_mainBg .list.search_TB .img svg {
		 /* modify by pekey 20210625 */
		 color: #f8b62d;
		 font-size: 22px;
	 }



		/* 搜尋區塊 */
		.search_TB .search_bg{
			display:none;
			position: absolute;
			top: 42.5px;
			right: 0px;
			width: 290px;
			overflow: hidden;
			background: #ffffff;
			border: 1px solid #cccccc;
			box-shadow: 0 0 10px rgb(0 0 0 / 10%);
			box-sizing: border-box;
			padding: 13px 15px 13px;
			border-radius: 3px;
			z-index: 15;
			-webkit-transition: top .2s;
			transition: top .2s;
		}

			.search_TB .search_bg .search_in{
				position: relative;
				width: 100%;
				padding: 0px 110px 0px 0px;
				box-sizing: border-box;
			}

				/* 輸入框 */
				.search_TB .search_bg input[type="text"]{
					background: transparent;
					border: 0px;
					background-color: #fff;
					font-size: 14px;
					/* font-weight: bold; */
					line-height: 39px;
					height: 40px;
					padding: 0px;
					width: 100%;
					border-bottom: 1px solid #ccc;
					border-radius: 0;
				}

				.search_TB .search_bg input[type="submit"]{	
					position: absolute;
					right: 25px;
					top: 2px;

					width: 75px;
					height: 35px;
					line-height: 39px;
					font-size: 14px;
					color: #ffffff;
					background-color: #f8b62d;

					border-radius: 35px;
					
					z-index: 2002;
				}

				.search_TB .search_bg a{	
					z-index: 2002;
					color: #999999;
					position: absolute;
					right: 0px;
					top: 8px;
					text-decoration: none;
				}
					.search_TB .search_bg span{
						display:inline-block;
						vertical-align:middle;
					}
						.search_TB .search_bg .searchClose_TB{
							font-size: 26px;
							font-weight: lighter;
						}	
				
}

@media (max-width: 769px){

	/* 搜尋區塊 */
	.search_TB .search_bg{
		top: 39.5px;
	}

}


/*================*/
/*----- logo -----*/
/*================*/
.logo{
	position: absolute;
    width: 140px;
    top: 50%;
    -webkit-transform: translateY(-68%);
    transform: translateY(-68%);
    margin: 0px auto;
    transition: 0.3s ease all;
    /* padding: 10px 0px; */
    animation-name: bounceIn;
    animation-duration: 1.2s;
    animation-fill-mode: both;
    visibility: visible;
    z-index: 2;
}

/*浮動*/
/* .header.fixed .logo{
	transition: 0.3s ease all;
	width: 170px;
	padding: 10px 0px;
} */


	.logo a{
		display: block;
		transition:0.3s ease all;
	}
		.logo img{
			width: 100%;
			height: auto; 
		} 
	
	/*hover*/
	.logo a:hover{
		transform: scale(0.9);
		animation: bounceIn;	
	}
	

@media (max-width: 1079px){
	.logo {
		float: left;
		position: static;
		margin: 0px 0px 0px 54px;
		width: 100px;
		top: unset;
		-webkit-transform: unset;
		transform: unset;
	}
}


@media (max-width: 769px){
	.logo{
		width: 95px;
		padding: 0px;
	}
	
}

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


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

.navbar_mainBg{
	/* float: left; */

	position: relative;
	width: 100%;
	 padding-left: 210px; 
	/*padding-left: 285px;*/
	box-sizing: border-box;
}

	.navbar{
		margin: 0px -10px;
		padding: 15px 0px 0px;
	}
	
		.nav{
			float: left;
			box-sizing: border-box;
			position: relative;
		}
			/* .nav > a{
				display: block;
				text-decoration: none;
				color: #000;
				font-size: 16px;
				transition: 0.3s ease all;
				position: relative;
				padding: 25px 10px;
			} */

			/*hover*/
			/* .nav:hover > a {
				color: #f8b62d;
				transition: 0.3s ease all;
			} */
			.nav_title {
				/* position: relative; */
			}
			.nav .nav_title > a{
				display: block;
				text-decoration: none;
				/* color: #fff9ec; */
				color: #000000;
				font-size: 16px;
				transition: 0.3s ease all;
				position: relative;
				padding: 25px 10px;
				font-weight: bold;
			}

			/*hover*/
			.nav:hover .nav_title > a {
				color: #f8b62d;
				transition: 0.3s ease all;
			}

				.nav.category .direction{
					display: none;
				}
			
			
			/*主按鍵展開*/
			.navOpen {
			}
			/*主按鍵_下拉選單*/
			.navOpen.pc {
				position:absolute;
				width: 149px;
				/* max-width: 100%; */
				display:none;
				z-index: 2;
				top: 66px;
				left:50%;
				-webkit-transform: translateX(-50%) translateY(0%);
				transform: translateX(-50%) translateY(0%);
			}							
			.headerArea.fixed .navOpen.pc {
				top: 48px;
			}
			
			.nav:hover .navOpen.pc {
				display:block;
			}	
			


			
			/*mobile版*/
			.navOpen.mobile {
				display:none;
				opacity:0;
				z-index:-999999;
				position: absolute;
			}	
			
			/*hover*/
			.nav:hover .navOpen.pc {
				display: block;
				
				transition: 0.3s ease all;
			}	
								
				.navOpenBg {
					position:relative;
					background-color: #fffffff2;			
				}
				.navOpen.pc .navOpenBg {		
    				box-shadow: 0 18px 40px #33333326;
				}
			
				.navOpenList {
					padding: 0 8px;
					/*border-top: 1px solid #6b6b6b;*/
				}
					.navOpenList a {
						text-align:center;
						font-size: 15px;
						color: #6d6d6d;
						line-height:22px;
						padding: 5px 0px;
						text-decoration: none;
						transition:0.3s ease all;
						letter-spacing: 0px;
						display: block;
						border-bottom: 1px #b3b3b3 solid;
					}
					.navOpenList:last-of-type a{
						border-bottom: 0px #b3b3b3 solid;
					}

						.navOpenList > a:hover {
							color: #f7b52c;
						}
												
					
					.navOpen.pc  .navOpenList a {
					}	
						/*hover*/
						.navOpen.pc  .navOpenList a:hover {
						}
	

						/* 手機板下拉選單第二層 */
						.navOpenThreeArea{
							display: none;
						}
						.navOpenThreeArea.active{
						}	
							/* 手機板下拉選單第二層_箭頭當前模式 */
							.navOpen.mobile .navOpenList.active .direction{
								transform: rotate(180deg);
								transition: 0.3s ease all;
							}


							.navOpenThreeList{
								/* font-size: 13px; */
							}						
								.navOpenThreeList > a{
									/* display: block;
									text-decoration: none;
									color: #313131;
									transition: 0.3s ease all;
									padding: 15px 15px;
									font-size: 14px;
									text-align: left;									
									background-color: #fff;
									border-bottom: 1px #b3b3b3 solid; */
								}	
								








@media (max-width: 1281px){

	.navbar_mainBg{
		padding-left: 210px;
	}

}


@media (max-width: 1079px){

.navbar_mainBg {
	float: right;
    width: auto;
    padding-left: 0;
	padding-right: 20px;
}

	/*主按鍵*/
	.navbar {
		position: fixed;
		width: 50%;
		top: 0px;
		left: -50%;
		height: 100%;
		box-sizing: border-box;
		/* background-color: rgba(255,255,255,1); */
		/*background-color: #fff9ec;*/
		background-color: #ffffff;
		transition: 0.3s ease all;
		padding: 0px;
		overflow-y: auto;
		z-index: 100;
		margin: 0;
	}
		
		.navbar.active {
			left: 0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
		}
			.nav {
				float:none;
				width: 100%;
				padding: 0px;
				position: relative;
			}

			.navbar .nav:nth-of-type(2) {
				margin-top: 15px;
			}
				
				/* .nav > a {
					border:none;
					border-radius:0px;
					text-align:left;
					color: #666666;
					border-bottom: 1px solid #d4d9de;
					font-size: 14px;
					padding: 15px 15px;
				} */
				
				/* .header.fixed .nav > a{
					transition: 0.3s ease all;
					padding: 13px 15px;
				} */
				
				
					/*當前模式*/
					/* .nav.active > a{
						background: transparent;
					} */
							
					
					
				/* 有類別時 */
				.nav.category .nav_title {
					padding-right: 60px;
					width: 100%;
					box-sizing: border-box;
					position: relative;
				}

					.nav .nav_title > a {
						position: relative;
						border: none;
						color: #000000;
						padding: 15px 15px;
						font-size: 16px;
					}

					/* 有類別時 */
					.category .nav_title > a {
						padding: 15px 0px 15px 15px;
					}


					/*當前模式*/
					.nav.active .nav_title > a{
						background: transparent;
					}

					/* hover */
					.nav:hover .nav_title > a {
						color: #666666;
						border-bottom: unset;
					}




				/* 方向標誌 */
				.nav.category .direction {
					display: block;
					position: absolute;
					right: 23px;
					top: 16px;
					cursor: pointer;
					transition: 0.3s ease all;
				}
					
					.nav.category .direction.active{
						transform: rotate(180deg);
						transition: 0.3s ease all;
					}
						.nav.category .direction svg{
							/*color: #f8b62d;*/
							color: #7d7d7d;
						}



						/* pc 下拉選單 */
						.navOpen.pc {
							display: none;
						}
						/*hover*/
						.nav:hover .navOpen.pc {
							display:none;
						}	
						.fixed_nav:hover .navOpen.pc {
							display:none;
						}

					
							
						/* mobile 下拉選單 */
						.navOpen.mobile {
							opacity: 1;
							z-index: 1;

							position: static;
							top: 0px;
							left: 0px;
							margin: 0px;
							width: auto;
							background-color: #7d7d7d;
							border-radius: 0px;
							/*background-color: #e5c185;*/
							padding: 0px;

							box-shadow: unset;
							justify-content: unset;
						}

							.navOpen.mobile .wrap{
								max-width: unset;
								width: auto;
								padding: 0px;
							}

								.navOpen.mobile .navOpenBg {
									margin: 0;
								}
								
									.navOpen.mobile .navOpenList{
										position: relative;
										display: block;
										max-width: unset;
										padding: 0;
										border-top: 1px solid rgba(255,255,255,0.3);
									}		
									
									.navOpen.mobile .navOpenList:nth-of-type(1){
										border-top: 0;
									}		

										.navOpen.mobile .navOpenList a{
											display: block;
											text-decoration: none;
											color: #313131;
											position: relative;
											transition: 0.3s ease all;
											padding: 15px 50px 15px 15px;
											text-align: left;
										}	
										.navOpenThreeList > a{
											display: block;
											text-decoration: none;
											/* color: #313131;
											text-align: left;
											transition: 0.3s ease all; */
											padding: 15px 15px 15px 30px !important;
											font-size: 13px;											
											background-color: #d2d2d2;
											border-bottom: 1px #b3b3b3 solid;
										}	
										

}

@media (max-width: 767px){
	
.navbar_mainBg {
	/* padding-right: 15px; */ /* modify by pekey 20210617 */
	padding: 0;
}
	/*主按鍵*/
	.navbar {
		width: 70%;
		left: -70%;
	}
}


/*================*/
/* 主選單之特殊區塊 */
/*================*/
.nav.special {
	display: none;
	height: 56px;
}
	
@media (max-width: 1079px){

/* 主選單之特殊區塊 */
.nav.special {
	display: block;
	display: block;
    /* border-bottom: 1px solid #d4d9de; */
    background-color: #ffffff;
}
	.nav.special .navbar_logo {
		display: inline-block;
		width: 105px;
		margin: 0px;
		margin-left: 15px;
	}	
		.nav.special .navbar_logo > a {
			display: block;
			/* padding: 15.5px 0px; */
			padding: 6.5px 0;
			border-bottom: 0px;
		}
			
		.nav.special .navbar_logo img{
			width: 100%;
			height: auto;
		}

	.navbar_menuBtn {
		position: absolute;
		right: 0;
		top: 0;

		width: 55px;
		height: 55px;
		text-align: center;
		cursor: pointer;
	}
		.navbar_menuBtn .after{
			width: 100%;
			height: 100%;
		}
			.navbar_menuBtn .after i,
			.navbar_menuBtn .after svg {
				position: absolute;
				left: 50%;
				top: 50%;
				-webkit-transform: translateX(-50%) translateY(-50%);
				transform: translateX(-50%) translateY(-50%);

				color: #fff9ec;
				font-size: 20px;
				width: 20px;
			}
}