@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;max-width:100%}
#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: 0px;    float: left;
}
.br_mb{ display:block;}

/* 主圖 */
#event_master {
	width: 100%;
	margin:0 auto;
	padding:0;
}
#event_master img {width: 100%;}
#event_booklist {
	width: 100%;
	margin:0 auto;
	padding:0;
} 
#event_booklist .examdate h4 {
    font-size: 1rem;
    line-height: 1.4rem;
    color: #343333;
    border-bottom: 2px #f46d11 dotted;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0.5rem;
}
#event_booklist table{width:88%;margin:2% auto;font-size:.9em;line-height:1.8em;color:#333}
.ribbon h1{font-size:1.45rem}
#event_exp{width:90%;margin:5% auto 0;padding:0}
ul.exp_content{width:82%;margin:0 auto;padding:9% 5%;border-radius:12px}
.exp_content li{margin-bottom:4%;line-height:1.7em}
.stu{font-size:1.25rem;font-weight:700;color:#FF3129;line-height:1.4em;padding-top:7px}
.ribbon {width: 40%;}
#event_more,#event_classlink{width:86%;margin:5% auto 3%;padding:4%;border-bottom:3px #6cbccf dotted}
#event_more h2,#event_classlink h2{font-size: 1.3rem;line-height: 1.7rem;text-align: center;padding-bottom: 0.5rem;}
#flashcar a {
    font-size: 1.3rem;
}
    
/* classlink */
#event_classlink p{font-size:1rem;line-height:1.9rem;padding:0;color:#333;margin:0 0 0 15px}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;padding: 20px 0 20px}
#event_notice p{font-size:.8em;line-height:1.8em;color:#000;padding:0;margin: 0 2% 0 11%;text-indent: -3.6%;}
/* 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}

}

/*手機_直式*/
@media all and (min-width: 1px) and (max-width: 767px){
	.br_mb{ display:block;}
	#flashcar li {width: 37.5%;}
	.ribbon {margin: 4% auto 0;}
	caption {font-size: 1.35rem;}
	caption span a {font-size: 1.1rem;}
    .item {font-size: 1.5rem;}
    #coursera table, #coursera th, #coursera td {padding: 0.5rem 0.3rem;}
    .space123 {padding-left: 0;}

}
/*手機_橫式*/
@media screen and (min-width:600px) and (max-width:769px) {
}



