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}@media only screen and (max-width: 768px){.sideBtn{opacity:.6}}@media only screen and (max-width: 480px){.sideBtn{display:none}}.sideBtn ul{display:flex;flex-direction:column;align-items:flex-end}.sideBtn li{position:relative;margin:10px 0 0 0;text-align:center}.sideBtn li span,.sideBtn li .icon{display:inline-block}.sideBtn li a{background:#aa63fa;min-height:30px;position:relative;color:#fff;font-size:1rem;line-height:1.2rem;display:flex;align-items:center;justify-content:center;padding:7px 27px 7px 12px;border-radius:30px;transition:.3s all}.sideBtn li a.active,.sideBtn li a:hover{background:#f43eaa}.sideBtn li a::after{content:"";position:absolute;right:-13px;top:0px;width:36px;height:34px;background:url("../images/aside_deco.png") no-repeat center center/contain}.sideBtn li:last-of-type a{background:url("../images/asidetop.png") no-repeat center center/cover;width:34px;height:34px;min-height:14px;margin:3% 0px}.sideBtn li:last-of-type a.active,.sideBtn li:last-of-type a:hover{filter:brightness(110%)}.sideBtn li:last-of-type a::after{display:none}main{position:relative;background:url(../images/mainBG.jpg) no-repeat center center/cover;text-align:center;padding:5% 0 0%;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:110vh}}main .mainInfo{display:flex}main .title{position:relative;margin-top:7vh;margin-bottom:27vh;left:50%;transform:translateX(-50%);z-index:1}@media only screen and (max-width: 1200px){main .title{margin-top:45vh;margin-bottom:4vh;left:50%}}@media only screen and (max-width: 480px){main .title{margin-top:45vh}}@media only screen and (max-width: 480px){main .title>picture img{max-width:96vw}}main .title .txt{margin-top:-100px}@media only screen and (max-width: 480px){main .title .txt{margin-top:-70px}}main .title .txt p{color:#4c413e;font-size:1.2rem;line-height:1.4rem;font-weight:700;margin:6% 0 2%;text-shadow:0px 0px 15px #fff;filter:drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 5px #fff)}@media only screen and (max-width: 480px){main .title .txt p{font-size:14px;letter-spacing:0px}}main .title .link{display:flex;justify-content:center;align-items:center}main .title .link a{color:#fff;display:inline-block;width:160px;line-height:46px;background:url(../images/btnbg.png) no-repeat center center/100% 100%;margin:2% 7px 1% 7px;padding-bottom:6px;font-size:18px;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/100% 100%}}main .title .link a:hover{text-shadow:0px 0px 10px #fff}@media only screen and (max-width: 480px){main .title .link a:nth-of-type(2){display:none}}section{min-height:100vh;position:relative;text-align:center;padding:1% 0}@media only screen and (max-width: 768px){section{min-height:unset}}section#s2{background:url("../images/bg2.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s2{background:url("../images/bg2.webp") no-repeat center center/cover}}section#s3{background:url("../images/bg3.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s3{background:url("../images/bg3.webp") no-repeat center center/cover}}section#s4{background:url("../images/bg4.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s4{background:url("../images/bg4.webp") no-repeat center center/cover}}section#s5{background:url("../images/bg5.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s5{background:url("../images/bg5.webp") no-repeat center center/cover}}section h2{position:relative;color:#e78304;font-size:3.4rem;margin:16vh auto 4vh}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#s1{margin-top:-250px;padding-bottom:150px;position:relative;text-align:center;overflow:hidden;background:url("../images/s1_bg.png") no-repeat center center/cover}section#s1 .wrapper{display:flex;width:1450px;max-width:100%;margin:auto;flex-wrap:nowrap;justify-content:center;gap:50px}@media only screen and (max-width: 1200px){section#s1 .wrapper{gap:20px}}@media only screen and (max-width: 480px){section#s1 .wrapper{flex-wrap:wrap;padding-bottom:100px}}section#s1 .wrapper .con{position:relative;padding:25px;border-radius:25px;background:rgba(255,245,228,.2509803922);box-shadow:5px 5px 0px rgba(0,0,0,.1254901961)}@media only screen and (max-width: 480px){section#s1 .wrapper .con{width:45%;padding:15px}}section#s1 .wrapper .con::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(to top, transparent 60%, #fff 100%);pointer-events:none;box-sizing:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}section#s1 .wrapper .con .imgbox{padding-bottom:30px}section#s1 .wrapper .con .txtbox{padding-bottom:15px}section#s1 .wrapper .con .description{color:#9d8968;font-weight:500;white-space:pre-line}@media only screen and (max-width: 480px){section#s1 .wrapper .con .description{font-size:14px;line-height:18px}}section#s2{background:url("../images/bg2.png") no-repeat center top/cover;margin-top:-130px;padding-bottom:170px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s2{background:url("../images/bg2.webp") no-repeat center top/cover}}@media only screen and (max-width: 480px){section#s2{min-height:150vh;margin-top:-60px}}section#s2 h2{margin-top:0px}section#s2 p{color:#ffeef8;color-font-size:2rem}section#s2 .content{position:relative;width:1460px;padding-bottom:48.8087134105%;max-width:120%;margin:auto;background:url("../images/s2-map.png") no-repeat center center/contain;margin-bottom:30px}@media only screen and (max-width: 1200px){section#s2 .content{transform:translateX(-50%);left:50%;max-width:110%}}@media only screen and (max-width: 768px){section#s2 .content{background:url("../images/s2-map_m.png") no-repeat center center/contain;padding-bottom:137.8691983122%}}@media only screen and (max-width: 480px){section#s2 .content{background:url("../images/s2-map_m2.png") no-repeat center center/contain;padding-bottom:236%}}section#s2 .content .swiper{position:absolute;width:446px;max-width:35%;height:446px;right:75px;top:95px;overflow:visible;transform:rotate(5deg);z-index:11}@media only screen and (max-width: 1200px){section#s2 .content .swiper{height:259px}}@media only screen and (max-width: 768px){section#s2 .content .swiper{max-width:unset;height:unset;right:unset;top:unset;bottom:50px;left:50%;transform:translateX(-50%) rotate(5deg)}}@media only screen and (max-width: 480px){section#s2 .content .swiper{bottom:125px;transform:translateX(-50%) rotate(0deg);max-width:90%}}section#s2 .content .swiper .swiper-button-next svg,section#s2 .content .swiper .swiper-button-prev svg{display:none}section#s2 .content .swiper .swiper-button-next{width:55px;height:81px;right:-80px;max-width:20vw;background:url("../images/s2_map_narrow_right.png") no-repeat center center/contain}@media only screen and (max-width: 480px){section#s2 .content .swiper .swiper-button-next{right:0px}}section#s2 .content .swiper .swiper-button-next:hover{background:url("../images/s2_map_narrow_right_hover.png") no-repeat center center/contain}section#s2 .content .swiper .swiper-button-prev{width:55px;height:81px;left:-80px;max-width:20vw;background:url("../images/s2_map_narrow_left.png") no-repeat center center/contain}@media only screen and (max-width: 480px){section#s2 .content .swiper .swiper-button-prev{left:0px}}section#s2 .content .swiper .swiper-button-prev:hover{background:url("../images/s2_map_narrow_left_hover.png") no-repeat center center/contain}section#s2 .content .swiper-pagination{position:absolute;width:900px;height:700px;max-height:98.5915492958%;max-width:61.6438356164%;left:0px;top:0px}@media only screen and (max-width: 768px){section#s2 .content .swiper-pagination{width:100%;max-width:87%;max-height:47%}}@media only screen and (max-width: 480px){section#s2 .content .swiper-pagination{max-width:100%}}section#s2 .content .swiper-pagination span{position:absolute;width:77px;height:92px;opacity:1;border-radius:unset;background:unset;transition:.3s all;cursor:pointer;transform:scale(0.8)}section#s2 .content .swiper-pagination span:hover{transform:translateY(-20px) scale(1.1);z-index:1}section#s2 .content .swiper-pagination span.swiper-pagination-bullet-active{transform:translateY(-20px) scale(1.1)}section#s2 .content .swiper-pagination span:nth-of-type(1){background:url("../images/pin1.png") no-repeat center center/contain}section#s2 .content .swiper-pagination span:nth-of-type(2){background:url("../images/pin2.png") no-repeat center center/contain}section#s2 .content .swiper-pagination span:nth-of-type(3){background:url("../images/pin3.png") no-repeat center center/contain}section#s2 .content .swiper-pagination span:nth-of-type(4){background:url("../images/pin4.png") no-repeat center center/contain}section#s2 .content .swiper-pagination span:nth-of-type(5){background:url("../images/pin5.png") no-repeat center center/contain}section#s2 .content .swiper-pagination span:nth-of-type(6){background:url("../images/pin6.png") no-repeat center center/contain}section#s2 .content .swiper-pagination span:nth-of-type(7){background:url("../images/pin7.png") no-repeat center center/contain}section#s2 .content .swiper-pagination span:nth-of-type(8){background:url("../images/pin8.png") no-repeat center center/contain}section#s2 .content .swiper-pagination span:nth-of-type(1){left:61%;top:26%}section#s2 .content .swiper-pagination span:nth-of-type(2){left:62%;top:65%}section#s2 .content .swiper-pagination span:nth-of-type(3){left:81%;top:38%}section#s2 .content .swiper-pagination span:nth-of-type(4){left:46%;top:19%}section#s2 .content .swiper-pagination span:nth-of-type(5){left:46%;top:35%}section#s2 .content .swiper-pagination span:nth-of-type(6){left:67%;top:40%}section#s2 .content .swiper-pagination span:nth-of-type(7){left:74%;top:28%}section#s2 .content .swiper-pagination span:nth-of-type(8){left:56%;top:49%}@media only screen and (max-width: 480px){section#s2 .content .swiper-pagination span:nth-of-type(1){left:52%;top:14%}section#s2 .content .swiper-pagination span:nth-of-type(2){left:51%;top:51%}section#s2 .content .swiper-pagination span:nth-of-type(3){left:79%;top:21%}section#s2 .content .swiper-pagination span:nth-of-type(4){left:36%;top:3%}section#s2 .content .swiper-pagination span:nth-of-type(5){left:36%;top:15%}section#s2 .content .swiper-pagination span:nth-of-type(6){left:62%;top:24%}section#s2 .content .swiper-pagination span:nth-of-type(7){left:67%;top:9%}section#s2 .content .swiper-pagination span:nth-of-type(8){left:46%;top:30%}}section#s2 .wrapper{display:flex;width:1200px;max-width:100%;margin:auto;justify-content:center;gap:30px;flex-wrap:wrap}section#s2 .wrapper .con{padding:4px}section#s2 .wrapper p{color:#f1e9dc}section#s2 .wrapper span.green{color:#81cb59}section#s2 .wrapper span.orange{color:#e1ab51}section#s3{background:url("../images/bg3.png") no-repeat center top/cover;margin-top:-130px;padding-bottom:130px}@media only screen and (max-width: 480px){section#s3{margin-top:0px;padding-top:30px;background:url("../images/bg3_m.png") no-repeat center top/cover}}section#s3 h2{margin-top:0px}section#s3 .wrapper{width:1440px;max-width:100%;margin:auto}section#s3 .wrapper .con{margin-bottom:40px}section#s3 .wrapper .con.con1{position:relative;padding:25px;border-radius:25px;background:rgba(255,252,246,.4392156863)}section#s3 .wrapper .con.con1::before{content:"";position:absolute;inset:0;padding:10px;border-radius:inherit;background:url("../images/s3_border1.png") no-repeat center center/cover;pointer-events:none;box-sizing:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}section#s3 .wrapper .con.con1::after{content:"";position:absolute;width:220px;height:180px;left:21%;top:-50px;max-width:100%;background:url("../images/s3_con1.png") no-repeat center center/contain}@media only screen and (max-width: 1200px){section#s3 .wrapper .con.con1::after{left:12%;max-width:16%}}@media only screen and (max-width: 768px){section#s3 .wrapper .con.con1::after{left:5%}}section#s3 .wrapper h5{color:#3f3f3f;font-size:30px;font-weight:800}section#s3 .wrapper p{color:#3f3f3f;font-size:18px;font-weight:500}section#s3 .wrapper .con.con2{position:relative;border-radius:30px;background:rgba(255,252,246,.3764705882);box-shadow:0 0 0 2px #c2baba,0 0 0 7px #e8e2e2,0 0 0 9px #c2baba;padding:20px}section#s3 .wrapper .con.con2 h4{color:#8b4c00;font-size:30px;font-weight:600}section#s3 .wrapper .con.con2 .items{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:15px;margin-top:30px;font-size:16px;line-height:20px}section#s3 .wrapper .con.con2 .items .box{width:calc((100% - 150px)/9)}@media only screen and (max-width: 1200px){section#s3 .wrapper .con.con2 .items .box{width:calc((100% - 150px)/6)}}@media only screen and (max-width: 768px){section#s3 .wrapper .con.con2 .items .box{width:calc((100% - 150px)/4)}}@media only screen and (max-width: 480px){section#s3 .wrapper .con.con2 .items .box{width:calc((100% - 40px)/3)}}section#s3 .wrapper .con.con2 .items .imgbox{height:100px;display:flex;align-items:flex-start;justify-content:center}section#s3 .wrapper .con.con2 .items .txt{height:50px;display:flex;align-items:flex-start;justify-content:center}section#s3 .wrapper .con.con2 .items .txt p{margin:0px}.modal{z-index:999;padding-top:10vh;background-color:rgba(0,0,0,.5215686275)}@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:rgba(242,242,242,.831372549)}@media only screen and (max-width: 1200px){#notice-modal .modal-body{width:90vw;margin:2% auto}}.slick-prev,.slick-next{top:50%;width:160px;height:160px;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;opacity:.6;transition:.3s all}@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;opacity:1}@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;opacity:.6;transition:.3s all}@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;opacity:1}@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;padding:4px 5px}@media only screen and (max-width: 1440px){.slick-dots{flex-wrap:wrap}}.slick-dots li button::before{content:""}#slick-area{max-width:1400px;margin:-0.5% 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;align-items:center}#slick-area .arms picture{margin:4% 2%}#slick-area .arms picture img{display:inline-block}.slick-dots{position:relative;bottom:unset;overflow:hidden;background:url("../images/swipar2_tab_bg.png") no-repeat center center/100% 100%;gap:5px}@media only screen and (max-width: 1200px){.slick-dots{background:#5a4d9f;border-radius:30px}}.slick-dots li{display:block;width:153px;height:64px;margin:0}.slick-dots li:hover,.slick-dots li.slick-active{background:url("../images/swipar2_on.png") no-repeat center center/100% 100%}.slick-dots li:hover button::before,.slick-dots li.slick-active button::before{color:#f9ebfd;opacity:1}.slick-dots li:nth-of-type(1) button::before{content:"戰士(男)";margin-top:14px}.slick-dots li:nth-of-type(2) button::before{content:"戰士(女)";margin-top:14px}.slick-dots li:nth-of-type(3) button::before{content:"格鬥家(男)";margin-top:14px}.slick-dots li:nth-of-type(4) button::before{content:"格鬥家(女)";margin-top:14px}.slick-dots li:nth-of-type(5) button::before{content:"獵人(男)";margin-top:14px}.slick-dots li:nth-of-type(6) button::before{content:"獵人(女)";margin-top:14px}.slick-dots li:nth-of-type(7) button::before{content:"魔法師";margin-top:14px}.slick-dots li:nth-of-type(8) button::before{content:"暗殺者";margin-top:14px}.slick-dots li:nth-of-type(9) button::before{content:"幻使";margin-top:14px}.slick-dots li:nth-of-type(10) button::before{content:"守護者騎士";margin-top:14px}.slick-dots li button::before{width:100%;color:#bcbfff;font-size:1.2rem;line-height:40px;opacity:1;transition:.3s}