*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.2}p{overflow-wrap:break-word;text-wrap:pretty}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}:target{scroll-margin-top:2rem}a:focus-visible,button:focus-visible{outline:solid 2px var(--color-primary);border-radius:.4rem}:root{--ds: 768;--ratio: calc(100vw / var(--ds))}@media(min-width:1200px){:root{--ds: 1200}}html{font-family:Microsoft JhengHei,微軟正黑體,PingFang TC,Heiti TC,Noto Sans TC,sans-serif}.s-main{min-height:100dvh;font-family:Noto Sans TC,sans-serif;font-optical-sizing:auto;font-style:normal;overflow:hidden}.s-header{background-color:#000644cc;height:calc(102 * var(--ratio));width:100%;position:fixed;left:0;top:0;z-index:50}@media(min-width:768px){.s-header{height:auto}}.s-header__container{padding:calc(18 * var(--ratio)) calc(56 * var(--ratio));display:flex;justify-content:space-between;align-items:center;margin:0 auto}@media(min-width:768px){.s-header__container{padding:calc(4 * var(--ratio)) calc(14 * var(--ratio))}}@media(min-width:1200px){.s-header__container{padding:calc(4 * var(--ratio)) calc(14 * var(--ratio));max-width:1200px}}.maplestory-logo{width:calc(133 * var(--ratio));display:block}@media(min-width:768px){.maplestory-logo{width:calc(85 * var(--ratio))}}.sns-nav{display:flex;gap:calc(25 * var(--ratio))}@media(min-width:768px){.sns-nav{gap:calc(12 * var(--ratio))}}.btn-facebook,.btn-instagram,.btn-youtube{display:block;width:calc(48 * var(--ratio));height:calc(48 * var(--ratio));font-size:0}@media(min-width:768px){.btn-facebook,.btn-instagram,.btn-youtube{width:calc(28 * var(--ratio));height:calc(28 * var(--ratio))}}@media(hover:hover){.btn-facebook,.btn-instagram,.btn-youtube{transition:filter .3s ease;filter:drop-shadow(0 0 4px rgba(255,255,255,0))}:is(.btn-facebook,.btn-instagram,.btn-youtube):hover{filter:drop-shadow(0 0 4px rgba(255,255,255,1))}}.btn-facebook{background:transparent url(../../images/icon-facebook@2x.webp) no-repeat center center;background-size:cover}.btn-instagram{background:transparent url(../../images/icon-instagram@2x.webp) no-repeat center center;background-size:cover}.btn-youtube{background:transparent url(../../images/icon-youtube@2x.webp) no-repeat center center;background-size:cover}.section-container{padding:0 calc(10 * var(--ratio))}.btn-top{width:calc(56 * var(--ratio));background:transparent url(../../images/btn-top.webp) no-repeat 0 0;background-size:100% auto;aspect-ratio:328 / 340;position:fixed;left:50%;bottom:calc(30 * var(--ratio));translate:700% 0;border:0;display:none;cursor:pointer;z-index:40}@media(min-width:1200px){.btn-top{display:block}@media(hover:hover){.btn-top:hover{background-position:0 100%}}}.loading{position:fixed;z-index:500;background:linear-gradient(180deg,#05063a,#1b1f8a 45%,#5a35c9 75%,#2fa8f5);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 2s ease-in-out;top:0;overflow:hidden;pointer-events:none}.loading:before,.loading:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 8% 12%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 22% 30%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 37% 8%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 52% 22%,#fff 50%,transparent 51%),radial-gradient(2.5px 2.5px at 68% 10%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 83% 26%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 93% 6%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 14% 44%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 76% 40%,#fff 50%,transparent 51%);animation:twinkle 2.4s ease-in-out infinite alternate}.loading:after{transform:translate(4%,6%) scaleX(-1);animation-delay:-1.2s;opacity:.6}.loading.loaded{opacity:0}.loading p{position:relative;font-family:Anton,sans-serif;font-size:calc(40 * var(--ratio));letter-spacing:.12em;background:linear-gradient(90deg,#ff4b4b,#e93bd9 35%,#7b5cff 65%,#33e0f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 calc(8 * var(--ratio)) rgba(233,59,217,.7));animation:neonFlicker 2s linear infinite}.loading__inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(16 * var(--ratio))}.loader{display:block;width:48px;height:48px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#ff4b4b 90deg,#e93bd9 180deg,#7b5cff 270deg,#33e0f0 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));filter:drop-shadow(0 0 6px rgba(51,224,240,.8));animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%{opacity:1}to{opacity:.3}}@keyframes neonFlicker{0%,18%,22%,62%,66%,to{opacity:1}20%,64%{opacity:.45}}.section-home{background:#1c1c1c url(../../images/section-home-bg.webp) no-repeat center top;background-size:auto 100%;padding-bottom:calc(22 * var(--ratio));height:calc(1334 * var(--ratio));overflow:hidden;position:relative;font-family:Noto Sans TC,sans-serif;font-optical-sizing:auto;font-style:normal}@media(min-width:768px){.section-home{background-image:url(../../images/section-home-bg-lg.webp);height:auto;aspect-ratio:1200 / 1080}}@media(min-width:1200px){.section-home{aspect-ratio:1920 / 1080}}.section-home__container{padding:0;position:relative;z-index:10}@media(min-width:768px){.section-home__container{padding-left:calc(15 * var(--ratio));padding-right:calc(15 * var(--ratio))}}@media(min-width:1200px){.section-home__container{max-width:1200px;margin:0 auto}}.section-home__light{position:absolute;width:100%;height:100%;background:transparent url(../../images/section-home-bg-light.webp) no-repeat 0 0;background-size:cover;left:0;top:0;z-index:0}@media(min-width:768px){.section-home__light{background:transparent url(../../images/section-home-bg-light-lg.webp) no-repeat center bottom;background-size:auto 1080px;opacity:0}}.section-home__firework-1{width:calc(720 * var(--ratio));position:absolute;left:50%;top:0;translate:-83% -36%;z-index:4}@media(min-width:768px){.section-home__firework-1{width:calc(420 * var(--ratio));translate:-149% -20%}}.section-home__firework-2{width:calc(820 * var(--ratio));position:absolute;left:50%;top:0;translate:-2% -6%;z-index:4}@media(min-width:768px){.section-home__firework-2{width:calc(420 * var(--ratio));translate:83% 12%}}.section-home__firework-3{width:calc(720 * var(--ratio));position:absolute;left:50%;top:0;translate:-100% 10%;z-index:4}@media(min-width:768px){.section-home__firework-3{width:calc(280 * var(--ratio));translate:-234% 34%}}.section-home__firework-4{width:calc(640 * var(--ratio));position:absolute;left:50%;top:0;translate:-16% -25%;z-index:4}@media(min-width:768px){.section-home__firework-4{width:calc(280 * var(--ratio));translate:100% -7%}}.section-home__stage{position:absolute;width:100%;height:100%;background:transparent url(../../images/section-home-bg-stage.webp) no-repeat 0 0;background-size:cover;left:0;top:0;z-index:5}@media(min-width:768px){.section-home__stage{background:transparent url(../../images/section-home-bg-stage-lg.webp) no-repeat center bottom;background-size:auto 100%}}.section-home__video{padding-top:calc(216 * var(--ratio))}@media(min-width:768px){.section-home__video{padding-top:calc(80 * var(--ratio))}}.section-home__main-title{width:calc(760 * var(--ratio));margin:0 auto calc(250 * var(--ratio))}@media(min-width:768px){.section-home__main-title{width:calc(672 * var(--ratio));margin-bottom:calc(46 * var(--ratio))}}.section-home__btn-more{width:calc(490 * var(--ratio));aspect-ratio:979 / 434;margin:0 auto;font-size:0;background:transparent url(../../images/home-btn-more@2x.webp) no-repeat 0 0;background-size:cover;display:block}@media(min-width:768px){.section-home__btn-more{display:none}}.section-home__btn-login{width:calc(490 * var(--ratio));aspect-ratio:497 / 239;margin:0 auto;font-size:0;background:transparent url(../../images/home-btn-login.webp) no-repeat 0 0;background-size:100% auto;display:none}@media(min-width:768px){.section-home__btn-login{display:block;width:calc(260 * var(--ratio))}@media(hover:hover){.section-home__btn-login:hover{background-position:0 100%;scale:1.1}}}.section-home__time{width:calc(730 * var(--ratio));aspect-ratio:1476 / 368;margin:0 auto;font-size:calc(30 * var(--ratio));padding-top:calc(32 * var(--ratio));color:#fff;font-weight:700;text-align:center;background:transparent url(../../images/home-time-bg@2x.webp) no-repeat 0 0;background-size:cover;display:block;line-height:1.2}@media(min-width:768px){.section-home__time{width:calc(574 * var(--ratio));aspect-ratio:1830 / 248;background:transparent url(../../images/home-time-bg-lg@2x.webp) no-repeat 0 0;background-size:cover;font-size:calc(20 * var(--ratio));padding-top:calc(14 * var(--ratio))}.section-home__time br{display:none}}.section-home__video-wrap{aspect-ratio:16 / 9;margin-left:auto;margin-right:auto}@media(min-width:768px){.section-home__video-wrap{width:calc(592 * var(--ratio))}}.section-home__video-wrap iframe,.section-home__video-wrap img{background-color:#000;width:100%;height:100%;border:solid calc(5 * var(--ratio)) #000}.section-video{background:#1c1c1c url(../../images/section-video-bg.webp) no-repeat center top;background-size:auto 100%;height:calc(1334 * var(--ratio));overflow:hidden;position:relative}@media(min-width:768px){.section-video{background-image:url(../../images/section-video-bg-lg.webp);height:auto;aspect-ratio:1200 / 1080}}@media(min-width:1200px){.section-video{aspect-ratio:1920 / 1080}}.section-video__snow{width:calc(160 * var(--ratio));position:absolute;left:50%;top:50%;translate:111% -271%;z-index:0}@media(min-width:768px){.section-video__snow{width:calc(80 * var(--ratio));translate:265% -330%}}.section-video__shop{width:calc(344 * var(--ratio));position:absolute;left:50%;top:50%;translate:-139% -138%;z-index:0}@media(min-width:768px){.section-video__shop{width:calc(186 * var(--ratio));translate:-272% -54%}}.section-video__lucky{width:calc(624 * var(--ratio));position:absolute;left:50%;top:50%;translate:-6% 25%;z-index:20}@media(min-width:768px){.section-video__lucky{width:calc(314 * var(--ratio));translate:87% 26%}}.section-video__video-wrap{width:calc(770 * var(--ratio));position:absolute;aspect-ratio:1536 / 1045;background:transparent url(../../images/video-frame@2x.webp) no-repeat 0 0;background-size:cover;z-index:10;left:50%;top:50%;translate:-50% -58%}@media(min-width:768px){.section-video__video-wrap{width:calc(656 * var(--ratio));aspect-ratio:1047 / 712;translate:-50% -47%}}.section-video__video{width:calc(660 * var(--ratio));position:absolute;left:50%;top:50%;translate:-50% -55%;aspect-ratio:16 / 9}.section-video__video iframe,.section-video__video video{width:100%;height:100%;position:absolute;background-color:#000;object-fit:cover}@media(min-width:768px){.section-video__video{aspect-ratio:16 / 8.7;width:calc(566 * var(--ratio));translate:-50.1% -55%}}.section-circus{background:#1c1c1c url(../../images/section-circus-bg.webp) no-repeat center top;background-size:auto 100%;height:calc(1334 * var(--ratio));position:relative;z-index:5}@media(min-width:768px){.section-circus{background-image:url(../../images/section-circus-bg-lg.webp);height:auto;aspect-ratio:1200 / 1080}}@media(min-width:1200px){.section-circus{aspect-ratio:1920 / 1080}}.section-circus__board{width:calc(1120 * var(--ratio));position:absolute;left:50%;top:50%;z-index:0;translate:-63% -59%}@media(min-width:768px){.section-circus__board{width:calc(576 * var(--ratio));translate:-34% -56%}}.section-circus__bar{width:calc(1200 * var(--ratio));position:absolute;left:50%;top:50%;z-index:10;translate:-101% -59%;filter:drop-shadow(.8rem 0 .4rem rgba(0,0,0,.5))}@media(min-width:768px){.section-circus__bar{width:calc(560 * var(--ratio));translate:-106% -60%}}.section-circus__main-title{width:calc(430 * var(--ratio));position:absolute;left:50%;top:50%;z-index:0;translate:-49% -218%}@media(min-width:768px){.section-circus__main-title{width:calc(420 * var(--ratio));translate:-28% -295%;z-index:15}}.section-circus__video-wrap{width:calc(656 * var(--ratio));aspect-ratio:16 / 9;position:absolute;left:50%;top:50%;z-index:0;translate:-49% -71%;background-color:#000}@media(min-width:768px){.section-circus__video-wrap{width:calc(392 * var(--ratio));translate:-26% -68%}}.section-circus__video{width:calc(650 * var(--ratio));position:absolute;left:50%;top:50%;translate:-50% -51%;aspect-ratio:16 / 9}.section-circus__video iframe{width:100%;height:100%;position:absolute}@media(min-width:768px){.section-circus__video{aspect-ratio:16 / 8.7;width:calc(396 * var(--ratio));translate:-50.1% -50%}}.section-circus__btn-more{background:transparent url(../../images/circus-btn-more@2x.webp) no-repeat 0 0;background-size:cover;width:calc(360 * var(--ratio));aspect-ratio:551 / 235;display:block;position:absolute;left:50%;top:50%;z-index:20;translate:-52% 93%;font-size:0}@media(min-width:768px){.section-circus__btn-more{width:calc(170 * var(--ratio));translate:6% 114%}}@media(hover:hover){.section-circus__btn-more{transition:filter .3s ease,scale .3s ease}.section-circus__btn-more:hover{scale:1.1;filter:brightness(1.3)}}.section-dream{background:#1c1c1c url(../../images/section-dream-bg.webp) no-repeat center top;background-size:auto 100%;height:calc(1334 * var(--ratio));position:relative;z-index:10}@media(min-width:768px){.section-dream{background-image:url(../../images/section-dream-bg-lg.webp);height:auto;aspect-ratio:1200 / 1080}}@media(min-width:1200px){.section-dream{aspect-ratio:1920 / 1080}}.section-dream__board{width:calc(1120 * var(--ratio));position:absolute;left:50%;top:50%;z-index:0;translate:-37% -54%}@media(min-width:768px){.section-dream__board{width:calc(576 * var(--ratio));translate:-64% -57%}}.section-dream__build{pointer-events:none;width:calc(1270 * var(--ratio));position:absolute;left:50%;top:50%;z-index:10;translate:-9% -60%;filter:drop-shadow(-.8rem 0 .4rem rgba(0,0,0,.5))}@media(min-width:768px){.section-dream__build{width:calc(660 * var(--ratio));translate:-10% -62%}}.section-dream__main-title{width:calc(480 * var(--ratio));position:absolute;left:50%;top:50%;z-index:0;translate:-49% -190%}@media(min-width:768px){.section-dream__main-title{width:calc(240 * var(--ratio));translate:-86% -210%}}.section-dream__text{font-size:calc(36 * var(--ratio));color:#fff;text-align:center;position:absolute;left:50%;top:50%;translate:-52% -101%}@media(min-width:768px){.section-dream__text{font-size:calc(18 * var(--ratio));translate:-104% -121%}}.section-dream__btn-more{background:transparent url(../../images/dream-btn-more@2x.webp) no-repeat 0 0;background-size:cover;width:calc(360 * var(--ratio));aspect-ratio:551 / 235;display:block;position:absolute;left:50%;top:50%;z-index:20;translate:-52% 24%;font-size:0}@media(min-width:768px){.section-dream__btn-more{width:calc(170 * var(--ratio));translate:-101% 16%}}@media(hover:hover){.section-dream__btn-more{transition:filter .3s ease,scale .3s ease}.section-dream__btn-more:hover{scale:1.1;filter:brightness(1.3)}}.section-bonus{background:#1c1c1c url(../../images/section-bonus-bg.webp) no-repeat center top;background-size:auto 100%;height:calc(1334 * var(--ratio));position:relative;z-index:10}@media(min-width:768px){.section-bonus{background-image:url(../../images/section-bonus-bg-lg.webp);height:auto;aspect-ratio:1200 / 1080}}@media(min-width:1200px){.section-bonus{aspect-ratio:1920 / 1080}}.section-bonus__board{width:calc(836 * var(--ratio));position:absolute;left:50%;top:50%;z-index:0;translate:-50% -57%}@media(min-width:768px){.section-bonus__board{width:calc(600 * var(--ratio));translate:-37% -50%}}.section-bonus__car{width:calc(870 * var(--ratio));position:absolute;left:50%;top:50%;z-index:10;translate:-77% 25%;filter:drop-shadow(.8rem 0 .4rem rgba(0,0,0,.5))}@media(min-width:768px){.section-bonus__car{width:calc(430 * var(--ratio));translate:-105% 21%}}.section-bonus__fire{width:calc(300 * var(--ratio));position:absolute;left:50%;top:50%;z-index:11;translate:-10% 49%}@media(min-width:768px){.section-bonus__fire{width:calc(160 * var(--ratio));translate:-90% 36%}}.section-bonus__fire img{transform-origin:50% 60%;animation:candleFlicker 3.7s linear infinite,candleBreath 5.3s ease-in-out infinite}.section-bonus__main-title{width:calc(380 * var(--ratio));position:absolute;left:50%;top:50%;z-index:0;translate:-50% -138%}@media(min-width:768px){.section-bonus__main-title{width:calc(190 * var(--ratio));translate:-6% -113%}}.section-bonus__text{font-size:calc(36 * var(--ratio));color:#fff;text-align:center;position:absolute;left:50%;top:50%;translate:-50% -167%;white-space:nowrap}@media(min-width:768px){.section-bonus__text{font-size:calc(18 * var(--ratio));translate:-17% -34%}}.section-bonus__btn-more{background:transparent url(../../images/bonus-btn-more@2x.webp) no-repeat 0 0;background-size:cover;width:calc(360 * var(--ratio));aspect-ratio:551 / 235;display:block;position:absolute;left:50%;top:50%;z-index:20;translate:-52% 3%;font-size:0}@media(min-width:768px){.section-bonus__btn-more{width:calc(170 * var(--ratio));translate:-1% 59%}}@media(hover:hover){.section-bonus__btn-more{transition:filter .3s ease,scale .3s ease}.section-bonus__btn-more:hover{scale:1.1;filter:brightness(1.3)}}@keyframes candleFlicker{0%{opacity:.92}6%{opacity:.78}11%{opacity:.95}19%{opacity:.85}24%{opacity:1}33%{opacity:.88}38%{opacity:.6}41%{opacity:.9}52%{opacity:.82}58%{opacity:.97}67%{opacity:.86}73%{opacity:.93}79%{opacity:.7}83%{opacity:.95}91%{opacity:.84}to{opacity:.92}}@keyframes candleBreath{0%,to{scale:1;translate:0 0}20%{scale:1.04 .98;translate:1% -1%}45%{scale:.96 1.03;translate:-1% 0}70%{scale:1.06 1.02;translate:.5% -1.5%}}.section-notes{background-color:#000;padding-top:calc(90 * var(--ratio));padding-bottom:calc(90 * var(--ratio))}.section-notes__main-title{font-size:calc(40 * var(--ratio));text-align:center;color:#fff;margin-bottom:calc(30 * var(--ratio))}@media(min-width:768px){.section-notes__main-title{font-size:calc(30 * var(--ratio))}}.section-notes__ul-list{list-style:decimal;padding-left:calc(60 * var(--ratio));padding-right:calc(30 * var(--ratio))}@media(min-width:768px){.section-notes__ul-list{max-width:1200px;margin:0 auto;padding-right:calc(60 * var(--ratio))}}.section-notes__ul-list li{font-size:calc(32 * var(--ratio));color:#fff}@media(min-width:768px){.section-notes__ul-list li{font-size:calc(20 * var(--ratio))}}.section-notes__ul-list li:not(:last-child){margin-bottom:calc(20 * var(--ratio))}