@media all and (min-width: 1px) and (max-width: 1200px){ 
/*舊版IE專用修復縮放不正常檢視用*/
/*mobile*/

/* 隱藏區塊 */
#BodyHeader {display:none;}
#event_news {display:none;} 
/* 隱藏區塊 */

/*body*/
body {
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	font-family: "Microsoft JhengHei", Verdana, Arial;
	background-attachment: fixed;
	background: url(../images/1011083_web_bg.png) no-repeat;
	background: #fffdee;
	padding: 0;
}

#BodyContainer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#BodyHeader #site {
	display: none;
} 

/* Event_heaader */
#BodyHeader_m {
	text-align: center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2%;
    background-color: #e9e9e9;
}
#BodyHeader_m img {
	clear: both;
	height: auto;
	max-width: 100%;
}
#BodyHeader_m #site2 {
	border-bottom-left-radius:40px;
	border-bottom-right-radius:40px;
	opacity: 0.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;
}
[class*="flex"] {
    display: flex;
    /*flex-wrap: wrap;*/
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
}

/* 主圖 */
#event {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    background-repeat: no-repeat;
    background: url(../images/1204052_bg.png) no-repeat,linear-gradient(to bottom ,#ffffff 10% ,#fff5b5 30% ,#fffdee 100%);
    background-size: contain;
    background-position-y: 0.3%;
}
#event_master {
	width: 100%;
	margin:0 auto;
	padding:0;
}

#event_master .point {
    /* font-family: Meiryo, "Meiryo UI", Arial, sans-serif !important; */
    /* font-family: Arial !important; */
    font-size: 3.5rem;
    line-height: 1.5rem;
    padding: 0;
    margin: 0 -5.2% 0 -5.2%;
}

#event_book {padding: 2% 2% 9%;}
.ps {text-align: center;font-size: 0.9rem;padding-top: 4%;padding-right: 0;padding-bottom: 3%;}
.title {font-size: 1.5rem;padding: 0.1rem 1rem;}

#event_info .info-img {
    margin-top: -2%;
    text-align: center;
}
#event_info figcaption {margin-top: 0.7%;margin-left: 15%}
.booktable {
    width: 96%;
    margin: 0 auto 2%;
    line-height: 1.6em;
    text-align: center;
}
#event_info .info-img img {
    width: 320px;
}
.booktable, .booktable th, .booktable td {
    border-collapse: collapse;
    border-top: 1px #df7705 dotted;
    padding: 1% 0 2.05%;
    font-size: 1rem;
    font-weight: normal;
}
.booktable td.time_t {font-size: 0.8rem;}
.student {
    background: white;
    border-radius: 12px 12px 0 0;
    padding: 2rem;
    margin: 0 2rem 0;
    line-height: 1.6;
    font-weight: normal;
}
    
#flashcar{margin:0 5% 2%;width: 90%;}
#flashcar li {
    margin: 0 2%;
}
.cartitle,.booklist2 hgroup h1 {font-size:1.6rem;}
caption {font-size:1.3rem;margin: 3% 0 0.5rem 0;}
.course td{font-weight: lighter;}
.buy{padding: 2%;}
.booklist2 {
    margin: 0% 4%;width: 92%;
}
/* notice */
#event_notice {
	text-align: left;
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 0;
	padding-left: 0;
	margin: 0;
	background-color: #b47eb0;
} 
#event_notice p {
    font-size: 0.9em;
    text-indent: -0.8125rem;
    line-height: 1.5em;
    color: #fff;
    padding: 0;
    margin-top: 0;
    margin-right: 4%;
    margin-bottom: 0;
    margin-left: 9%;
}


/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0;color:#000}
#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:#000;margin:2% auto 2% 5%}
#BodyFooter_rwd #footer_inline a{color:#000}
#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{max-width:100%;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:#000}
#BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;margin-bottom:1%;width:100%;clear:both}
#BodyFooter_rwd #footer_address ul li{width: 90%;line-height: 1.7em;text-align: center;font-size: .8em;margin: 0 5% 0;list-style: none;}
#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: #FFFFFF;
	border-radius: 9999em;
	background-color: #000;
	opacity: 0.4;
	right: 1%;
	bottom: 3%;
	position:fixed;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	z-index: 999;
}
#topbutton a{
	color: #FFFFFF;	
	font-size: 15px;
}	


}




/*手機_直式*/
@media all and (min-width: 1px) and (max-width: 767px){
	[class*="flex"] {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
}
#event {
    /* width: 100%; */
    /* margin: 0 auto 0; */
    /* padding: 0; */
    /* background-repeat: no-repeat; */
    background: url(../images/1204052_bg.png) no-repeat,linear-gradient(to bottom ,#ffffff 10% ,#fff5b5 30% ,#fffdee 100%);
    background-size: contain;
    background-position-y: 1.3%;
}
	#event_master h1 {
    font-size: 3rem;
    margin-top: 0%;
    margin-left: 0;
    text-align: center;
    color: #0981c0;
    display: block;
    width: 100%;
    padding-top: 19%;
}
	#event_master h2 {
    font-size: 1.1rem;
    line-height: normal;
    padding: 8px 13px 4px 21px;
    border-radius: 0 0 30px 30px;
    margin-left: 5%;
	border-bottom: 5px #8559a2 solid;
    border-left: none;
    border-right: 5px #a077cc solid
}
h3 {
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin-top: 2%;
    margin-left: 11%;
    padding: 2% 0% 5%;
    border-top: 2px #ad7caa00 solid;
    text-align: center;
    width: 83%;
    font-style: normal;
    color: #000;
    font-family: auto;
    }

#event_master h4 {
    font-size: 1.8rem;
    text-align: center;
    font-style: italic;
    /* color: #cc0000; */
    color: #fff;
    display: table-cell;
    margin-left: 363px;
    margin-right: 0;
    margin-top: 2.5%;
    border-top: 0px #ad7caa solid;
    padding: 1% 0 1.6% 2%;
    background-color: #fcc92b00;
    font-family: "Microsoft YaHei", Meiryo, "Meiryo UI", Arial, sans-serif;
    border-radius: 50px 0 50px;
    width: 35% !important;
    position: inherit;
    }
    #event_master h5 {
        font-size: 3.7rem;
        line-height: 4.3rem;
        margin-top: -2%;
        margin-left: 9%;
        /* text-align: center; */
        color: #0070ba;
        font-family: "Microsoft YaHei", Meiryo, "Meiryo UI", Arial, sans-serif;
        margin-right: 15%;
        text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;
    }
	#event_master .books {font-size: 2rem;line-height: 2.5rem;padding: .8% 3.9% 1.5% 2.5%;border-radius: 16px 0;text-shadow: none;margin-left: 2.5%;}
	#event_info li {font-size: 1rem;line-height: 1.4rem;text-indent: -0.2rem;margin-bottom: 2.2%;font-weight: normal;}
	#event_info ol {list-style-position: inside;padding: 2% 2% 4% 12%;width: 100%;margin: 0 auto 2%;}
	#event_info li {font-size: 1rem;line-height: 1.4rem;text-indent: -0.2rem;margin-bottom: 2.2%;font-weight: normal;}
	
	
}



/*手機_橫式*/
@media screen and (min-width:600px) and (max-width:769px) {
#BodyHeader_m {padding: 1%;}
[class*="flex"] {display: flex;flex-wrap: inherit;}
#event_master h2 {font-size: 1.3rem;}

#event_master h5 {
    font-size: 4.15rem;
    margin-top: -2%;
    margin-left: 9%;
    text-align: left;
    color: #a32188;
    font-family: "Microsoft YaHei",Meiryo, "Meiryo UI", Arial, sans-serif;
}
#event_master .point {
    font-family: Meiryo, "Meiryo UI", Arial, sans-serif !important;
    font-family: Arial !important;
    font-size: 6.5rem;
    line-height: 1.5rem;
    padding: 0;
    margin: 0 -3.2% 0 -3.2%;
    display: inline-block;
}
#event_master .point {
    margin: 0 -5.2% 0 -5.2%;
    display: inline-block;
    vertical-align: sub;
}
#event_master .books {
    font-size: 2.2rem;padding: 0 3.9% 0.5% 2.5%;border-radius: 16px 0;}
#event_info figcaption {
    padding: 2% 5%;
    text-align: center;
    border-radius: 9px;
    display: inline-block;
    font-size: 1rem;
    position: relative;
    margin-left: ;
}
#event_info figure {width: 40%;}

}