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

/* Event css */
#event_master,
#event_discount,
#event_year,
#event_series {width: 100%;margin:0 auto;padding:0;display:inline-block;}
#event_feature {width: 100%;margin:0 auto;padding:0;display:inline-block;}

/*.bgcolor2 {background: url(../images/1112097_9_0.png) no-repeat top center,#7f9378;background-size: contain;background: url(../images/1112097_9_0.png) no-repeat top center,linear-gradient(to left ,#c15629 0% ,#a62326 100% )}*/
/*.bgcolor2 {background: url(../images/1112097_9_0.png) no-repeat top center,#7f9378;background-size: contain;background: url(../images/1112097_9_0.png) no-repeat top center,linear-gradient(to left ,#c15629 0% ,#a62326 130% );}*/
.bgcolor2 {background-color: #008d90;}
.w-full {width: 100%;} 

.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }

.nowrap{text-wrap: nowrap}

   
	
/*主圖*/
.br_pc{ display:none}

#event_master .banner {padding: 2% 2% 1%;}
#event_master .banner img {width: 20%;}
#event_master .top-t1 {}
#event_master .top-t2 {}
#event_master .top-t2 img{width: 80%}
#event_master h2 {padding: 3% 8%;text-indent: -0.8125rem;}
#event_master h3 {font-size: 1.8rem;}
h4 {font-size: 2.6rem;line-height: 3rem;margin: 6% 5% 1%;}
.t1,.t2 {font-size: 3.8rem;line-height: 4rem;margin-left: 1%;}
.t3,.t4 {font-size: 1.35rem;}

/*特點*/
.feature {width: calc(100%/1);}
.feature_group {padding: 4% 0;}
.feature div >span {font-size: 2.1rem;margin: 17% 2% 17%;}
.feature div:nth-child(1) {font-size: 1.5rem;line-height: 1.8rem;}
.tt5 {font-size: 1.4rem;line-height: 1.8rem;margin-top: 3%;margin-bottom: 7%;}
.salegroup {padding: 3% 3% 0;font-size: 1.8rem;}

/*書單*/
.bgcolor4 {background: linear-gradient(to left ,#e0cfa300 0% ,#fff 30%,#fff 70% ,#e0cfa200 100% ),url(../images/1107086_bg.jpg) repeat top center;width: 100% !important;padding: 6% 0 3%}
.series >div {font-size: 2rem;}
.series >div>span {font-size: 1.07rem;}
.series >p{font-size: 1.3rem;}
.c1, .c2, .c3, .c4 {width: 90%;}
.series_group:nth-child(1) .book {width: calc(100%/1 - 2px);}
.series_group:nth-child(2) .book {width: calc(100%/1 - 2px);}
.series_group:nth-child(3) .book {width: calc(100%/1 - 2px);}
.series_group:nth-child(4) .book {/*width: calc(100%/1 - 2px);*/width: calc(60%/1 - 20px);margin: auto;}
.book_group {padding: 1.1% 0 7%;width: 90%;margin: 1% auto 0%;}
.booklist {overflow-x: scroll;}

.comment {text-align: left;margin: 0 auto 7%;padding: 5.1% 5% 7%;border-radius: 0 0 20px 20px;width: 80%;}
.student p {line-height: 1.7rem;}

.owl-stage {width: 100%;display: flex;justify-content: center;}
  
    
/* 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%;}
#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;width: 96%}
#BodyFooter_rwd #footer_address ul{width: 98%;margin: 1% auto;padding: 0;text-align: center;}
#BodyFooter_rwd #footer_address ul li{display:block;line-height:2em;text-align:center;font-size:.8em}
/* Footer end */

/* top */
#menuleft{width:100%;color:#FFF;background-color:#ab8454f5;bottom:0;position:fixed;line-height:1.7rem;text-align:center;z-index:999;padding: 1%;border-top: 3px #dacab5 solid;}
#menuleft ul{display: flex;flex-wrap: wrap;}
#menuleft ul li{width: calc(100%/3 - 2px);list-style: none;}
#menuleft a{color:#FFF;text-align: center;padding: 1px;font-size: 1rem;}

#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;text-decoration:none}
}


@media (max-width: 767px){
    .br_mb{ display:block}
	.bgcolor2 {padding: 0;}
	#event_master .top-t1 {flex-direction: column;}
	#event_master .top-t2 img {width: 88% !important;}
	#event_master .banner img {width: 34%;margin: 0 auto;}
	#event_master h2 {font-size: 1.5rem;padding: 0.6% 5% 1%;text-indent: 0;margin-left: auto;}
	#event_master h2 i {font-size: 1.5rem;}
	#event_master h3 {font-size: 1.2rem;padding: 1.7% 0 2%;width: 91%;margin-left: 6%;}
    h4 {font-size: 2.2rem;line-height: 3rem;margin: 6% 3% 3%;}
	.flex {margin: .5rem auto 0;}
    nav{width: 80%;margin: auto;}
    nav a{display: block;}
    .books{width: 250%;}
    .book img {width: 74% !important;margin: auto;}
	.book h3 a {font-size: 1.3rem;line-height: 1.9rem;}
    .series_group:nth-child(4) .book {width: calc(100%/1 - 2px);}
	.book {position: relative;/*width: calc(100% / 2 - 4px);margin-top: -26%;*/}
    .book3_top{margin-top: 6%}
	.book5_top{margin-top: 3.6%}
    .book .gold img{margin-left:0;}
	.salegroup {padding: 5% 3% 0;font-size: 1.4rem;line-height: 1.9rem;}
	.title {font-size: 1.6rem;line-height: 2.2rem;text-align: center;}
	.series >p {font-size: 1.25rem;font-weight: bold;margin-bottom: 0;}
	.series >div {font-size: 2.2rem;width: 82%;}
	.series_group {padding: 10% 2% 3%;}
	.book_group {width: 87%;}
	/*.owl-stage {width: auto;flex-direction: column;align-items: center;}*/
	.book_group {padding: 2.1% 0 6%;margin: 0.5rem auto 6% auto;}
	.t1, .t2 {margin-left: 1%;display: flex;flex-direction: column;align-items: center;}
	.t1 {font-size: 4rem;line-height: 4.5rem;}
	.t2 {font-size: 3rem;line-height: 3.3rem;}
	.feature div:nth-child(1) {font-size: 1.5rem;line-height: 1.9rem;letter-spacing: 2px;}
	.feature {padding: 4% 0 0;margin: 3% auto;width: calc(86% / 1);}
	.comment {text-align: left;margin: 0 auto 7%;padding: 10.1% 5% 7%;border-radius: 0 0 20px 20px;width: 78%;}
	.name span {font-size: 1.12rem;line-height: 2.15rem;margin-left: 1%;}
	.student p {line-height: 1.8rem;text-align: justify;}
	/*.owl-prev, .owl-next {display: none;}*/
	.allow {right: -12px;/*right: -226px;*/}
    .owl-carousel .owl-item {margin: 0px 0% 2%;}
    

	#event_discount {padding: 1% 0 5% !important}
    .discount {padding: 2% 12% 2% 12%;text-align: center;}
	.discount dd {font-size: 1.55rem;line-height: 1.9rem;padding: 4% 2% 0;}
    .discount dd a.buy {padding: 2px 14px 4px;}
	.discount dt {margin: 0 auto;padding: 0.2rem 2rem 0.1rem;font-size: 2.3rem;border: 3px solid #baa786;}
	.discount b{font-size: 1.8rem;}
    .discount strong {font-size: 1.8rem;/* line-height: 2.4rem; */padding-bottom: 7px;display: inline-block;margin-left: -4%;}
	#askform input {font-size: 1rem;padding: 2% 1%;margin-bottom: 1%;margin-left: 0;}
	#askform h2 {clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);}
	#askform {width: 77%;padding: 4% 4% 5%;}
	#askform p {text-align: left;}
}