#countdown a{color:#0f0;}#countdown span{color:#ff0;}.button-spin i.fa-refresh{color:#fff;font-size:14px;}.prize-table td.step-action div{background:#93f;background:linear-gradient(135deg,#93f,#60f,#93f);color:#ff0;width:170px;}.prize-table td.step-action span{font:bold 13px arial;color:#fff;}.btn-content{width:200px;padding:10px;font:bold 22px arial;border-radius:10px;box-shadow:0 1px 3px #666;}.slider{margin:15px 5px;display:flex;width:100%;}#rangeResult{color:#fff;font:italic bold 25px arial;width:100px;text-shadow:-1px -1px 0px #000,0px -1px 0px #000,1px -1px 0px #000,-1px 0px 0px #000,1px 0px 0px #000,-1px 1px 0px #000,0px 1px 0px #000,1px 1px 2px #000;}#slider{-webkit-appearance:none;margin:10px;height:3px;width:100%;background:#d3d3d3;outline:none;-webkit-transition:.2s;transition:opacity .2s;}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:40px;background:#39f;border:1px solid #fff;border-radius:5px;cursor:pointer;}#slider::-moz-range-thumb{width:25px;height:25px;background:#4CAF50;cursor:pointer;}.winwheel-content{position:relative;z-index:1;}.layer{animation:colorful 3s ease-in-out infinite alternate;background-image:linear-gradient(180deg,#09c,#f0f,#fc0 80%);bottom:-50%;left:-20%;opacity:.8;position:absolute;right:-20%;top:-50%;z-index:-1;}.layer2{animation-direction:alternate-reverse;animation-duration:4s;}.layer3{animation-duration:5s;}@keyframes colorful{0%{transform:translateY(-25%);}100%{transform:translateY(25%);}}
.slider{ margin:15px 15px 10px 10px; } #slider::-webkit-slider-thumb{width:9px;height:28px;background:#ff7701;border:1px solid #ff7701;} #slider{height:6px; border-radius:19px;background:#e0a647; margin:10px 22px; width:100%; margin:10px 11px 0 50px; } #rangeResult{ color:#284445; border:2px solid #a3a3a3; border-radius:6px; background:#ffffff; font:bold 20px arial; padding-top:6px; text-shadow:0 1px 2px #a7a7a7; height:36px; margin-top:-6px; width:100px; box-shadow:0 2px 5px #cecccc; }
.winwheel-content_{ background:transparent; box-shadow:none; }
.button-spin button{ width:270px; border-radius:16px; background:#ff5a60 url('../main/mn/b2.png')no-repeat; background-position:top center; background-size:270px 100%; font-weight:bold; margin-top:12px; border:0; box-shadow:none; padding:12px 0 10px; text-transform:uppercase; } .lck{ position:relative; margin:8px auto 80px; z-index:1; } #we1{ text-align:center; background:url('../main/mn/sp/b1.gif')no-repeat; background-position:center; background-size:contain; z-index:10000000; width1:508px; padding:5%; margin:0 auto; } .spp,#sbb{ text-align:center; position:absolute; left:50%; } 
#sbb{ cursor:pointer; z-index:3; top:50%; width:16.5%; margin:-8.25% 0 0 -8.25%; } .spp{ top:0; z-index:2; width:6%; margin:1.3% 0 0 -3%; } .button-spin{ text-align:center; max-width:387px; margin:25px auto 0; } #sbt{ position:absolute; z-index:-1; top:100%; left:50%; margin:-6% auto auto -140px; } .prize-table td.step-action div{ width:80%; }
/**/
#wrd{ display:none; height:100%; width:100%; background:#000000e3; position:fixed; top:0; left:0; z-index:10002;cursor:pointer; } #wrd.whi{ display:block; background:#000000b3;} #wrd #wrr{ position:fixed; top:50%; left:50%; margin:0 auto; transform:translate(-50%,-50%); -webkit-animation-name:o;-webkit-animation-duration:4s; animation-name:o; animation-duration:4s; } #wrd.whi #wrr{ top:43%; } #cbc{ position:absolute; top:50%; left:50%; color:#ffffff; font-weight:bold; font-size:66px; margin:0 auto;transform:translate(-50%,-50%); -webkit-animation-name:k; -webkit-animation-duration:1s; -webkit-animation-iteration-count:3; animation-name:k; animation-duration:1s; animation-iteration-count:3; } #cbl{ position:absolute; right:-1%; top:-9%; z-index:10003; opacity:0.7; } #cbl img{ width:38px; } #cbl:hover img{ width:42px; opacity:1; } /**/
#ham{ position:absolute; left:0; bottom:-38%; width:100%; } #hmb{ width:100%; margin:0 auto; max-width:500px; } #hmb td{ padding:15px 0; color:#ffffff; }
#hmb td:first-child{ width:22%; font-weight:bold; text-align:center; } 
#hma{  border:2px solid #c69d61; border-radius:10px; width:95%; overflow:hidden; }
#hmc{ width:100%; background:#e1e1e1; } #hmc td{ color:#284445; padding:5px 10px; }
#hmc td:first-child{ width:30%; font-weight:500; text-align:left; padding:3px 0 0 15px; } #hmc td:last-child{ font-size:42px; font-weight:bold; text-align:center; } .hyp{ text-align:center; color:#ffffff; background:#72b423; font-size:12px; border-radius:4px; display:table-cell; padding:3px 5px; } #hmd td{ width:50%!important; padding:0 8px; } #hmd,#hmd a{ width:100%; } #hmd .button1{margin-top:2px; background:#ff6565; display:block; font-size:16px; padding:15px 0; } #hmd .button1:hover{ background:#d74545; }
@media(max-width:650px){ #cbl{ right:4%; top:-11%; } #cbl img{ width:30px; } #cbl:hover img{ width:30px; } #hmb{ max-width:92%; } }@-webkit-keyframes o{ 0%{opacity:0;} 100%{opacity:1;} } @-webkit-keyframes k{ 0%,100%{opacity:0;} 50%{opacity:1;} } /**/