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:#a72126}.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:#a72126}.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:0;left:0;bottom:0;right:0;background:url(../_img/bg-side.png?v=20220107) top left/7em auto repeat-y;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:#3d39a2}#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:15em;padding-bottom:1px}.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}.text-yellow{color:#fddd01}.text-orange{color:#ff483c}.text-outline{text-shadow:0 2px #100e51,0 -2px #100e51,2px 0 #100e51,-2px 0 #100e51,1.4px 1.4px #100e51,-1.4px 1.4px #100e51,1.4px -1.4px #100e51,-1.4px -1.4px #100e51;-webkit-filter:drop-shadow(0.03em 0em 0.01em #100e51) drop-shadow(0em -0.03em 0.01em #100e51) drop-shadow(-0.03em 0em 0.01em #100e51) drop-shadow(0em 0.06em 0.01em #100e51) drop-shadow(0.03em 0em 0.01em #100e51);filter:drop-shadow(0.03em 0em 0.01em #100e51) drop-shadow(0em -0.03em 0.01em #100e51) drop-shadow(-0.03em 0em 0.01em #100e51) drop-shadow(0em 0.06em 0.01em #100e51) drop-shadow(0.03em 0em 0.01em #100e51)}.title{display:table;border-radius:2em;font-size:.66667em;text-align:center;line-height:1.2;color:#fedda3;background:rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 0.05em 0.05em rgba(0,0,68,0.5),0 0.05em 0.05em rgba(68,136,255,0.25);box-shadow:inset 0 0.05em 0.05em rgba(0,0,68,0.5),0 0.05em 0.05em rgba(68,136,255,0.25);text-shadow:0 0.05em 0.1em rgba(0,0,0,0.75);padding:.25em 1.25em;margin:.5em auto}.title small{color:#ffdea4;display:block}.border{position:relative;font-weight:700;width:92%;max-width:1000px;min-height:6.25em;margin:.65em auto 1em;padding:.1em 0;color:#fff;border:0 double #fff200;border-radius:1.5em;-o-border-image:url("../_img/border.png?v=20220107") 120 150 fill/2em 2.5em/0.375em 0.5em;border-image:url("../_img/border.png?v=20220107") 120 150 fill/2em 2.5em/0.375em 0.5em;background:url("../_img/bg-border.jpg?v=20220107") top/3.5em auto;-webkit-box-shadow:inset 0 0.15em 0.5em rgba(0,0,0,0.5),0 0.25em 0.5em 0.25em rgba(68,0,0,0.75);box-shadow:inset 0 0.15em 0.5em rgba(0,0,0,0.5),0 0.25em 0.5em 0.25em rgba(68,0,0,0.75)}.border p,.border ol{font-size:.66667em;line-height:1.4;padding:0 .75em;margin:.5em auto;text-align:center}.border .img-title{position:relative;max-width:90%;z-index:1;-webkit-filter:drop-shadow(0 0.1em 0.3em rgba(0,0,34,0.5));filter:drop-shadow(0 0.1em 0.3em rgba(0,0,34,0.5))}.border .img{margin:-1.2em auto .25em;border:3px ridge #fae5c6;border-radius:3px;padding:5px;max-width:95%;background:#f4f2bb;-webkit-box-shadow:inset 0 0 0 4px #6d0e08,0 0.1em 0.15em rgba(0,0,34,0.5);box-shadow:inset 0 0 0 4px #6d0e08,0 0.1em 0.15em rgba(0,0,34,0.5)}a{color:#00e4ff}:visited{color:#00e4ff}#content-area{position:relative;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100vw;max-width:1000px}#teach{padding-bottom:.65em}.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}}
/*# sourceMappingURL=main.min.css.map */