html{min-height:100vh;color:#fff;font:400 60px/1.5 "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif;scroll-behavior:smooth;max-width:100vw;position:relative;overflow-x:hidden;overflow-y:auto}*{-webkit-box-sizing:border-box;box-sizing:border-box}*:not(:focus-visible){outline:none}body{position:relative;margin:0;max-width:100vw;overflow-x:hidden;overflow-y:auto;background:#a8003b}.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:#a8003b}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.bg-center{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}@media (min-width: 1000px){.bg-center::before,.bg-center::after{content:"";position:absolute;top:-2em;left:0;bottom:0;right:0;background:url(../_img/bg-side.png?v=20220107) top left/8em auto no-repeat round;pointer-events:none}.bg-center::after{-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}}@media (max-width: 1000px){.bg-area{width:192vw}}#main{position:relative;z-index:0;margin:0 auto;min-height:100vh;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{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:#77002a}#header .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1000px;margin:0 auto;height:100%}#header ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;padding:0;margin:0}#header li{display:inline-block}.logo-link{margin-right:auto;height:100%;width:32%;background:url("../_img/xinstar-logo.png?v=20220107") center no-repeat;background-size:contain;-webkit-filter:drop-shadow(0em 0.05rem 0.03rem rgba(0,0,0,0.65));filter:drop-shadow(0em 0.05rem 0.03rem rgba(0,0,0,0.65));-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}.logo-link:hover,.logo-link:focus{-webkit-filter:drop-shadow(0.01em 0.08rem 0.05rem rgba(0,0,0,0.75)) brightness(1.1);filter:drop-shadow(0.01em 0.08rem 0.05rem rgba(0,0,0,0.75)) brightness(1.1)}.logo-x{color:#fff;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.social-links a{display:block;width:88px;height:88px;margin-left:8px;font-size:88px;background:url("../_img/link-icons.png?v=20220107") 0 0 no-repeat;background-size:400%;-webkit-filter:drop-shadow(0.01rem 0.02rem 0.02rem rgba(0,0,64,0.3));filter:drop-shadow(0.01rem 0.02rem 0.02rem rgba(0,0,64,0.3))}.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:.25em 0 .75em}#footer::before{content:"";position:absolute;top:0;bottom:0;z-index:-1;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100vw;background:rgba(0,0,0,0)}.foot{width:5em;height:1.3334em;margin:0 auto;background:url("../_img/footer.png?v=20220107") no-repeat center;background-size:contain}.foot-wanin{float:left;display:block;width:67%;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:13.85em;padding-bottom:1px;margin-bottom:-.75em}.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;transition:filter .3s .2s;transition:filter .3s .2s, -webkit-filter .3s .2s}.dl-btn:hover,.dl-btn:focus,.dl-btn:active,.play-btn:hover,.play-btn:focus,.play-btn:active,.station-btn:hover,.station-btn:focus,.station-btn:active{background-position:bottom}.dl-btn{-webkit-transform-origin:85% 0%;transform-origin:85% 0%;position:absolute;left:2.5%;background:url("../_img/btn-download.png?v=20220107") top no-repeat;background-size:cover}.play-btn{-webkit-transform-origin:15% 0%;transform-origin:15% 0%;position:absolute;right:2.25%;background:url("../_img/btn-play.png?v=20220107") top no-repeat;background-size:cover}.station-btn{bottom:-3.75em;width:16em;left:2.25%;background:url("../_img/btn-station.png?v=20220107") 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:96%;max-width:960px;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}.title-01.fade-up{width:100%;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}.title-02.fade-up{margin:-7.35em auto 0;width:20em;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}.title-03.fade-up{margin:-2.65em auto 0;width:16em;-webkit-transition-delay:.6s;transition-delay:.6s;-webkit-transform:translate(0, 1em);transform:translate(0, 1em)}.text-yellow{color:#ffe88a}.text-orange{color:#ff483c}.title{display:table;border-radius:.25em;font-size:.75em;line-height:1.5;margin:-1em auto .5em}.dlqpp{display:block;text-align:center;margin:.5em 0;font-size:1.1em;font-weight:700;line-height:2}.dlqpp span{display:inline-block}.dlqpp a{display:inline-block;height:2em;vertical-align:middle;margin:0 .1em;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.dlqpp a img{display:block;height:inherit;width:auto}.dlqpp a:hover,.dlqpp a:focus,.dlqpp a:active{-webkit-filter:brightness(1.1) contrast(0.93) drop-shadow(0 0 0.2em rgba(102,136,136,0.75));filter:brightness(1.1) contrast(0.93) drop-shadow(0 0 0.2em rgba(102,136,136,0.75))}.border{position:relative;font-weight:700;width:97%;max-width:1000px;min-height:4em;margin:1em auto .5em;padding-bottom:.1em;color:#fff;border:.25em double #f3c382;border-radius:1.75em;-o-border-image:url("../_img/border.png?v=20220107") 90 fill/1.5em;border-image:url("../_img/border.png?v=20220107") 90 fill/1.5em;background:#103f3f padding-box;-webkit-filter:drop-shadow(0 0.05em 0.15em #402);filter:drop-shadow(0 0.05em 0.15em #402)}.border h3{font-size:.8em;text-align:center;margin:.35em auto .35em}.border p,.border ol{font-size:.65em;line-height:1.4;padding:0 .75em;margin:.5em auto;text-align:center}.border img{max-width:96%;margin:0 auto}.border img+img{margin-top:.35em}.border .ad{display:table;margin:.35em auto;-webkit-box-shadow:0.02em 0.05em 0.1em rgba(0,0,0,0.25);box-shadow:0.02em 0.05em 0.1em rgba(0,0,0,0.25);border-radius:.25em;overflow:hidden;max-width:92%;-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}.border .ad:hover,.border .ad:active{-webkit-filter:brightness(1.1) drop-shadow(0 0.1em 0.1em rgba(0,0,0,0.35));filter:brightness(1.1) drop-shadow(0 0.1em 0.1em rgba(0,0,0,0.35))}a{color:#00e4ff}:visited{color:#00e4ff}#content-area{position:relative;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100vw;max-width:1000px}.btn{cursor:pointer;display:block;font:inherit;font-size:inherit;font-weight:700;line-height:1.6;text-decoration:none;text-align:center;color:#fff;text-shadow:0 0.05em 0.05em rgba(0,0,0,0.5),0.014em 0 #521b00,-0.014em 0 #521b00,0 0.01em #521b00,0 -0.01em #521b00,0.01em 0.01em #521b00,-0.01em 0.01em #521b00,0.01em -0.01em #521b00,-0.01em -0.01em #521b00;position:relative;z-index:0;border:none;border-radius:1em;padding:0 1em .4em;margin:.75em auto 1.25em;width:91%;background:-webkit-gradient(linear, left top, right top, from(#521b00), color-stop(15%, #ce5c00), color-stop(85%, #ce5c00), to(#521b00));background:linear-gradient(90deg, #521b00, #ce5c00 15%, #ce5c00 85%, #521b00);-webkit-box-shadow:inset 0 0 0.15em rgba(255,255,255,0.5),0 0.03em 0.05em rgba(34,0,102,0.5);box-shadow:inset 0 0 0.15em rgba(255,255,255,0.5),0 0.03em 0.05em rgba(34,0,102,0.5)}.btn::after{content:"";position:absolute;bottom:.2em;left:0;right:0;z-index:-1;height:100%;border-radius:1em;border:1px solid #913c00;background:-webkit-gradient(linear, left top, left bottom, from(#bb2800), color-stop(#ff8a00), to(#ffd800));background:linear-gradient(#bb2800, #ff8a00, #ffd800);background:radial-gradient(ellipse closest-corner at left 60% bottom 0.08em, #fff, transparent 70%),radial-gradient(ellipse closest-corner at left 60% top 0.08em, #fff, transparent 70%),-webkit-gradient(linear, left top, left bottom, from(#bb2800), color-stop(#ff8a00), to(#ffd800));background:radial-gradient(ellipse closest-corner at left 60% bottom 0.08em, #fff, transparent 70%),radial-gradient(ellipse closest-corner at left 60% top 0.08em, #fff, transparent 70%),linear-gradient(#bb2800, #ff8a00, #ffd800);-webkit-box-shadow:inset 0 0 0.2em #fff,inset 0 0.2em rgba(255,255,255,0.5);box-shadow:inset 0 0 0.2em #fff,inset 0 0.2em rgba(255,255,255,0.5)}.btn::before{content:"";position:absolute;top:-.4em;left:-.3em;right:-.3em;bottom:-.25em;z-index:-1;border-radius:1.5em;border:1px solid rgba(255,255,255,0.65);-webkit-box-shadow:inset 0 0 0.2em rgba(255,255,255,0.5),inset 0 0.2em rgba(255,255,255,0.25),0 0.15em rgba(170,85,119,0.5),0.05em 0.2em 0.1em rgba(0,0,0,0.5);box-shadow:inset 0 0 0.2em rgba(255,255,255,0.5),inset 0 0.2em rgba(255,255,255,0.25),0 0.15em rgba(170,85,119,0.5),0.05em 0.2em 0.1em rgba(0,0,0,0.5)}.btn:hover,.btn:active{padding:.1em 1em .3em}.btn:hover::after,.btn:active::after{bottom:.1em;background:-webkit-gradient(linear, left top, left bottom, from(#ffa800), color-stop(#ff7b23), to(#8e1e00));background:linear-gradient(#ffa800, #ff7b23, #8e1e00);background:radial-gradient(ellipse closest-corner at left 60% bottom 0.08em, #fff, transparent 50%),radial-gradient(ellipse closest-corner at left 60% top 0.08em, #fff, transparent 50%),-webkit-gradient(linear, left top, left bottom, from(#ffa800), color-stop(#ff7b23), to(#8e1e00));background:radial-gradient(ellipse closest-corner at left 60% bottom 0.08em, #fff, transparent 50%),radial-gradient(ellipse closest-corner at left 60% top 0.08em, #fff, transparent 50%),linear-gradient(#ffa800, #ff7b23, #8e1e00)}.btn:hover .btn-hilight,.btn:active .btn-hilight{display:none}.btn-hilight{display:block;position:absolute;bottom:-.4em;left:50%;width:1.5em;height:1.5em;background:radial-gradient(ellipse closest-side, #fff 10%, transparent 50%)}.btn-hilight::before,.btn-hilight::after{content:"";position:absolute;bottom:.65em;left:0;width:1.5em;height:.1em;-webkit-transform:rotate(-70deg);transform:rotate(-70deg);background:radial-gradient(ellipse closest-side, rgba(255,255,255,0.5), transparent)}.btn-hilight::after{-webkit-transform:rotate(20deg);transform:rotate(20deg)}#rules ul,#rules ol{text-align:justify;list-style:none;font-size:.6em;font-weight:500;padding-left:2em;padding-right:1em;margin:.35em auto 1em;line-height:1.3333}#rules li{position:relative;text-indent:-1em}#rules li::before{content:"※";display:inline-block;width:1em;text-indent:0}#rules li+li{margin-top:.5em}#message{font-size:.75em}@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.1rem)) or (backdrop-filter: blur(0.1rem))){.modal .mask{-webkit-backdrop-filter:blur(0.15rem);backdrop-filter:blur(0.15rem);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 .btn-close{font:inherit;font-size:.8em;font-weight:700;display:block;position:absolute;z-index:2;right:.2em;top:.2em;width:1.5em;height:1.5em;border:none;border-radius:100%;color:transparent;background:transparent;overflow:hidden;outline:none;cursor:pointer;-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}.modal .btn-close::before,.modal .btn-close::after{content:"";position:absolute;top:50%;left:50%;width:8%;height:80%;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);background:#0b4d65;border-radius:.05em}.modal .btn-close::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.modal .btn-close:hover,.modal .btn-close:focus,.modal .btn-close:active{-webkit-filter:brightness(1.1) drop-shadow(0 0.1em 0.05em rgba(24,8,24,0.5));filter:brightness(1.1) drop-shadow(0 0.1em 0.05em rgba(24,8,24,0.5))}.modal-overflow{overflow-y:auto;overflow-x:hidden;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;text-align:center;width:90%;max-width:12em;min-height:4em;margin:2em auto 1em;line-height:1.4;-webkit-animation:pop .3s;animation:pop .3s}.modal-window p{margin:.75em auto 1em}.fade-up{-webkit-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;transition:opacity 1.6s, transform 1s;transition:opacity 1.6s, transform 1s, -webkit-transform 1s}.fade-up.faded{-webkit-transform:none;transform:none;opacity:1}.bg-area.fade-up{-webkit-transform:none;transform:none}.bg-area .fade-up{-webkit-transform:none;transform:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes glow{0%{opacity:0}100%{opacity:1}}@keyframes glow{0%{opacity:0}100%{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}}@media (max-width: 420px){.text-outline{-webkit-filter:none;filter:none}#event p,#teach p,.subtitle{font-size:14px}#rules ol{font-size:15px}.modal-window{font-size:1.16666em;max-width:96%}}
/*# sourceMappingURL=main.min.css.map */