/*內頁BN*/
.main_bn{ display:block; width:100%; height:380px; background: url(../img/main_bn.jpg) top center;}
.main_bn_m{ display:none;}


/*得獎公告*/
.winner .box01{ margin:0 auto ; padding:0 0 60px; width:100%; background:#4ec8ef; overflow:hidden;}
.winner .box01 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.winner .box01 h2{ margin:60px auto 0; width:40%; border-radius:50px; font-size:3rem; line-height:50px; color:#fff; }
.winner .box01 h3{ margin:0; padding:10px 0; font-size:1.8rem; color:#fff;}
.winner .box01 ul{ list-style:none; margin:30px 0 0; padding:0;}
.winner .box01 li { margin:0 2%; display:inline-block; width:40%; font-size:1.3rem; line-height:1.8; }
.winner .box01 li td.A{ border-top:1px double #f8549b;}
.winner .box01 li td.B{ border-top:1px double #5163d5;}


/*注意事項*/
.rule { clear: width:100%; padding:80px 0; background:#e8ecf1;}
.rule h2{ margin:10px auto; padding:0; width:1000px; font-size:1.8rem;}
.rule ol{ margin:0 auto; padding:0 0 0 20px; width:1000px; }
.rule li{ font-size:1.1rem; line-height:1.8;}



/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){

.main_bn { display:none;}
.main_bn_m{ display:block;}

/*得獎公告*/
.winner .box01{ margin:0 auto ; padding:0 15px 10px; width:100%; background:#4ec8ef; overflow:hidden;}
.winner .box01 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.winner .box01 h2{ margin:30px auto 0; width:100%; border-radius:50px; font-size:2.2rem; line-height:1.2; color:#fff; }
.winner .box01 h3{ margin:0; padding:10px 0; font-size:1.4rem; color:#fff;}
.winner .box01 ul{ list-style:none; margin:20px 0; padding:0;}
.winner .box01 li { margin:0 auto 10px; display:inline-block; width:100%; font-size:1rem; line-height:1.8; }
.winner .box01 li td.A{ border-top:1px double #f8549b;}
.winner .box01 li td.B{ border-top:1px double #5163d5;}


/*注意事項*/
.rule { width:100%; padding:40px 10px; background:#e8ecf1;}
.rule h2{ margin:10px auto; padding:0; width:100%; font-size:1.6rem;}
.rule ol{ margin:0 auto; padding:0 0 0 20px; width:100%; }
.rule li{ font-size:1rem; line-height:1.4;}



}


/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	
/*內頁BN*/
.main_bn{ width:100%; height:0; background: url(../img/main_bn.jpg) top center; background-size:cover; padding-bottom:35%;}
.main_bn_m{ display:none;}

/*得獎公告*/
.winner .box01{ margin:0 auto ; padding:0 0 60px; width:100%; background:#4ec8ef; overflow:hidden;}
.winner .box01 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.winner .box01 h2{ margin:60px auto 0; width:40%; border-radius:50px; font-size:3rem; line-height:50px; color:#fff; }
.winner .box01 h3{ margin:0; padding:10px 0; font-size:1.6rem; color:#fff;}
.winner .box01 ul{ list-style:none; margin:30px 0 0; padding:0;}
.winner .box01 li { margin:0 2%; display:inline-block; width:45%; font-size:1.2rem; line-height:1.8; }
.winner .box01 li td.A{ border-top:1px double #f8549b;}
.winner .box01 li td.B{ border-top:1px double #5163d5;}

/*注意事項*/
.rule { width:100%; padding:60px 20px; background:#e8ecf1;}
.rule h2{ margin:10px auto; padding:0; width:100%; font-size:1.8rem;}
.rule ol{ margin:0 auto; padding:0 0 0 20px; width:100%; }
.rule li{ font-size:1rem; line-height:1.6;}
	

	
	}