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;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}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}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active,.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active{padding:0;background:0 0;background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;font-size:1.2rem;letter-spacing:-1px}.sideBtn{position:fixed;right:1vw;top:50%;transform:translateY(-50%);z-index:9;transition:1s all}@media only screen and (max-width:768px){.sideBtn{opacity:.6}}.sideBtn li{position:relative;margin:.8% 0;text-align:center}.sideBtn li .icon,.sideBtn li span{display:inline-block}.sideBtn li a{width:180px;min-height:50px;background-color:#503626;position:relative;color:#a58873;font-size:1rem;line-height:1.2rem;display:flex;align-items:center;justify-content:center;padding:0 16%}.sideBtn li a.active,.sideBtn li a:hover{background-color:#a04400;color:#e9dacf}.sideBtn li:last-of-type a{background-color:#372214}.sideBtn li:last-of-type a.active,.sideBtn li:last-of-type a:hover{background-color:#8e2800}main{position:relative;background:url(../images/mainbg.jpg) no-repeat center center/cover;text-align:center;padding:80px 0 4%;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:480px){main{min-height:200vh;background:url(../images/mainbg_mo.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main{background:url(../images/mainbg_mo.webp) no-repeat center center/cover}}}main .mainInfo{display:flex;justify-content:center}@media only screen and (max-width:768px){main .mainInfo{flex-wrap:wrap}}main .title{position:relative;margin-top:20vh}@media only screen and (max-width:480px){main .title{margin-top:50vh}}@media only screen and (max-width:480px){main .title>picture img{max-width:96vw}}main .title p{color:#fff;font-size:1.2rem;line-height:1.4rem;margin:6% 0 2%}main .title .link{display:flex;justify-content:center;align-items:center}main .title .link a{color:#fff;display:inline-block;width:162px;line-height:42px;background:url(../images/btnbg.png) no-repeat center center/contain;margin:2% 1% 1%;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{background:url(../images/btnbg_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .link a:hover{background:url(../images/btnbg_hover.webp) no-repeat center center/contain}}@media only screen and (max-width:480px){main .title .link a:nth-of-type(2){display:none}}main .title>.popbtn{position:relative;margin:1% auto}@media only screen and (max-width:800px){main .title>.popbtn{margin:6% auto}}@media only screen and (max-width:480px){main .title>.popbtn{width:90vw}}main .title>.popbtn::before{content:'';width:102px;height:102px;background:url(../images/vbtn.png) no-repeat center center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title>.popbtn::before{background:url(../images/vbtn.webp) no-repeat center center/contain}}main .title>.popbtn::after{content:'';width:861px;height:413px;background:url(../images/videobg.png) no-repeat center center/contain;pointer-events:none;position:absolute;top:-62px;left:50%;transform:translateX(-50%)}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title>.popbtn::after{background:url(../images/videobg.webp) no-repeat center center/contain}}@media only screen and (max-width:480px){main .title>.popbtn::after{display:none}}main .title>.popbtn:hover::before{filter:brightness(2)}main .title>.popbtn .bg-video{width:480px;height:270px}@media only screen and (max-width:480px){main .title>.popbtn .bg-video{width:100%}}main .mainchar{margin-left:-3%}@media only screen and (max-width:480px){main .mainchar{display:none}}main .main{position:absolute;bottom:10vh;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;z-index:1}@media only screen and (max-width:1440px){main .main{bottom:2vh}}@media only screen and (max-width:480px){main .main{position:relative;bottom:unset}}main .main p{font-size:1rem}main .main .mainctn1,main .main .mainctn2{max-width:600px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1% 2%;margin:0 1%}@media only screen and (max-width:1440px){main .main .mainctn1,main .main .mainctn2{max-width:48%}}@media only screen and (max-width:480px){main .main .mainctn1,main .main .mainctn2{max-width:96%;padding:2%;margin:2% 0}}main .main .mainctn1>div,main .main .mainctn2>div{width:100%;display:flex;justify-content:center}main .main .mainctn1>div a,main .main .mainctn2>div a{margin-top:4%}main .main .mainctn1>div p,main .main .mainctn2>div p{color:#bfafa6;max-width:180px}main .main .mainctn1 a,main .main .mainctn2 a{color:#fff;font-size:1.2rem;line-height:1.4rem;margin:0 2%}main .main .mainctn1 a img,main .main .mainctn2 a img{max-height:100px}main .main .mainctn1 .coin,main .main .mainctn2 .coin{background-color:#5f361d;font-size:1.8rem;margin:4% 0 2%}main .main .mainctn1{min-height:580px;background:url(../images/mainCtnBg1.png) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .main .mainctn1{background:url(../images/mainCtnBg1.webp) no-repeat center center/cover}}@media only screen and (max-width:1440px){main .main .mainctn1{min-height:unset}}main .main .mainctn2{min-height:430px;background:url(../images/mainCtnBg2.png) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .main .mainctn2{background:url(../images/mainCtnBg2.webp) no-repeat center center/cover}}@media only screen and (max-width:1440px){main .main .mainctn2{min-height:unset}}.coin{text-align:center;width:180px;background-color:#86673b;padding:6px;margin:1% auto;border-radius:30px;font-size:2rem}.coin img{margin-right:4%}.coin span{color:#fff;vertical-align:baseline}section{min-height:100vh;position:relative;text-align:center;padding:1% 0}@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:2vh 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:90vw}}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#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 .anise .octo{background:linear-gradient(180deg,#788eab,#34547e)}section#s3 ul.remark{color:#96a2ab;text-align:center}section#s3 ul.remark li{list-style-position:inside}section#s6 ul.remark{color:#ffd6d3;text-align:center}section#s6 ul.remark li{list-style-position:inside}section .mount,section .pet{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}section .mount picture,section .pet picture{margin:3% 4%}@media only screen and (max-width:1200px){section .mount picture,section .pet picture{margin:1%}}ul.remark{color:#938d8a;line-height:1.6rem;text-align:left;max-width:900px;margin:2% auto}@media only screen and (max-width:800px){ul.remark{max-width:90vw}}ul.remark li{list-style:disc}.anise{--cut:12px;--bw:2px;display:inline-block}@media only screen and (max-width:768px){.anise{max-width:90vw}}.anise .octo{position:relative;display:inline-block;background:linear-gradient(180deg,#f7cf89,#b78e4c);padding:var(--bw);box-sizing:border-box;-webkit-clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}.anise .octo .octo__inner{background-color:#1e1612;box-sizing:border-box;-webkit-clip-path:inherit;clip-path:inherit}.anise .octo .octo__inner .swiper-pagination{margin:0}.mySwiper{max-width:1400px;margin:0 auto}.swiper-notification{display:block;width:14px;height:14px}.swiper-button-next,.swiper-button-prev{width:100px;height:100px;position:absolute;opacity:.5}@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-next:hover,.swiper-button-prev:hover{opacity:1}.swiper-button-prev{background:url(../images/arrow_left.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-prev{background:url(../images/arrow_left.webp) no-repeat center center/contain}}.swiper-button-next{background:url(../images/arrow_right.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-next{background:url(../images/arrow_right.webp) no-repeat center center/contain}}.swiper-pagination{position:relative;top:0!important}.swiper-pagination .swiper-pagination-bullet{position:relative;width:110px;height:40px;color:#746b65;font-size:1.2rem;line-height:40px;border-radius:0;margin:1px!important;background-color:#3a2d25;opacity:1}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:hover{background-color:#915100;color:#fff}.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:"幻使"}.swiper-wrapper{align-items:center}.slick-next,.slick-prev{top:50%;width:100px;height:100px;z-index:9;opacity:.5}@media only screen and (max-width:480px){.slick-next,.slick-prev{width:40px;height:40px}}.slick-next::before,.slick-prev::before{content:''}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{opacity:1}.slick-prev{left:1vw;background:url(../images/arrow_left.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-prev{background:url(../images/arrow_left.webp) no-repeat center center/contain}}.slick-prev:focus,.slick-prev:hover{background:url(../images/arrow_left.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-prev:focus,.slick-prev:hover{background:url(../images/arrow_left.webp) no-repeat center center/contain}}.slick-next{right:1vw;background:url(../images/arrow_right.png) no-repeat center center;background-size:contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-next{background:url(../images/arrow_right.webp) no-repeat center center/contain}}.slick-next:focus,.slick-next:hover{background:url(../images/arrow_right.png) no-repeat center center;background-size:contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-next:focus,.slick-next:hover{background:url(../images/arrow_right.webp) no-repeat center center/contain}}.slick-dots{display:flex;justify-content:center}.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-color:#0e284b;display:block;width:110px;height:40px;margin:1px}.slick-dots li.slick-active,.slick-dots li:hover{background-color:#1b3c68}.slick-dots li.slick-active button::before,.slick-dots li:hover button::before{color:#fff}.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:40px;opacity:1}