@media (max-width:767px){
	.master_txt{margin:0 auto 0;padding: 26% 0 3% 0;background: url(/Event/law-reference/images/1301039_02.png) no-repeat top center/100% auto #fbf8f5;}
	@media screen and (max-width: 320px){.title1{font-size: 1.2rem!important;}}
	.master_txt:before,.master_txt:after{display: none;}
	.title1{font-weight:bold;display: block;margin: auto;}
	.master_banner{background-size: 100% 100%;padding: 1rem 0;}
	.master_banner_txt{padding: 0;margin: 1rem auto 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: auto;width: 50%;}
	.master_banner_date{width: 100%;}
	.master_banner div:nth-of-type(2){width: 44%;}
	.master_banner div:nth-of-type(2) li{margin-left: 25%;}
	.discount br{display: block;}
	.saletitle{font-size:1em}
	.num{font-size:1.6rem}
	.bookcontent {padding:3% 0}
	#event_book h1{width:70%;background-size:26% auto;padding:0 2% 0 27%;font-size:1.5rem;line-height:1.2em;background-position:left top}
	#event_book h2{margin:1% auto 2%;width:96%;font-size:1.2rem}
	.book_img,.book{width:96%;margin:1% auto}
	.book_img img{width:initial;max-width: 50%;}
	.saleRed{font-weight:normal;font-size:1rem}
	.buy img{width:35%}
	.buy{width:100%;text-align:center;padding:0;}
	.course .buy{text-align: center;}
	.flashsale,.course{width:89%;padding:3%}
	.APPtitle{font-size:1.5rem;line-height:1.5em}
	.flashsale ul{width: 100%;    margin-left: 0;}
	.flashsale li{width: calc(100%/2 - 4px);}
	.course li{width: 48%;}
	/*.course{width:96%}*/
	h4{font-size:1.3rem;width:96%;margin:0 auto}
	.getapp .icon{width:20%;margin:0 auto}
	.getapp .text{width:78%;font-size:1.2em;margin-left:2%}
	.getapp .text small{font-size:1rem}
	#event_media{width:90%}
	.mediaTitle{font-size:1.5rem;background-size:100%}
	#event_media{width: auto;}
	#event_media li strong{font-size:1.1rem}
	#event_class{width:88%;padding:5%}
	#event_class h2{font-size:1.4em;line-height:1.3em}
	#event_class ul{margin:1% auto}
	#event_class ul li{font-size:1rem;line-height:1.55em;margin-bottom:1%}
	#event_note{width:90%;padding:5% 0}
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
	.master_banner div{float: left;height:auto;}
}
@media screen\0 {/*IE 8 9 10 11*/
	.master_banner div{float: left;height:auto;/* for ie 9,10 */}
}

@media all and (min-width: 1px) and (max-width: 1200px){
#BodyHeader,#event_news,#noie,#menuleft{display:none}
#BodyContainer,#BodyContentEvent{width:100%}
#BodyHeader_m{width:100%;text-align:center;margin:0 auto;padding:2% 0}
#BodyHeader_m img{clear:both;height:auto;max-width:100%}
@media screen and (orientation: landscape) {
#BodyHeader_m img{max-width:35%}
}
#BodyFooter_rwd{width:100%;margin:0 auto;padding:0;color:#000}
#BodyFooter_rwd a{color:#000}
#BodyFooter_rwd #footer_address{width:100%;margin:0 auto;padding:4% 0 1%;text-align:center}
#BodyFooter_rwd #footer_address ul{padding:0;text-align:center;width:100%;clear:both}
#BodyFooter_rwd #footer_address li{display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
#footer_address br{display:none}
#footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%;max-width: 100%;}
#topbutton{width:50px;height:50px;color:#FFF;border-radius:50%;background:#000;opacity:.4;right:1%;bottom:3%;position:fixed;line-height:50px;font-size:15px;text-align:center}
#topbutton a{color:#FFF;text-decoration:none}
}