html{background:#31b761;min-height:100vh;color:#fff;font:400 60px/1.5 "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;overflow-x:hidden}#main{position:relative;margin:0 auto;height:4700px;max-width:1920px;background:url("../_img/bg.png") top no-repeat;background-size:cover}#header{position:absolute;background:#623a07;-webkit-box-shadow:1920px 0 #623a07,-1920px 0 #623a07,3840px 0 #623a07,-3840px 0 #623a07;box-shadow:1920px 0 #623a07,-1920px 0 #623a07,3840px 0 #623a07,-3840px 0 #623a07;padding:0 15px;height:108px;left:0;right:0;top:0;z-index:99;-webkit-transition:background .7s;transition:background .7s}#header .nav{max-width:1000px;margin:0 auto;height:100%}#header ul{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;list-style:none;margin:0;padding:0;height:100%}#header li{display:inline-table;height:100%}#header li>*{display:table-cell;vertical-align:middle}.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.2em 0.2em rgba(0,0,0,0.45));filter:drop-shadow(0 0.2em 0.2em rgba(0,0,0,0.45));font-size:16px}.logo-link:hover,.logo-link:focus{-webkit-filter:drop-shadow(0 0.2em 0.2em rgba(0,0,0,0.65)) brightness(1.1);filter:drop-shadow(0 0.2em 0.2em rgba(0,0,0,0.65)) brightness(1.1)}.social-links li{margin-left:10px}.social-links a{width:88px;height:88px;background-size:contain !important;font-size:16px}.social-links a:hover,.social-links a:focus{-webkit-filter:drop-shadow(0 0 0.15em #fff);filter:drop-shadow(0 0 0.15em #fff)}.fb-link{background:url("../_img/icon-fb.png") center no-repeat}.fb-link:hover,.fb-link:focus{background:url("../_img/icon-fb-hover.png") center no-repeat}.yt-link{background:url("../_img/icon-yt.png") center no-repeat}.yt-link:hover,.yt-link:focus{background:url("../_img/icon-yt-hover.png") center no-repeat}.line-link{background:url("../_img/icon-line.png") center no-repeat}.line-link:hover,.line-link:focus{background:url("../_img/icon-line-hover.png") center no-repeat}.home-link{background:url("../_img/icon-home.png") center no-repeat}.home-link:hover,.home-link:focus{background:url("../_img/icon-home-hover.png") center no-repeat}#footer{display:block;position:absolute;left:0;right:0;bottom:0;padding:20px 0 30px 0;background:#58333b;-webkit-box-shadow:1920px 0 #58333b,-1920px 0 #58333b,3840px 0 #58333b,-3840px 0 #58333b;box-shadow:1920px 0 #58333b,-1920px 0 #58333b,3840px 0 #58333b,-3840px 0 #58333b}.foot{width:723px;height:126px;margin:0 auto;background:url("../_img/footer.png") no-repeat center;background-size:contain}.foot-wanin{float:left;display:block;width:49.5%;height:100%}.foot-yoe{float:left;display:block;width:29%;height:100%;margin:0 5%}.dl-btn-container{display:block;position:relative;top:725px;width:90%;max-width:900px;margin:0 auto;height:100%}.dl-btn,.play-btn{display:block;position:relative;top:0;overflow:hidden;width:375px;height:105px}.dl-btn:hover,.dl-btn:focus,.dl-btn:active,.play-btn:hover,.play-btn:focus,.play-btn:active{cursor:pointer;background-position:bottom;-webkit-animation:none;animation:none}.dl-btn:hover::after,.dl-btn:focus::after,.dl-btn:active::after,.play-btn:hover::after,.play-btn:focus::after,.play-btn:active::after{visibility:hidden}.dl-btn{position:relative;left:6%;background:url("../_img/dl-btn.png") top no-repeat;background-size:cover}.play-btn{position:absolute;right:6%;background:url("../_img/play-btn.png") top no-repeat;background-size:cover}.rules{margin:0 auto;line-height:1.6;width:920px;font-size:27px}.rules h2{font-size:1.5em;line-height:1.2;margin:.5em 0}.rules ul{list-style:none;padding-left:0em;margin-bottom:1.5em}.rules li{margin-bottom:.5em}.rules li::before{content:"*";position:absolute;-webkit-transform:translateX(-0.66em);transform:translateX(-0.66em)}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}html{font:400 60px/1.5 "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif}.op-download{position:absolute;top:1992px;width:800px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.op-android{display:block;background:url("../_img/op-android.png") top no-repeat;background-size:cover;height:1em;width:3.6em;margin:0 .4em 0 auto}.op-android:hover,.op-android:active .op-android:focus{background-position:bottom}.op-ios{display:block;background:url("../_img/op-ios.png") top no-repeat;background-size:cover;height:1em;width:2.75em;margin:0 .2em 0 0}.op-ios:hover,.op-ios:active .op-ios:focus{background-position:bottom}@media (max-width: 1000px){html{font-size:6vw}#main{height:470vw}#header{height:10.8vw}.social-links li{margin-left:.3vw}.social-links a{width:8.6vw;height:8.6vw}.dl-btn-container{top:72.5vw}.dl-btn,.play-btn{width:37.5vw;height:10.5vw}.rules{width:92vw;font-size:2.7vw}.op-download{top:199.2vw;width:80vw}#footer{padding:2vw 0 3vw 0}.foot{width:72.3vw;height:12.6vw}}@media (max-width: 499px){.rules{font-size:13.5px;width:90vw}}
/*# sourceMappingURL=main.min.css.map */