html{background:#50b3ff;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}body{margin:0;max-width:100vw}#main{position:relative;margin:0 auto;max-width:1920px;background:url("../_img/bg.jpg?v=6") top no-repeat,url("../_img/bg-tile.jpg") top repeat-y;background-size:1920px auto, 1920px auto;-webkit-box-shadow:0 0 0.25em rgba(0,32,128,0.25);box-shadow:0 0 0.25em rgba(0,32,128,0.25)}#header{position:absolute;background:#1c5cff;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;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;background:#1c5cff;z-index:-1}#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(0 0.05rem 0.04rem rgba(0,0,0,0.4));filter:drop-shadow(0 0.05rem 0.04rem rgba(0,0,0,0.4))}.logo-link:hover,.logo-link:focus,.logo-link:active{-webkit-filter:drop-shadow(0 0.08rem 0.08rem rgba(0,0,0,0.65)) brightness(1.1);filter:drop-shadow(0 0.08rem 0.08rem rgba(0,0,0,0.65)) 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,.social-links a:active{-webkit-filter:drop-shadow(0 0 0.02em rgba(255,255,255,0.5));filter:drop-shadow(0 0 0.02em rgba(255,255,255,0.5))}.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 .fb-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 .fb-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 .fb-link:active{background-position:100% bottom}#footer{display:block;position:relative;left:0;right:0;bottom:0;padding:20px 0 30px 0}#footer:after{content:"";display:block;position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;background:rgba(0,0,0,0);z-index:0}.foot{position:relative;z-index:1;width:475px;height:120px;margin:0 auto;background-size:contain;-webkit-filter:drop-shadow(0.02rem 0.04rem 0.01rem rgba(0,0,128,0.25));filter:drop-shadow(0.02rem 0.04rem 0.01rem rgba(0,0,128,0.25))}.foot-wanin{float:left;display:block;width:76%;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:1245px}.dl-btn,.play-btn{display:block;position:absolute;bottom:0;width:458px;padding-top:146px;border-radius:100vw;-webkit-box-shadow:0 0.2em 0.3em rgba(158,2,120,0.75);box-shadow:0 0.2em 0.3em rgba(158,2,120,0.75)}.dl-btn:hover,.dl-btn:focus,.dl-btn:active,.play-btn:hover,.play-btn:focus,.play-btn:active{cursor:pointer;background-position:bottom}.dl-btn:active,.play-btn:active{cursor:pointer;background-position:bottom}.dl-btn{position:relative;left:2.75%;background:url("../_img/dl-btn.png") top no-repeat;background-size:cover}.play-btn{position:absolute;right:2.75%;background:url("../_img/play-btn.png") top no-repeat;background-size:cover}.content-padding{max-width:976px;margin:0 auto;height:2795px;position:relative}.content-padding a{font-size:.5em;position:absolute;bottom:3.65em;right:.5em;width:11em;height:2em;cursor:pointer}#carousel{display:block;position:absolute;margin:0;padding:0;top:590px;width:400px;height:350px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#carousel>*{display:block;position:absolute;width:100%;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s}#carousel>* img{display:block;margin:0 auto;max-width:100%;width:auto}#carousel .open{-webkit-transform:rotateY(0deg) scale(1);transform:rotateY(0deg) scale(1);z-index:10}#carousel .next{-webkit-transform:rotateY(-90deg) scale(0.8);transform:rotateY(-90deg) scale(0.8)}#carousel .prev{-webkit-transform:rotateY(-90deg) scale(0.5);transform:rotateY(-90deg) scale(0.5)}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}@-webkit-keyframes flash{0%{background-position:top}50%{background-position:bottom}}@keyframes flash{0%{background-position:top}50%{background-position:bottom}}@media (max-width: 1000px){html{font-size:6vw}#main{background-size:192vw auto, 192vw, auto}#header{height:10.8vw}.social-links a{width:8.8vw;height:8.8vw;margin-left:.8vw}.dl-btn-container{padding-top:124.5vw}.dl-btn,.play-btn{width:45.8vw;padding-top:14.6vw}.content-padding{height:279.5vw}#carousel{top:59vw;width:40vw;height:35vw}#footer{padding:2vw 0 3vw 0}.foot{width:47.5vw;height:12vw}}#QRcodeImg{position:relative;top:167px;left:290px;width:100px}#qrcodeArea{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1000;width:90%;max-width:600px;min-width:460px;background:url("../_img/qrcodeAreaBG.png") center center no-repeat;background:#fcffd7;border-radius:25px;-webkit-box-shadow:0 0 0.2em 0.05em rgba(55,0,88,0.5);box-shadow:0 0 0.2em 0.05em rgba(55,0,88,0.5);display:none;-webkit-animation:pop .3s;animation:pop .3s}.qrcodeImg{margin:.5em 0 .25em}.qrcodeImg img{width:200px;height:200px;border:0;display:block;margin:0 auto}.qrcodeText{display:block;font-size:20px;color:#281400;text-align:center;width:90%;margin:0 auto;padding:.25em 0 .5em;border-bottom:2px dotted #98a411}.qrcodeDownloadBtn{margin:.05em 0 .35em}.qrcodeDownloadBtn a{width:408px;height:108px;margin:0 auto;display:block;border:0;background:url("../_img/qrdl-btn.png") top no-repeat;background-size:cover;cursor:pointer}.qrcodeDownloadBtn a:hover{background-position:bottom}.closeBtn{position:absolute;top:-8px;right:-8px;display:block;z-index:9;width:40px;height:40px;background:url("../_img/closeBtn.png") top left no-repeat;background:#e00;border-radius:50%;cursor:pointer}.closeBtn:hover{background:#f00;-webkit-box-shadow:0 0 0.1em rgba(55,0,88,0.5);box-shadow:0 0 0.1em rgba(55,0,88,0.5)}.closeBtn::before,.closeBtn::after{content:"";display:block;position:absolute;width:70%;height:12.5%;background:#fff;top:50%;left:50%}.closeBtn::before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.closeBtn::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}#mask{top:0;left:0;width:100%;height:100%;position:fixed;background:rgba(0,0,16,0.65);display:none;z-index:999;zoom:1;-webkit-animation:fade .5s;animation:fade .5s}@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){#mask{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (max-width: 1000px){#expire_win.fixed-box-exp{font-size:6vw}#expire_win.fixed-box-exp .title{font-size:6vw}}@-webkit-keyframes pop{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0)}to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}}@keyframes pop{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0)}to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) 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)}}
/*# sourceMappingURL=main.min.css.map */