@media all and (min-width: 1px) and (max-width: 1200px){ 
/*舊版IE專用修復縮放不正常檢視用*/
/*mobile*/
/* 隱藏區塊 */
#BodyHeader,#event_news {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;max-width:100%}

/* Event css */
#event_master,
#event_sec,
#event_third,
#event_fourth {width: 100%;margin:0 auto;padding:0;display:inline-block;}

.br{display: unset;}

.remark a {display: inline;}

.buy_group {padding: 1.5rem 1rem 3rem;}
.buy_group a {display: block;width: 50%;margin: 1rem auto;text-align: center;}
.buy_flex{flex-direction: column;}
.buy{text-align: center;}

.lecture {display: grid;grid-template-columns: 1fr;}
.lec_box {margin: .5rem 1.5rem;}
.target_box, .teacher_box{width: 88%;}
    
#askarea{width: 100%;padding: 0.8rem;}
	#askarea .asktitle{font-size: 2.2rem;}
	#askarea .asktitle > p{line-height: 3rem;}
	#formlist{margin: 0 auto;}
	#askarea input[type="text"],#askarea select{width:100%;}
	#askarea input[type="checkbox"]{width: initial;}
	#formlist label{font-size: 1.0rem;}
	#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
	#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);}
    
/* 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,#footer_line,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li{width:100%;float: left;}
#BodyFooter_rwd{background-color:#FFF;margin-top:5%;}
#BodyFooter_rwd #footer_line{margin:5% auto 3%;display:block;height:auto;text-align:center;border-top:thin solid #999}
#BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_inline ul{padding:0;margin-bottom:1%;text-align:center}
#BodyFooter_rwd #footer_inline ul li img{max-width:100%;height:auto;margin-bottom:2%;margin: 0 auto;}
#BodyFooter_rwd #footer_inline ul li{display:inline-block;margin-right:auto;line-height:2em;font-size:1em;clear:both}
#BodyFooter_rwd #footer_address{margin: 0% auto auto auto;text-align: center;}
#BodyFooter_rwd #footer_address a {	color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_address ul{padding:0;text-align:center;margin-bottom:1%;clear:both}
#BodyFooter_rwd #footer_address ul li{display:block;line-height:2em;text-align:center;font-size:.8em}
/* Footer end */

/* top */
#topbutton{width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#000;opacity:.4;right:1%;bottom:8%;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: 1px) and (max-width: 767px){
	caption , .lec_title{font-size: 1.8rem;padding: 1.5rem 0 1rem;}
	caption img , .lec_title img{width: 100%;padding: .5rem 0 0;}
	.booklist table{width: 100%;display: inline-block;overflow-x: auto;white-space: nowrap;border-collapse: collapse;background: none;}
	.books tbody{width: 100%;white-space: nowrap;}
	.books_item th {letter-spacing: 0;}
	.books, .books th, .books td {font-size: 1.05rem;}
	.remark {font-size: 1rem;}
	.remark h2 {font-size: 1.3rem;padding: .2rem 1rem;}
	.price {font-size: 1.25rem;}
	.buy_group a {width: 80%;}
	.lec_box {font-size: 1.05rem;padding: 1.5rem;margin: .5rem 1rem;}
	.lec_box .book {display: block;width: 45%;margin: auto;float: unset;}
    .lecture {display: grid;grid-template-columns: 1fr;}
	.register a {width: 80%;display: inline-block;margin: auto;}
	.animation_scaleDraw {width: 38%;}
}