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}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;border:1px solid rgba(201,197,186,.2470588235);backdrop-filter:blur(10px);padding:12px 8px;border-radius:20px}@media only screen and (max-width: 767px){.sideBtn{display:none}}.sideBtn ul{display:flex;flex-direction:column;align-items:center}.sideBtn ul li{position:relative;margin-bottom:16px;text-align:center}.sideBtn ul li span,.sideBtn ul li .icon{display:inline-block}.sideBtn ul li a{background-color:rgba(201,197,186,.2196078431);border:1px solid #c9c5ba;width:14px;height:14px;position:relative;color:#a58873;font-size:1rem;line-height:1.2rem;display:flex;align-items:center;justify-content:center;padding:0 16%;transform:rotate(45deg);transition:.3s all}.sideBtn ul li a.active,.sideBtn ul li a:hover{background-color:#c9c5ba;color:#e9dacf}.sideBtn ul li:last-of-type{margin-bottom:0}.sideBtn ul li:last-of-type a{width:20px;height:20px}.sideBtn ul li:last-of-type a.active,.sideBtn ul li:last-of-type a:hover{background-color:rgba(201,197,186,.2196078431)}.sideBtn ul li:last-of-type a::before{content:"";position:absolute;top:45%;left:45%;width:17px;height:10px;background:url(../images/arrow_top.png) no-repeat center center/contain;transform:translate(-50%, -50%) rotate(-45deg)}main{position:relative;background:url(../images/mainBg.png) no-repeat center center/cover;text-align:center;padding:80px 0 4%;height:960px;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: 767px){main{height:920px;background-position-x:37%}}main .mainInfo{display:flex;justify-content:center}@media only screen and (max-width: 768px){main .mainInfo{flex-wrap:wrap}}main .title{position:absolute;left:47%;top:20%;z-index:10}@media only screen and (max-width: 767px){main .title{top:10%;left:50%;transform:translateX(-50%)}}@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;gap:12px}main .title .link a{color:#fff;display:inline-block;line-height:42px;padding:12px 40px;background:#1c1c1c;transition:.3s all;line-height:1;border-radius:4px}@media only screen and (max-width: 480px){main .title .link a:nth-of-type(1){display:none}}main .mainchar{position:absolute;left:4%;width:1200px;bottom:0}@media only screen and (max-width: 767px){main .mainchar{left:2%;width:800px}}@media only screen and (max-width: 480px){main .mainchar{left:-32%}}.main{bottom:10vh;width:100%;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;justify-content:center;z-index:1;background:url(../images/s1-bg.png) no-repeat center center/cover;padding:80px 0}@media only screen and (max-width: 767px){.main{padding:40px 0}}.main .title,.main .content{text-align:center}.main .content{margin-top:-40px}@media only screen and (max-width: 767px){.main .content{margin-top:-20px}}.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:5vw 2vw}@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:#47433d;font-size:1.2rem;line-height:1.6;font-weight:400;margin:1rem auto}section p span{color:#9c0000;vertical-align:baseline}section#s2 .anise .octo .swiper-pagination{width:fit-content;margin:0 auto;border-radius:8px;overflow:hidden}section#s3 .coin,section#s4 .coin{background-color:#3d5a6f}section#s3 p,section#s4 p{color:#4e94b7}section#s3 p span,section#s4 p span{color:#1aa4fb}section#s3 ul.remark{color:#4e94b7;text-align:center;list-style:none}section#s3 ul.remark li{list-style:none;list-style-position:inside}section#s5 p{color:#8c7869}section#s5 p span{color:#d29264}section#s6 p{color:#909597}section .mount,section .pet{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;align-items:flex-end;gap:80px}@media only screen and (max-width: 767px){section .mount,section .pet{gap:40px}}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;line-height:1.6}.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{transition:.3s all;position:relative;width:110px;height:40px;color:#aea094;font-size:1.2rem;line-height:40px;border-radius:0;margin:.5px !important;background-color:#030303;opacity:1}.swiper-pagination .swiper-pagination-bullet:hover,.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#6b0000;color:#fff}.swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::before{content:"戰士(男)";transition:.3s all}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::before{content:"戰士(女)";transition:.3s all}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::before{content:"格鬥家(男)";transition:.3s all}.swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::before{content:"格鬥家(女)";transition:.3s all}.swiper-pagination .swiper-pagination-bullet:nth-of-type(5)::before{content:"獵人(男)";transition:.3s all}.swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::before{content:"獵人(女)";transition:.3s all}.swiper-pagination .swiper-pagination-bullet:nth-of-type(7)::before{content:"魔法師";transition:.3s all}.swiper-pagination .swiper-pagination-bullet:nth-of-type(8)::before{content:"暗殺者";transition:.3s all}.swiper-pagination .swiper-pagination-bullet:nth-of-type(9)::before{content:"幻使";transition:.3s all}.swiper-wrapper{align-items:center}.slick-prev,.slick-next{top:50%;width:100px;height:100px;z-index:9;opacity:.5}@media only screen and (max-width: 480px){.slick-prev,.slick-next{width:40px;height:40px}}.slick-prev::before,.slick-next::before{content:""}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{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:hover,.slick-prev:focus{background:url(../images/arrow_left.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-prev:hover,.slick-prev:focus{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:hover,.slick-next:focus{background:url(../images/arrow_right.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/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;width:fit-content;margin:0 auto;border-radius:8px}@media only screen and (max-width: 768px){.slick-dots{flex-wrap:wrap}}.slick-dots li{background-color:#030303;display:block;width:110px;height:40px;margin:0 .5px;transition:.3s all}.slick-dots li:hover,.slick-dots li.slick-active{background-color:#6b0000}.slick-dots li:hover button::before,.slick-dots li.slick-active 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:#aea094;font-size:1.2rem;line-height:40px;opacity:1;transition:.3s all}