*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333}button,input{font-family:Arial,sans-serif;border:0}button,a{cursor:pointer}.wrapper{position:relative;text-align:center;overflow:hidden;background:url(image/bak.png) center top/cover no-repeat}header img{display:block;margin:auto;max-width:100%}.steps{position:relative;z-index:3;overflow:hidden}.track{display:flex;width:300%;transition:transform .2s}.step{flex:0 0 33.333333%;min-width:0}.initial{margin-top:3%}#symbol{display:block;font-size:15px;width:40%;height:48px;margin:10px auto 0;text-align:center;border-radius:10px;background:#fff}#symbol::placeholder{color:#999}.start{display:block;width:30%;height:50px;margin:20px auto 0;background:#05b1ba;border:3px solid white;border-radius:20px;color:white;font-size:16px;font-weight:bold;letter-spacing:1px;padding-top:0}.chart{max-width:850px;margin:50px auto;background:rgba(0,0,0,.6);border-radius:20px}.chart-heading{display:block;width:100%;max-width:580px;margin:auto}.chart ul{padding:20px 0;margin:0;list-style:none}.chart li{width:90%;max-width:640px;margin:auto}.status{display:block;width:220px;height:26px;margin:5px auto 20px}.progress{height:20px;margin-bottom:20px;background:#fff;border-radius:0 10px 10px 0;overflow:hidden;box-shadow:inset 0 1px 2px #0002}.bar{width:0;height:100%;background-color:#e8b400;background-image:linear-gradient(45deg,#ffffff26 25%,transparent 25%,transparent 50%,#ffffff26 50%,#ffffff26 75%,transparent 75%);background-size:40px 40px;color:#fff;font-size:12px;text-align:right;transition:width .6s}.result{max-width:850px;margin:5% auto 10%;background:#001b3f;padding:40px 80px 80px;border:4px solid;border-image:url(image/border-bg.jpg) 30;text-align:center;border-radius:15px}.result h1{color:white;font-size:35px;font-weight:700;line-height:1.42857143;margin:0;padding-bottom:20px;border-bottom:2px dotted #fff}#name{color:#ffe48f}.result p{margin:15px auto 30px;font-size:18px;color:white}.receive{display:block;width:80%;min-height:54px;line-height:54px;margin:auto;color:white;text-decoration:none;background:#20c92f;border-radius:10px;letter-spacing:1px;font-size:15px;font-weight:bold;animation:pulse 1.5s infinite}footer{padding:50px 0;background:#1e1e1e;text-align:center}footer button{background:none;color:white;font-size:15.5px;padding:0 6px 1.5vw}.decoration{position:absolute;inset:0 0 auto;height:100vh;overflow:hidden;z-index:2;pointer-events:none}.code{position:absolute;top:0;width:835px;height:818px;background:url(image/bg_text.png) right/cover no-repeat;opacity:.1;animation:roll 5s linear infinite}.left{right:calc(50% + 470px)}.right{left:calc(50% + 470px)}.arrow{position:absolute;left:50%;top:50%;animation:rise 4s ease-in-out infinite}.a01{margin:-270px 0 0 600px;animation-duration:5.2s}.a02{margin:-130px 0 0 500px;animation-duration:4.4s}.a04{margin:-80px 0 0 700px}.a05{margin:0 0 0 -700px;animation-duration:3.1s}.error{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center}.error[hidden]{display:none}.error span{background:#000c;padding:20px;color:#fff;font-size:18px;line-height:18px}@keyframes pulse{50%{transform:scale(1.1)}}@keyframes roll{to{transform:translateY(-100%)}}@keyframes rise{0%,30%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-30%)}100%{opacity:0;transform:translateY(-200%)}}@media(max-width:1000px){header img{width:100%}}@media(max-width:900px){.result{padding:5vw 4vw 8vw}.result h1{font-size:5.5vw}}@media(max-width:767px){.wrapper{background:url(image/bakm.png) center top no-repeat;padding-top:10px}header img{width:95%}.decoration{display:none}.initial{margin-top:15%;margin-bottom:20%}#symbol{width:80%}.start{width:50%}.step:not(.initial){margin-top:5%}.chart,.result{width:93%}.status{width:45%;height:auto;margin:5px auto}.result{margin:5% auto 10%}}@media(max-width:550px){.chart{margin:0 auto;padding:20px 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}