body{background:#020202 url('../_img/bg.jpg?r=201803150925') top center no-repeat;margin:0 auto;}
#dPageHolder{width:100%;height:auto;margin:0 auto;max-width:1024px;}
.clearfix{clear:both;}
img{width:100%;}
#dMainPhone{position:relative;max-width:1024px;margin:0 auto;z-index:0;}
.homeBtn, .fbBtn {position:absolute; display:block; float:left; width: 22.852%; padding-bottom:8.008%;}
.homeBtn {background:url(../_img/homeBtn_nor.png) top left no-repeat; background-size: contain; margin:3.3% 0 0 43.2%;}
.homeBtn:hover {background-image:url(../_img/homeBtn_hover.png); background-size: contain;}
.fbBtn {background:url(../_img/FbBtn_nor.png) top left no-repeat; background-size: contain; margin:3.3% 0 0 68.3%;}
.fbBtn:hover {background-image:url(../_img/FbBtn_hover.png); background-size: contain;}
.downloadBtn {position:absolute; width:61.72%; padding-bottom: 21.095%;background: url(../_img/downloadBtn_nor.png) top left no-repeat; background-size:contain; top:0; left:0; right:0; bottom:0;margin: 67.5% auto 0;}
.downloadBtn:hover {background-image:url(../_img/downloadBtn_hover.png); background-size: contain;}
.input_set {position:absolute; display:block;width:43%; height:76px; font-size: 60px;line-height:76px;background-color:transparent;border:none;color:#fff;}
#input_phoneNum {margin: -28.4% 0 0 44%;}
#input_pinCode {margin: -15% 0 0 44%;}
.select_checkbox {position:absolute;width:81px;height:81px;margin:-2.7% 0 0 23.8%;background:url(../_img/selectbox_nor.png)top left no-repeat; background-size:contain;cursor:pointer;}
.on_check {background-image:url(../_img/selectbox_select.png);background-size:contain;}
.checkboxstyle{opacity: 0;cursor: pointer;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
.agree_person_info_user {position: absolute;display: block;width: 45%;padding-bottom: 6%;margin: -1.9% 0 0 33%;}
.sumbitBtn {position:absolute; display:block; width:37.6958%; padding-bottom:11.817%; background:url(../_img/SubmitBtn_nor.png)top left no-repeat; background-size:contain;top:0;left:0;right:0;bottom:0;margin:165.5% auto 0;border:none;}
.part1, .part2, .part3, .part4, .part5{float:left;height:auto;}
/*#content{clear:both;position:absolute;display:block;top:0;left:0;bottom:0;right:0;margin:auto;text-align:center;}
canvas#gameCanvas.gameCanvas{clear:both;margin:auto;top:0;left:0;bottom:0;right:0;margin-top:2%;width:100%;}
object#flashContent{clear:both;position:absolute;top:8%;left:0;bottom:0;right:0;}*/
.closeBtn, .alertCloseBtn{position:absolute;top:0;right:-3%;margin:-3% 0 0 0;display:block;z-index:15;width:9%;padding-bottom:9%;background:url("../_img/closeBtn.png?r=20171127") top left no-repeat;cursor:pointer;background-size:contain;}
#mask, #alertMask{top:0;left:0;width:100%;height:100%;position:fixed;background:#000;display:none;z-index:10;zoom:1;filter:alpha(opacity=50);opacity:0.5;}
#alertMask{z-index:20;}
.popupWindow{position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;max-width:600px;background:top center no-repeat;display:none;z-index:13;background-size:contain;}
.popbg_mbnum{max-height:290px;background-image:url(../_img/popbg_mbnum.png?r=201711271644);}
.popbg_pin{height:335px;background-image:url(../_img/popbg_pin.png?r=20171127);}
/*.pop_resendcode {position:absolute;top: 0;left: 0;right:0;bottom:0;width:70%;height:19.109%;background:url(../_img/resendCodeBtn_nor.png) top left no-repeat;background-size:contain;margin: 28% auto 0;text-indent:110%;white-space:nowrap;overflow:hidden;border:none;}*/
.popbg_hasbeen{height:200px;background-image:url(../_img/popbg_hasbeen.png?r=20171127);}
.popbg_Congratulations_xin{height:270px;background-image:url(../_img/popbg_Congratulations_xin.png?r=20180314);}
.popbg_Congratulations_coffee{height:235px;background-image:url(../_img/popbg_Congratulations_coffee.png?r=20171127);}
.popbg_Congratulations_phone{height:263px;background-image:url(../_img/popbg_Congratulations_phone.png?r=20171127);}
/*.popbg_way{position:absolute;margin:3% auto auto;height:1045px;background-image:url(../_img/popbg_way.png?r=201710031342);}*/
.pop_input{position:absolute;text-align:center;width:70%;height:60px;top:0;left:0;right:0;bottom:0;margin:16% auto 0 auto;font-size:34px;border:1px #77828b solid;border-radius:6px;box-shadow:0 2px 5px #bfbfbf inset, 0 2px 15px #bfbfbf inset;background:#fff;}
.pop_sendBtn{position:absolute;width:37.5%;height:0px;padding-bottom:9%;background:url(../_img/sendBtn.png?r=20171127) 0px 0px no-repeat;top:0;left:0;right:0;bottom:0;margin:28.5% auto 0;border:none;white-space:nowrap;text-indent:110%;overflow:hidden;cursor:pointer;background-size:contain;}
.pop_sendBtn:hover{background:url(../_img/sendBtn_hover.png?r=20171127) 0px 0px no-repeat;background-size:contain;}
.pop_getPrizeBtn, .pop_downloadxin2{position:absolute;top:0;left:0;right:0;width:37.5%;padding-bottom:9.168%;margin:19% auto 0;background:url(../_img/getPrizeBtn.png?r=20171128) 0px 0px no-repeat;cursor:pointer;display:block;background-size:contain;}
.pop_getPrizeBtn{margin: 33% auto 0;}
.pop_getPrizeBtn:hover, .pop_downloadxin2:hover{background:url(../_img/getPrizeBtn_hover.png?r=201711281706) 0px 0px no-repeat;background-size:contain;}
.pop_downloadxin{position:absolute;top:0;left:0;right:0;bottom:0;width:55%;height:57px;margin:37.5% auto 0;background:url(../_img/downloadxinBtn.png?r=20171127) 0px 0px no-repeat;cursor:pointer;text-indent:110%;white-space:nowrap;overflow:hidden;border:none;background-size:contain;}
.pop_downloadxin:hover{background:url(../_img/downloadxinBtn_hover.png?r=20171124) 0px 0px no-repeat;background-size:contain;}
.pop_way{background:url(../_img/wayBtn.png?r=20171124) 0px 0px no-repeat;}
.pop_Prize_title{position:relative;font-size:42px;line-height:78px;font-family:華康儷粗圓, 華康儷中圓,微軟正黑體;font-weight:bold;color:#5229a6;text-align:center;display:block;margin-top:1%;}
/*.pop_Prize_title_long {position:relative;font-size:30px;font-family:華康儷粗圓, 華康儷中圓,微軟正黑體;color:#5229a6;text-align:center;display:block;}*/
.pop_alert{height:255px;background-image:url(../_img/popbg_alert.png?r=20171124);z-index:21;}
.pop_Prize_content{position:relative;font-size:24px;font-family:華康儷粗圓, 華康儷中圓,微軟正黑體;font-weight:bold;color:#1517ab;text-align:left;margin:2%;display:block;padding:0px 10px;line-height:34px;}
.pop_getPrize_content {position: relative;font-family: 華康儷粗圓, 華康儷中圓, 微軟正黑體;font-weight:bold;color: #1517ab;display: block;text-align: center;font-size: 38px;line-height: 48px;margin:1.5% 0 0 0;}
.teachBtn{position:relative;display:block;top:180px;left:239px;width:120px;height:30px;}
#qrcodeArea{position:absolute;top:50%;left:50%;width:578px;height:410px;margin:-205px 0 0 -289px;display:none;z-index:12;}
.qrcodeImg{position:relative;margin:48px 0 0 245px;}
.qrcodeImg ul li{display:block;float:left;padding:0px 20px;text-align:center;font-family:Arial;}
.qrcodeImg img{width:100px;height:100px;border:0;float:left;display:block;}
.qrcodeDownloadBtn a{position:relative;width:408px;height:108px;display:block;border:0;background:url("../_img/qrdownload_btn.png?r=20171127") top left no-repeat;cursor:pointer;margin:260px 0 0 90px;}
.qrcodeDownloadBtn a:hover{background:url("../_img/qrdownload_hover.png?r=20171127") top left no-repeat;}
.pop_checkprovision {position:absolute;width:14%;height:14%;border:none;background:transparent;top:57%;left:11.6%;}
.pop_provision_link {position: absolute;width: 25%;height: 0;padding-bottom: 5%;margin: 29% 0 0 32%;cursor:pointer;}
.pop_add_link {margin:37% auto 0;}

/*同意個人資料使用*/
.popProvision {height: 378px;background-image: url(../_img/popbg_Provision.png?r=20171206);border-radius: 5px;z-index: 21;}
.pop_Provision_content {text-align: left;font-size: 12px;font-weight: normal;line-height: 22px;position: relative;overflow: auto;top: 33%;width: 80%;left: 10.5%;height: 220px;padding: 0px 10px;}
#scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(68, 68, 68, 0.205);border-radius: 10px;background-color: #F5F5F5;}
#scrollbar::-webkit-scrollbar {width: 10px;background-color: #F5F5F5;border-radius: 10px;}
#scrollbar::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(68, 68, 68, 0.205);background-color: rgba(68, 68, 68, 0.205);}

@media screen and (max-width:991px) and (min-width:768px){
.pop_input{font-size:34px;height:50px;}
/*.pop_Prize_content{font-size:20px;margin:35px 10px 10px 10px;}*/
}
@media screen and (max-width:767px) and (min-width:480px){
.pop_input{font-size:28px;height:44px;}
/*.pop_Prize_content{font-size:20px;margin:25px 10px 10px 10px;}*/
}
@media screen and (max-width:479px) and (min-width:360px){
.pop_input{font-size:22px;height:36px;}
/*.pop_Prize_content{font-size:16px;margin:20px 10px 10px 10px;}*/
}
@media screen and (max-width:359px){
.pop_input{font-size:16px;height:30px;}
/*.pop_Prize_content{font-size:14px;margin:20px 10px 10px 10px;line-height:20px;}*/
}

#teach{position:absolute;z-index:2000;padding:4%;top:0;}
#teach > img{width:100%;}
#closeTeach{border:3px solid #fff;border-radius:90px;height:30px;width:30px;background-color:black;position:absolute;right:2%;top:2%;}
#closeTeach>div{color:#fff;font-size:24px;line-height:20px;text-align:center;font-family: monospace;font-weight: bold;}
.teachGroup{display:none;}