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}@font-face{font-family:SweiB2SerifCJKtc;src:url(../webfonts/SweiB2SerifCJKtc-Regular.ttf)}body{background-color:#000;font-family:SweiB2SerifCJKtc,"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;min-width:340px}@media only screen and (max-width:480px){.sideBtn{min-width:unset}}.sideBtn li{position:relative;text-align:right;margin:4% 0}.sideBtn li:last-of-type{margin-right:-3px}.sideBtn li .icon,.sideBtn li span{display:inline-block}.sideBtn li a{display:unset;position:relative;padding:0}.sideBtn li a.active+.icon,.sideBtn li a:hover+.icon{opacity:1}@media only screen and (max-width:480px){.sideBtn li a.active+.icon,.sideBtn li a:hover+.icon{opacity:.6}}.sideBtn li .icon{position:absolute;top:2px;right:60px;opacity:0;pointer-events:none}@media only screen and (max-width:480px){.sideBtn li .icon{display:none}}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}}main::before{content:"";width:1100px;height:100%;background:url(../images/mainchar.png) no-repeat center top/contain;position:absolute;top:0;right:0}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main::before{background:url(../images/mainchar.webp) no-repeat center top/contain}}@media only screen and (max-width:800px){main::before{width:100%}}@media only screen and (max-width:480px){main::before{top:80px}}main .title{position:relative;margin:2vh auto 0;padding-right:20%}@media only screen and (max-width:1200px){main .title{margin-top:50vh;padding-right:unset}}@media only screen and (max-width:480px){main .title>picture img{max-width:96vw}}main .title p{color:#ab6105;font-size:1.2rem;margin-top:-8rem}@media only screen and (max-width:480px){main .title p{line-height:1.4rem;margin-top:-4rem}}@media only screen and (max-width:350px){main .title p{margin-top:-2rem}}main .title .link{display:flex;justify-content:center;align-items:center}main .title .link a{color:#b2a5a5;display:inline-block;width:164px;line-height:48px;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{color:#f19219;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 .main{position:relative;width:100%;max-width:1720px;position:relative;display:flex;justify-content:center;align-items:center;margin:4vh auto 0 4vw;z-index:1}@media only screen and (max-width:1440px){main .main{max-width:unset;margin:4vh auto 0}}@media only screen and (max-width:800px){main .main{flex-wrap:wrap}}main .main p{font-size:1rem}main .main::before{content:'';width:100%;height:357px;background:url(../images/mainCtnBg1.png) no-repeat center center/contain;position:absolute;bottom:0;z-index:-1}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .main::before{background:url(../images/mainCtnBg1.webp) no-repeat center center/contain}}@media only screen and (max-width:800px){main .main::before{display:none}}main .main .mainctn a{color:#e78304;font-size:2rem;line-height:2.2rem}main .main .mainctn p{color:#8b5107}main .main .mainctn .coin{font-size:1.8rem;margin:3% auto}main .main>a{color:#8b5107;font-size:1.2rem;line-height:1.4rem;margin:4% 2% 0}main .main>a img{margin-bottom:30%}@media only screen and (max-width:480px){main .main>a img{margin-bottom:0}}.coin{text-align:center;width:180px;background-color:#3a2d25;padding:6px;margin:1% auto;border-radius:30px;font-size:2rem}.coin img{margin-right:4%}.coin span{color:#e78304;vertical-align:bottom}section{min-height:100vh;position:relative;text-align:center;padding:4% 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(2){background:url(../images/bg2.png) 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 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:#8b5107;font-size:1.2rem;line-height:1.6rem;letter-spacing:unset;margin:1rem auto}section#s2{padding-bottom:100px}section#s2 .mySwiper{max-width:1200px;margin:0 auto}@media only screen and (max-width:1200px){section#s2 .mySwiper{max-width:90vw}}section#s3{padding-top:100px;margin-top:-70px}section#s4 .coin{background-color:#343150}section#s4 .coin span{color:#343150}section#s4 h2{color:#202130}section#s4 h2 .coin span{color:#fff}section#s4 p{color:#343150}section#s4 .pet{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}section#s4 .pet picture{margin:2%}@media only screen and (max-width:1200px){section#s4 .pet picture{margin:1%}}.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:1200px;pointer-events:auto}.modal .modal-body{text-align:center;padding:4%;height:60vh}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:60px;height:60px;font-size:0;right:-70px;top:0;transition:.2s;z-index:999}@media only screen and (max-width:1200px){button.close{right:0}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}@media only screen and (max-width:1200px){#player1{width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}#notice-modal .modal-body{background-color:#f2f2f2d4}@media only screen and (max-width:1200px){#notice-modal .modal-body{width:90vw;margin:2% auto}}.swiper-notification{display:block;width:14px;height:14px}.swiper-button-next,.swiper-button-prev{width:91px;height:91px;position:absolute;opacity:.4}@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;background-size:contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-prev{background:url(../images/arrow_left.webp) no-repeat center center;background-size:contain}}.swiper-button-next{background:url(../images/arrow_right.png) no-repeat center center;background-size:contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-next{background:url(../images/arrow_right.webp) no-repeat center center;background-size:contain}}.swiper-pagination{position:relative;margin:2% auto}.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:91px;height:91px;z-index:9;opacity:.4}@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;background-size: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;background-size:contain}}.slick-dots{display:flex;justify-content:center}.slick-dots li button::before{content:''}#slick-area{max-width:1573px;margin:100px auto 0}@media only screen and (max-width:1200px){#slick-area{max-width:90vw}}#slick-area .slick-dots{top:-60px;bottom:unset;overflow:hidden}@media only screen and (max-width:768px){#slick-area .slick-dots{flex-wrap:wrap}}@media only screen and (max-width:800px){#slick-area .slick-dots{top:-80px}}@media only screen and (max-width:480px){#slick-area .slick-dots{top:-100px}}#slick-area .slick-dots li{background-color:#3a2d25;display:block;width:110px;height:40px;margin:1px}@media only screen and (max-width:800px){#slick-area .slick-dots li{width:90px;height:30px}}#slick-area .slick-dots li.slick-active,#slick-area .slick-dots li:hover{background-color:#915100}#slick-area .slick-dots li.slick-active button::before,#slick-area .slick-dots li:hover button::before{color:#fff}#slick-area .slick-dots li:nth-of-type(1) button::before{content:"戰士(男)"}#slick-area .slick-dots li:nth-of-type(2) button::before{content:"戰士(女)"}#slick-area .slick-dots li:nth-of-type(3) button::before{content:"格鬥家(男)"}#slick-area .slick-dots li:nth-of-type(4) button::before{content:"格鬥家(女)"}#slick-area .slick-dots li:nth-of-type(5) button::before{content:"獵人(男)"}#slick-area .slick-dots li:nth-of-type(6) button::before{content:"獵人(女)"}#slick-area .slick-dots li:nth-of-type(7) button::before{content:"魔法師"}#slick-area .slick-dots li:nth-of-type(8) button::before{content:"暗殺者"}#slick-area .slick-dots li:nth-of-type(9) button::before{content:"幻使"}#slick-area .slick-dots li button::before{width:100%;color:#746b65;font-size:1.2rem;line-height:40px;opacity:1}@media only screen and (max-width:800px){#slick-area .slick-dots li button::before{font-size:1rem;line-height:30px}}