@charset "UTF-8";body{position:relative;margin:0;max-width:100vw;overflow-x:hidden;overflow-y:auto;background:-webkit-gradient(linear, left top, left bottom, from(#310079), color-stop(24em, #1d062c));background:-webkit-linear-gradient(#310079, #1d062c 24em);background:-o-linear-gradient(#310079, #1d062c 24em);background:linear-gradient(#310079, #1d062c 24em)}.bg-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:0;bottom:0;left:calc(50% - 16em);z-index:-5;width:1920px;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background:#1d1d22}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.bg-area .bg-center{height:100%}@media (max-width:1000px){.bg-area{width:192vw}}#main{position:relative;z-index:0;margin:0 auto;max-width:1920px;-webkit-box-shadow:0 0 0.75em rgba(0, 0, 0, 0.8);box-shadow:0 0 0.75em rgba(0, 0, 0, 0.8)}#header{background-color:#14181e}.dl-btn-container{display:block;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100vw;max-width:1000px;padding-top:17.5em;margin-bottom:.2em}.dl-btn,.play-btn,.station-btn{display:block;position:absolute;bottom:0;width:7.85em;padding-top:3.55em;border-radius:1.35em;-webkit-transition:-webkit-filter .3s .2s;transition:-webkit-filter .3s .2s;-o-transition:filter .3s .2s;transition:filter .3s .2s;transition:filter .3s .2s, -webkit-filter .3s .2s}.dl-btn:active,.dl-btn:focus,.dl-btn:hover,.play-btn:active,.play-btn:focus,.play-btn:hover,.station-btn:active,.station-btn:focus,.station-btn:hover{background-position:bottom}.dl-btn{-webkit-transform-origin:85% 0%;-ms-transform-origin:85% 0%;transform-origin:85% 0%;position:absolute;left:2.5%;background:url("../_img/btn-download.png") top no-repeat;background-size:cover}.play-btn{-webkit-transform-origin:15% 0%;-ms-transform-origin:15% 0%;transform-origin:15% 0%;position:absolute;right:2.25%;background:url("../_img/btn-play.png") top no-repeat;background-size:cover}.station-btn{bottom:-3.75em;width:16em;left:2.25%;background:url("../_img/btn-station.png") top no-repeat;background-size:cover}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.section{max-width:1000px;width:100%;margin:0 auto}html{font:400 60px/1.5 "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif}img{max-width:100%;display:block;width:auto;height:auto;margin:0 auto}.content{position:relative;width:97%;max-width:970px;margin:0 auto}.head-title{display:block;position:absolute;width:32em;top:0;left:calc(50% - 16em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.title-01.fade-up{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;margin-top:2.1em;max-width:52.1%}.title-02.fade-up{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;margin-top:-3.75em;max-width:52.1%}.confetti.fade-up{position:absolute;top:-1.35em;z-index:-1;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s;-webkit-transform:translate(0, -10%);-ms-transform:translate(0, -10%);transform:translate(0, -10%)}.dl-btn.fade-up,.play-btn.fade-up{-webkit-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}.border{margin:.5em auto;background-clip:padding-box;border-radius:.25em;overflow:hidden;min-height:7em;border:.5em solid transparent;-webkit-border-image:url("../_img/border.png") 199 330 fill/3.333em 5.333em/0em 0.05em 0.15em;-o-border-image:url("../_img/border.png") 199 330 fill/3.333em 5.333em/0em 0.05em 0.15em;border-image:url("../_img/border.png") 199 330 fill/3.333em 5.333em/0em 0.05em 0.15em}.border p{font-size:.6em;font-weight:550;line-height:1.4;text-align:center;margin:.75em 0;text-shadow:0 .08em #b31, 0 0 .5em #c0f}.border span{color:#fffa00}.border .text-hilight{color:#00fff0}@media (max-width:600px){.ios .border{border-width:.3em;-webkit-border-image:url("../_img/border.png") 199 330 fill/1em 1em/0em 0.05em 0.15em;-o-border-image:url("../_img/border.png") 199 330 fill/1em 1em/0em 0.05em 0.15em;border-image:url("../_img/border.png") 199 330 fill/1em 1em/0em 0.05em 0.15em}.ios .border p{width:100%}}.fig-01{border:.05em ridge #fffa00;border-radius:.15em;margin:-.25em auto .35em;max-width:97.8%}.fig-02,.fig-03,.fig-04{border:.05em ridge #fffa00;border-radius:.15em;width:880px}.fig-03{width:770px}.pic{display:table;margin:.35em auto .35em;max-width:98.5%;position:relative}.marker-01,.marker-02,.marker-03{display:block;position:absolute;border-radius:.1em;border:.04em solid #fff;-webkit-box-shadow:0 0 .2em .05em #d0f, inset 0 0 .2em .05em #d0f;box-shadow:0 0 .2em .05em #d0f, inset 0 0 .2em .05em #d0f}.marker-01{top:59.5%;left:9.75%;width:67%;height:16%}.marker-02{border-radius:100%;top:2%;right:1%;width:3.2em;height:3.2em}.marker-03{top:54%;left:1.5%;width:25%;height:44.5%}.btn-gash,.btn-more,.btn-station,.btn-yoe{display:block;margin:.5em auto .4em;width:10.2em;height:2.25em;background:url("../_img/btn-more.png") top no-repeat;background-size:100% auto}.btn-gash:active,.btn-gash:hover,.btn-more:active,.btn-more:hover,.btn-station:active,.btn-station:hover,.btn-yoe:active,.btn-yoe:hover{background-position:bottom}.btn-station{background-image:url("../_img/btn-station.png")}.btn-gash{background-image:url("../_img/btn-gash.png")}.btn-yoe{background-image:url("../_img/btn-yoe.png")}#rules h2{color:#fff;font-size:.8em;text-align:center;margin:.35em 0}#rules ol{color:#eee;list-style:none;font-size:.575em;padding-left:1em;margin:.5em auto 1em;line-height:1.3333;width:16rem}#rules li{position:relative;text-indent:-1.1em}#rules li:before{content:"★";display:inline-block;position:relative;text-indent:0;width:1em;height:1em;margin:-.2em .1rem 0 0}#rules li+li{margin-top:.5em}#rules ul li{font-size:.8em}.yoe-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:700px;margin-left:auto;margin-right:auto}.yoe-wrapper .yoe-card{width:30%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:10px;border:2px solid #ddd;overflow:hidden;margin-left:1.5%;margin-right:1.5%;margin-bottom:15px;text-decoration:none;overflow:hidden;-webkit-transition:border 0.3s;-o-transition:border 0.3s;transition:border 0.3s}@media (max-width:600px){.yoe-wrapper .yoe-card{width:31%;margin-left:1%;margin-right:1%;margin-bottom:10px}}.yoe-wrapper .yoe-card .text{padding:15px}.yoe-wrapper .yoe-card .text img{width:100%;height:auto;margin-bottom:15px}.yoe-wrapper .yoe-card .text p{width:100%;text-align:left;margin-top:0;margin-bottom:0;text-shadow:none}.yoe-wrapper .yoe-card .text p.title{color:#3d3d3d;font-size:18px;font-weight:bold;letter-spacing:1px}.yoe-wrapper .yoe-card .text p.money{color:#ff5757;font-size:16px}@media (max-width:600px){.yoe-wrapper .yoe-card .text{padding:7px}.yoe-wrapper .yoe-card .text img{margin-bottom:10px}.yoe-wrapper .yoe-card .text p.title{font-size:15px;letter-spacing:0}.yoe-wrapper .yoe-card .text p.money{font-size:13px}}.yoe-wrapper .yoe-card .btn-buy{width:100%;display:block;text-align:center;padding-top:11px;padding-bottom:9px;background-color:#31afe6;color:#fff;font-size:16px;-webkit-transition:background-color  0.3s;-o-transition:background-color  0.3s;transition:background-color  0.3s}@media (max-width:600px){.yoe-wrapper .yoe-card .btn-buy{font-size:14px;padding:5px}}.yoe-wrapper .yoe-card:hover{border-color:#1493d5}.yoe-wrapper .yoe-card:hover .btn-buy{background-color:#1493d5}.fade-up{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0;-webkit-transition:opacity 1.6s, -webkit-transform 1s;transition:opacity 1.6s, -webkit-transform 1s;-o-transition:opacity 1.6s, transform 1s;transition:opacity 1.6s, transform 1s;transition:opacity 1.6s, transform 1s, -webkit-transform 1s}.fade-up.faded{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes glow{0%{opacity:0}to{opacity:1}}@keyframes glow{0%{opacity:0}to{opacity:1}}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (max-width:1000px){html{font-size:6vw}#header{height:10.8vw}.social-links a{width:8.8vw;height:8.8vw;margin-left:.8vw}}
/*# sourceMappingURL=main.css.map */