@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Mincho&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Serif+TC:wght@200..900&family=Shippori+Mincho&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}button,ol,ul{margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{border:none;font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;text-align:center;font-size:19px}body a,body li,body p,body span{font-size:19px;letter-spacing:0;line-height:1;font-weight:400}@media only screen and (max-width:767px){body a,body li,body p,body span{font-size:16px}}@media only screen and (max-width:480px){body a,body li,body p,body span{font-size:13px}}.sideBtn{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:999;text-align:center;opacity:0;transition:all .3s ease-in-out}.sideBtn.on{opacity:1}@media only screen and (max-width:767px){.sideBtn{display:none}}.sideBtn li{position:relative;margin:0}.sideBtn li a{min-width:130px;height:90px;display:block;padding:0;background:url(../images/sidebar-btn.png) no-repeat 0 0;font-size:0}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sideBtn li a{background:url(../images/sidebar-btn.webp) no-repeat 0 0}}@media only screen and (max-width:480px){.sideBtn li a{min-width:129px}}.sideBtn li a.active,.sideBtn li a:hover{background-position-x:100%}.sideBtn li:nth-of-type(2) a{background-position-y:-90px}.sideBtn li:nth-of-type(3) a{background-position-y:-180px}.sideBtn li:nth-of-type(4) a{background-position-y:-270px}.sideBtn li:nth-of-type(5) a{background-position-y:-360px}.sideBtn li:nth-of-type(6) a{background-position-y:-450px;height:111px}.sideBtn li:last-child a{background-position-y:100%;height:14px}main{position:relative;background:url(../images/mainbg.jpg) no-repeat center center/cover;height:940px;padding:0;overflow:hidden;margin-top:80px;opacity:0;filter:blur(30px);-webkit-animation:blur .5s ease-in-out 1 forwards;animation:blur .5s ease-in-out 1 forwards}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main{background:url(../images/mainbg.webp) no-repeat center center/cover}}@media only screen and (max-width:1200px){main{height:100%;padding:55px 0}}main>.title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;display:flex;flex-direction:column;gap:35px;left:50%;margin-left:-671px;top:247px;justify-content:center;align-items:center;z-index:0;text-align:start;opacity:0;filter:blur(30px);-webkit-animation:blur .5s ease-in-out 1 forwards;animation:blur .5s ease-in-out 1 forwards}@media only screen and (max-width:1200px){main>.title{left:0;right:0;top:auto;margin:0 auto;position:relative;gap:20px;padding:0 30px}}@media only screen and (max-width:480px){main>.title{width:100%}}@media only screen and (max-width:480px){main>.title>picture img{max-width:96vw}}main>.title .link{display:flex;justify-content:center;align-items:center;text-align:center;gap:26px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main>.title .link a{display:block;width:164px;height:42px;transition:.3s all}main>.title .link a:hover img{opacity:0}main>.title .link a:nth-of-type(1):hover{background:url(../images/game-btn_hover.png) no-repeat 0 0}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main>.title .link a:nth-of-type(1):hover{background:url(../images/game-btn_hover.webp) no-repeat 0 0}}@media only screen and (max-width:480px){main>.title .link a:nth-of-type(1){display:none}}main>.title .link a:nth-of-type(2):hover{background:url(../images/reg-btn_hover.png) no-repeat 0 0}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main>.title .link a:nth-of-type(2):hover{background:url(../images/reg-btn_hover.webp) no-repeat 0 0}}main>.title p.time{color:#934646}@media only screen and (max-width:480px){main>.title p.time{font-size:14px;font-weight:700}}main>.main-char{position:absolute;left:50%;margin-left:18px;top:63px;opacity:0;filter:blur(30px);-webkit-animation:blur .5s ease-in-out 1 forwards;animation:blur .5s ease-in-out 1 forwards}@media only screen and (max-width:1200px){main>.main-char{left:0;right:0;top:auto;margin:0 auto;position:relative}}main>.main-char .popbtn{max-width:220px;position:absolute;display:block;left:50%;transform:translateX(-50%);bottom:100px}@media only screen and (max-width:480px){main>.main-char .popbtn{max-width:30%;bottom:60px}}main>.main-char .popbtn:hover{filter:brightness(115%)}section{min-height:100vh;position:relative;text-align:center;padding:55px 0 0}@media only screen and (max-width:767px){section{height:100%!important;min-height:100%;padding:55px 0}}section#s1{background:url(../images/s1_bg.jpg) no-repeat 50% 0/cover;height:1100px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s1{background:url(../images/s1_bg.webp) no-repeat 50% 0/cover}}section#s2{height:1700px}section#s3{background:url(../images/s3_bg.jpg) no-repeat 50% 0/cover;height:1340px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s3{background:url(../images/s3_bg.webp) no-repeat 50% 0/cover}}section#s4{background:url(../images/s4_bg.jpg) no-repeat 50% 0/cover;height:1280px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s4{background:url(../images/s4_bg.webp) no-repeat 50% 0/cover}}section#s5{background:url(../images/s5_bg.jpg) no-repeat 50% 0/cover;height:1280px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s5{background:url(../images/s5_bg.webp) no-repeat 50% 0/cover}}section#s6{background:url(../images/s6_bg.jpg) no-repeat 50% 0/cover;height:1180px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s6{background:url(../images/s6_bg.webp) no-repeat 50% 0/cover}}section .container{max-width:1280px;margin:0 auto;position:relative;padding:0}section .content{display:flex;flex-wrap:wrap;justify-content:center;margin:2% auto;gap:20px}section .content .content-card{display:flex;flex-direction:column;align-items:center;gap:20px}@media only screen and (max-width:767px){section .content .content-card{width:40%}}section h2{position:relative;display:flex;flex-direction:column;margin-bottom:15px;opacity:0;filter:blur(30px);-webkit-animation:blur .5s ease-in-out 1 forwards;animation:blur .5s ease-in-out 1 forwards}@media only screen and (max-width:768px){section h2{margin-bottom:20px}}@media only screen and (max-width:767px){section h2{max-width:70%;margin:0 auto 15px}}@media only screen and (max-width:1200px){section h2>img{max-width:90vw}}section p.point{color:#cdb698;line-height:28px;margin:0 0 28px}@media only screen and (max-width:480px){section p.point{line-height:1.3;margin-bottom:15px}}section .notice{color:#ffe6a3}@media only screen and (max-width:480px){section .introTxt{padding:0 15px}}section .introTxt ul{display:inline-block;text-align:left}section .introTxt ul li{color:#4f3b36;position:relative;top:2px;font-size:19px;line-height:28px}@media only screen and (max-width:767px){section .introTxt ul li{font-size:16px}}@media only screen and (max-width:480px){section .introTxt ul li{font-size:13px;line-height:1.3}}section .introTxt ul li::before{content:'';background-image:url(../images/mark.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;display:inline-block;width:18px;height:18px;margin-right:7px;position:relative;top:2px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section .introTxt ul li::before{background-image:url(../images/mark.webp)}}@media only screen and (max-width:480px){section .introTxt ul li::before{width:12px;height:12px;margin-right:4px;top:0}}section#s1 .intro{display:flex;justify-content:center}@media only screen and (max-width:480px){section#s1 .intro{flex-direction:column;gap:20px}}section#s1 .intro .gift{opacity:0;filter:blur(30px);-webkit-animation:blur .5s ease-in-out 1 forwards;animation:blur .5s ease-in-out 1 forwards}section#s2.intersecting{background:#000 center/cover no-repeat;transition:all .5s ease}@media only screen and (max-width:480px){section#s2.intersecting{min-height:unset}}section#s2 .introTxt{margin:40px auto 0}@media only screen and (max-width:480px){section#s2 .introTxt{margin-top:20px}}section#s3 p.point{color:#785d5d}section#s3 p.point .notice{color:#cb9b88}section#s3 .introTxt{margin-top:35px}section#s3 .introTxt ul li{color:#7c3f3f}section#s3 .introTxt ul li::before{background-position-y:-18px}@media only screen and (max-width:480px){section#s3 .introTxt ul li::before{background-position-y:-12px}}section#s4 p.point{color:#e5dfda}section#s4 p.point .notice{color:#ffebb5}section#s4 .content-card picture{filter:drop-shadow(0 4px 20px rgba(21,13,13,.3))}@media only screen and (max-width:767px){section#s5 h2{max-width:50%}}section#s5 .point{color:#c5d3d9}section#s5 .point .notice{color:#a6e3ff}section#s6 h2{margin-bottom:10px}@media only screen and (max-width:767px){section#s6 h2{max-width:50%}}section#s6 .scene picture{filter:drop-shadow(0 4px 20px rgba(21,13,13,.3))}section#s6 .point{color:#cebec4;margin-bottom:20px}section#s6 .point .notice{color:#e1c9ff}.modal{z-index:999;padding-top:10vh;background-color:#00000085}@media only screen and (max-width:480px){.modal{padding-top:20vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:1000px;pointer-events:auto}@media only screen and (max-width:768px){.modal .modal-dialog{max-width:90%;margin:0 auto}}.modal .modal-body{background-color:transparent;text-align:center;border-radius:10px}.modal .modal-body iframe{width:100%;aspect-ratio:16/9}.modal .modal-body h4{color:#3d2231;font-size:1.6rem;font-weight:600}.modal .modal-body picture{margin:2%}@media only screen and (max-width:480px){.modal .modal-body picture{margin:0}}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:30px;height:30px;font-size:0;top:0;right:0;transition:.2s;z-index:999}button.close::before{content:"";position:absolute;top:50%;left:50%;width:45px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:45px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}.skinSwiper .swiper-slide{opacity:0!important;transition:opacity .5s}.skinSwiper .swiper-slide-active{opacity:1!important}.skinSwiper .swiper-button-next,.skinSwiper .swiper-button-prev{width:190px;height:130px;right:0;top:50%;transform:translateY(-50%);margin-top:55px;background:url(../images/arrow.png) no-repeat 50% 0/contain;opacity:.6;transition:.3s all}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.skinSwiper .swiper-button-next,.skinSwiper .swiper-button-prev{background:url(../images/arrow.webp) no-repeat 50% 0/contain}}@media only screen and (max-width:767px){.skinSwiper .swiper-button-next,.skinSwiper .swiper-button-prev{width:120px;height:82px;right:5px}}@media only screen and (max-width:480px){.skinSwiper .swiper-button-next,.skinSwiper .swiper-button-prev{width:80px;height:55px}}.skinSwiper .swiper-button-next::after,.skinSwiper .swiper-button-prev::after{display:none}.skinSwiper .swiper-button-next:hover,.skinSwiper .swiper-button-prev:hover{opacity:1}.skinSwiper .swiper-button-prev{transform:translate(0,-50%) rotate(180deg);left:0}@media only screen and (max-width:767px){.skinSwiper .swiper-button-prev{left:5px}}.skinSwiper .swiper-pagination1-1{position:relative;text-align:center;margin:0 0 35px;top:0}.skinSwiper .swiper-pagination1-1 span{width:300px;height:58px;max-width:50%;border-radius:unset;opacity:1;margin:0;position:relative}@media only screen and (max-width:767px){.skinSwiper .swiper-pagination1-1 span{width:39.113vw;height:7.561vw}}.skinSwiper .swiper-pagination1-1 span:nth-of-type(1){background:url(../images/s2_pagination1.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.skinSwiper .swiper-pagination1-1 span:nth-of-type(1){background:url(../images/s2_pagination1.webp) no-repeat center center/contain}}.skinSwiper .swiper-pagination1-1 span:nth-of-type(1).swiper-pagination-bullet-active,.skinSwiper .swiper-pagination1-1 span:nth-of-type(1):hover{background:url(../images/s2_pagination1_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.skinSwiper .swiper-pagination1-1 span:nth-of-type(1).swiper-pagination-bullet-active,.skinSwiper .swiper-pagination1-1 span:nth-of-type(1):hover{background:url(../images/s2_pagination1_hover.webp) no-repeat center center/contain}}.skinSwiper .swiper-pagination1-1 span:nth-of-type(2){background:url(../images/s2_pagination2.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.skinSwiper .swiper-pagination1-1 span:nth-of-type(2){background:url(../images/s2_pagination2.webp) no-repeat center center/contain}}.skinSwiper .swiper-pagination1-1 span:nth-of-type(2).swiper-pagination-bullet-active,.skinSwiper .swiper-pagination1-1 span:nth-of-type(2):hover{background:url(../images/s2_pagination2_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.skinSwiper .swiper-pagination1-1 span:nth-of-type(2).swiper-pagination-bullet-active,.skinSwiper .swiper-pagination1-1 span:nth-of-type(2):hover{background:url(../images/s2_pagination2_hover.webp) no-repeat center center/contain}}.swiper-pagination1-2{padding:20px 0 0;margin:0 auto;position:relative}.swiper-pagination1-2 .swiper-pagination-bullet{width:27px;height:27px;margin:0 8px;background:url(../images/dots.png) no-repeat 0 0/contain;opacity:1;cursor:pointer}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination1-2 .swiper-pagination-bullet{background:url(../images/dots.webp) no-repeat 0 0/contain}}@media only screen and (max-width:480px){.swiper-pagination1-2 .swiper-pagination-bullet{width:15px;height:15px;margin:0 4px}}.swiper-pagination1-2 .swiper-pagination-bullet-active{background:url(../images/dots_on.png) no-repeat 0 0/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination1-2 .swiper-pagination-bullet-active{background:url(../images/dots_on.webp) no-repeat 0 0/contain}}.weaponSwiper .swiper-slide{background:0 0}.weaponSwiper .swiper-slide .box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:651px}@media only screen and (max-width:767px){.weaponSwiper .swiper-slide .box{gap:10px;min-height:unset;padding:0 12px}}.weaponSwiper .swiper-button-next2,.weaponSwiper .swiper-button-prev2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:.4;transition:.3s all}.weaponSwiper .swiper-button-next2:hover,.weaponSwiper .swiper-button-prev2:hover{opacity:1}.weaponSwiper .swiper-button-next2::after,.weaponSwiper .swiper-button-prev2::after{content:'';background:url(../images/arrow_weapon.png) no-repeat 50% 0/contain;width:70px;height:130px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.weaponSwiper .swiper-button-next2::after,.weaponSwiper .swiper-button-prev2::after{background:url(../images/arrow_weapon.webp) no-repeat 50% 0/contain}}@media only screen and (max-width:480px){.weaponSwiper .swiper-button-next2::after,.weaponSwiper .swiper-button-prev2::after{width:40px;height:74px}}@media only screen and (max-width:480px){.weaponSwiper .swiper-button-next2{right:5px}}.weaponSwiper .swiper-button-prev2::after{transform:rotate(180deg)}@media only screen and (max-width:480px){.weaponSwiper .swiper-button-prev2{left:5px}}.weaponSwiper .swiper-pagination2{position:relative;bottom:initial;top:initial;margin:0 auto 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden}@media only screen and (max-width:1440px){.weaponSwiper .swiper-pagination2{border-radius:0}}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet{width:120px;height:58px;border-radius:unset;position:relative;font-family:"Noto Serif TC","Microsoft JhengHei",serif;font-optical-sizing:auto;margin:0;background:url(../images/tabs_bg.png) no-repeat 0 0/contain;opacity:1;transition:.3s all}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet{background:url(../images/tabs_bg.webp) no-repeat 0 0/contain}}@media only screen and (max-width:480px){.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet{width:70px;height:34px;font-size:12px;margin:3px 0}}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/tabs_bg_on.png) no-repeat 0 0/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/tabs_bg_on.webp) no-repeat 0 0/contain}}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{color:#eccf9c}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet::before{content:'戰士(男)';position:absolute;top:50%;left:50%;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transform:translate(-50%,-50%);font-weight:500;color:#655554;pointer-events:none;transition:.3s all}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet:nth-child(2)::before{content:'戰士(女)'}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet:nth-child(3)::before{content:'格鬥家(男)'}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet:nth-child(4)::before{content:'格鬥家(女)'}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet:nth-child(5)::before{content:'獵人(男)'}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet:nth-child(6)::before{content:'獵人(女)'}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet:nth-child(7)::before{content:'魔法師'}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet:nth-child(8)::before{content:'暗殺者'}.weaponSwiper .swiper-pagination2 .swiper-pagination-bullet:nth-child(9)::before{content:'幻使'}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes willow{0%{transform-origin:right top;transform:skew(0deg,0deg)}50%{transform-origin:right top;transform:skew(8deg,0deg)}100%{transform-origin:right top;transform:skew(0deg,0deg)}}@keyframes willow{0%{transform-origin:right top;transform:skew(0deg,0deg)}50%{transform-origin:right top;transform:skew(8deg,0deg)}100%{transform-origin:right top;transform:skew(0deg,0deg)}}.willow{-webkit-animation:willow;animation:take 10s infinite linear}@-webkit-keyframes movemove{0%{transform-origin:center top;transform:rotate(6deg)}50%{transform-origin:center top;transform:rotate(-6deg)}100%{transform-origin:center top;transform:rotate(6deg)}}@keyframes movemove{0%{transform-origin:center top;transform:rotate(6deg)}50%{transform-origin:center top;transform:rotate(-6deg)}100%{transform-origin:center top;transform:rotate(6deg)}}.movemove{-webkit-animation-name:movemove;animation-name:movemove}@-webkit-keyframes blur{0%{opacity:0;filter:blur(30px)}100%{opacity:1;filter:blur(0)}}@keyframes blur{0%{opacity:0;filter:blur(30px)}100%{opacity:1;filter:blur(0)}}