/*舊版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";background-color: #fcf5f8}
#BodyContainer {width: 100%;margin-right: auto;margin-left: auto;}

/* Event_heaader */
#BodyHeader_m{text-align:center;height:auto;margin-right:auto;margin-left:auto;padding:3% 0}
#BodyHeader_m img{clear:both;height:auto;max-width:100%}
/* Event css */
#event {/*background: url(../images/1211060_bg0.png) no-repeat 45% -50% / 105% 110% ,*/#ffffff;background: linear-gradient(to bottom, #fcedf4 10%, #fcedf4 0%, #ffe9e9 80%, #ffe0e0 100%);}

/* 主圖 */
.banner {padding: 0;}
#event_master img{max-width: 100%;height: auto;}

/* 書單 */
#event_sec {width: 90%;margin: -12% auto auto;}
#event_sec #booklist {width: 46%;font-size: 0.8em;margin-top: 3%;} 
.book_list {width: 95%;}
.book1::before , .book2::before , .book3::before{width: 102%;} 
.book1::before{top: 131px;left: -2px;background-size: 99.6% 91%;}
.book2::before{top: 162px;left: -2px;background-size: 99% 85%;}
.book3::before {top: 126px;left: -11px;background-size: 102% 90%;}
.book2{padding: .8rem 0 0;}
.book3{padding: .8rem 0 0;}

/* 購買 */
#event_sale {padding: .5rem 0 1.5rem;}
    
/*注意事項*/

/* Footer */
#BodyFooter_rwd{width: 95%;margin: auto;padding:0;color:#000;font-family:"Microsoft JhengHei";/*background-color:#FBFBF9*/}
#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:#000;margin:2% auto 2% 5%}
#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:50%;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%;max-width: 100%;}
#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:.8em}
/* Footer end */
/* top */
#topbutton{width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#00BCD4;opacity:.4;right:1%;bottom:3%;position:fixed;line-height:50px;font-size:15px;text-align:center}
#topbutton a{color:#FFF;font-size:15px}
@media screen and (orientation: landscape ) { 
#event_sec #booklist{width:29.3%;float:left;font-size:.8em;margin-top:3%}
#event_sale ul{margin-left:3%}
#event_sale li{background-repeat:no-repeat;background-position:left top;float:left;width:95%;padding-left:5%;margin-bottom:2%}
#event_note p{font-size:.9em;line-height:1.5em;margin:0 10%;padding:0;margin-top:0;margin-right:auto;margin-bottom:0;width:80%;font-family:"Microsoft JhengHei",Verdana,Arial}
}
}
/*平板尺寸*/
@media screen and (min-width:600px) and (max-width:769px) {
#event_sec #booklist{width:23%!important;float:left;margin-right:2%;margin-left:0!important;font-size:.8em;margin-top:3%;}
.bok_img{margin:2% 35% -2%!important;display:inline-block}
#event_sale .bok_img img{margin:3% 35% 0!important}
}

@media (max-width:767px){
	#event {/*background: linear-gradient(to top, #fff5f8 60%, #fdecf2 68%, #ffffff 18%, #f8ecf0 100%);*/background: linear-gradient(to top, #fff5f8 61%, #fdecf2 70%, #ffffff 17%, #f8ecf0 100%, #FCEDF4 8%, #ffffff 100%);overflow: hidden;}
    .book_list {width: 95%;margin-top: 30%;}
	.group h3,figure,.book h3{/*width: calc(100% / 2 - 1%);*/width: calc(95% / 2 - 1%);margin-top: 1rem;}
	/*.book h4 {padding:0.5rem 1.2rem 0.5rem 3rem;transform: skewY(-6deg);}*/
    .book h4 {padding: 0.3rem 1rem 0.3rem 2rem;/*transform: skewY(-6deg);*/width: auto;height: auto;}
    .book1 h4::before {top: -38px;right: 0;left: -9px;}
    .book2 h4::before {top: -58px;right: 0;left: 206px;}
    .book3 h4::before {top: -60px;right: 0;left: 0;}
	.book1::before {top: -156px;bottom: initial;left: -7px;width: 107%;background-size: 99.6% 50%;}
	@media screen and (max-width: 460px){[class^="book"]::before,[class^="book"]::after {display: none;}}
	@media screen and (max-width: 330px){.group h3,figure,.book h3{width: calc(100% - 1%);}}
	#event_sale {width: 76%;margin: 11% auto auto;}
	/*#event_sale nav {font-size: 1.6rem;}*/
    #event_sale nav {font-size: 1.6rem;padding: .7rem 1rem .7rem 1.2rem;margin: 0;}
	#event_sale p {font-size: 1.25rem;margin: 1rem auto;}
	#event_sale nav a {line-height: 1.9rem;padding: 0 1rem 0.1rem;}
	.book_list p img, #event_sale p img {width: 8%;padding: 0 0.1rem;}	
	#event_note p {text-indent: -0.7rem;padding: 0 3% 0 10%;margin-left:0;}
    #event_sale br{display: none;}
}