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

/*歡慶商品禮*/
.gift .box01{ margin:0 auto ; padding:60px; width:100%; background:#f8549b;}
.gift .box01 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.gift .box01 h2{ margin:0 auto; width:40%; border-radius:50px; background:#000; font-size:2rem; line-height:50px;color:#FFF; }
.gift .box01 p{ margin:20px auto; width:65%; font-size:1.4rem; line-height:1.3; color:#fff;}
.gift .box01 ul{ list-style:none; margin:0; padding:0;}
.gift .box01 li { margin:0 20px; display:inline-block; width:340px;}

/*會員獨享禮*/
.gift .box02{ margin:0 auto ; padding:60px; width:100%; background:#5163d5;}
.gift .box02 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.gift .box02 h2{ margin:0 auto; width:40%; border-radius:50px; background:#000; font-size:2rem; line-height:50px;color:#FFF; }
.gift .box02 p{ margin:20px auto; width:65%; font-size:1.4rem; line-height:1.3; color:#fff;}
.gift .box02 ul{ list-style:none; margin:0; padding:0;}
.gift .box02 li { margin:0 20px; display:inline-block; width:340px;}

/*注意事項*/
.rule { 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;}

/*得獎公告*/
.winner .box01{ margin:0 auto ; padding:60px; width:100%; background:#4ec8ef;}
.winner .box01 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.winner .box01 h2{ margin:0 auto; width:40%; border-radius:50px; background:#000; font-size:2rem; line-height:50px;color:#FFF; }
.winner .box01 ul{ list-style:none; margin:0; padding:0;}
.winner .box01 li { margin:0 20px; display:inline-block; width:340px;}

/*???*/
.complete { margin:0 auto; padding:80px 0 100px; width:100%; max-width:1200px; text-align:center;}
.complete .dis01 { margin:0 auto 50px; width:700px; height:auto; }
.complete .dis02 { display:none;}


/*加碼抽完成*/
.plus_cl { padding:80px 0; overflow:hidden;}
.plus_cl .box01{ margin:0 auto 40px; padding:30px; width:60%; background:#ffda2d; border-radius:10px; text-align:center;}
.plus_cl .box01 h2{ margin:0; font-size:3em; }
.plus_cl .box01 p{ margin:0; font-size:2.2em; line-height:1.6; color:#5163d5;}

.ad {margin:0 auto; width:60%;border-bottom:1px dashed #eee; border-top:1px dashed #eee; padding:20px 0; overflow:hidden; text-align:center;}
.ad ul{ display:inline-block; list-style: none; margin:0 auto; padding:0; text-align:center;}
.ad li { float:left; margin:0 20px; text-align:center;}
.ad img{ width:250px; margin:0 auto; }



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

.main_bn { display:none;}

/*歡慶商品禮*/
.gift .box01{ margin:0 auto ; padding:40px 15px; width:100%; background:#f8549b;}
.gift .box01 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.gift .box01 h2{ margin:0 auto; width:90%; border-radius:30px; background:#000; font-size:2rem; line-height:50px;color:#FFF; }
.gift .box01 p{ margin:20px auto; width:100%; font-size:1.1rem; line-height:1.3; color:#fff;}
.gift .box01 ul{ list-style:none; margin:0; padding:0;}
.gift .box01 li { margin:10px; display:inline-block; width:230px;}

/*會員獨享禮*/
.gift .box02{ margin:0 auto ; padding:40px 15px; width:100%; background:#5163d5;}
.gift .box02 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.gift .box02 h2{ margin:0 auto; width:90%; border-radius:50px; background:#000; font-size:2rem; line-height:50px;color:#FFF; }
.gift .box02 p{ margin:20px auto; width:100%; font-size:1.1rem; line-height:1.3; color:#fff;}
.gift .box02 ul{ list-style:none; margin:0; padding:0;}
.gift .box02 li { margin:10px; display:inline-block; width:230px;}

/*注意事項*/
.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;}
	
/*得獎名單*/
.winner .box01{ margin:0 auto ; padding:40px 15px; width:100%; background:#f8549b;}
.winner .box01 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.winner .box01 h2{ margin:0 auto; width:90%; border-radius:30px; background:#000; font-size:2rem; line-height:50px;color:#FFF; }
.winner .box01 p{ margin:20px auto; width:100%; font-size:1.1rem; line-height:1.3; color:#fff;}
.winner .box01 ul{ list-style:none; margin:0; padding:0;}
.winner .box01 li { margin:10px; display:inline-block; width:230px;}	

	
/*加碼抽完成*/
.plus_cl { padding:30px 12px; overflow:hidden;}
.plus_cl .box01{ margin:0 auto 30px; padding:30px; width:100%; background:#ffda2d; border-radius:10px; text-align:center;}
.plus_cl .box01 h2{ margin:0; font-size:2.1em; }
.plus_cl .box01 p{ margin:0; font-size:1.6em; line-height:1.2; }

.ad {margin:0 auto; width:100%;border-bottom:1px dashed #eee;border-top:1px dashed #eee; padding:10px 0; overflow:hidden; text-align:center;}
.ad ul{ display:inline-block; list-style: none; margin:0 auto; padding:0; text-align:center;}
.ad li { float:none; margin:15px 0; text-align:center;}
.ad img{ width:250px;margin:0 auto; }

}


/* == 平版版型區 ============================================================================= */
@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%;}

/*歡慶商品禮*/
.gift .box01{ margin:0 auto ; padding:60px 20px; width:100%; background:#f8549b;}
.gift .box01 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.gift .box01 h2{ margin:0 auto; width:40%; border-radius:50px; background:#000; font-size:2rem; line-height:50px;color:#FFF; }
.gift .box01 p{ margin:20px auto; width:80%; font-size:1.4rem; line-height:1.3; color:#fff;}
.gift .box01 ul{ list-style:none; margin:0; padding:0;}
.gift .box01 li { margin:0 20px; display:inline-block; width:270px;}

/*會員獨享禮*/
.gift .box02{ margin:0 auto ; padding:60px 20px; width:100%; background:#5163d5;}
.gift .box02 .wrap { margin:0 auto; width:100%; max-width:1000px; text-align:center; }
.gift .box02 h2{ margin:0 auto; width:40%; border-radius:50px; background:#000; font-size:2rem; line-height:50px;color:#FFF; }
.gift .box02 p{ margin:20px auto; width:80%; font-size:1.4rem; line-height:1.3; color:#fff;}
.gift .box02 ul{ list-style:none; margin:0; padding:0;}
.gift .box02 li { margin:0 20px; display:inline-block; width:270px;}

/*注意事項*/
.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;}
	
/*???*/
.complete { margin:0 auto; padding:70px 0; width:100%; max-width:1200px; text-align:center; overflow:hidden;}
.complete .dis01 { margin:0 auto 30px; width:700px; height:auto; }
.complete .dis02 { display:none;}

	
/*加碼抽完成*/
.plus_cl { padding:60px 0; overflow:hidden;}
.plus_cl .box01{ margin:0 auto 40px; padding:30px; width:90%; background:#ffda2d; border-radius:10px; text-align:center;}
.plus_cl .box01 h2{ margin:0; font-size:3em; line-height:1.4; }
.plus_cl .box01 p{ margin:0; font-size:2.2em; line-height:1.2; color:#5163d5; }

.ad {margin:0 auto; width:90%;border-bottom:1px dashed #eee;border-top:1px dashed #eee; padding:20px 0; overflow:hidden; text-align:center;}
.ad ul{ display:inline-block; list-style: none; margin:0 auto; padding:0; text-align:center;}
.ad li { float:left; margin:0 10px; text-align:center;}
.ad img{ width:250px;margin:0 auto; }	
	
	
	
	}