body,html{width:100%;height:100%;margin:0;padding:0;font-size:16px;font-family:微軟正黑體,Trebuchet MS,Lucida Sans Unicode}*{box-sizing:border-box}body{position:relative;color:#fff;background:url(../images/redpacket/top_bg.png?0129) top no-repeat;background-size:cover;background-attachment:fixed;background-color:#9c0404!important;overflow-x:hidden}@keyframes redPackMove{0%{top:-100px}to{top:100%}}header{position:relative;height:4rem;text-align:center;z-index:10;top:5.5rem}header a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header img{height:3rem}.pc_title_swiper{height:100px}.topTitle{position:absolute;top:9rem;left:50%;transform:translateX(-50%);text-align:center}.topTitle p{display:inline-block;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(80deg,#42d2e8,#42d0e8 25%,#3a97e5);margin:0;padding:.5rem 1rem;border-radius:50px}.topTitle h1{position:relative;margin:.25rem auto;font-weight:900;font-family:Arial,Helvetica,sans-serif;animation:brightness 2s -.14s infinite;white-space:nowrap}.topTitle h1 .sub-h1:first-of-type{color:#47b5e3}.topTitle h1 .sub-h1:last-of-type{color:#c58b6e}.topTitle img{max-width:380px}@keyframes brightness{0%{filter:brightness(100%)}70%{filter:brightness(100%)}73%{filter:brightness(250%)}76%{filter:brightness(100%)}79%{filter:brightness(300%)}81%{filter:brightness(100%)}to{filter:brightness(100%)}}@keyframes brightness2{0%{filter:brightness(100%)}96%{filter:brightness(100%)}99%{filter:brightness(200%)}to{filter:brightness(100%)}}.topRoulette{position:relative;padding:10rem 0 0 0;text-align:center;height:650px}.topRoulette img.fu01{position:absolute;width:11rem;top:20%;left:10%;animation:UpDown 5s infinite}.topRoulette img.fu02{position:absolute;width:10rem;bottom:15%;right:10%;animation:leftRightS 5s infinite}@keyframes UpDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes leftRightS{0%{transform:translateX(0)}50%{transform:translateX(-10px)}to{transform:translateX(0)}}.state{text-align:center;padding-bottom:20px}.state p{margin:0 auto;padding:0;font-size:1rem;font-weight:700;color:#eee}.state p span{margin:0 auto;padding:0;font-size:1rem;font-weight:700;color:#d1b572}.state .block{display:inline-block;border-radius:8px;text-align:center;font-size:1.16rem;font-weight:700;color:#fff;margin:.25rem auto;padding:.6rem 2rem;letter-spacing:1px;border:3px solid #d1b572;box-shadow:0 4px 8px 4px rgba(0,0,0,.14);position:relative;z-index:2;background:#d1b572}.rouletteBox{position:relative;width:480px;margin:0 auto}.rouletteBox img{max-width:100%}img.pointer{position:absolute;z-index:8;top:0;left:0;cursor:pointer}img.roulette{position:absolute;z-index:2;top:0;left:0;transition:all 4s}img.machine{position:absolute;z-index:5;top:0;left:0;filter:drop-shadow(0 0 4px #444)}main{position:relative;top:0;padding-bottom:3rem}h2.title{position:relative;display:inline-block;top:-2.5rem;border-radius:25px;text-align:center;font-size:1.36rem;font-weight:700;color:#333;margin:.5rem auto;padding:.65rem 2.5rem;letter-spacing:1px;background:#d1b572;z-index:2}a{cursor:pointer;text-decoration:none}.about,.tableBox{text-align:center;box-shadow:rgba(50,50,93,.25) 0 10px 20px -5px,rgba(0,0,0,.3) 0 5px 10px -8px;border-radius:12px;background:rgba(74,9,5,.65);display:block;width:60%;margin:3rem auto 8rem auto;padding:.5rem 0;border:4px solid #d1b572;color:#eee}@media(max-width:992px){.about,.tableBox{width:90%}}.about .text{position:relative;margin:1.5rem auto;max-width:800px;font-weight:700;top:-2rem}.about ul{display:table;margin:auto;text-align:left;list-style:disc}.about ul li{margin-bottom:1rem}.about ol{margin-bottom:.75rem;padding-left:1.25rem;list-style:circle}.tableBox table{position:relative;width:80%;margin:1rem auto 3.5rem auto;border-collapse:collapse;font-size:1rem;box-shadow:rgba(50,50,93,.25) 0 10px 20px -5px,rgba(0,0,0,.3) 0 5px 10px -8px;z-index:99}.tableBox table th{color:#fff;background:#c51212;padding:.5rem;border:1px solid hsla(0,0%,100%,.184)}.tableBox table td{color:#000;padding:.35rem;background:#fff}.tableBox table tr:nth-last-of-type(2n) td{background:#eee}.tableBox table tr.userGot td{color:d1b572;font-weight:700;background:#999}.tableBox h3{color:#444;font-size:1rem;padding:0;margin:3rem 0 0 0}.datePick{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:80%;margin:1rem auto 2rem;z-index:99}.datePick a{display:block;font-size:.85rem;padding:.5rem .8rem;margin:.2rem;color:#eee!important;background:#acacac;border-radius:2px;text-decoration:none!important;transition:.25s}.datePick a.active{color:#fff;background:#c51212}@media(min-width:992px){.datePick a:hover{color:#fff;background:#e62424}}.modal-content{border:none!important}.modal-header{color:#eee;background:#9a0404;padding:.5rem 1rem!important;align-items:center!important;border:none!important}.modal-header .code{font-size:.85rem}.modal-header .close{margin:0!important;padding:0!important;color:#fff;outline:none}.modal-header .close:hover{color:#fff}.modal-title{width:25%}.modal-title img{max-width:100%}.modal-body{text-align:center;color:#333;border:none!important}.modal-body .bonus{margin:0 auto 1rem auto}.modal-body .bonus #myModal_b{font-family:verdana;font-style:italic;font-size:3rem;font-weight:700;color:#ec5151;text-shadow:-1px -1px 1px #faf9f1,1px 1px 1px #ff6d6d,1px 2px 1px #722222,1px 2px 1px #722222,1px 2px 1px #722222,1px 3px 1px #722222,1px 4px 1px #722222,1px 5px 1px #722222,1px 6px 1px #722222,1px 7px 1px #722222,1px 8px 1px #722222,1px 8px 6px hsla(0,0%,6%,.4),1px 22px 10px hsla(0,0%,6%,.2),1px 5px 5px hsla(0,0%,6%,.2),1px 15px 15px hsla(0,0%,6%,.4)}.modal-body .bonus span{font-weight:700;font-size:1.25rem;margin-left:10px}.modal-body p{padding:0;margin:0 0 .25rem 0;font-size:.85rem}.modal-body .errorText{margin:.25rem 0;font-size:1.15rem}@media(max-width:1330px){body{background-attachment:fixed;background-size:cover}header{height:8rem;top:0}.topRoulette{padding:5rem 0 0 0;height:580px}.rouletteBox{width:30%}.topTitle{top:8rem!important}.topTitle img{max-width:360px}.state{margin-top:0!important}.totalBg{top:-8rem;height:660px}.total{top:23rem}.total p{font-size:5rem}}@media(max-width:992px){.topTitle{top:4rem;left:50%}.topTitle img{max-width:320px}.topRoulette{height:470px}.rouletteBox{width:50%}.totalBg{height:470px;top:-2rem;background-size:cover}.total{top:19rem}.topRoulette img.fu01{top:25%;left:2%}.topRoulette img.fu02{bottom:5%;right:2%}.state{margin-top:100px}.about ul{padding:0 5rem}.datePick a:hover{color:#fff;background:#e62424}}@media(max-width:480px){.rouletteBox{width:80%}}@media(max-width:420px){.topTitle img{max-width:280px}.topTitle h1{font-size:1.6rem}.state{margin-top:100px}.rouletteBox{width:85%}.rouletteBox img{width:100%}.totalBg{height:270px}main{background:transparent}.tableBox table{width:90%}.tableBox table td{padding:.35rem .1rem}.about,.tableBox{margin-bottom:2.5rem}.about .text{width:85%;font-weight:700}.about ul{padding:0;width:85%}.tableBox h3{font-size:1.25rem;margin:2rem 0 0 0}.datePick{width:95%;margin:1rem auto}.datePick a{font-size:1rem;padding:.6rem .9rem}.topRoulette img.fu01{width:7rem;top:35%}.topRoulette img.fu02{width:5rem;bottom:0;right:2%}}
/*# sourceMappingURL=roulette.min.css.map */