body,html{width:100%;height:100%;margin:0;padding:0;font-size:16px;font-family:"微軟正黑體","Trebuchet MS","Lucida Sans Unicode"}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{position:relative;color:#555;background:#fff;background:url(../images/redpacket/top_bg.jpg) top center #fff no-repeat;background-size:100%;overflow-x:hidden}@-webkit-keyframes redPackMove{0%{top:-100px}100%{top:100%}}@keyframes redPackMove{0%{top:-100px}100%{top:100%}}header{position:relative;height:4rem;text-align:center;background:#fff;z-index:10}header a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}header img{height:28px}.pc_title_swiper{height:100px}.topTitle{position:absolute;top:5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.topTitle p{display:inline-block;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;font-weight:bold;color:#fff;background:linear-gradient(80deg, #42d2e8, #42d0e8 25%, #3a97e5);margin:0;padding:.5rem 1rem;border-radius:50px}.topTitle h1{position:relative;margin:1rem auto;font-weight:900;font-family:Arial,Helvetica,sans-serif;background:-webkit-gradient(linear, left top, right top, from(#e75c4d), to(#ab1814));background:linear-gradient(90deg, #e75c4d, #ab1814);-webkit-background-clip:text;color:rgba(0,0,0,0);-webkit-animation:brightness 2s -0.14s infinite;animation:brightness 2s -0.14s infinite;white-space:nowrap}.topTitle img{max-width:280px}@-webkit-keyframes brightness{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}70%{-webkit-filter:brightness(100%);filter:brightness(100%)}73%{-webkit-filter:brightness(250%);filter:brightness(250%)}76%{-webkit-filter:brightness(100%);filter:brightness(100%)}79%{-webkit-filter:brightness(300%);filter:brightness(300%)}81%{-webkit-filter:brightness(100%);filter:brightness(100%)}100%{-webkit-filter:brightness(100%);filter:brightness(100%)}}@keyframes brightness{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}70%{-webkit-filter:brightness(100%);filter:brightness(100%)}73%{-webkit-filter:brightness(250%);filter:brightness(250%)}76%{-webkit-filter:brightness(100%);filter:brightness(100%)}79%{-webkit-filter:brightness(300%);filter:brightness(300%)}81%{-webkit-filter:brightness(100%);filter:brightness(100%)}100%{-webkit-filter:brightness(100%);filter:brightness(100%)}}@-webkit-keyframes brightness2{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}96%{-webkit-filter:brightness(100%);filter:brightness(100%)}99%{-webkit-filter:brightness(200%);filter:brightness(200%)}100%{-webkit-filter:brightness(100%);filter:brightness(100%)}}@keyframes brightness2{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}96%{-webkit-filter:brightness(100%);filter:brightness(100%)}99%{-webkit-filter:brightness(200%);filter:brightness(200%)}100%{-webkit-filter:brightness(100%);filter:brightness(100%)}}.topRoulette{position:relative;padding:14rem 0 0 0;text-align:center;height:750px}.topRoulette img.fu01{position:absolute;width:11rem;top:20%;left:10%;-webkit-animation:UpDown 5s infinite;animation:UpDown 5s infinite}.topRoulette img.fu02{position:absolute;width:10rem;bottom:15%;right:10%;-webkit-animation:leftRightS 5s infinite;animation:leftRightS 5s infinite}@-webkit-keyframes UpDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes UpDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes leftRightS{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes leftRightS{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.state{text-align:center}.state p{margin:0 auto;padding:0;font-size:1rem;font-weight:bold;color:#666}.state p span{color:#e70000;padding:0 5px;font-size:1.35rem}.state .block{display:inline-block;border-radius:25px;text-align:center;font-size:1.16rem;font-weight:bold;color:#fff;margin:.5rem auto;padding:.75rem 2.5em;letter-spacing:1px;background:-webkit-gradient(linear, left top, right top, from(#42d2e8), color-stop(25%, #42d0e8), to(#3a97e5));background:linear-gradient(90deg, #42d2e8, #42d0e8 25%, #3a97e5);-webkit-box-shadow:0 4px 10px 6px rgba(0,180,255,.3);box-shadow:0 4px 10px 6px rgba(0,180,255,.3);position:relative;z-index:2}.rouletteBox{position:relative;width:510px;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;-webkit-transition:all 4s;transition:all 4s}img.machine{position:absolute;z-index:5;top:0;left:0}.totalBg{position:relative;top:-12rem;width:100%;height:1000px;background:url(../images/redpacket/main_bg.png) top center no-repeat;background-size:100%}.total{position:relative;top:34rem;text-align:center}.total h4{display:inline-block;font-size:1.45rem;padding:.5rem 1.25rem;margin:0;border-radius:50px;color:#722222;background:#ffe361;background-image:-webkit-gradient(linear, left top, left bottom, from(#ffe361), to(#ffab2d));background-image:linear-gradient(-180deg, #ffe361 0%, #ffab2d 100%);-webkit-box-shadow:0 1rem 1.25rem 0 rgba(226,189,22,.5),0 -0.25rem 1.5rem #fff23e inset,0 .75rem .5rem rgba(255,255,255,.4) inset,0 .25rem .5rem 0 #ffe361 inset;box-shadow:0 1rem 1.25rem 0 rgba(226,189,22,.5),0 -0.25rem 1.5rem #fff23e inset,0 .75rem .5rem rgba(255,255,255,.4) inset,0 .25rem .5rem 0 #ffe361 inset}.total p{margin:0;padding:0;font-family:verdana;font-size:7rem;font-weight:700;color:#58b4f1;text-shadow:-1px -1px 1px #faf9f1,1px 1px 1px #195688,1px 2px 1px #195688,1px 3px 1px #195688,1px 4px 1px #195688,1px 5px 1px #195688,1px 6px 1px #195688,1px 7px 1px #195688,1px 8px 1px #195688,1px 9px 1px #195688,1px 10px 1px #195688,1px 18px 6px rgba(16,16,16,.4),1px 22px 10px rgba(16,16,16,.2),1px 25px 35px rgba(16,16,16,.2),1px 30px 60px rgba(16,16,16,.4)}.total p{animation:shake 3.5s;animation-iteration-count:infinite;animation-timing-function:linear;-moz-animation:shake 3.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-webkit-animation:shake 3.5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-o-animation:shake 3.5s;-o-animation-timing-function:linear;-o-animation-iteration-count:infinite}@keyframes shake{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1);transform:scale(1)}52%{-webkit-transform:scale(1.1);transform:scale(1.1)}54%{-webkit-transform:scale(1);transform:scale(1)}56%{-webkit-transform:scale(1.1);transform:scale(1.1)}58%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shake{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1);transform:scale(1)}52%{-webkit-transform:scale(1.1);transform:scale(1.1)}54%{-webkit-transform:scale(1);transform:scale(1)}56%{-webkit-transform:scale(1.1);transform:scale(1.1)}58%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1);transform:scale(1)}}main{position:relative;top:-100px;padding-bottom:3rem}h2.title{position:relative;display:inline-block;border-radius:25px;text-align:center;font-size:1.36rem;font-weight:bold;color:#fff;margin:.5rem auto 2rem auto;padding:.65rem 2.5rem;letter-spacing:1px;background:-webkit-gradient(linear, left top, right top, from(#42d2e8), color-stop(25%, #42d0e8), to(#3a97e5));background:linear-gradient(90deg, #42d2e8, #42d0e8 25%, #3a97e5);-webkit-box-shadow:0 4px 10px 6px rgba(0,180,255,.3);box-shadow:0 4px 10px 6px rgba(0,180,255,.3);z-index:2}h2.title::after{content:url(../images/redpacket/title.png);position:absolute;left:-12px;top:3px;z-index:1}a{cursor:pointer;text-decoration:none}.about,.tableBox{text-align:center;margin-bottom:8rem}.about .text{margin:1rem auto;max-width:800px;font-weight:bold}.about ul{display:table;margin:auto;text-align:left;list-style:"▲ "}.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:2rem auto 5rem auto;border-collapse:collapse;font-size:1rme;-webkit-box-shadow:rgba(50,50,93,.25) 0px 10px 20px -5px,rgba(0,0,0,.3) 0px 5px 10px -8px;box-shadow:rgba(50,50,93,.25) 0px 10px 20px -5px,rgba(0,0,0,.3) 0px 5px 10px -8px;z-index:99}.tableBox table th{color:#fff;background:#c72e2e;padding:.5rem;border:1px solid rgba(255,255,255,.1843137255)}.tableBox table td{color:#333;padding:.35rem;border:1px solid rgba(255,255,255,.2470588235);background:#fff}.tableBox table tr:nth-last-of-type(even) td{background:#f5f5f5}.tableBox table tr.userGot td{color:#fff;font-weight:bold;background:#65c6f3;border-bottom:1px solid #3a97e5}.tableBox h3{color:#444;font-size:1rem;padding:0;margin:3rem 0 0 0}.datePick{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:80%;margin:2rem auto 1rem auto;z-index:99}.datePick a{display:block;font-size:.85rem;padding:.5rem .8rem;margin:.2rem;color:#555;background:#d8dee6;border-radius:2px;text-decoration:none;-webkit-transition:.25s;transition:.25s}.datePick a.active{color:#fff;background:#3a97e5}.datePick a:hover{color:#fff;background:#5ab0f7}.modal-content{border:none !important}.modal-header{color:#eee;background:-webkit-gradient(linear, left top, right top, from(#3a97e5), color-stop(25%, #3a97e5), to(#42d0e8));background:linear-gradient(90deg, #3a97e5, #3a97e5 25%, #42d0e8);padding:.5rem 1rem !important;-webkit-box-align:center !important;-ms-flex-align:center !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%;-webkit-filter:drop-shadow(1px 1px 1px #444);filter:drop-shadow(1px 1px 1px #444)}.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:bold;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 rgba(16,16,16,.4),1px 22px 10px rgba(16,16,16,.2),1px 5px 5px rgba(16,16,16,.2),1px 15px 15px rgba(16,16,16,.4)}.modal-body .bonus span{color:#ce4444;font-weight:bold;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){.topRoulette{padding:13rem 0 0 0;height:600px}.rouletteBox{width:30%}.totalBg{top:-10rem;height:660px}.total{top:23rem}.total p{font-size:5rem}}@media(max-width: 992px){body{background-size:cover;background:url(../images/redpacket/top_bg.jpg) #fff -470px 0 no-repeat}.topTitle h1{font-size:2rem}.topRoulette{height:650px}.rouletteBox{width:50%}.totalBg{height:600px;top:-6rem;background-size:cover}.total{top:19rem}main{background:#fff}.topRoulette img.fu01{top:25%;left:2%}.topRoulette img.fu02{bottom:5%;right:2%}}@media(max-width: 420px){body{background:url(../images/redpacket/top_bg.jpg) #fff -20px -10px no-repeat}.topTitle h1{font-size:1.6rem}.topRoulette{height:580px;padding:14rem 0 0 0}.rouletteBox{width:85%}.rouletteBox img{width:100%}.tableBox table{width:90%}.tableBox table td{padding:.35rem .1rem}.about,.tableBox{margin-bottom:3rem}.about .text{width:85%;font-weight:bold}.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%}}