@charset "UTF-8";:root{--screen-width:1920;--screen-maxwidth:100vw}@media screen and (min-width:1921px){:root{--screen-maxwidth:100vw}}@media screen and (max-width:1920px){:root{--screen-maxwidth:1920px}}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}em,strong{font-style:normal;display:inline}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-appearance:none}input,textarea,select{*font-size:100%}a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#fff}*{outline:0}img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.hide{width:0;height:0;overflow:hidden;display:block;visibility:hidden}.pa{position:absolute;z-index:5}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bs100{background-repeat:no-repeat;background-size:100% 100%}html,body{color:#fff;background-color:#000;width:100%;height:100%;overflow:hidden;font-size:.2rem}html,body{color:#fff;width:100%;height:100%;overflow:hidden}body{font-family:"all"}.wrap,.main-swiper,.swiper-slide,.part{width:100%;height:100%;position:relative}.wrap .btn-prev,.wrap .btn-next{width:calc(181 / 1920 * var(--screen-maxwidth));height:calc(450 / 1920 * var(--screen-maxwidth));position:absolute;top:50%;margin-top:calc(-225 / 1920 * var(--screen-maxwidth))}.wrap .btn-prev p,.wrap .btn-next p{white-space:nowrap;font-size:calc(36 / 1920 * var(--screen-maxwidth));line-height:1;color:#efefed;top:50%;margin-top:calc(-10 / 1920 * var(--screen-maxwidth));text-shadow:0 0 calc(4 / 1920 * var(--screen-maxwidth)) #795d2e, 0 0 calc(4 / 1920 * var(--screen-maxwidth)) #795d2e;-webkit-filter:drop-shadow(1px 1px 2px rgba(99,75,36,0.3));filter:drop-shadow(1px 1px 2px rgba(99,75,36,0.3))}.wrap .btn-prev{background-image:url(/images/event/arcanejester_suit/btn-prev.png);left:calc(-15 / 1920 * var(--screen-maxwidth))}.wrap .btn-prev p{left:calc(94 / 1920 * var(--screen-maxwidth))}.wrap .btn-next{background-image:url(/images/event/arcanejester_suit/btn-next.png);right:calc(-15 / 1920 * var(--screen-maxwidth))}.wrap .btn-next p{right:calc(94 / 1920 * var(--screen-maxwidth))}.wrap .swiper-slide{width:100% !important;height:100% !important}.wrap .spritespin{width:100% !important;height:100% !important}.part{background-repeat:no-repeat;background-position:center;background-size:calc(1920 / 1920 * var(--screen-maxwidth)) auto;overflow:hidden}.part .inner{width:calc(1920 / 1920 * var(--screen-maxwidth));height:calc(1334 / 1920 * var(--screen-maxwidth));position:absolute;top:50%;left:50%;z-index:5;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-sizing:border-box;box-sizing:border-box}.part .btns{width:100%;margin-top:calc(34 / 1920 * var(--screen-maxwidth))}.part .btns a{width:calc(251 / 1920 * var(--screen-maxwidth));height:calc(60 / 1920 * var(--screen-maxwidth));margin:0 calc(2 / 1920 * var(--screen-maxwidth));font-weight:bold;font-size:calc(34 / 1920 * var(--screen-maxwidth));line-height:1;text-transform:uppercase}.part .btns a span{color:#2a0c0b;text-shadow:0 0 1px rgba(255,255,255,0.5),0 0 1px rgba(255,255,255,0.5)}.part .btns .btn-go{background-image:url(/images/event/arcanejester_suit/btn-go.png)}.part .btns .btn-share{background-image:url(/images/event/arcanejester_suit/btn-share.png)}.part .stone{background-repeat:no-repeat;background-size:calc(2246 / 1920 * var(--screen-maxwidth)) auto;width:calc(2246 / 1920 * var(--screen-maxwidth));height:calc(2246 / 1920 * var(--screen-maxwidth));top:50%;left:50%;margin:calc(-1123 / 1920 * var(--screen-maxwidth)) 0 0 calc(-1123 / 1920 * var(--screen-maxwidth));pointer-events:none;-webkit-animation:stone 1s linear alternate infinite;animation:stone 1s linear alternate infinite}@-webkit-keyframes stone{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(10 / 1920 * var(--screen-maxwidth)));transform:translateY(calc(10 / 1920 * var(--screen-maxwidth)))}}@keyframes stone{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(10 / 1920 * var(--screen-maxwidth)));transform:translateY(calc(10 / 1920 * var(--screen-maxwidth)))}}.part .piece-tab a{display:block;width:calc(236 / 1920 * var(--screen-maxwidth))}.part .piece-tab a:nth-child(2){margin-top:calc(-14 / 1920 * var(--screen-maxwidth))}.part .piece-tab a:nth-child(3){margin-top:calc(11 / 1920 * var(--screen-maxwidth))}.part1{background-image:url(/images/event/arcanejester_suit/bg1.jpg)}.part1 .inner{padding-top:calc(381 / 1920 * var(--screen-maxwidth))}.part1 .slogan{background-image:url(/images/event/arcanejester_suit/slogan-bg.png);width:calc(725 / 1920 * var(--screen-maxwidth));height:calc(199 / 1920 * var(--screen-maxwidth));position:relative}.part1 .slogan-text{width:calc(511 / 1920 * var(--screen-maxwidth));height:calc(146 / 1920 * var(--screen-maxwidth));top:calc(26 / 1920 * var(--screen-maxwidth));left:calc(107 / 1920 * var(--screen-maxwidth))}.part1 .slogan .btn-vid{background-image:url(/images/event/arcanejester_suit/ico-vid.png);width:calc(68 / 1920 * var(--screen-maxwidth));height:calc(68 / 1920 * var(--screen-maxwidth));top:calc(152 / 1920 * var(--screen-maxwidth));left:calc(329 / 1920 * var(--screen-maxwidth));-webkit-animation:vid 1s linear alternate infinite;animation:vid 1s linear alternate infinite}@-webkit-keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.part1 .stone{background-image:url(/images/event/arcanejester_suit/stone-1.png)}.part1 .kv{width:calc(1000 / 1920 * var(--screen-maxwidth));height:calc(1000 / 1920 * var(--screen-maxwidth));position:absolute;bottom:0;left:50%;margin-left:calc(-500 / 1920 * var(--screen-maxwidth));-webkit-transform-origin:50% 100%;transform-origin:50% 100%;pointer-events:none}.part1 .kv .kv-img{width:100% !important;height:100% !important}.part2{background-image:url(/images/event/arcanejester_suit/bg2.png)}.part2 .piece-tab{top:calc(382 / 1920 * var(--screen-maxwidth));left:calc(467 / 1920 * var(--screen-maxwidth))}.part2 .piece-tab a{display:block;width:calc(236 / 1920 * var(--screen-maxwidth))}.part2 .piece-tab a:nth-child(2){margin-top:calc(-14 / 1920 * var(--screen-maxwidth))}.part2 .piece-tab a:nth-child(3){margin-top:calc(11 / 1920 * var(--screen-maxwidth))}.part2 .stone{background-image:url(/images/event/arcanejester_suit/stone-2.png)}.part2 .whiterole{width:calc(698 / 1920 * var(--screen-maxwidth));height:calc(701 / 1920 * var(--screen-maxwidth));top:calc(332 / 1920 * var(--screen-maxwidth));left:calc(748 / 1920 * var(--screen-maxwidth))}.part2 .whiterole img{width:100%;height:100%;top:0;left:0;pointer-events:none}.part2 .mirrol{background-image:url(/images/event/arcanejester_suit/mirrol-1.png);width:calc(580 / 1920 * var(--screen-maxwidth));height:calc(637 / 1920 * var(--screen-maxwidth));top:calc(397 / 1920 * var(--screen-maxwidth));left:calc(1153 / 1920 * var(--screen-maxwidth));pointer-events:none}.part2 .mirrol-draw{background:url(/images/event/arcanejester_suit/mirrol-draw1.png) no-repeat 100%/100%;width:calc(266 / 1920 * var(--screen-maxwidth));height:calc(333 / 1920 * var(--screen-maxwidth));position:absolute;top:calc(605 / 1920 * var(--screen-maxwidth));left:calc(1211 / 1920 * var(--screen-maxwidth));pointer-events:none}.part2 .rota{background-image:url(/images/event/arcanejester_suit/rota1.png);width:calc(426 / 1920 * var(--screen-maxwidth));height:calc(60 / 1920 * var(--screen-maxwidth));top:calc(693 / 1920 * var(--screen-maxwidth));left:calc(758 / 1920 * var(--screen-maxwidth));pointer-events:none}.part3{background-image:url(/images/event/arcanejester_suit/bg3.png)}.part3 .piece-tab{top:calc(382 / 1920 * var(--screen-maxwidth));left:calc(1217 / 1920 * var(--screen-maxwidth))}.part3 .stone{background-image:url(/images/event/arcanejester_suit/stone-3.png)}.part3 .blackrole{width:calc(698 / 1920 * var(--screen-maxwidth));height:calc(760 / 1920 * var(--screen-maxwidth));top:calc(280 / 1920 * var(--screen-maxwidth));left:calc(478 / 1920 * var(--screen-maxwidth))}.part3 .blackrole img{width:100%;height:100%;top:0;left:0;pointer-events:none}.part3 .mirrol{background-image:url(/images/event/arcanejester_suit/mirrol-2.png);width:calc(580 / 1920 * var(--screen-maxwidth));height:calc(637 / 1920 * var(--screen-maxwidth));top:calc(397 / 1920 * var(--screen-maxwidth));left:calc(191 / 1920 * var(--screen-maxwidth));pointer-events:none}.part3 .mirrol-draw{background:url(/images/event/arcanejester_suit/mirrol-draw2.png) no-repeat 100%/100%;width:calc(266 / 1920 * var(--screen-maxwidth));height:calc(333 / 1920 * var(--screen-maxwidth));position:absolute;top:calc(605 / 1920 * var(--screen-maxwidth));left:calc(443 / 1920 * var(--screen-maxwidth));pointer-events:none}.part3 .rota{background-image:url(/images/event/arcanejester_suit/rota2.png);width:calc(426 / 1920 * var(--screen-maxwidth));height:calc(60 / 1920 * var(--screen-maxwidth));top:calc(693 / 1920 * var(--screen-maxwidth));left:calc(748 / 1920 * var(--screen-maxwidth));pointer-events:none}.part4{background-image:url(/images/event/arcanejester_suit/bg4.jpg)}.part4 .inner{padding-bottom:calc(60 / 1920 * var(--screen-maxwidth));-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.part4 .vid{background-image:url(/images/event/arcanejester_suit/vid-pic.png);width:calc(889 / 1920 * var(--screen-maxwidth));height:calc(596 / 1920 * var(--screen-maxwidth));-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(19 / 1920 * var(--screen-maxwidth)) 0 0 calc(81 / 1920 * var(--screen-maxwidth))}.part4 .vid .btn-vid{background:url(/images/event/arcanejester_suit/vid-fmt.jpg) no-repeat 100%/100%;width:calc(724 / 1920 * var(--screen-maxwidth));height:calc(403 / 1920 * var(--screen-maxwidth));display:block;position:relative}.part4 .vid .btn-vid:before{content:"";background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;top:0;left:0}.part4 .vid .videowrap,.part4 .vid .tcplayer,.part4 .vid video{width:100%;height:100%;position:relative}.part4 .vid .ico-vid2{background-image:url(/images/event/arcanejester_suit/ico-vid2.png);width:calc(97 / 1920 * var(--screen-maxwidth));height:calc(97 / 1920 * var(--screen-maxwidth));top:50%;left:50%;margin:calc(-48 / 1920 * var(--screen-maxwidth)) 0 0 calc(-48 / 1920 * var(--screen-maxwidth));-webkit-animation:vid 1s linear alternate infinite;animation:vid 1s linear alternate infinite}.part4 .slt{width:100%;margin-top:calc(-140 / 1920 * var(--screen-maxwidth))}.part4 .slt li{width:calc(157 / 1920 * var(--screen-maxwidth));height:calc(89 / 1920 * var(--screen-maxwidth));margin:0 calc(5 / 1920 * var(--screen-maxwidth));position:relative;cursor:pointer}.part4 .slt li:before{content:"";background:url(/images/event/arcanejester_suit/slt-cover.png) no-repeat 100%/100%;width:100%;height:100%;position:absolute;top:0;left:0}.part4 .slt li p{width:100%;height:100%;top:0;left:0;color:#c0bdbc;font-size:calc(24 / 1920 * var(--screen-maxwidth));line-height:calc(26 / 1920 * var(--screen-maxwidth));text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 calc(10 / 1920 * var(--screen-maxwidth))}.part4 .slt li.on:after{content:"";background:url(/images/event/arcanejester_suit/slt-on.png) no-repeat 100%/100%;width:calc(167 / 1920 * var(--screen-maxwidth));height:calc(101 / 1920 * var(--screen-maxwidth));position:absolute;top:calc(-6 / 1920 * var(--screen-maxwidth));left:calc(-5 / 1920 * var(--screen-maxwidth));pointer-events:none}.part4 .slt li.on p{color:#d8c486}.wl1ani,.bl1ani{width:calc(504 / 1920 * var(--screen-maxwidth));height:calc(809 / 1920 * var(--screen-maxwidth));position:absolute;top:50%;left:50%;margin:calc(-667 / 1920 * var(--screen-maxwidth)) 0 0 calc(-252 / 1920 * var(--screen-maxwidth))}.wl1ani .img,.bl1ani .img{width:100%;height:100%;top:0;left:0}.wl2ani,.bl2ani{width:100%;height:100%;top:0;left:0;pointer-events:none}.wl2ani .img,.bl2ani .img{width:100%;height:100%;top:0;left:0}.pop_mask{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);z-index:299}.pop{background-repeat:no-repeat;background-size:100% 100%;display:none;outline:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.pop .pop-clo{background:url(/images/event/arcanejester_suit/xjt-close.png) no-repeat 100%/100%;width:calc(54 / 1920 * var(--screen-maxwidth));height:calc(55 / 1920 * var(--screen-maxwidth));right:calc(-60 / 1920 * var(--screen-maxwidth));top:0}.pop.pop-video{width:100%;height:100%}.pop.pop-video .pop-clo{right:calc(30 / 1920 * var(--screen-maxwidth));top:calc(30 / 1920 * var(--screen-maxwidth))}.pop.pop-video .pop-video-box{width:100%;height:100%}.pop.pop-video .playwrap{width:100%;height:100%}.pop.pop-video .playwrap .player-container-id-dimensions{width:100% !important;height:100% !important}.pop.pop-video .version-tip{display:none}.pop.pop-share{background-image:url(/images/event/arcanejester_suit/pop-share-bg.png);width:calc(761 / 1920 * var(--screen-maxwidth));height:calc(438 / 1920 * var(--screen-maxwidth))}.pop.pop-share .pop-share-pt{height:100%}.pop.pop-share .pop-share-pt a{background-repeat:no-repeat;background-size:100% 100%;width:calc(187 / 1920 * var(--screen-maxwidth));height:calc(187 / 1920 * var(--screen-maxwidth));margin:0 calc(4 / 1920 * var(--screen-maxwidth))}.pop.pop-share .pop-share-pt a.btnShareFB{background-image:url(/images/event/arcanejester_suit/ico-fb.png)}.pop.pop-share .pop-share-pt a.btnShareTW{background-image:url(/images/event/arcanejester_suit/ico-twi.png)}.pop.pop-xjt{width:calc(764 / 1920 * var(--screen-maxwidth));height:calc(434 / 1920 * var(--screen-maxwidth))}.pop.pop-xjt .xjt-bg{width:100%;height:100%;top:0;left:0}.pop.pop-xjt .xjt-img{background:url(/images/event/arcanejester_suit/xjt-xpic.png) no-repeat 100%/100%;width:calc(187 / 1920 * var(--screen-maxwidth));height:calc(187 / 1920 * var(--screen-maxwidth));-webkit-box-sizing:border-box;box-sizing:border-box;top:calc(58 / 1920 * var(--screen-maxwidth));left:calc(49 / 1920 * var(--screen-maxwidth));padding:calc(13 / 1920 * var(--screen-maxwidth))}.pop.pop-xjt .xjt-des{width:calc(640 / 1920 * var(--screen-maxwidth));color:rgba(255,240,185,0.6);font-size:calc(20 / 1920 * var(--screen-maxwidth));line-height:calc(28 / 1920 * var(--screen-maxwidth));left:calc(55 / 1920 * var(--screen-maxwidth));bottom:calc(36 / 1920 * var(--screen-maxwidth));display:none}@font-face{font-family:'all';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf") format("truetype")}@font-face{font-family:'ru';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf") format("truetype")}@font-face{font-family:'th';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf") format("truetype")}@font-face{font-family:'vi';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf") format("truetype")}@font-face{font-family:'tr';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf") format("truetype")}@font-face{font-family:'ar';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf") format("truetype")}.zh .wrap,.zh .pop{font-family:"Noto Sans SC",'Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.zh .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-zh.png)}.zh .part .btns a{font-size:calc(28 / 1920 * var(--screen-maxwidth))}.en .wrap,.en .pop{font-family:"all",Arial,Helvetica,sans-serif;letter-spacing:0}.en .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-en.png)}.ru .wrap,.ru .pop{font-family:"ru",Arial,Helvetica,sans-serif;letter-spacing:0}.ru .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-ru.png)}.ru .part4 .slt li p{line-height:1}.de .wrap,.de .pop{font-family:"all",Arial,Helvetica,sans-serif}.de .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-de.png)}.HK .wrap,.HK .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.HK .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-hk.png)}.HK .part .btns a{font-size:calc(28 / 1920 * var(--screen-maxwidth))}.HK .part4 .slt li p{font-size:calc(20 / 1920 * var(--screen-maxwidth));line-height:calc(22 / 1920 * var(--screen-maxwidth))}.TW .wrap,.TW .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.TW .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-tw.png)}.TW .part .btns a{font-size:calc(28 / 1920 * var(--screen-maxwidth))}.TW .part4 .slt li p{font-size:calc(20 / 1920 * var(--screen-maxwidth));line-height:calc(22 / 1920 * var(--screen-maxwidth))}.th .wrap,.th .pop{font-family:"th",Arial,Helvetica,sans-serif;letter-spacing:0}.th .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-th.png)}.th .part .btns a{font-size:calc(40 / 1920 * var(--screen-maxwidth))}.th .part4 .slt li p{font-size:calc(30 / 1920 * var(--screen-maxwidth));line-height:calc(34 / 1920 * var(--screen-maxwidth))}.vi .wrap,.vi .pop{font-family:"vi",Arial,Helvetica,sans-serif;letter-spacing:0}.vi .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-vi.png)}.id .wrap,.id .pop{font-family:"all",Arial,Helvetica,sans-serif}.id .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-id.png)}.pt .wrap,.pt .pop{font-family:"all",Arial,Helvetica,sans-serif}.pt .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-pt.png)}.fr .wrap,.fr .pop{font-family:"all",Arial,Helvetica,sans-serif}.fr .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-fr.png)}.es .wrap,.es .pop{font-family:"all",Arial,Helvetica,sans-serif}.es .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-es.png)}.tr .wrap,.tr .pop{font-family:'tr',Arial,Helvetica,sans-serif;letter-spacing:0}.tr .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-tr.png)}.ar .wrap,.ar .pop{font-family:"ar",Arial,Helvetica,sans-serif;unicode-bidi:bidi-override;direction:rtl;letter-spacing:0}.ar .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-ar.png)}.ar .wrap{direction:ltr}.ar .part{direction:rtl}.ar .part4 .vid{padding:.19rem .84rem 0 0}.my .wrap,.my .pop{font-family:"all",Arial,Helvetica,sans-serif}.my .part1 .slogan-text{background-image:url(/images/event/arcanejester_suit/slogan-my.png)}