.logo{
	position: absolute;
	display: block;
	z-index: 3;
	top: 0;
	bottom: 0;
	width: 6%;
    height: 78%;
	margin-top: auto;
	margin-left: 3%;
	margin-bottom: auto;
	background: url('../img/bt_logo.png') center center no-repeat;
	background-size: contain;
}
.logo a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.sandwich_box{
	position: absolute;
	display: none;
	z-index: 2;
	top: 10%;
	right: 2%;
	width: 8%;
	height: 0;
	padding-bottom: 8%;
	/* border: 1px solid #f00; */
}
.sandwich_box img{
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.menu_close_box{
	position: absolute;
	display: none;
	z-index: 2;
	top: 1%;
	right: 2%;
	width: 10%;
	height: 0;
	padding-bottom: 10%;
	/* border: 1px solid #fff; */
}
.menu_close_box svg{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	color: #fff;
}
.nav_bar{
	position: fixed;
	display: block;
	z-index: 11;
	top: 0;
	width: 100%;
	height: 55px;
	opacity: 1;
	background-color: #7b6247;
}
.header_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #7b6247;
	opacity: 1;
	pointer-events: none;
}
.menu_list{
	position: absolute;
	display: none;
	z-index: 2;
	left: 0;
	right: 0;
	height: 100%;
	margin: 0 auto;
	width: 75%;
	font-size: 0;
	text-align: center;
	/* border: 1px solid #0f0; */
}
.menu_list_pc{
	display: block;
}
.menu_list_mb{
	display: none;
}
.menu_list li{
	position: relative;
	display: inline-block;
	/* border: 1px solid #0f0; */
	height: 100%;
	width: 12%;
    padding-top: 1.5%;
}
.menu_list li.active .red_bottom_bar{
	display: block;
}
.menu_list li span{
	position: absolute;
	display: block;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.menu_list li span p{
	color: #fff;
	white-space:nowrap;
	font-family: 'Noto Sans TC', sans-serif;
}
.menu_list li span p:nth-child(1){
	font-size: 1.3rem;
}
.menu_list li span p:nth-child(2){
	font-size: 1.3rem;
}
.menu_list li:hover{
	cursor: pointer;
}
.menu_list li:hover span p{
	color: #c4b3a0;
}

.social_area{
	position: absolute;
	display: block;
	z-index: 3;
	height: 60%;
	width: 9%;
	top: 0;
	bottom: 0;
	right: 3%;
	margin: auto 0;
	text-align: center;
}
.social_item{
	position: relative;
	display: inline-block;
	width: 28%;
	height: 100%;
	margin-right: 3%;
}
.social_item:last-child{
	margin-right: 0%;
}
.social_item:hover{
	cursor: pointer;
	transform: scale(1.1,1.1);
	transition: .3s;
}
.social_item a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.social_item a img{
	position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	height: 100%;
    width: 100%;
    object-fit: contain;
}

@media screen and (max-width:1024px){
	.nav_bar{
		height: 80px;
	}

    .logo{
		width: 17%;
	}
	.sandwich_box{
		display: block;
	}
	.menu_close_box{
		display: block;
	}
	.menu_list{
		position: fixed;
		display: block;
		z-index: 10;
		top: 0;
		left: -200%;
		width: 100%;
		height: 100%;
		background-color: #7b6247;
		padding-top: 8%;
		padding-left: 0;
		transition: .3s;
	}
	.menu_list_pc{
		display: none;
	}
	.menu_list_mb{
		display: block;
	}
	.menu_list li{
		display: block;
		height: 10%;
		width: 100%;
		border-bottom: 1px solid #ddcab5;
	}
	.menu_list li:nth-child(3), .menu_list li:nth-child(4){
		width: 100%;
	}
	.menu_list li p{
		position: absolute;
		display: block;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: 'Noto Sans TC', sans-serif;
		font-size: 2.2rem;
		color: #fff;
	}
	.social_area{
		display: none;
	}
	.mb_social_area{
		position: relative;
		display: block;
		right: 0;
		height: 6%;
		margin: 4% auto 0 auto;
		width: 40%;
	}
	.mb_social_area .social_item{
		position: relative;
		display: inline-block;
		width: 22%;
		height: 100%;
		margin-right: 10%;
	}
	.mb_social_area .social_item:last-child{
		margin-right: 0;
	}
}
@media screen and (max-width:767px){
	.nav_bar{
		height: 55px;
	}

}