@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

p,h1,h2,h3,h4,h5,h6 {color:#eb3476;}
p,a  {color:#ffffff;} 
a {}

a:link {text-decoration: none;} 

body {
	/*You can use any kind of background here.*/
	background: #f592a4;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	 background-attachment: fixed;
	 background-size:cover;
	margin:0;
	padding:0;
	border:0;
	font-family: "微軟正黑體", "儷黑 Pro", Arial, Helvetica, sans-serif;
	z-index: -20;
}


.imgresponse img {width:100%;height:auto;max-width:500px;}
.clearfix {clear:both;}
a {cursor:pointer;}

canvas {
	display: block;
	position:absolute;
	z-index:1;
    position:fixed;
}


.bg{margin:0 auto;position:relative;}
.container{margin:0 auto;max-width:1000px;padding:15px 15px;}
.bg_snow {width:100%;margin:0 auto; text-align:center;overflow:hidden;background-image:url(../images/bg_snow.png);height:275px;background-size:cover;background-position:center;}

.wrapper_full {margin:0 auto;text-align:center;position:absolute;z-index:1000;width:100%;}
.logo {min-height:200px;}
.logo img{margin:0 auto;text-align:center;margin-top:10px;max-width:450px;background-size:cover;width:100%;}
#header {padding:0px 0 0 0;}
.row {}
.content_wht {background-color:#fcf7f8;min-height:400px;padding-bottom:30px;}
.greybg {background-color:#eaeaea;padding:40px auto;}
.content_wht p,a{color:#362d2b;}
.content_trans {padding:20px auto;min-height:300px;}
.content_wht .container {}

.ans {margin:20px 0;}
.description {margin:10px auto;text-align:center;}

button , button:hover{background: none;border:0; cursor:pointer;}

.tnc {}
.btn {}
.btn img {margin:10px 10px; width:120px; height:47px;}
.btn2 img {margin:10px 10px; width:160px; height:62px;}
.btn_tnc {margin:10px auto;cursor:pointer;}
.btneffect img {opacity: 1;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.btneffect :hover img {opacity: .7;}


.mb_login_wrap {padding:20px 0;} 
.mb_login {width:90%;margin:0 auto;}
.mb_login .half{width:50%;float:left;}
.mb_login .half img{padding:10px;}
.mb_login .row {margin:10px auto;max-width:400px;left:0;}
.mb_login .title {color:#1d1d1d;text-align:left;padding:5px 0;}
.mb_login .inputzone{text-align:left;}
.inputsn{width:100%;height:20px;text-align:left;}

.smallremind {font-size:12px;color:#acacac;}
.redremind {color:#d01444;}
.tickremind {font-size:12px;color:#272727;text-align:left;}


.gameintro{width:23%;margin:1%;float:left;}
.gameintro img{height:auto;padding:5px;background-size:cover;width:100%;}
.gameintro p{font-size:14px;font-family: "微軟正黑體", "儷黑 Pro", Arial, Helvetica, sans-serif;font-weight:bold;}

.prizenow {width:100%;display:block;}
.prizenow img {width:100%;max-width:400px;padding:20px 0;}
.prizenow  input {width:100%;max-width:400px;margin:0 auto;}
.prizenow  input img{width:100%;max-width:400px;}

.buy_wrap h3 {color:#3e5bb9;}
.buy_wrap h1 img {max-width:400px;width:100%;height:auto;}
.buy_wrap .half {width:100%;min-height:200px;float:left;padding:0%;}
.buy_wrap .half .line {width:100%;background-size:cover;}
.buyproduct img {width:100%;height:auto;max-width:400px;}
.buy_wrap .description h3 {color:#d1c57f;}
.buy_wrap2 {width:90%;margin:0 auto;}

.buy_wrap .others {width:31.3%;float:left;padding:1%;}
.buy_wrap .buyother_list {}
.buy_wrap .buyother_list img {width:100%;height:auto;max-width:360px;}
.buy_wrap .description h1 {color:#d1c57f;}
.buy_wrap .description p {font-size:15px;line-height:1.8em;}
.onedollar_highlight {color:#b91c25;font-size:18px;font-weight:bold;}

.coupon_wrap .select_wrap {width:80%;margin:0 auto;} 
.coupon_wrap .select_wrap .select {width:31.2%;padding:1%;float:left;display:block;}
.coupon_wrap .select_wrap .select img {width:100%;height:auto;max-width:200px;}
.coupon_wrap .select_wrap input img{width:100%;height:auto;max-width:200px;}
.coupon_wrap .select_wrap input {width:100%;height:auto;max-width:200px;}
.coupon_wrap .tickbox {max-width:500px;width:100%;margin:0 auto;margin-top:10px;}

.coupon_wrap .freecoupon .description{width:100%;max-width:400px;}  
.coupon_wrap .freecoupon .description img{width:100%;max-width:400px;} 


.grand_wrap .select_wrap {width:80%;margin:0 auto;} 
.grand_wrap .select_wrap .select {width:31.2%;padding:1%;float:left;display:block;}
.grand_wrap .select_wrap .select img {width:100%;height:auto;max-width:200px;}
.grand_wrap .select_wrap input img{width:100%;height:auto;max-width:200px;}
.grand_wrap .select_wrap input {width:100%;height:auto;max-width:200px;}
.grand_wrap .tickbox {max-width:500px;width:100%;margin:0 auto;margin-top:10px;}
.grand_wrap .freecoupon .description{width:100%;max-width:400px;}  
.grand_wrap .freecoupon .description img{width:100%;max-width:400px;} 


.prizeintro_wrap {position:relative;}
.prizeintro .content {max-width:1200px;width:100%;background-repeat:no-repeat;background-position:top;background-size:cover;margin:0 auto;padding:30px auto;}

.sectionB  {width:100%;max-width:800px;z-index:20;margin:0 auto;padding:20px 0 30px 0;}
.sectionB .treewrap{margin:0 auto;} 
.sectionB  .treewrap .imgresponse img {width:100%;height:auto;max-width:380px;}
.treewrap .topstar {padding-top:10px;}
.treewrap .tree{}
.treewrap .half {float:left;width:50%;}

.sectionA { width:25%;max-width:250px;z-index:100;position:absolute;left:20%;top:50px;}
.sectionC {width:25%;max-width:250px;z-index:100;position:absolute;right:15%;top:250px;}

.sectionA2 {width:100%;float:left;margin:0 auto;display:none;margin:20px 0 20px 0;}
.sectionA2 img {width:70%;}
.sectionC2 {width:100%;float:left;margin:0 auto;display:none;margin:20px 0 20px 0;}
.sectionC2 img {width:70%;}


.goldline{height:2px;background-color:#d3c885;}
.onedollar_wrap{margin-top:30px;}

.onedollar .goldline{width:20px;height:2px;width:100%;float:left;}
.onedollar .title {margin:0 auto;text-align:center;}
.onedollar_box .box{width:25%;float:left;margin:6px auto;position:relative;}
.soldout{width:20%;height:20%;position: absolute;background-image:url(../images/soldout.png);background-size:contain;background-repeat:no-repeat;top:24%;right:5%;}
.comingsoon{width:20%;height:20%;background-image:url(../images/comingsoon.png);position: absolute;background-size:contain;margin:0 auto;background-repeat:no-repeat;top:24%;right:5%;}
.onedollar p{font-size:12px;margin:6px 0 20px 0;}

.buytnc {margin:0 auto;}
.terms { ;font-size: 14px; color: #1851a1; line-height: 21px;}

.h10 {width:100%;height:5px;display:block;}
.main {padding:30px auto;max-width:1000px;margin:0 auto;padding:30px 0;}
.main .part1 {width:100%;max-width:380px;margin:0 auto;display:block;}
.main .part1 .row img {width:100%;margin-top:20px;}
.main .part2 {width:100%;margin:0 auto;display:block;max-width:700px;}
.main .part2 .half {width:50%;float:left;}
.main .part2 .half img{width:100%;max-width:300px;}
.main .part3 {width:30%;float:left;display:block;display:none;}
.main .part3 .row img {width:100%;margin-top:10px;}

.footer {background-color:#ff8aa8;background-image:url(../images/footerbg.jpg);background-repeat:repeat-x;}
.bannerzone {margin:0 auto;width:100%;text-align:center;max-width:728px;}
.bannerzone728 {margin:0 auto;width:728px;text-align:center;}
.bannerzone320 {margin:0 auto;width:320px;text-align:center;display:none;}
.bannerzone300 {width:50%;text-align:center;float:left;}
.bannerzone300b {width:50%;text-align:center;float:left;}

 @media (max-width: 1420px){
.sectionA { left:10%;}
.sectionC {right:6%;}
 }


 @media (max-width: 1260px){
.sectionA { left:10%;}
.sectionC {right:6%;}
 }
 
  @media (max-width: 960px){
.sectionA { left:5%;}
.sectionC {right:3%;}
 }
 
 @media (max-width: 767px){
.onedollar_box .box{width:50%;float:left;}
.sectionA { left:5%;display:none;}
.sectionC {right:2%;top:140px;display:none;}
.sectionA2 {width:100%;float:left;margin:0 auto;display:block;}
.sectionA2 img {width:50%;margin-left:-100px;}
.sectionC2 {width:100%;float:left;margin:0 auto;display:block;}
.sectionC2 img {width:50%;margin-right:-100px;}
.buy_wrap2 {width:100%;margin:0 auto;}


.main .part1 {width:100%;}
.main .part1 .row img {width:100%;margin-top:10px;}
.main .part2 {width:100%;float:left;display:block;}
.main .part2 .title img{width:100%;max-width:400px;}
.main .part2 .half {width:100%;float:left;}
.main .part2 .half img{width:100%;}
.main .part3 {width:100%;float:left;display:block;margin-top:30px;display:none;}
.main .part3 .row img {width:100%;margin-top:0px;}
	 }


 @media (max-width: 565px){
.bg_snow  {width:100%;overflow:hidden;margin:0 auto; 
  background-position: center center;
  background-repeat: no-repeat;height:100px;background-size:cover;}
.bg_snow img{width:70%;display:block; text-align:center;}
.logo p {font-size:14px;}
h1 {font-size:24px;}
h2 {font-size:22px;}
.mb_login .half{width:100%;float:left;}
.gameintro{width:95%;margin:2% auto;float:none;}
.gameintro img{width:80%;}
.buy_wrap .others {width:100%;}
.prizeintro .content {height:auto;}


.treewrap .half {float:left;width:100%;}

.onedollar_box .box{width:100%;float:left;}
.onedollar_box img {max-width:80%;}


.sectionA2 img {width:70%;margin-left:0px;}
.sectionC2 img {width:70%;margin-right:0px;}

.soldout{top:24%;right:10%;}
.comingsoon{top:24%;right:10%;}
.grand_wrap .select_wrap {width:100%;margin:0 auto;}
 }

  @media (max-width: 728px){
 .bannerzone728 {margin:0 auto;width:100%;text-align:center;display:none;}
.bannerzone300 {width:100%;text-align:center;float:left;}
.bannerzone300b {width:50%;text-align:center;float:left;display:none;}
.bannerzone320 {margin:0 auto;width:320px;text-align:center;display:block;}
.bannerzone {margin:0 auto;width:100%;max-width:728px;text-align:center;}

  }