*,*: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;scroll-behavior:smooth}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}body{font-size:1.6rem}.container{margin:0 auto;width:100%}@media(min-width:1920px){.container{max-width:160rem}}.s-main{min-height:100dvh}.s-header{background-color:#202020;height:calc(102 * var(--ratio));width:100%;position:fixed;left:0;top:0;z-index:10}@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(2 * var(--ratio))}}.btn-facebook,.btn-instagram,.btn-home{display:block;width:calc(48 * var(--ratio));height:calc(48 * var(--ratio));font-size:0}@media(min-width:768px){.btn-facebook,.btn-instagram,.btn-home{width:calc(40 * var(--ratio));height:calc(40 * var(--ratio));border-radius:50%}}.btn-facebook{background:transparent url(../../images/icon-facebook.png) no-repeat center center;background-size:cover}@media(min-width:768px){.btn-facebook{background-color:#080402;background-size:50%}}.btn-instagram{background:transparent url(../../images/icon-instagram.png) no-repeat center center;background-size:cover}@media(min-width:768px){.btn-instagram{background-color:#080402;background-size:50%}}.btn-home{background:transparent url(../../images/icon-home.png) no-repeat center center;background-size:cover}@media(min-width:768px){.btn-home{background-color:#080402;background-size:50%}}.loading{position:fixed;z-index:500;background:radial-gradient(circle,#f7d54e,#eeb61e);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 2s ease-in-out;gap:1.6rem;top:0;pointer-events:none}.loading.loaded{opacity:0}.loading p{font-family:Anton,sans-serif;padding-top:.5rem;font-size:calc(40 * var(--ratio));font-weight:900;background:linear-gradient(180deg,#ff4040,#a00000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:calc(1 * var(--ratio)) #f5c518;paint-order:stroke fill;text-shadow:none;z-index:10;animation:shackAnimation .2s ease-in-out infinite}.loading__inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(10 * var(--ratio))}.loader{display:inline-block;width:36px;height:36px;border:4px solid rgba(160,0,0,.2);border-top-color:#d21820;border-radius:50%;animation:spin .8s linear infinite}@keyframes shackAnimation{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.section-home{background:#f7d64f url(../../images/section-home-bg.jpg) no-repeat center top;background-size:auto 100%;height:calc(2348 * var(--ratio));overflow:hidden}@media(min-width:768px){.section-home{background-image:url(../../images/section-home-bg-lg.jpg);aspect-ratio:1200 / 1908;height:auto}}@media(min-width:1200px){.section-home{aspect-ratio:1920 / 1908}}.section-home__container{padding:0 calc(35 * var(--ratio))}@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__video{padding-top:calc(134 * var(--ratio))}@media(min-width:768px){.section-home__video{padding-top:calc(60 * var(--ratio))}}.section-home__main-title{width:calc(653 * var(--ratio));margin:0 auto calc(16 * var(--ratio))}@media(min-width:768px){.section-home__main-title{width:calc(480 * var(--ratio));margin-bottom:calc(8 * var(--ratio))}}.section-home__sub-title{width:calc(645 * var(--ratio));margin:0 auto calc(38 * var(--ratio))}@media(min-width:768px){.section-home__sub-title{width:calc(404 * var(--ratio));margin-bottom:calc(28 * var(--ratio))}}.section-home__video-wrap{aspect-ratio:16 / 9;margin:auto}@media(min-width:768px){.section-home__video-wrap{width:calc(676 * var(--ratio))}}.section-home__video-wrap iframe{width:100%;height:100%;border:solid calc(5 * var(--ratio)) #000}@media(min-width:768px){.section-home__video-wrap iframe{border-width:calc(4 * var(--ratio))}}.section-home__event-wrap{display:grid;grid-template-columns:1fr;padding-top:calc(40 * var(--ratio));padding-left:calc(56 * var(--ratio));padding-right:calc(56 * var(--ratio));gap:calc(46 * var(--ratio));position:relative;margin:0 auto}@media(min-width:768px){.section-home__event-wrap{grid-template-columns:repeat(2,1fr);padding-left:0;padding-right:0;gap:calc(10 * var(--ratio));padding-top:calc(22 * var(--ratio));width:calc(726 * var(--ratio))}}.section-home__copyright{padding-top:calc(20 * var(--ratio));font-size:calc(25 * var(--ratio));text-align:center;font-weight:700;color:#fff}@media(min-width:768px){.section-home__copyright{font-size:calc(16 * var(--ratio));padding-top:calc(70 * var(--ratio))}}.section-home__rock-1,.section-home__rock-2,.section-home__rock-3,.section-home__rock-4{position:absolute;left:50%;top:50%}.section-home__rock-1{width:calc(70 * var(--ratio));translate:-516% -249%}@media(min-width:768px){.section-home__rock-1{display:none}}@media(min-width:1200px){.section-home__rock-1{display:block;width:calc(130 * var(--ratio));translate:-389% -122%}}.section-home__rock-1 img{animation-name:floatAnimation;animation-duration:3s;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:alternate}.section-home__rock-2{width:calc(59 * var(--ratio));translate:505% -75%}@media(min-width:768px){.section-home__rock-2{display:none}}@media(min-width:1200px){.section-home__rock-2{display:block;width:calc(60 * var(--ratio));translate:645% -399%}}.section-home__rock-2 img{animation-name:floatAnimation;animation-duration:3s;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:alternate-reverse}.section-home__rock-3{width:calc(46 * var(--ratio));translate:-750% 97%}@media(min-width:768px){.section-home__rock-3{width:calc(85 * var(--ratio));translate:-83% 247%}}.section-home__rock-3 img{animation-name:floatAnimation;animation-duration:3s;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:alternate}.section-home__rock-4{width:calc(32 * var(--ratio));translate:970% 1217%}@media(min-width:768px){.section-home__rock-4{display:none}}@media(min-width:1200px){.section-home__rock-4{display:block;width:calc(115 * var(--ratio));translate:370% -3%}}.section-home__rock-4 img{animation-name:floatAnimation;animation-duration:3s;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes floatAnimation{0%{translate:0 0}to{translate:0 5%}}