@charset "utf-8";
/* CSS Document */
body, h1,h2,h3{
	font-weight: normal!important;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	}
	.affiliated{ border-width:1px 6px 6px 6px;}	
	/*.page-title,h2.page-title{
		border-bottom-width:5px;
	}*/
.major-menu,.footer-info {
	font-size:1.2em;
	}	
.boxp {
	position: relative;
	float: left;
	margin: 1% 0.5%;
	padding:0.5em;
	width: 49%;
	text-align: center;
	font-size: 1.5em;
	border: #FFE6F0 6px solid;
	background:white;
	overflow: hidden;
}
.boxp .img {
	float:left;
	width:100%;
	border-top: #F1BAD7 1px solid;
	display:block;
	margin-top:0.5em;
	padding-bottom: 80%;
	height:0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
.drinkNote{
width:100vw;height:10vh; max-width:100%; overflow:hidden; background-color:#000000; position:fixed; bottom:0;left:0; color:#FFFFFF; text-align:center;padding: auto; line-height:1em;font-size:5.2vw; 
}
@media (max-width:1021px){

	.mapText p,.mapText span,.mapText strong{
	text-align: center;
	}
.drinkNote{
padding: auto; line-height:1.6em;font-size:6vw; 
}
}
@media (max-width: 768px) {
.major-menu-wrap select {border-width:6px;}
.logo{
	margin-bottom:5px;
	}
.webtitle{
	display:none;
	}
.boxp {
	margin: 0 0 1em 0;
	padding:0.2em;
	width: 100%;
	text-align: center;
	font-size: 1.1em;
	border: 6px solid #FFE6F0;
	background:white;
	overflow: hidden;
}
.drinkNote{
padding: auto; line-height:2.6em;font-size:6vw; 
}

}
#margin .boxp:after, .margin.boxp:after, .boxp:after {
	content: '';
	display: block;
	margin-top: 80%;
}