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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.nav-tabs,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a,.nav-tabs>li>a:hover{background-color:unset;border:unset;line-height:unset}li{list-style:none}body{background-image:unset;background-color:#000;background-repeat:no-repeat;background-position:center 100vh;background-size:cover;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;width:100%;overflow-x:hidden}body.mask{display:none}@media only screen and (max-width:480px){body{background-position:center 100vh;background-size:cover}}body a{background-color:unset}body h3{font-size:30px;line-height:60px;color:#fff;font-weight:500;margin-top:50px}@media only screen and (max-width:991px){body h3{font-size:20px;line-height:40px}}body h4{font-size:20px;line-height:34px;color:#fff;font-weight:300;margin-top:20px;margin-bottom:10px}@media only screen and (max-width:991px){body h4{font-size:20px;line-height:30px}}@media only screen and (max-width:480px){body h4{font-size:15px;line-height:24px;letter-spacing:0}}body h5{font-size:16px;line-height:24px;color:#fff;font-weight:300;margin-top:10px;margin-bottom:5px}@media only screen and (max-width:991px){body h5{font-size:20px;line-height:30px}}@media only screen and (max-width:480px){body h5{font-size:16px;line-height:20px}}body p{font-size:13px;line-height:18px;letter-spacing:1px;color:#fff;font-weight:300}@media only screen and (max-width:991px){body p{font-size:16px;line-height:20px}}@media only screen and (max-width:480px){body p{font-size:12px;line-height:16px}}body p.notice_text{color:#ec7878}@media only screen and (max-width:991px){body p.notice_text{font-size:12px}}body .mt-20{margin-top:20px}body .mt-100{margin-top:100px}body .mt-200{margin-top:200px}body .mt--200{margin-top:-200px}body .mb-100{margin-bottom:100px}body footer img{max-width:100%}#ft{height:unset!important;padding:25px 0;background:#000;margin:0 auto;position:relative;z-index:99}#ft .fp-tableCell{height:unset!important}#ft .copyright{display:flex;list-style-type:none;font-size:12px;line-height:18px;color:#fff;margin:0;padding:0;max-width:740px;margin:0 auto;flex-wrap:wrap;align-items:center;justify-content:center}@media (max-width:480px){#ft .copyright{text-align:center}}#ft .copyright li{margin:0 0 25px;vertical-align:top;line-height:1;display:flex;font-size:14px;justify-content:center}@media only screen and (max-width:834px) and (orientation:portrait){#ft .copyright li{font-size:12px;width:100%;-ms-flex-wrap:wrap;-ms-flex-wrap-flex-wrap:wrap;margin:0 0 10px}}@media (max-width:480px){#ft .copyright li{line-height:1.3}}#ft .copyright li:nth-child(1),#ft .copyright li:nth-child(2){width:50%;-ms-flex-wrap:nowrap;-ms-flex-wrap-flex-wrap:nowrap;padding:0 10px}#ft .copyright li:nth-child(3){margin-bottom:8px}#ft .copyright li>span{display:inline-block}#ft .copyright li:last-child{line-height:25px;margin-bottom:0}@media only screen and (max-width:834px) and (orientation:portrait){#ft .copyright li:last-child{display:flex;-ms-flex-wrap:wrap;-ms-flex-wrap-flex-wrap:wrap;line-height:1.4;-ms-flex-wrap:nowrap;-ms-flex-wrap-flex-wrap:nowrap;text-align:left}}@media (max-width:480px){#ft .copyright li .break{display:block}}#ft .copyright li .copytxt{padding-left:15px}@media (max-width:480px){#ft .copyright li .copytxt{padding-left:0}}#ft .copyright .rating{width:50px;margin-right:12px}@media only screen and (max-width:834px) and (orientation:portrait){#ft .copyright .rating{margin-right:5px;width:35px}}#ft .copyright .ratingInfo{line-height:17px}@keyframes rotate-light{0%{transform:translate(-50%,-50%) rotate(8deg);opacity:.6}30%{opacity:1}50%{transform:translate(-50%,-40%) rotate(-8deg);opacity:.6}80%{opacity:1}}@keyframes char-in{0%{filter:blur(5px);opacity:0}100%{filter:blur(0);opacity:1}}main{position:relative;height:85vh;background:url(../images/main_bg.jpg) no-repeat center center;background-size:cover;overflow:hidden}@media only screen and (max-width:480px){main{height:100vh}}main img{max-width:100%}main .char{position:absolute;animation:char-in .8s linear 0s forwards;opacity:0}@media only screen and (max-width:991px){main .char img{transform:scale(.7)}}@media only screen and (max-width:480px){main .char img{transform:scale(.5)}}main .char.char1{width:1669px;height:1200px;left:-2%;top:82%;transform:translate(-50%,-50%) scale(.8);animation-delay:.2s}@media only screen and (max-width:1600px){main .char.char1{left:-10%}}@media only screen and (max-width:1200px){main .char.char1{left:-25%}}@media only screen and (max-width:480px){main .char.char1{top:42%;left:-25%}}main .char.char2{width:1261px;height:1114px;right:12%;top:70%;transform:translate(50%,-50%) scale(.8);animation-delay:.3s}@media only screen and (max-width:1600px){main .char.char2{right:-2%}}@media only screen and (max-width:1200px){main .char.char2{right:-5%}}@media only screen and (max-width:480px){main .char.char2{top:35%;right:0}}main .char.char3{width:740px;height:1260px;left:33%;top:76%;transform:translate(-50%,-50%) scale(.8);animation-delay:.4s}@media only screen and (max-width:1200px){main .char.char3{left:25%}}@media only screen and (max-width:480px){main .char.char3{left:25%;top:60%}}main .char.char4{width:754px;height:1267px;left:62%;top:69%;transform:translate(-50%,-50%) scale(.8);animation-delay:.5s}@media only screen and (max-width:480px){main .char.char4{left:78%;top:60%}}main .char.char5{width:1157px;height:1735px;left:58%;top:67%;transform:translate(-50%,-50%) scale(.8);animation-delay:.6s}@media only screen and (max-width:480px){main .char.char5{left:72%}}main .mask-light{position:absolute;top:250px;left:50%;transform:translate(-50%,-50%) rotate(8deg);width:1792px;height:1026px;background:url(../images/main_mask_light.png) no-repeat center center;background-size:contain;mix-blend-mode:screen;animation:rotate-light 8s ease 0s infinite;opacity:.6}@media only screen and (max-width:480px){main .mask-light{top:150px}}main .mask-dark{position:absolute;width:100%;height:400px;left:0;bottom:0;background:url(../images/main_mask.png) repeat center bottom;background-size:100% 100%}main .mask-smokeR{position:absolute;width:1555px;height:1081px;right:-5%;top:30%;transform:translateY(-50%);background:url(../images/main-smokeR.png) no-repeat right center;background-size:contain}@media only screen and (max-width:991px){main .mask-smokeR{height:500px;top:unset;bottom:0;transform:unset}}main .mask-smokeL{position:absolute;width:1555px;height:1081px;left:-5%;top:52%;transform:translateY(-50%);background:url(../images/main-smokeL.png) no-repeat left center;background-size:contain}@media only screen and (max-width:991px){main .mask-smokeL{height:500px;top:unset;bottom:0;transform:unset}}main .container{position:relative;display:flex;height:100%;align-items:center;flex-direction:column;justify-content:flex-end}main .container .title{position:relative;width:1200px;height:500px;max-width:100%;margin-bottom:-150px;display:flex;justify-content:center;flex-direction:column;align-items:center}@media only screen and (max-width:991px){main .container .title{margin-bottom:0;height:300px}}@media only screen and (max-width:480px){main .container .title{height:145px}}main .container .title img{position:absolute;top:50%;transform:translateY(-50%)}main .container .title img:nth-of-type(2){top:calc(50% - 80px)}@media only screen and (max-width:991px){main .container .title img:nth-of-type(2){top:calc(50% - 50px)}}main .container .title img:nth-of-type(3){top:calc(50% + 80px)}@media only screen and (max-width:991px){main .container .title img:nth-of-type(3){top:calc(50% + 50px)}}@media only screen and (max-width:480px){main .container .title img{max-width:150%;left:50%;transform:translate(-50%,-50%)}}main .container .btn-group{position:relative;display:flex;justify-content:space-between;margin-bottom:120px;width:350px;height:40px}@media only screen and (max-width:480px){main .container .btn-group{justify-content:center}}main .container .btn-group a{position:relative;display:block;background-color:#393030;width:48%;height:38px;border-radius:19px;transition:.3s all}main .container .btn-group a:hover{background-color:#3d0305}main .container .btn-group a.btn-reg::after{background:url(../images/main_btn-reg.png) no-repeat center center}main .container .btn-group a.btn-dl::after{background:url(../images/main_btn-dl.png) no-repeat center center}main .container .btn-group a::after{content:'';position:absolute;width:72px;height:18px;top:50%;left:50%;transform:translate(-50%,-50%);background-size:contain}@media only screen and (max-width:480px){main .container .btn-group a.btn-dl{display:none}}.con1{position:absolute;width:100%;top:calc(85vh - 25px);z-index:1}@media only screen and (max-width:480px){.con1{top:calc(100vh - 50px)}}.con1 img{position:absolute;left:50%;transform:translateX(-50%);max-width:100%;display:block}@media only screen and (max-width:480px){.con1 img{content:url(../images/section1_title_m.png);max-width:95%}}section{position:relative;background:url(../images/section_bg.jpg) no-repeat center center;background-size:cover;overflow:hidden;width:100%;min-height:100vh;padding-bottom:50px}section .container{max-width:1600px}section .container .con2{position:relative;padding-top:280px;text-align:center}@media only screen and (max-width:480px){section .container .con2{padding-top:200px}}section .container .con2 .class_group{margin-top:80px}section .container .con2 .class_group .wrapper{position:relative;width:100%;margin-top:30px}@media only screen and (max-width:480px){section .container .con2 .class_group .wrapper.Warrior{margin-top:0}}@media only screen and (max-width:480px){section .container .con2 .class_group .wrapper.Fighter{margin-top:50px}}@media only screen and (max-width:480px){section .container .con2 .class_group .wrapper.Hunter{margin-top:100px}}@media only screen and (max-width:480px){section .container .con2 .class_group .wrapper.Magician{margin-top:80px}}@media only screen and (max-width:480px){section .container .con2 .class_group .wrapper.Assanssin{margin-top:80px}}section .container .con2 .class_group .wrapper .slick-dots{display:none}section .container .con2 .class_group .wrapper .slick-list{overflow:visible}section .container .con2 .class_group .wrapper .slick-list .class_box{position:relative;height:500px;display:flex;justify-content:center;align-items:flex-end}@media only screen and (max-width:480px){section .container .con2 .class_group .wrapper .slick-list .class_box{height:480px}}section .container .con2 .class_group .wrapper .slick-list .class_box img{max-width:100%;padding-bottom:100px}@media only screen and (max-width:480px){section .container .con2 .class_group .wrapper .slick-list .class_box img{max-width:90%}}section .container .con2 .class_group .wrapper .slick-list .class_box.overSizeM{justify-content:flex-start;width:110%}section .container .con2 .class_group .wrapper .slick-list .class_box.overSizeM img{max-width:105%}section .container .con2 .class_group .wrapper .slick-list .class_box.overSizeL{justify-content:flex-start;width:200%}section .container .con2 .class_group .wrapper .slick-list .class_box.overSizeL img{max-width:210%}section .container .con2 .class_group .wrapper .slick-list .class_box .magnifier{position:absolute;width:50px;height:50px;right:0;top:0;background:url(../images/magnifier.png) no-repeat center center;background-size:contain;cursor:pointer;transition:.3s all}section .container .con2 .class_group .wrapper .slick-list .class_box .magnifier.on,section .container .con2 .class_group .wrapper .slick-list .class_box .magnifier:hover{background:url(../images/magnifier_on.png) no-repeat center center;background-size:contain}section .container .con2 .class_group .wrapper .slick-list .class_box .pup_eqpt{position:absolute;max-width:100%;bottom:100px;opacity:0;transition:.3s all;pointer-events:none;display:flex;justify-content:center}section .container .con2 .class_group .wrapper .slick-list .class_box .pup_eqpt.on{opacity:1}section .container .con2 .class_group .wrapper.Warrior .class_box1:before{content:"狂戰士";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Warrior .class_box2:before{content:"毀滅者";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Warrior .class_box3:before{content:"聖騎士";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Warrior .class_box4:before{content:"督軍";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Fighter .class_box1:before{content:"格鬥大師";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Fighter .class_box2:before{content:"拳霸";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Fighter .class_box3:before{content:"鬥士";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Fighter .class_box4:before{content:"氣功師";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Hunter .class_box1:before{content:"惡魔獵手";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Hunter .class_box2:before{content:"鷹眼";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Hunter .class_box3:before{content:"神槍手";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Hunter .class_box4:before{content:"槍炮大師";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Magician .class_box1:before{content:"卡牌魔術師";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Magician .class_box2:before{content:"女巫";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Magician .class_box3:before{content:"吟遊詩人";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Assanssin .class_box1:before{content:"刀鋒";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper.Assanssin .class_box2:before{content:"半魔人";position:absolute;width:80%;height:36px;bottom:0;left:50%;background-color:#00000081;transform:translateX(-50%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:#fff;font-size:16px;line-height:36px}section .container .con2 .class_group .wrapper .slidePlus{position:relative;width:100%;margin:0}section .container .con2 .class_group .wrapper .slidePlus .slick-list{width:100%}section .container .con2 .class_group .wrapper .slidePlus .slick-dots{position:absolute;bottom:60px;left:50%;transform:translateX(-50%)}section .container .con2 .class_group .wrapper .slidePlus .slick-dots li button:before{font-size:60px;color:#fff}section .container .con2 .class_group .wrapper .slick-next,section .container .con2 .class_group .wrapper .slick-prev{position:absolute;top:50%;z-index:1}section .container .con2 .class_group .wrapper .slick-next:before,section .container .con2 .class_group .wrapper .slick-prev:before{content:'';position:absolute;width:36px;height:58px;background-image:url(../images/class_arrow.png);background-repeat:no-repeat;background-size:contain;z-index:999}section .container .con2 .class_group .wrapper .slick-prev{left:-10px}section .container .con2 .class_group .wrapper .slick-prev:before{left:0;transform:rotate(180deg)}section .container .con2 .class_group .wrapper .slick-next{right:-10px}section .container .con2 .class_group .wrapper .slick-next:before{right:0}section .container .con2 .class_group .wrapper .slidePlus .slick-next,section .container .con2 .class_group .wrapper .slidePlus .slick-prev{opacity:0}