html{background:#bc0202;min-height:100vh;color:#fff;font:400 60px/1.5 "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif;scroll-behavior:smooth;max-width:100vw;overflow-x:hidden;overflow-y:auto}*{-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}body{margin:0;max-width:100vw;overflow-x:hidden;overflow-y:auto;background:#bc0202}#main{position:relative;margin:0 auto;max-width:1920px;background:url("../_img/bg-top.jpg") top no-repeat,url("../_img/bg-center.jpg") 50% 960px repeat-y;background-size:1920px}#header{position:absolute;padding:0 15px;height:108px;left:0;right:0;top:0;z-index:99;-webkit-transition:background .7s;transition:background .7s}#header::after{content:"";display:block;position:absolute;top:0;left:50%;z-index:-1;-webkit-transform:translate(-50%);transform:translate(-50%);width:100vw;height:100%;background:#3b69f7}#header .nav{max-width:1000px;margin:0 auto;height:100%}#header ul{float:right;display:table;list-style:none;margin:0;padding:0;height:100%}#header li{display:table-cell;vertical-align:middle;height:100%;padding:0 0}.logo-link{display:table;float:left;height:100%;width:33%;background:url("../_img/xinstar-logo.png") center no-repeat;background-size:contain;-webkit-filter:drop-shadow(0em 0.07rem 0.05rem rgba(0,0,0,0.35));filter:drop-shadow(0em 0.07rem 0.05rem rgba(0,0,0,0.35))}.logo-link:hover,.logo-link:focus{-webkit-filter:drop-shadow(0 0.07rem 0.07rem rgba(0,0,0,0.5)) brightness(1.1);filter:drop-shadow(0 0.07rem 0.07rem rgba(0,0,0,0.5)) brightness(1.1)}.social-links a{display:block;width:88px;height:88px;margin-left:8px;font-size:88px;background:url("../_img/link-icons.png") 0 0 no-repeat;background-size:400%;-webkit-filter:drop-shadow(0.02rem 0.04rem 0.02rem rgba(0,0,0,0.1));filter:drop-shadow(0.02rem 0.04rem 0.02rem rgba(0,0,0,0.1))}.social-links a:hover,.social-links a:focus{-webkit-filter:drop-shadow(0 0 0.03em #fff);filter:drop-shadow(0 0 0.03em #fff)}.social-links .fb-link{background-position:0% top}.social-links .fb-link:hover,.social-links .fb-link:focus,.social-links .fb-link:active{background-position:0% bottom}.social-links .yt-link{background-position:33.333% top}.social-links .yt-link:hover,.social-links .yt-link:focus,.social-links .yt-link:active{background-position:33.333% bottom}.social-links .line-link{background-position:66.667% top}.social-links .line-link:hover,.social-links .line-link:focus,.social-links .line-link:active{background-position:66.667% bottom}.social-links .home-link{background-position:100% top}.social-links .home-link:hover,.social-links .home-link:focus,.social-links .home-link:active{background-position:100% bottom}#footer{display:block;position:relative;left:0;right:0;bottom:0;padding:20px 0 30px 0;background:rgba(0,0,0,0);-webkit-box-shadow:1920px 0 rgba(0,0,0,0),-1920px 0 rgba(0,0,0,0),3840px 0 rgba(0,0,0,0),-3840px 0 rgba(0,0,0,0);box-shadow:1920px 0 rgba(0,0,0,0),-1920px 0 rgba(0,0,0,0),3840px 0 rgba(0,0,0,0),-3840px 0 rgba(0,0,0,0)}.foot{width:456px;height:120px;margin:0 auto;background:url("../_img/footer.png") no-repeat center;background-size:contain;-webkit-filter:drop-shadow(0.05em 0.07em 0.05em rgba(0,0,0,0.2));filter:drop-shadow(0.05em 0.07em 0.05em rgba(0,0,0,0.2))}.foot-wanin{float:left;display:block;width:79%;height:100%}.foot-yoe{float:left;display:block;width:29%;height:100%;margin:0 5%}.dl-btn-container{display:block;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;max-width:1000px;padding-top:1140px}.dl-btn,.play-btn{display:block;position:absolute;bottom:0;width:490px;padding-top:172px}.dl-btn:hover,.dl-btn:focus,.dl-btn:active,.play-btn:hover,.play-btn:focus,.play-btn:active{background-position:bottom}.dl-btn{position:absolute;left:1%;background:url("../_img/dl-btn.png") top no-repeat;background-size:cover}.play-btn{position:absolute;right:1%;background:url("../_img/play-btn.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)}#article{max-width:1000px;margin:0 auto}html{font:400 60px/1.5 "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif;word-wrap:break-word}img{max-width:100%;display:block;margin:0 auto}.content{margin:.75em auto;width:1000px;max-width:97.5%}.content h2{margin:0}.img-title{display:block;margin:0 auto;width:11.3rem;height:auto}.link-event{display:table;margin:.35em auto 0em;width:11.3rem;-webkit-box-shadow:0 0.05em 0.1em 0.02em rgba(0,0,0,0.5);box-shadow:0 0.05em 0.1em 0.02em rgba(0,0,0,0.5);-webkit-transition:-webkit-box-shadow .2s, -webkit-filter .2s;transition:-webkit-box-shadow .2s, -webkit-filter .2s;transition:box-shadow .2s, filter .2s;transition:box-shadow .2s, filter .2s, -webkit-box-shadow .2s, -webkit-filter .2s}.link-event img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.link-event:hover,.link-event:focus,.link-event:active{-webkit-box-shadow:0 0.1em 0.2em 0.02em rgba(0,0,0,0.65);box-shadow:0 0.1em 0.2em 0.02em rgba(0,0,0,0.65);-webkit-filter:brightness(1.1);filter:brightness(1.1)}.logged-in #Login{display:none}#Login p{color:#fef0d1;text-shadow:0.05em 0.07em 0.05em rgba(0,0,0,0.1);font-size:.75em;text-align:center;margin:.5em 0}#Login .login-btn{display:block;background:url("../_img/login-btn.png?v=2") top no-repeat;background-size:cover;width:13.8em;height:1.9em;margin:.5em auto}#Login .login-btn:hover,#Login .login-btn:active,#Login .login-btn:focus{background-position:bottom}#TakePrize{display:none;text-align:center}.logged-in #TakePrize{display:block}#TakePrize .img-title{margin-bottom:.3em}#TakePrize p{font-size:.75em;color:#fef0d1;text-shadow:0.05em 0.07em 0.05em rgba(0,0,0,0.1);text-align:center;line-height:1.35;margin:.5em 0}#TakePrize p span{color:#fff}#TakePrize #streak{visibility:hidden}#TakePrize .select{display:inline-block;vertical-align:bottom;font:inherit;color:#333;background:#eee;border:none;border-radius:.05em;-webkit-box-shadow:inset 0.05em 0.05em 0.1em rgba(0,0,0,0.4),inset -0.05em -0.05em 0.04em #fff,inset 0.03em 0.03em 0.03em rgba(0,0,0,0.1);box-shadow:inset 0.05em 0.05em 0.1em rgba(0,0,0,0.4),inset -0.05em -0.05em 0.04em #fff,inset 0.03em 0.03em 0.03em rgba(0,0,0,0.1);width:60%;height:1.85em;position:relative;margin-bottom:.02em}#TakePrize .select::after{content:"";position:absolute;right:0;top:0;bottom:0;z-index:1;width:2em;background:url("../_img/select-arrow.png") right no-repeat;background-size:contain;pointer-events:none}#TakePrize .select select{font:inherit;display:block;border:none;background:transparent;color:inherit;padding:.1em 1em .1em .5em;width:100%;height:100%}#TakePrize .select select:invalid{color:#ccc}#TakePrize .select option{font-size:.8em;color:#333}#TakePrize .select option:nth-child(2n+1){background:#f4f4f4}#TakePrize .otherlogin-btn{display:inline-block;vertical-align:bottom;background:url("../_img/otherlogin-btn.png") top no-repeat;background-size:cover;width:5em;height:1.9em}#TakePrize .otherlogin-btn:hover,#TakePrize .otherlogin-btn:active,#TakePrize .otherlogin-btn:focus{background-position:bottom}#TakePrize #prizeArea{position:relative;background:radial-gradient(circle closest-side, #ffe672, rgba(255,230,114,0.75), rgba(255,230,114,0.05) 90%, transparent) center no-repeat;background-size:100%;padding:1em 0}#TakePrize #prizeArea.active #prizeBG{-webkit-animation:grow 1s ease-out infinite alternate;animation:grow 1s ease-out infinite alternate}#TakePrize #prizeArea.active #prizeBucket{opacity:0;-webkit-animation:shake 1s ease;animation:shake 1s ease;-webkit-transition:opacity 1s .8s;transition:opacity 1s .8s}#TakePrize #prizeArea.active #prizeStick{opacity:1;-webkit-transition:opacity 1s .8s;transition:opacity 1s .8s}#TakePrize #prizeArea #prizeBG{display:block;position:absolute;top:-.5em;width:100%;padding-top:100%;border-radius:50%;pointer-events:none;background:url("../_img/shine.svg") center no-repeat;background-size:contain;-webkit-transform:scale(0.8);transform:scale(0.8)}#TakePrize #prizeArea #prizeBucket{-webkit-transition:opacity 1s;transition:opacity 1s;opacity:1;position:relative;z-index:1;background:url("../_img/bucket.png") top no-repeat;background-size:contain;width:100%;height:11.5em}#TakePrize #prizeArea #prizeStick{-webkit-transition:opacity 1s;transition:opacity 1s;opacity:0;position:absolute;top:1em;z-index:1;left:calc(50% - .5em);width:1em;height:12em;background:url("../_img/stick.png") center no-repeat;background-size:cover}#TakePrize #prizeArea #prizeStick span{display:block;width:1.1em;margin:0 auto;text-align:center;font-size:.65em;line-height:1.1;letter-spacing:-.05em;color:#000;text-shadow:.02em .03em .02em #fef0d1;font-weight:bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#TakePrize #prizeArea #prizeStick #prizeTier{position:absolute;bottom:67%;left:7%;font-size:.75em;font-family:cursive;font-weight:bold;text-shadow:0.02em 0.03em 0.02em rgba(254,240,209,0.5)}#TakePrize #prizeArea #prizeStick #prizeName{position:absolute;top:48%;left:11%}@-webkit-keyframes turn{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes turn{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes grow{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes grow{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}40%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}55%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}80%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}40%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}55%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}80%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#TakePrize .prize-btn{display:inline-block;font-size:inherit;border:none;cursor:pointer;vertical-align:bottom;background:url("../_img/prize-btn.png") top no-repeat;background-size:cover;width:13.8em;height:1.9em}#TakePrize .prize-btn:hover,#TakePrize .prize-btn:active{background-position:bottom}#TakePrize .prize-btn:disabled{background-position:center;cursor:default}#rules{font-size:.64em;width:97.5%;max-width:1000px;margin:0 auto;line-height:1.4;text-shadow:0.05em 0.07em 0.05em rgba(0,0,0,0.1)}#rules h2{color:#fff;font-size:1.2em;margin:.5em 0 0}#rules p{font-size:.8em;font-weight:400;margin:.35em 0}#rules ul{list-style:none;font-size:.8em;font-weight:400;margin:.35em 0;padding-left:1em;text-align:left}#rules li{margin:0 0 .35em 0}#rules li::before{content:"※";position:absolute;-webkit-transform:translate(-1em);transform:translate(-1em)}#rules a{color:#1ba1ff}#rules a:visited{color:#1ba1ff}.text-center{text-align:center}.modal-content{color:#fff;text-shadow:0.05em 0.07em 0.05em rgba(0,0,0,0.1);text-align:center}.modal-content h3{color:#fef0d1;margin:.15em 0;line-height:1.2;font-size:1.1em;font-weight:550;word-break:keep-all;word-wrap:break-word}.modal-content p{margin:0 0 .5em;font-size:.75em;line-height:1.35}#prize .charName{padding:.3em 0;margin:-.3em 0;max-width:calc(100% - 4.1em)}#prize p{margin-top:.5em}.window{background-color:#e02f1c;background:url("../_img/window-top.jpg") top no-repeat,url("../_img/window-bottom.jpg") bottom no-repeat,url("../_img/window-center.jpg") center repeat-y;background-size:100% auto;-webkit-box-shadow:0 0.05em 0.1em 0.02em rgba(0,0,0,0.35);box-shadow:0 0.05em 0.1em 0.02em rgba(0,0,0,0.35);min-height:6em;padding:1em .8em .8em;position:relative}.window::before{content:"";background:linear-gradient(-155deg, transparent 0.25em, #ff7d75 calc(.25em + 1px), #ff7d75 0.3em, #ff7d75 60%, transparent 65%),linear-gradient(-205deg, transparent 0.25em, #ff7d75 calc(.25em + 1px), #ff7d75 0.3em, #ff7d75 60%, transparent 65%);display:block;position:absolute;top:-.3em;left:0;right:0;height:.3em;width:100%}@media (max-height: 720px){.modal{font-size:6vmin}}.modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal.active{display:-webkit-box;display:-ms-flexbox;display:flex}.modal .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,0.75);-webkit-animation:fade .4s ease-out;animation:fade .4s ease-out}@supports ((-webkit-backdrop-filter: blur(0.25rem)) or (backdrop-filter: blur(0.25rem))){.modal .mask{-webkit-backdrop-filter:blur(0.25rem);backdrop-filter:blur(0.25rem);background:rgba(8,8,8,0.8);-webkit-transition:-webkit-backdrop-filter .5s ease-out;transition:-webkit-backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out, -webkit-backdrop-filter .5s ease-out}}.modal .close-btn{font-size:inherit;display:block;position:absolute;right:-.25em;top:-1.25em;width:2em;height:2em;border:none;outline:none;background:url("../_img/close-btn.png") center no-repeat;background-size:contain;cursor:pointer;-webkit-transition:-webkit-transform .1s, -webkit-filter .2s;transition:-webkit-transform .1s, -webkit-filter .2s;transition:transform .1s, filter .2s;transition:transform .1s, filter .2s, -webkit-transform .1s, -webkit-filter .2s}.modal .close-btn:hover,.modal .close-btn:focus,.modal .close-btn:active{-webkit-filter:brightness(1.1) drop-shadow(-0.1em 0.05em 0.1em rgba(0,8,24,0.5));filter:brightness(1.1) drop-shadow(-0.1em 0.05em 0.1em rgba(0,8,24,0.5))}.modal-overflow{overflow-y:auto;overflow-x:hidden;max-width:100%;max-height:100vh;scrollbar-width:none}.modal-overflow::-webkit-scrollbar{width:0px}.modal-window{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:96%;width:16em;margin:1.25em auto;-webkit-animation:pop .3s;animation:pop .3s}@-webkit-keyframes flash{0%{background-position:top}50%{background-position:bottom}}@keyframes flash{0%{background-position:top}50%{background-position:bottom}}@-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}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width: 1000px){html{font-size:6vw}#main{background-size:192vw;background-position:top, 50% 96vw}#header{height:10.8vw}.social-links a{width:8.8vw;height:8.8vw;margin-left:.8vw}.dl-btn-container{padding-top:114vw}.dl-btn,.play-btn{width:49vw;padding-top:17.2vw}#footer{padding:2vw 0 3vw 0}.foot{width:45.6vw;height:12vw}}@media (max-width: 499px){#rules{font-size:18px}}
/*# sourceMappingURL=main.min.css.map */