@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}ol,ul,button{margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active,.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active{padding:0;background:rgba(0,0,0,0);background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}html{font-size:16px}@media only screen and (max-width: 767px){html{font-size:14px}}@media only screen and (max-width: 480px){html{font-size:12px}}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;font-size:1rem;letter-spacing:-1px;font-weight:500}body p{font-weight:500}.sideBtn{position:fixed;right:2.5vw;top:50%;transform:translateY(-50%);z-index:9;transition:1s all}@media only screen and (max-width: 767px){.sideBtn{display:none}}.sideBtn li{position:relative;margin:.8% 0;text-align:center}.sideBtn li span,.sideBtn li .icon{display:inline-block}.sideBtn li a{min-height:50px;position:relative;color:#a48d50;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:right;padding:15px}.sideBtn li a::before{content:"";width:15px;height:15px;background:url(../images/dots.png) no-repeat 0 0;position:absolute;top:50%;transform:translateY(-50%);right:-15px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sideBtn li a::before{background:url(../images/dots.webp) no-repeat 0 0}}.sideBtn li a.active,.sideBtn li a:hover{color:#e6d7ac}.sideBtn li a.active::before,.sideBtn li a:hover::before{background:url(../images/dots.webp) no-repeat -15px 0}.sideBtn li:last-of-type a::before{width:15px;height:12px;background:url(../images/dots.webp) no-repeat -30px 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sideBtn li:last-of-type a::before{background:url(../images/dots.webp) no-repeat -30px 0}}.sideBtn li:last-of-type a.active::before,.sideBtn li:last-of-type a:hover::before{background:url(../images/dots.webp) no-repeat 100% 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sideBtn li:last-of-type a.active::before,.sideBtn li:last-of-type a:hover::before{background:url(../images/dots.webp) no-repeat 100% 0}}main{position:relative;background:url(../images/mainbg.jpg) no-repeat center center/cover;text-align:center;margin:80px 0 0;max-width:2500px;transform:translateX(-50%);left:50%;height:1460px;overflow:hidden}@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: 1440px){main{height:100%;padding-bottom:5rem}}main .mainInfo{display:flex;justify-content:center;height:100%;margin-right:7.5vw}@media only screen and (max-width: 1440px){main .mainInfo{flex-direction:column;margin-right:0}}@media only screen and (max-width: 768px){main .mainInfo{flex-wrap:wrap}}main .title{position:relative;margin:14.3rem 0 0 -5.3rem}@media only screen and (max-width: 1440px){main .title{margin:-44rem auto 0}}@media only screen and (max-width: 767px){main .title{margin-top:-80.3vw}}@media only screen and (max-width: 1440px){main .title>picture img{max-width:90vw}}main .title p{color:#b5a784;font-size:1.2rem;line-height:1.4rem;margin:1.56rem 0 2.5rem;font-weight:500}main .title .link{display:flex;justify-content:center;align-items:center;gap:25px;margin-bottom:1.25rem}main .title .link a{color:#000;display:inline-block;font-size:1.125rem;width:162px;line-height:42px;background:url(../images/btnbg.png) no-repeat center center/contain;margin:0;font-weight:600;transition:.3s all}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .link a{background:url(../images/btnbg.webp) no-repeat center center/contain}}main .title .link a:hover{color:#c2b999}@media only screen and (max-width: 480px){main .title .link a:nth-of-type(2){display:none}}main .title .video-area{position:relative;max-width:447px;width:100%;aspect-ratio:447/288;height:auto;overflow:hidden;margin:0 auto;padding:2.06rem 0 0}main .title .video-area::before{content:"";width:69px;height:68px;background:url(../images/vbtn.png) no-repeat center center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.6s;z-index:1;pointer-events:none}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .video-area::before{background:url(../images/vbtn.webp) no-repeat center center/contain}}main .title .video-area::after{content:"";height:0;padding-bottom:64.4295302013%;width:100%;background:url(../images/videobg.png) no-repeat center center/contain;pointer-events:none;position:absolute;top:0;left:50%;transform:translateX(-50%)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .video-area::after{background:url(../images/videobg.webp) no-repeat center center/contain}}main .title .video-area:hover::before{filter:brightness(130%)}main .title .video-area .popbtn{position:relative;max-width:400px;width:100%;margin:0 auto;aspect-ratio:16/9;height:auto;overflow:hidden}@media only screen and (max-width: 480px){main .title .video-area .popbtn{width:90%;margin-top:3px}}main .title .video-area .popbtn .bg-video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:auto;min-width:100%;min-height:100%}main .mainchar{align-self:flex-end;display:flex}@media only screen and (max-width: 1440px){main .mainchar{align-self:center}}main .main{position:absolute;bottom:0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:60px;z-index:1}@media only screen and (max-width: 1440px){main .main{position:relative;align-items:flex-start;gap:20px}}@media only screen and (max-width: 480px){main .main{bottom:unset}}main .main p{font-size:1rem}main .main .mainctn1,main .main .mainctn2{max-width:580px;width:100%;background:rgba(16,18,21,.6);display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width: 1440px){main .main .mainctn1,main .main .mainctn2{max-width:48%}}@media only screen and (max-width: 767px){main .main .mainctn1,main .main .mainctn2{max-width:90vw;padding:1.5rem}}main .main .mainctn1>div,main .main .mainctn2>div{width:100%;display:flex;justify-content:flex-start;margin-bottom:-6.25rem}@media only screen and (max-width: 480px){main .main .mainctn1>div,main .main .mainctn2>div{margin-bottom:0}}main .main .mainctn1>div a,main .main .mainctn2>div a{margin:3.43rem 0 0 -3.125rem}main .main .mainctn1>div p,main .main .mainctn2>div p{color:#938070;max-width:180px}main .main .mainctn1 a,main .main .mainctn2 a{color:#c7c0ae;font-size:1.2rem;line-height:1.5rem;margin:0 1.56rem}main .main .mainctn1 a img,main .main .mainctn2 a img{max-height:5.4rem}main .main .mainctn1 .coin,main .main .mainctn2 .coin{margin:.93rem 0 0}main .main .mainctn1{min-height:570px}@media only screen and (max-width: 767px){main .main .mainctn1{min-height:100%}}main .main .mainctn2{min-height:443px}@media only screen and (max-width: 767px){main .main .mainctn2{min-height:100%}}main .main .mainctn2 .coin{background-color:#353230}main .main .mainctn2 .coin span{color:#c7ccd4}.coin{display:flex;align-items:center;justify-content:center;gap:5px;width:180px;height:46px;background-color:#35291f;border-radius:30px;margin:1.5rem auto;padding:0}@media only screen and (max-width: 480px){.coin{width:100px;height:26px}}.coin picture{display:flex;align-items:center}.coin img{display:block;margin:0}.coin span{display:block;color:#f1d29d;line-height:1;font-weight:700;font-size:2rem;transform:translateY(-2px)}section{position:relative;text-align:center;padding:5.3rem 0 0;max-width:2500px;transform:translateX(-50%);left:50%}@media only screen and (max-width: 768px){section{min-height:unset}}section:nth-of-type(1){background:url("../images/bg1.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(1){background:url("../images/bg1.webp") no-repeat center center/cover}}section:nth-of-type(2){background:url("../images/bg2.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(2){background:url("../images/bg2.webp") no-repeat center center/cover}}section:nth-of-type(3){background:url("../images/bg3.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(3){background:url("../images/bg3.webp") no-repeat center center/cover}}section:nth-of-type(4){background:url("../images/bg4.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(4){background:url("../images/bg4.webp") no-repeat center center/cover}}section:nth-of-type(5){background:url("../images/bg5.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(5){background:url("../images/bg5.webp") no-repeat center center/cover}}section h2{position:relative;color:#e78304;font-size:3.4rem;margin:0 auto}@media only screen and (max-width: 480px){section h2{font-size:2rem}}@media only screen and (max-width: 1200px){section h2 img{max-width:70vw}}section p{color:#b5aba5;font-size:1.2rem;line-height:1.6rem;letter-spacing:1px;margin:1rem auto}section p span{color:#ffe5d4;vertical-align:baseline}section#s2{min-height:1468px}section#s2 p{color:#978162}section#s2 p span{color:#cfad7c}section#s2 .coin span{color:#df6f2b}section#s3 .coin,section#s4 .coin{background-color:#3d5a6f}section#s3 p,section#s4 p{color:#93a6b5}section#s3 p span,section#s4 p span{color:#d4ecff}section#s3{min-height:1420px}section#s3 .coin{background-color:#2d2e45}section#s3 .coin span{color:#536efb}section#s3 p{color:#8989a1}section#s3 p span{color:#9191d3}section#s3 ul.remark{color:#96a2ab;text-align:center;padding:1.1rem 0 3.1rem}section#s3 ul.remark li{color:#494ef1}section#s4{min-height:1080px}section#s4 .coin{background-color:#433e35}section#s4 .coin span{color:#f7dd77}section#s4 p{margin-bottom:2.18rem;color:#9b907b}section#s4 p span{color:#dbc193}@media only screen and (max-width: 767px){section#s4 .mount{padding:0 15px}}section#s4 .mount-wrap{display:flex;justify-content:center;flex-wrap:nowrap;gap:6.25rem;margin:0 auto}@media only screen and (max-width: 767px){section#s4 .mount-wrap{flex-direction:column;gap:2.1rem}}section#s4 .mount-wrap:first-child{width:61vw}@media only screen and (max-width: 767px){section#s4 .mount-wrap:first-child{width:100%;margin-bottom:2.1rem}}section#s5{min-height:840px}section#s5 .coin{background-color:#34303c}section#s5 .coin span{color:#e3f1fe}section#s5 p{margin-bottom:4rem;color:#827c8e}section#s5 p span{color:#a89ebd}section#s5 .pet{display:flex;justify-content:center}@media only screen and (max-width: 767px){section#s5 .pet{flex-direction:column;gap:2.1rem}}section#s5 .pet picture{margin-left:-5rem}@media only screen and (max-width: 767px){section#s5 .pet picture{margin:0 auto}}section#s5 .pet picture:first-child{margin-left:0}@media only screen and (max-width: 767px){section#s5 .pet picture:first-child{margin:0 auto}}@media only screen and (max-width: 767px){section#s2,section#s3,section#s4,section#s5{min-height:100%;padding-bottom:5.3rem}}ul.remark{color:#6d6252;line-height:1.75rem;text-align:center;max-width:900px;padding:3.1rem 0;margin:0 auto;font-size:1.1rem}@media only screen and (max-width: 800px){ul.remark{max-width:90vw}}.anise{display:inline-block}@media only screen and (max-width: 768px){.anise{max-width:90vw}}.anise .octo{position:relative;display:inline-block}.anise .octo .octo__inner .swiper-pagination{margin:0}.modal .modal-xl{width:calc(100vw - 2rem);max-width:1200px}.modal .modal-content{background:rgba(0,0,0,0);border:none}.modal .modal-content .modal-header{background:rgba(0,0,0,0);border:none;padding:0}.modal .modal-content .modal-header button.close{position:absolute;margin:0 0 0 auto;padding:25px;right:5px;top:5px;z-index:99}.modal .modal-content .modal-header button.close::before,.modal .modal-content .modal-header button.close::after{content:"";position:absolute;top:50%;left:50%;width:32px;height:1px;background:#e6d7ac}.modal .modal-content .modal-header button.close::before{transform:translate(-50%, -50%) rotate(45deg)}.modal .modal-content .modal-header button.close::after{transform:translate(-50%, -50%) rotate(135deg)}.modal .modal-content .modal-body{padding:0}.youtube-rwd{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.youtube-rwd #player1,.youtube-rwd iframe{position:absolute;inset:0;width:100%;height:100%}@supports not (aspect-ratio: 16/9){.youtube-rwd{height:0;padding-bottom:56.25%}}.mySwiper{max-width:1242px;margin:0 auto;position:relative}.mySwiper .anise{margin-bottom:7.5rem}.swiper-button-next,.swiper-button-prev{width:100px;height:100px;position:absolute;top:calc(7.5rem + 50%);transform:translateY(-50%)}@media only screen and (max-width: 767px){.swiper-button-next,.swiper-button-prev{width:60px;height:60px}}@media only screen and (max-width: 480px){.swiper-button-next,.swiper-button-prev{width:40px;height:40px}}.swiper-button-next::after,.swiper-button-prev::after{content:""}.swiper-button-prev{background:url(../images/arrow1_left.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-prev{background:url(../images/arrow1_left.webp) no-repeat center center/contain}}.swiper-button-prev:hover,.swiper-button-prev:focus{background:url(../images/arrow1_left_hover.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-prev:hover,.swiper-button-prev:focus{background:url(../images/arrow1_left_hover.webp) no-repeat center center/contain}}.swiper-button-next{background:url(../images/arrow1_right.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-next{background:url(../images/arrow1_right.webp) no-repeat center center/contain}}.swiper-button-next:hover,.swiper-button-next:focus{background:url(../images/arrow1_right_hover.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-next:hover,.swiper-button-next:focus{background:url(../images/arrow1_right_hover.webp) no-repeat center center/contain}}.swiper-pagination{position:relative;top:0 !important}.swiper-pagination .swiper-pagination-bullet{position:relative;width:136px;height:66px;color:#746b65;font-size:1.2rem;line-height:66px;text-align:center;border-radius:0;margin:1px !important;background:url(../images/swiper_nav.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet{background:url(../images/swiper_nav.webp) no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet{opacity:1}.swiper-pagination .swiper-pagination-bullet:hover,.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/swiper_nav_on.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:hover,.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/swiper_nav_on.webp) no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:hover,.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#fff;text-shadow:#fff 0px 0px 5px,#fff 0px 0px 10px,#fff 0px 0px 15px,#ff7c7a 0px 0px 20px,#ff7c7a 0px 0px 30px,#ff7c7a 0px 0px 40px,#ff7c7a 0px 0px 50px,#ff7c7a 0px 0px 75px}.swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::before{content:"戰士(男)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::before{content:"戰士(女)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::before{content:"格鬥家(男)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::before{content:"格鬥家(女)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(5)::before{content:"獵人(男)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::before{content:"獵人(女)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(7)::before{content:"魔法師"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(8)::before{content:"暗殺者"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(9)::before{content:"幻使"}.slick-prev,.slick-next{top:50%;width:100px;height:100px;z-index:9}@media only screen and (max-width: 767px){.slick-prev,.slick-next{width:60px;height:60px}}@media only screen and (max-width: 480px){.slick-prev,.slick-next{width:40px;height:40px}}.slick-prev::before,.slick-next::before{content:""}.slick-prev{left:-20px;background:url(../images/arrow2_left.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-prev{background:url(../images/arrow2_left.webp) no-repeat center center/contain}}.slick-prev:hover,.slick-prev:focus{background:url(../images/arrow2_left_hover.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-prev:hover,.slick-prev:focus{background:url(../images/arrow2_left_hover.webp) no-repeat center center/contain}}.slick-next{right:-20px;background:url(../images/arrow2_right.png) no-repeat center center;background-size:contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-next{background:url(../images/arrow2_right.webp) no-repeat center center/contain}}.slick-next:hover,.slick-next:focus{background:url(../images/arrow2_right_hover.png) no-repeat center center;background-size:contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-next:hover,.slick-next:focus{background:url(../images/arrow2_right_hover.webp) no-repeat center center/contain}}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap}.slick-dots li button::before{content:""}#slick-area{max-width:1400px;margin:100px auto 0}@media only screen and (max-width: 1200px){#slick-area{max-width:90vw}}#slick-area .arms{display:flex;flex-wrap:wrap;justify-content:center}#slick-area .arms picture{margin:.6% 1%}.slick-dots{position:relative;bottom:unset;overflow:hidden}@media only screen and (max-width: 768px){.slick-dots{flex-wrap:wrap}}.slick-dots li{background:url(../images/slick_nav.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-dots li{background:url(../images/slick_nav.webp) no-repeat center center/contain}}.slick-dots li{display:block;width:136px;height:66px;margin:1px}.slick-dots li:hover,.slick-dots li.slick-active{background:url(../images/slick_nav_on.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-dots li:hover,.slick-dots li.slick-active{background:url(../images/slick_nav_on.webp) no-repeat center center/contain}}.slick-dots li:hover button::before,.slick-dots li.slick-active button::before{color:#fff;text-shadow:#fff 0px 0px 5px,#fff 0px 0px 10px,#fff 0px 0px 15px,#3a6eff 0px 0px 20px,#3a6eff 0px 0px 30px,#3a6eff 0px 0px 40px,#3a6eff 0px 0px 50px,#3a6eff 0px 0px 75px}.slick-dots li:nth-of-type(1) button::before{content:"戰士(男)"}.slick-dots li:nth-of-type(2) button::before{content:"戰士(女)"}.slick-dots li:nth-of-type(3) button::before{content:"格鬥家(男)"}.slick-dots li:nth-of-type(4) button::before{content:"格鬥家(女)"}.slick-dots li:nth-of-type(5) button::before{content:"獵人(男)"}.slick-dots li:nth-of-type(6) button::before{content:"獵人(女)"}.slick-dots li:nth-of-type(7) button::before{content:"魔法師"}.slick-dots li:nth-of-type(8) button::before{content:"暗殺者"}.slick-dots li:nth-of-type(9) button::before{content:"幻使"}.slick-dots li button::before{width:100%;color:#758399;font-size:1.2rem;line-height:66px;opacity:1 !important;font-weight:500}