@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_notice {width: 100%;margin:0 auto;padding:0 1rem;display:inline-block;}

.event_sec h4, .event_third h5 {font-size: 2.8rem;word-break: keep-all;padding: 2rem 0 .5rem;line-height: 3.6rem;}
.feature dl {width: calc(100% / 2 - 2%);}
.feature dd {height: 20rem;}
.old_buy a {font-size: 2rem;}
.reskill dt{font-size: 2.1rem;}
.reskill {padding: .5rem 0 1.25rem;}
.reskill dl {width: 95%;margin: auto;border-bottom: 4px dotted #ffe88b2a;padding: .5rem 0 1.5rem .8rem;}
.reskill dl:first-child, .reskill dl:nth-child(3){border-right:unset;}

/* notice */
#event_notice{padding: 0 0 1.5rem;}
.event_notice ol {padding: 1.5rem 2rem;}

/* 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:3%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:999}
#topbutton a{color:#FFF;font-size:15px}

}


@media (max-width: 767px){

	.event_sec h4, .event_third h5 {font-size: 1.8rem;padding: 1.5rem 0 .5rem;line-height: 2.5rem;}
	.feature {padding: 0 0 1rem;}
	.feature dl {width: 100%;}
	.feature dt {font-size: 1.3rem;line-height: 1.8rem;}
	.feature dd {font-size: 1.05rem;height: auto;clip-path: ellipse(150% 85% at 50% 90%);padding: 2.1rem 1rem 1.25rem;}
    .old_buy a {font-size: 1.4rem;line-height: 2.5rem;}
    .reskill dt {font-size: 1.5rem;padding: 0 .5rem;line-height: 1.8rem;margin: .5rem .3rem;}
	.reskill dl {width: 95%;font-size: 1.2rem;padding: .5rem 0 1rem;line-height: 2rem;}
	.reskill nav {margin:1rem auto auto;}
	.reskill nav a {display: inline-block;position: unset;padding: .25rem 1.1rem;border: 4px double #82104b;}
	.reskill nav a br{display: none;}
	.line a {font-size: 1.25rem;padding: .2rem 1.5rem .3rem;line-height: 2.5rem;}
	.event_notice ol {width: 95%;padding: 1rem 1rem 1rem 2rem;font-size: .95rem;text-indent: -.9rem;line-height: 1.55rem;}

}