@media (max-width:767px){    
    .br_mb{ display:block} 
	#BodyFooter_rwd #footer_address {padding-bottom: 14%;padding-left: 5%;padding-right: 5%;}
	#event_master {background-color: #ff3c95;padding: 0;width: 100%;margin: -7px 0;}
    .points li {font-size: 1.3rem;margin: 0;width: calc(107%/4.1);} 
	.grade {margin: -17px 3%;width: 94%;}  
    .grade li{width: 100%;font-size: 1rem;}
	.grade a {margin-bottom: 3px;display: inline-block;}
    .grade-title {font-size: 1.5rem;line-height: 1.9rem;padding-bottom: 2%;margin: 7% 0% 3% 3%;padding-left: 7%;width: 93%;font-weight: bold;color: #ff3c95;}
    .ribbon {font-size: 1.5rem;line-height: 1.9rem;padding: 0.5rem 0.3em 0.5rem;}
	.ribbon_top{font-size: 1.32rem;line-height: 1.9rem;padding: 0.5rem 0 0.5rem;width: 80%;}
	.ribbon img {width: 20%;float: left;margin-top: 0;}
	.points a {padding: 0;}
	#back-top span {width: 45px;height:45px;}
	#event_fifth {font-size: 1.55em;margin-top: 1%;background-image: linear-gradient(to bottom, #ff3b96 6%, #f9d423 42%, #ff3b96 110%);}
	#event_fifth .points {font-size: 1.45rem;margin: 9% 5% 8% 13%;display: block;}
	.out_ribbon {margin-top: 8%;}
	#event_fifth .grade li span {margin-right: 15px;line-height: 1.5em;}
    .bannerlist img {width: 100%;}
	.top_grade dt {font-size: 1.55rem;line-height: 2.2rem;}
	.top_grade dd {font-size: 1.05rem;}
}
@media (min-width:768px) and (max-width:1199px){
    .grade li{width: calc(100%/2.1 - 3px/2*3);}
    .points li{font-size: 1.7rem;width: calc(100%/6 - 3px/2*4);}
    .ribbon {font-size: 2.2rem;}
}

@media all and (min-width: 1px) and (max-width: 1200px){
    .bannerlist img {padding-bottom: 0.7%;padding-top: 4%;}
    
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie{display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    /*header*/
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
    /*選單*/
    #mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
    #mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
    /*body*/
    #Master_title{display:inline-block;width:100%;}/*主圖位置ID*/
    @media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
    @media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0 auto;display:inline-block;width:100%;padding:0%;background-image: linear-gradient(to bottom, #ff3b96 6%, #f9d423 42%, #ff3b96 110%);}
	#event_master {background-color: #ff3c95;padding: 0;width: 100%;margin: -7px 0;}
    /*div section標籤段落*/
    section p,div p{font-size:1.3em;line-height:1.5em;text-align:left;}
    nav p{line-height:1.8rem;}
    /*標題大小*/
    h1{font-size: 2.2em;}
    h2{font-size: 2.0em;}
    h3{font-size: 1.6em;}
    #event_sixth nav a{ font-size: 1.2em;}
    /*event*/
    .grade {margin: -17px 3%;width: 94%;}
    .grade ul{width: inherit;margin: 0 0 0 4%;line-height: 1.5rem;}
    .grade li{font-size:1rem;}
    
    .ribbon img {width: 20%;}
	#event_fifth p {position: fixed;bottom: 0;left: 0;width: 100%;background: #ed2f7f;color: white;font-size: 0.8rem;margin: 0 auto;padding: 1% 3%;z-index: 10;}
    #event_fifth p a{color: white;}
    /*footer*/
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
    #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{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
    /*ask*/
    #askarea{background-color:#2896D0;width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p{text-align: center;}
    #askarea .asktitle{font-size: 1.0em;color: #FFF;margin-bottom: 2%;line-height: 2em;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
    input[name="sContent"]{width:50%;}
    input[type="text"]{	width:99%;}
    SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
    SELECT{width:100%;border: #FFF;	padding: 0.5%;}
    input{border: #FFF;padding: 1%;color: #585858;}
    input[type="submit"],input[type="reset"]{color:#FFF;background-color:#ed2f7f;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
    @media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
    @media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}