#main,body,html{background:#4d3018 -webkit-gradient(linear, left top, left bottom, from(#381406), color-stop(#4d3018), to(#3f2a1b));background:#4d3018 -webkit-linear-gradient(#381406, #4d3018, #3f2a1b);background:#4d3018 -o-linear-gradient(#381406, #4d3018, #3f2a1b);background:#4d3018 linear-gradient(#381406, #4d3018, #3f2a1b);color:#fff}#header:after{background:transparent}#footer:after{background:transparent}#footer{padding-top:0}#header .nav{-webkit-filter:drop-shadow(0 0.1em 0.05em rgba(0, 0, 0, 0.35));filter:drop-shadow(0 0.1em 0.05em rgba(0, 0, 0, 0.35))}.social-links a{-webkit-filter:drop-shadow(0 0 2px #5b009c);filter:drop-shadow(0 0 2px #5b009c)}.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:#4d3018 -webkit-gradient(linear, left top, left bottom, from(#381406), color-stop(#4d3018), to(#3f2a1b));background:#4d3018 -webkit-linear-gradient(#381406, #4d3018, #3f2a1b);background:#4d3018 -o-linear-gradient(#381406, #4d3018, #3f2a1b);background:#4d3018 linear-gradient(#381406, #4d3018, #3f2a1b)}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}@media (max-width:1000px){.bg-area{width:192vw}}.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:3.65em;padding-bottom:1px;margin-bottom:0em;margin-top:-1.25em}.dl-btn,.play-btn,.station-btn{display:block;position:absolute;bottom:0;width:7.65em;padding-top:3.35em;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%;left:2.5%;background:url("https://www.xin-stars.com/_edm/Game_Sun%EF%BC%ADovement/_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%;right:2.25%;background:url("../_img/btn-play.png") top no-repeat;background-size:cover}.station-btn{bottom:-3.75em;position:relative;width:16em;left:2.25%;background:url("https://www.xin-stars.com/_edm/Game_Sun%EF%BC%ADovement/_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}img{max-width:100%;display:block;width:auto;height:auto;margin:0 auto}.content{position:relative;width:92%;max-width:920px;margin:0 auto}.head-title{display:block;position:relative;width:32em;top:0;left:calc(50% - 16em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:6.5em 0 0em}.dl-btn.fade-up,.play-btn.fade-up{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.border{position:relative;display:table;z-index:0;font-weight:700;max-width:100%;margin:1.3em auto 0}.title{font-size:.8em;margin:0 auto .5em;padding:.15em .65em;text-align:center;text-shadow:.025em .05em .05em #000;background:-webkit-linear-gradient(22.5deg, #8000f3 6%, #bb5ffe 6.1%, #bb5ffe 8%, #8000f3 8%, #8000f3 9.9%, #bb5ffe 10%, #bb5ffe 19.9%, #8000f3 20%);background:-o-linear-gradient(22.5deg, #8000f3 6%, #bb5ffe 6.1%, #bb5ffe 8%, #8000f3 8%, #8000f3 9.9%, #bb5ffe 10%, #bb5ffe 19.9%, #8000f3 20%);background:linear-gradient(67.5deg, #8000f3 6%, #bb5ffe 6.1%, #bb5ffe 8%, #8000f3 8%, #8000f3 9.9%, #bb5ffe 10%, #bb5ffe 19.9%, #8000f3 20%);-webkit-box-shadow:inset 0.05em 0.1em 0.15em rgba(255, 255, 255, 0.25), inset -0.05em -0.1em 0.15em rgba(0, 0, 0, 0.35);box-shadow:inset 0.05em 0.1em 0.15em rgba(255, 255, 255, 0.25), inset -0.05em -0.1em 0.15em rgba(0, 0, 0, 0.35);border-top-left-radius:.15em;border-top-right-radius:.15em}a{color:inherit}:visited{color:inherit}.text-hilight{color:#ff0297}.text-yellow{color:#fffa68}.text-blue{color:#68fdff}.text-center{text-align:center}#content-area{position:relative;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:100vw;max-width:1100px;min-height:auto}.btn-play{font-size:inherit;display:block;margin:0 auto 4.4em;position:relative;z-index:1;left:-10%;width:8em;height:8em;border-radius:50%;border:none;cursor:pointer;background:url(../_img/btn-play.png) 0 0/100% auto;-webkit-transform:translate(0, 1em);-ms-transform:translate(0, 1em);transform:translate(0, 1em)}.btn-play.fade-up{-webkit-transition:opacity 1.6s .6s, -webkit-filter .5s, -webkit-transform 1s .6s;transition:opacity 1.6s .6s, -webkit-filter .5s, -webkit-transform 1s .6s;-o-transition:filter .5s, transform 1s .6s, opacity 1.6s .6s;transition:filter .5s, transform 1s .6s, opacity 1.6s .6s;transition:filter .5s, transform 1s .6s, opacity 1.6s .6s, -webkit-filter .5s, -webkit-transform 1s .6s}.btn-play.faded{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.btn-play:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:inherit;background-position:bottom;border-radius:inherit;opacity:0;-webkit-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s;-webkit-animation:btnPlay 1s infinite ease-in-out;animation:btnPlay 1s infinite ease-in-out}.btn-play:active,.btn-play:hover{background-position:bottom;-webkit-filter:brightness(1.1) drop-shadow(0 0 0.25em #fc4);filter:brightness(1.1) drop-shadow(0 0 0.25em #fc4)}@-webkit-keyframes btnPlay{0%{opacity:0}50%{opacity:1}}@keyframes btnPlay{0%{opacity:0}50%{opacity:1}}#music{width:14em;height:14em;background:none;display:block;margin:auto;left:-10%;position:relative;border:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;opacity:0.8}#music i{width:103%;padding-bottom:89%;display:block;background-image:url(../_img/sound_1.png);background-repeat:no-repeat;background-size:100% auto;-webkit-animation:slide 2s steps(3) infinite;animation:slide 2s steps(3) infinite}#music:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5)}#music.is-active{opacity:1}@media (max-width:600px){#music{width:14em;height:9em;top:-1em}#music i{width:50%;padding-bottom:50%;margin:auto}}@-webkit-keyframes slide{0%{background-image:url(../_img/sound_1.png)}33%{background-image:url(../_img/sound_2.png)}66%{background-image:url(../_img/sound_3.png)}}@keyframes slide{0%{background-image:url(../_img/sound_1.png)}33%{background-image:url(../_img/sound_2.png)}66%{background-image:url(../_img/sound_3.png)}}#event1 img.fade-up{-webkit-transform:translate(-1em);-ms-transform:translate(-1em);transform:translate(-1em)}#event1 img.fade-up.faded{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.fade-down,.fade-in,.fade-left,.fade-right,.fade-up{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-down.faded,.fade-in.faded,.fade-left.faded,.fade-right.faded,.fade-up.faded{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}.fade-up{-webkit-transform:translate(0, 1em);-ms-transform:translate(0, 1em);transform:translate(0, 1em)}.fade-down{-webkit-transform:translate(0, -1em);-ms-transform:translate(0, -1em);transform:translate(0, -1em)}.fade-left{-webkit-transform:translate(1em, 0);-ms-transform:translate(1em, 0);transform:translate(1em, 0)}.fade-right{-webkit-transform:translate(-1em, 0);-ms-transform:translate(-1em, 0);transform:translate(-1em, 0)}.bg-area.fade-up,.bg-area .fade-up{-webkit-transform:none;-ms-transform:none;transform:none}@-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%{visibility:hidden}50%{visibility:visible}}@keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@-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)}}@-webkit-keyframes blink{0%{background-position:top}50%{background-position:bottom}}@keyframes blink{0%{background-position:top}50%{background-position:bottom}}@media (max-width:1000px){#main,.modal{font-size:6vw}}@media (max-height:720px){.modal{font-size:6vmin}}@media (max-width:420px){#rules{font-size:27px;padding:0 0}.modal-window{max-width:96%}}
/*# sourceMappingURL=main.css.map */