/*mobile*/
@media(max-width:767px){
body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft JhengHei";
    background: #eae3d8 url(../images/1011061_bg2.jpg) no-repeat;
    background-position: -30px -30px;
}
.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;}	


/*新增設定*/
.br_mb{ display:block}
.grid {margin-right: 0 !important;margin-left: 0 !important;}
.show_pc{display:none}
.show_mb{display:inherit}
.banner_big {width: 97%;margin-top: 6%;margin-left: 3%;}
.banner_big img {width: 100%;}
.banner_big h1 {
    font-size: 1.15em;
    color: #fff;
    background-color: #000;
    padding: 0.7% 3%;
    margin: -4% 10% 1%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    width: 80%;
}
.menu {text-align: center;margin: 12% 0.5% 5% 6%!important;font-size: 1.25em!important;flex: inherit!important}
.menu ul li a {font-size: inherit !important;color: #000;font-weight: bold;}
.mark_bg {padding: 1% 2%!important;border-radius: 2px!important;background-color: #977a2eb8!important;}
.content h1 {
    line-height: 1rem!important;
    font-size: 1.5rem!important;
	margin-top: 16%!important;
}
.p_t p {
    font-size: 1.05em!important;
	line-height: 1.7rem!important;
    padding-left: 12%!important;
    margin-right: 3%!important;
}
/*
.p_t p {
    font-size: 0.9em!important;
    line-height: 1.3rem!important;
    padding-left: 12%!important;
    margin-right: 3%!important;
    margin-bottom: 9%;
    margin-top: -1%;
}*/
.p_t p a {padding: 1% 5%!important;font-size: 1rem!important;}
.p_t h3 {
    display: block;
    font-size: 1em;
    line-height: 1.5em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-left: 12%;
	margin-right: 1%;
    font-weight: normal;
	text-indent: -.8125rem;
}
.t-r-mb {
    /* text-align: right !important; */
    margin-right: 0% !important;
    margin-top: -1%;
    margin-bottom: 4%;
    font-size: 0.9em!important;
    line-height: 1.3em !important;
    margin-top: -1% !important;
}
.discount {
    text-align: center;
    font-size: 1.02rem!important;
    line-height: 1.4rem!important;
    padding-left: 9%!important;
    margin-top: 10%!important;
    margin: 10% 2% 5%!important;
}
.discount mark {padding: 0% 0.5% 0.7%!important;font-size: 2rem!important;}
	

.bookbook {
    width: 100% !important;
    margin: 9% auto 0;
    text-align: center;
}
.bookbook img{width:200px}
.book_t p a {
    padding: 1% 4%!important;}
.book_t h2 {
    font-size: 1.4em!important;
    line-height: 1.75rem!important;
    margin-left: 12% !important;
    margin-right: 2% !important;
}
.book_t h3 {
    font-size: 1.2em!important;
    line-height: 1.5rem!important;
    margin-left: 12% !important;
    margin-right: 10% !important;
}
	
.book_t p {
    font-size: 1.05em!important;
    line-height: 1.7rem!important;
    padding-left: 3%!important;
    margin-right: 3%!important;
}
.news {
    display: inline-grid;
    padding-left: 14% !important;
	padding-right: 8% !important;
    margin-bottom: 12% !important;
}
.discount span {
    font-size: 0.75em;
    line-height: 2em;
}
.sale_t {
    padding: 1.3% 7% 1%;
    border: 3px #b39545 solid;
    display: inline-block;
    border-radius: 22px;
    line-height: 1.6rem;
    background-color: #bdab7b87;
    margin: -8px 0 2%;
	font-weight: normal;
}
.buy {
    margin: 0% 2% 10%!important;
}
.buyicon{width:100%;margin: -2% auto 2%;text-align:center;font-size:1.4em}
.buyicon a {
    background: #3f3d33;
    color: #FFF;
    padding: 1.5% 5% 1.5%;
    font-size: 1.5em;
    line-height:  ;
    text-decoration: none;
    border-radius: 60px;
    transition: all .3s linear;
    display: inline-block;
    border: 4px #b39545 solid;
}
.buyicon a:hover{transform:scale(1.1);background:#353534}

/*新增設定--end--*/

}





/*手機-橫式*/
@media screen and (min-width:600px) and (max-width:769px) {
body {background-position: -30px -200px;}
.br_mb { display: none;}
#BodyHeader_m {
    text-align: center;
    height: auto;
    padding: 0 1%;
    width: 80%;
    margin: 0 auto;
}
.menu {margin: 7% 0.5% 0 6%!important;flex: inherit}
.banner_big {
    width: 100%;
    margin-top: 2%;
    padding-left: 6%;
    margin-left: -1%;
}
.banner_big img {
    width: 80%;
	margin: 0 10%;
}
.banner_big h1 {
    font-size: 1.4em;
    color: #fff;
    background-color: #000;
    padding: 0.7% 3%;
    margin: -2% auto;
    display: block;
    /* text-align: center; */
    border-radius: 50px;
    width: 58%;
}
.content h1 {
    line-height: 1rem!important;
    font-size: 1.5rem!important;
    margin-top: 5%!important;
	padding-left: 2%;
}
.bookbook {
    width: 100% !important;
    margin: 0% auto 0;
}
.bookbook img {
    width: 210px;
    padding-left: 40px;
}
.book_t p a {
    margin-bottom: 5%;
    display: inline-block;
}
.discount {margin: 3% 2% 5%!important;}
.sale_t {padding: 1.3% 3% 1%;}
.buy {margin:-2% 2% 7%!important;}

}








/*ipad*/
@media (min-width:768px) and (max-width:991px){
}
	
/* ----------- iPad ----------- */
/*ipad_直式*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.show_pc {display: none;}
.br_pc { display: none;}
#BodyHeader_m img {
    width: 30% !important;
    margin: 0 35% !important;
}
body {
    background: #e7decf url(../images/1011061_bg.jpg) no-repeat;
    background-size: 104%;
}
.banner_big {
    width: 60%;
    margin: 0 auto;
    padding-left: 6%;
}
.banner_big img {width: 100%;}
.banner_big h1 {
    font-size: 1.5em;
    color: #fff;
    background-color: #000;
    padding: 0.7% 4%;
    margin: 1% 10% 1%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    width: 96%;
}
.menu {
    text-align: center!important;
    margin: 3% 0 0!important;
    font-size: 1.35em!important;
}
.menu ul li a{ color:#000}
.content h1 {line-height: 1rem!important;font-size: 1.5rem!important;margin-top: 9%!important;}
.p_t p {
    font-size: 1em ;
    line-height: 1.7em !important;
    padding-left: 25% !important;
    margin-right: 15% !important;
}
.p_t p a {padding: 0.7% 2% !important;font-size: 0.8rem!important;}
.p_t h3 {
    text-indent: -0.8125rem;
    font-size: 0.95rem;
	line-height: 1.9rem;
    margin: 0 12%;
    font-weight: normal;
}
.t-r {
    margin-right: 0% !important;
    margin-top: 1% !important;
    margin-bottom: 4%;
    font-size: 0.9rem !important;
	font-style: italic;
}
.discount {font-size: 1.25rem!important;}
.mark_bg {font-size: 1.15em!important;}
.bookbook { margin-left:0%}
.bookbook img {width: 93%;margin-left: 32%;}
.book_t h3 {font-size: 1.1em !important;line-height: 1.7rem;}
.book_t p {font-size: 1em!important;line-height: 1.9em!important;}
.book_t p a {padding: 0.2% 2%;font-size: 1rem;margin-bottom: 7%;display: inline-block;}
.t-r {margin-right: 0% !important; margin-top: 1% !important;margin-bottom: 4%;}
.discount {text-align: center;font-size: 1.5rem;line-height: 1.25rem;padding-left: 4%!important;}
.news {padding-left: 10% !important;margin-bottom: 5%;font-size: 0.85em !important;}
.buyicon{width:100%;margin: -2% auto 2%;text-align:center;font-size:1.4em}
.buyicon a {
    background: #3f3d33;
    color: #FFF;
    padding: 1.2% 3% 1%;
    font-size: 1.3em;
    text-decoration: none;
    border-radius: 60px;
    transition: all .3s linear;
    display: inline-block;
    border: 4px #b39545 solid;
}
.buyicon a:hover{transform:scale(1.1);background:#353534}
.sale_t {
    padding: 1.3% 2% 1%;
    border: 3px #b39545 solid;
    display: inline-block;
    border-radius: 50px;
    line-height: 1rem;
    background-color: #bdab7b87;
    margin: -8px 0 2%;
}
.book_t p a {padding: 0.4% 2%;}
.bookbook img {width: 123%;margin-left: 19%;}

}






/*ipad_橫式*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.show_pc {display: none;}
.br_pc { display: none;}
#BodyHeader_m img {
    width: 30% !important;
    margin: 0 35% !important;
}
body {
    background: #e7decf url(../images/1011061_bg.jpg) no-repeat;
    background-size: 111%;
}
.banner_big {
    width: 60%;
    margin: 0 auto;
    padding-left: 6%;
}
.banner_big img {width: 100%;}
.banner_big h1 {
    font-size: 2em;
    color: #fff;
    background-color: #000;
    padding: 0.7% 4%;
    margin: 1% 10% 1%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    width: 92%;
}
.menu ul li a{ color:#000}
.p_t p {
    font-size: 1em ;
    line-height: 1.7em !important;
    padding-left: 25% !important;
    margin-right: 15% !important;
}
.p_t p a {padding: 0.7% 2% !important;font-size: 0.8rem!important;}
.p_t h3 {
    text-indent: -0.8125rem;
    font-size: 0.95rem;
	line-height: 1.9rem;
    margin: 0 12%;
    font-weight: normal;
}
.t-r {
    margin-right: 0% !important;
    margin-top: 1% !important;
    margin-bottom: 4%;
    font-size: 0.9rem !important;
	font-style: italic;
}
.discount {font-size: 1.25rem!important;}
.mark_bg {font-size: 1.15em!important;}
.bookbook { margin-left:0%}
.bookbook img {width: 93%;margin-left: 32%;}
.book_t h3 {font-size: 1.1em !important;line-height: 1.7rem;}
.book_t p {font-size: 1em!important;line-height: 1.9em!important;}
.book_t p a {padding: 0.2% 2%;font-size: 1rem;margin-bottom: 7%;display: inline-block;}
.t-r {margin-right: 0% !important; margin-top: 1% !important;margin-bottom: 4%;}
.discount {text-align: center;font-size: 1.5rem;line-height: 1.25rem;padding-left: 4%!important;}
.news {padding-left: 10% !important;margin-bottom: 5%;font-size: 0.85em !important;}
.buyicon{width:100%;margin: -2% auto 2%;text-align:center;font-size:1.4em}
.buyicon a {
    background: #3f3d33;
    color: #FFF;
    padding: 1.2% 3% 1%;
    font-size: 1.3em;
    text-decoration: none;
    border-radius: 60px;
    transition: all .3s linear;
    display: inline-block;
    border: 4px #b39545 solid;
}
.buyicon a:hover{transform:scale(1.1);background:#353534}
.sale_t {
    padding: 1.3% 2% 1%;
    border: 3px #b39545 solid;
    display: inline-block;
    border-radius: 50px;
    line-height: 1rem;
    background-color: #bdab7b87;
    margin: -8px 0 2%;
}
.book_t p a {padding: 0.4% 2%;}


}







/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
}

/* 直Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
.show_pc {display: none;}
.br_pc { display: none;}
#BodyHeader_m img {
    width: 30% !important;
    margin: 0 35% !important;
}
body {
    background: #e7decf url(../images/1011061_bg.jpg) no-repeat;
    background-size: 111%;
}
.banner_big {
    width: 60%;
    margin: 0 auto;
    padding-left: 6%;
}
.banner_big img {width: 100%;}
.banner_big h1 {
    font-size: 2em;
    color: #fff;
    background-color: #000;
    padding: 0.7% 4%;
    margin: 1% 10% 1%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    width: 92%;
}
.menu ul li a{ color:#000}
.p_t p {
    font-size: 1em ;
    line-height: 1.7em !important;
    padding-left: 25% !important;
    margin-right: 15% !important;
}
.p_t p a {padding: 0.7% 2% !important;font-size: 0.8rem!important;}
.p_t h3 {
    text-indent: -0.8125rem;
    font-size: 0.95rem;
	line-height: 1.9rem;
    margin: 0 12%;
    font-weight: normal;
}
.t-r {
    margin-right: 0% !important;
    margin-top: 1% !important;
    margin-bottom: 4%;
    font-size: 0.9rem !important;
	font-style: italic;
}
.discount {font-size: 1.25rem!important;}
.mark_bg {font-size: 1.15em!important;}
.bookbook { margin-left:0%}
.bookbook img {width: 93%;margin-left: 32%;}
.book_t h3 {font-size: 1.1em !important;line-height: 1.7rem;}
.book_t p {font-size: 1em!important;line-height: 1.9em!important;}
.book_t p a {padding: 0.2% 2%;font-size: 1rem;margin-bottom: 7%;display: inline-block;}
.t-r {margin-right: 0% !important; margin-top: 1% !important;margin-bottom: 4%;}
.discount {text-align: center;font-size: 1.5rem;line-height: 1.25rem;padding-left: 4%!important;}
.news {padding-left: 10% !important;margin-bottom: 5%;font-size: 0.85em !important;}
.buyicon{width:100%;margin: -2% auto 2%;text-align:center;font-size:1.4em}
.buyicon a {
    background: #3f3d33;
    color: #FFF;
    padding: 1.2% 3% 1%;
    font-size: 1.3em;
    text-decoration: none;
    border-radius: 60px;
    transition: all .3s linear;
    display: inline-block;
    border: 4px #b39545 solid;
}
.buyicon a:hover{transform:scale(1.1);background:#353534}
.sale_t {
    padding: 1.3% 2% 1%;
    border: 3px #b39545 solid;
    display: inline-block;
    border-radius: 50px;
    line-height: 1rem;
    background-color: #bdab7b87;
    margin: -8px 0 2%;
}
.book_t p a {padding: 0.4% 2%;}

}


/* 橫Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
body {
    background: #e7decf url(../images/1011061_bg.jpg) no-repeat;
    background-size: 110%; 
}

}





/*舊版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: 6% 0;
	color: #000;
	font-family: "Microsoft JhengHei";
	background-color: #f9f6f0;
}
#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: 81%;
    margin: 0 09%;
    line-height: 1.5em;
    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;
}	



}