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

/* Event css */
.br_mb{ display:block}
#event_master,
#event_sec,
#event_third,
#event_fourth {
	width: 100%;
	margin:0 auto;
	padding:0;
    display:inline-block;
    }
#event_master img{ width:100%}
#event_third .courses caption {font-size: 1.7rem;margin-top: 7%;}
#event_third .courses th {font-size: 0.85rem;}
#event_third .courses td b {font-size: 1.1rem;line-height: 1.4rem;}
#event_third .courses .winplan {width: 145px;}
#event_third .courses .winplan_t {font-size: 1.17rem;line-height: 1.2rem;padding-left: 6px;margin-top: 7px;display: inline-block;}
#event_third .courselist {padding: 2% 0%;}
#event_third .courselist nav {font-size: 1.15rem}
#event_third .courselist nav a {font-size: 1.15rem;line-height: 1.7rem;width: auto;}
#event_third .courselist:nth-of-type(1) nav a {width: 26.3%;}
.courses, .courses th, .courses td {padding: 0.7% 1% !important;font-size: 0.9rem;}
.courses a {font-size: 1rem;}
#event_third .courses caption span {
    font-size: 1.5rem;
}
.txt-sm {
    padding-right: 1%;
}
.good_point h3 { font-size: 1.3rem;}
.good_point i {font-size: 2.3rem;}

.preface {
    margin-top: 0px;
    width: 75%;
    margin: 0 auto 4%;
    text-align: left;
    font-size: 1rem;
    padding: 1% 5% 3%;
    border: 4px #ffffffa8 solid;
    border-bottom: 8px #e45d61 solid;
    border-right: 2px #e45d61 solid;
}
.preface i {font-size: 2rem;}

.date {width: auto;}
.date,.date2,.date3 {width: 82%;}
.date p:nth-child(1) {font-size: 1rem;}
.date p:nth-child(1) span {font-size: 1.6rem;}
.date2 p:nth-child(1) span {font-size: 1.55rem;}
.date3 p:nth-child(1) span {font-size: 1.55rem;}
.date2 p:nth-child(2) {font-size: 1.1rem;margin-bottom: 15px;margin-top: 9px;}
.date3 p:nth-child(2) {margin-top: 9px;}
.date3 p:nth-child(3) {margin-bottom: 15px;}
.date p:nth-child(3) b,.date2 p:nth-child(3) b,.date3 p:nth-child(4) b,.date3 p:nth-child(4) a {margin-left: 0px;/* font-weight: normal; */padding: 0px 0 0;}

.date p i,.date2 p i,.date3 p i {font-size: 2.2rem;}
.date p:nth-child(2) {
    color: #10B84D;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 9px;
}
.money {font-size: 1rem !important;}
.point {
    width: calc(85%/1 - 8%);
    margin: 1% 1% 2%;
    padding: 1% 4% 1%;
    border-radius: 40px 0 40px 0;
    border: 4px #ffffffa8 solid;
    border-top: 0px #ffffffa8 solid;
    border-bottom: 6px #e45d61 solid;
    border-right: 2px #e45d61 solid;
}
.point .title {font-size: 1.5rem;}
.point ol {margin-left: 1rem;font-size: 0.85rem;}
.courses caption {
    font-size: 1.75rem;
    line-height: 2.7rem;
    margin-top: 7%;
    margin-bottom: 0.5%;
}
.courselist nav a {
    font-size: 1rem;
    line-height: 1.7rem;
    padding: 0.7% 4%;
    margin-top: 3%;
}
.courselist {
    padding: 2% 1%;
}
.more {
    margin: 2% 3% 8% 7%;
    padding: 2%;
    line-height: 1.6rem;
}
.news, .exam {
    width: 91%;
    margin: 5% auto 7%;
    font-size: 1.05rem;}

.news a {padding: 0 2% 0.5% 2%;}


#event_fourth {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    display: inherit;
}
#event_fourth h3 {font-size: 1.9em;}
.mediaYT {margin: 10% 13.3% 0px;padding: 0 0 7%;}
.mediaYT a {font-size: 1rem;padding: 0.5% 4%;}
.mov {position: relative;width: 100%;padding: 0%;height: auto;padding-bottom: 54.35%;}




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



}



/*手機_橫式*/
@media screen and (min-width:600px) and (max-width:769px) {
	.point {width: calc(97%/3 - 8%);padding: 1% 2% 1%;}
	.preface {margin-top: 0px;width: 78%;margin: 0 auto 3%;}
	#event_third .courses caption {font-size: 1.9rem;margin-top: 2%;}
	#event_third .courses .winplan_t {white-space: nowrap;}
	#event_third .courses .winplan {width: 217px;}
	.date p i {font-size: 2.5rem;margin-right: 4px;}
	.date p:nth-child(1) span {font-weight: 700;font-size: 1.8rem;}
	.date p,.date2 p{font-size: 0.85rem;}
	.date p:nth-child(3) b {margin-left: 10px;font-size: 0.85rem;}
	.date2 p i {font-size: 2.5rem;padding: 1.2% 2.5% 0.5% 3%;}
	.date2 p:nth-child(2) {font-size: 1.1rem;}
	.date2 p:nth-child(3) b {margin-left: 12px;}
	.courses, .courses th, .courses td {font-size: 1rem;}
	.money {font-size: 1.3rem !important;}
	.news, .exam {margin: 1% auto 3%;}
	
}