/*mobile*/
@media(max-width:767px){
.banner{height: auto;text-align: center;}
.banner:after{right: -3%;top: -7%}
.banner>img:nth-of-type(1){left: -7%;}
.banner img{position: inherit;height: auto;width: 100%;}
.banner a img{width: 73%;margin-top:0;filter: drop-shadow(0 0 6px white);}
[class*="bgcolor"]:before,[class*="bgcolor"]:after{display: none;}
h4{font-size: 1.4rem;width: 100%;border-top-right-radius:0;border-bottom-right-radius:0}
.post ul{margin-left: -40px;}
.post p{margin:1% 0 5%;}
.virtual{width:auto !important;border:none;}	
}
/*ipad*/
@media (min-width:768px) and (max-width:991px){



}



/*舊版IE專用修復縮放不正常檢視用*/
@media all and (min-width: 1px) and (max-width: 1200px){
/* 隱藏區塊 */
#BodyHeader {display:none;}
#event_news {display:none;} 
#Layer1 {display:none;}
/* 隱藏區塊 */

/*body*/
body {
	margin: 0;
	padding: 0;
	font-family: "Microsoft JhengHei";
}
#BodyContainer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


/* Event_heaader */
#BodyHeader_m {
	text-align: center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0%;
	padding: 0 1%;
}
#BodyHeader_m img {
	clear: both;
	height: auto;
	width: 50%;
    margin-top: -1%;
    margin-bottom: -2%;
}

/* Event css */
#event {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background-color: rgba(237, 237, 236, 0.9);
}

#event_master {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#event_master img {
	width: 100%;
	height: auto;
} 
#event_master h1 {
	font-size: 2.5em;
}
#event_master h2 {
	font-size: 1.8em;
}

/* 福袋 */
#event_sec {
	float: left;
	/*background-color: #;*/
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.Mag {
	float: left;
	margin-left: 10%;
	margin-top: 2%;
	margin-bottom: 2%;
	display: inline-block;
	width: 90%;
}
.Mag-sale {
	margin-top: 2%;
	margin-bottom: 2%;
	width: 100%;
}




/* 優惠 */


/*注意事項*/
#event_note {
	width: 90%;
	padding-bottom: 3%;
	padding-top: 0%;
	padding-right: 5%;
	padding-left: 5%;
	float: left;
	margin: 0;
	font-size: 13px;
	line-height: 20px;
}
 


/* Footer */

#BodyFooter{
	display: none;
}
#BodyFooter_rwd{
	float: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0%;
	color: #000;
	font-family: "Microsoft JhengHei";
	background-color: #FBFBF9;
}
#BodyFooter_rwd #footer_line {
	width: 90%;
	margin-bottom: 2%;
	margin-top: 2%;
	margin-left: 5%;
	margin-right: auto;
	display: block;
	float: left;
	height: auto;
	text-align: center;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
}
#BodyFooter_rwd #footer_inline a {
	color: #000;
}
#BodyFooter_rwd #footer_inline ul{
	float: left;
	padding: 0%;
	width: 100%;
	margin-bottom: 1%;
	text-align:center;
}
#BodyFooter_rwd #footer_inline ul li{
	float: left;
	display: inline-block;
	line-height: 2em;
	font-size: 1.2em;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-bottom: 0%;
}
#BodyFooter_rwd #footer_inline ul li img{
	width: 15%;
	height: auto;
	vertical-align: middle;
	margin-bottom: 2%;
}
#BodyFooter_rwd #footer_address{
	margin-top: 0%;
	float: left;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#BodyFooter_rwd #footer_address a {
	color: #000;
}
#BodyFooter_rwd #footer_address ul{
	float: left;
	padding: 0%;
	text-align: center;
	margin-bottom: 1%;
	width: 100%;
	clear: both;
}
#BodyFooter_rwd #footer_address ul li{
	float: left;
	display: block;
	width: 100%;
	line-height: 2em;
	text-align: center;
	font-size: 0.8em;
}
/* Footer end */


/* top */
#topbutton{
	width: 50px;
	height: 50px;
	color: #FFFFFF;
	border-radius: 9999em;
	background-color: #000;
	opacity: 0.4;
	right: 1%;
	bottom: 3%;
	position:fixed;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
}
#topbutton a{
	color: #FFFFFF;	
	font-size: 15px;
}