@media all and (min-width: 1px) and (max-width: 1200px){ 

/*舊版IE專用修復縮放不正常檢視用*/

/*mobile*/

/* 隱藏區塊 */
#BodyHeader {display:none;}
#event_news {display:none;} 
/* 隱藏區塊 */

/*body*/
body {margin-top: 0%;margin-right: 0%;margin-bottom: 0%;margin-left: 0%;font-family: "Microsoft JhengHei", Verdana, Arial;}
#BodyContainer {width: 100%;margin-right: auto;margin-left: auto;}
#BodyHeader #site {display: none;} 

/* Event_heaader */
#BodyHeader_m {text-align: center;height: auto;margin-right: auto;margin-left: auto;margin-top: 2%;margin-bottom: 2%;}
#BodyHeader_m img {clear: both;height: auto;max-width: 100%;}
#BodyHeader_m #site2 {border-bottom-left-radius:40px;border-bottom-right-radius:40px;opacity: 0.8;text-align: center;width: 60px;height: 90px;position: fixed;z-index: 999;left: 2%;font-size: 1em;line-height: 1.2em;background-color: #D64B1D;color: #FFF;vertical-align: top;top: 9%;padding-top: 15px;} 
#BodyHeader_m #site2 a {color: #FFF;text-decoration: none;}

/* Event css */
small {font-size: .8em;}
/*.discount dd:before{font-size: .6rem;padding: 0 .2rem .5rem 0;display: inline-block;}*/
.br_mb{display:block}
#event {width: 100%;margin: 0%;padding: 0px;}
#event_master img {width:100%}
.mainlist .maintitle {font-size: 1.5rem;}
.sale_t {font-size: 1.3rem;}
.mainlist .maininfo {font-size: 1.45rem;line-height: 1.8rem;border-top: 2px #e99135 dotted;border-bottom: 2px #607d8b dotted;margin: 0.7% 4%;padding: 1.5% 0;text-align: center;}
/* #event_Book{padding: 0 0 10%;} */
#event_Book h3 {margin: 0 0 2%}
#event_Book table {width: 100%;text-align: center;/* margin-left: 1%; font-size: 0.95rem;*/margin: 0 auto;}
.booklist {padding: 2% 4% 4%;}
.bookmaps img{ width:100%}
.booklist table caption {font-size: 1.5rem;}
/*.discount{width:75%;font-size: 1.5rem;padding: .5rem 0 1rem;}  
.discount dt {font-size: 1.8rem;padding: .2rem 1rem;}
.discount dd.no_dot {padding: .5rem 0 0;font-size: 1.4rem;}*/
.booklist table caption {font-size: 1.7rem;}
caption span, .mainlist span {line-height: 2.5rem;}
caption .small_title {font-size: 1.5rem;line-height: 1.8rem;}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;/*background-color:#EBEBEB;*/padding:20px 0 40px}
#event_notice p {font-size: 0.9em;line-height: 1.7em;text-indent: -0.8125rem;margin: 0 5% 0 10%;}

/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0}
#BodyFooter_rwd #footer_line{width:90%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#333;margin:2% auto 2% 5%}
#BodyFooter_rwd #footer_inline a{color:#333}
#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{max-width:100%;height:auto;vertical-align:middle;margin-bottom:2%}
#footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 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:#333}
#BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;margin-bottom:1%;width:94%;clear:both;margin-left:3%}
#BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
/* Footer end */


/* top */
#menuleft{width:100%;background-color:#ffedba;right:0;bottom:0;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:999;}
#menuleft p{        line-height: 1.8rem;        padding-left: 2%;
        float: inline-start;}
#menuleft a{color: #601010;}
    
}
/* top */
#topbutton{width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#000;opacity:.4;right:1%;bottom:10%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:999}
#topbutton a{color:#FFF;font-size:15px}

}

@media all and (min-width: 1023px) and (max-width: 1200px){
	.discount {font-size: 2rem;}
    .discount dt {font-size: 2.5rem;}
	.discount dd.no_dot {padding: .5rem 2rem 1.25rem;font-size: 1.8rem;}
}

@media(max-width:767px){
	#event_Book h3 {font-size: 1.75rem;line-height: 2.25rem}
	.booklist table caption {font-size: 1.4rem;margin: 1.5rem auto 0rem;}
	.booklist table caption br{display: none;}
	#event_Book table ,#event_Book .booklist3 table{margin: 0 auto .5rem;}
	caption span { display: flex;justify-content: center;flex-wrap: wrap; }
	caption .small_title {line-height: 3rem;}
	@media screen and (max-width: 500px) { .booklist table caption span img { max-width: 100%; width: calc(86%/2);} }    
	.booklist a {color: #2e3238;display: inline-block;}
	.booklist td, .booklist th {padding: 5px 4px 5px 0px;}
	.booklist th {white-space: nowrap;}
	.book_group dl{justify-content: center;}
	.book_group dd{padding: 0;}
	#event_notice p {font-size: 0.9em !important;line-height: 1.7em !important;text-indent: -0.8125rem;margin: 0 5% 0 10% !important;}
	.buy a {padding: 6px 12px;}
	.title{font-size: 1.9rem;}
	.series{font-size: 1.6rem;}
}

@media(max-width:375px){
	.discount dt {font-size: 1.3rem;}
	.discount {font-size: 1.06rem;padding: .5rem 0 .25rem;}
	.discount dd.no_dot{font-size: 1rem;}
}