@media (max-width:767px){
	#event_book,#event_third,#event_fourth {
		width: 94%;
		padding:0 3%;
	}
	.bookCover img{margin: 3% auto;max-width: 100%;}
	h2{font-size: 1.95rem;}
	h3{font-size: 1.3rem;}
	h3:before{right: -14%;}
	h3:after{right: -30%!important;}
	.bookgroup:nth-of-type(2) h3:before{right: -12%!important;}
	.bookgroup:nth-of-type(2) h3:after{right: -24%!important;}
	.bookgroup:nth-of-type(3) h3:before{right: -18%!important;}
	.bookgroup:nth-of-type(3) h3:after{right: -38%!important;}
	#event_APP h3:before,#event_APP h3:after,#event_class h3:before,#event_class h3:after{display: none;}
	#event_APP li:nth-of-type(1),#event_APP li:nth-of-type(2){width: 48%;margin: 2% 0;}
	#event_APP li:nth-of-type(3){width: 98%;}
	#event_APP li:nth-of-type(3) a{padding: .3% 1%;}
	#event_APP span{display: block;margin: auto;text-align: center;}
	@media screen and (max-width:320px){h3:before,h3:after{display: none;}.tableList td:nth-of-type(3),.tableList td:nth-of-type(4){width: 16%!important;}}
	.tableList th:nth-of-type(3),.tableList th:nth-of-type(4){white-space: nowrap;}
	.tableList td:nth-of-type(1){padding: 0 0 0 .3em;}
	.tableList td:nth-of-type(3),.tableList td:nth-of-type(4){width: 13%;}
	.tableList td{padding: 1% 2%!important;}
	.bookCover1 img:nth-of-type(1){display: none;}
	.bookCover1 img:nth-of-type(2){display: block!important;}
	#event_APP li,#event_class li{font-size: 1.1rem;}
	#event_class li{margin: 0 0 3%;}
	#event_APP li{text-align: center;}
	#event_APP,#event_class {padding:4% 0 7%;margin: 0 auto!important;}
    figure {
    width: 100%;
}
}
@media (min-width:768px) and (max-width:991px){
	#event_APP li{width: 18%;}
}

@media all and (min-width: 1px) and (max-width: 1200px){ 

/*舊版IE專用修復縮放不正常檢視用*/

/*mobile*/

/* 隱藏區塊 */
#BodyHeader {display:none;}
#event_news , #event_menu {display:none;}
/* 隱藏區塊 */

/*body*/
body{margin:0}
#BodyContainer{width:100%;margin-right:auto;margin-left:auto}
#BodyHeader #site{display:none}
/* Event_heaader */
#BodyHeader_m{text-align:center;height:auto;margin:2% auto}
#BodyHeader_m img{clear:both;height:auto}
#BodyHeader_m #site2{border-bottom-left-radius:40px;border-bottom-right-radius:40px;opacity:.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 */
#event{width:100%;margin:0;padding:0}
/* 主圖 */
#event_master img{width: 100%;}
.examSet{width:92%}
#event_APP,#event_class {margin:3% auto;}
#event_APP #question_img img{width:96%}
#event_APP #answer_img{display:none;margin-top:2%;text-align:right;margin-right:3%}
#event_APP #answer_img img{width:75%;height:auto}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;background-color:#EBEBEB;padding:30px 0 50px}
#event_notice p{font-size:1em;line-height:1.5em;color:#000;padding:0;margin:0 2% 0 5%}
/* 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{width:50%;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:#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_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%;max-width: 100%;}
/* Footer end */

/* top */
#topbutton{width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#000;opacity:.4;right:1%;bottom:3%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:999}
#topbutton a{color:#FFF;font-size:15px}
}