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

.pc_br{display: inline;}
.title {font-size: 2.6rem;}
.course-title {font-size: 1.6rem;}
.inter-item{display: block;width: 90%;margin: 0.5rem;}
.course,.point_box,.study-item {width: 90%;}
.course_area1, .course_area2 {width: 100%;flex-direction: column;padding: 1rem .5rem ;}
.course-item{width: 100%;}
.course-item p {padding: 0 0 0 5rem;font-size: 1.45rem;}
.course-item ul {padding: 0 0 0 7.5rem;}
.course-item figure {width: 80%;margin: auto;}
.exp-item{width: 86%;}
.Vuecontent .more {width: 20%;}
.other {padding: 2.5rem 1.5rem 2.5rem 3.5rem;}
.qusetion {height: auto;}
.mov_box {
    margin: 1% 10% 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: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) {
	.banner{display: none;}
	.banner_m{display: block;width: 100%;}
	.banner_m img{width: 100%;}

	.title {font-size: 1.6rem;line-height: 2rem;text-align: left;padding: 5% 5% 2%;}
	.inter-item dt {font-size: 1.4rem;}
	.inter-item dd {font-size: 1.1rem;text-align: left;padding: 0 .5rem;}
	.course-title {font-size: 1.3rem;padding: .5rem 1rem}
	.course-title span {display: block;}
	.course-item ul {padding: 0 .5rem 0 2rem;}
	.course-item p {padding: 0 }
	.course-item {font-size: 1.1rem;}
	.course img {width: 100%;}

	.buy div:nth-child(1){padding: 0;}
	.buy {font-size: 1.3rem;padding-bottom: 6%;}
	.buy div span {line-height: 1.4rem;padding: 0.7rem 0.8rem;font-size: 1.3rem;margin: 0.5rem;}
	.buy div:nth-child(2),.buy div:nth-child(3) {padding: 0.8rem 0.8rem 0 0.2rem;}
	.more {text-align: left;font-size: 1.3rem;}

	.Vuetabs a {font-size: 1.25rem;}
	.Vuetabs a.active {font-size: 1.35rem;}
	.student {font-size: 1.1rem;line-height: 2rem;}
	.exp-item > div:nth-child(-n+2) {font-size: 1.15rem;}
	.exp-item div:nth-child(3) {font-size: 1rem;}
	.Vuecontent .more {width: 40%;}
	.qusetion b {font-size: 1.25rem;}

    .point_box, .study-item{font-size: 1.1rem;}
	.exp-item {font-size: 1.05rem;}
	.study-item ul {padding: 0 1.5rem;}
	.other {padding: 2rem 1rem 1rem 2.5rem;}
	#BodyFooter_rwd #footer_address {width: 96%;margin: auto;float: none;}
}