body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none}header,nav,section,article,footer,figure,figcaption{display:block}ol,ul{margin:0;padding:0}fieldset{border:0;margin:0;padding:0}a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0}table,td,tr{border-collapse:collapse;border-spacing:0}em,strong,i{font-weight:normal;font-style:normal}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}a{text-decoration:none}a img{vertical-align:top}*{box-sizing:border-box}@font-face{font-family:'all';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf")}body{font-family:'all',Arial,Helvetica,sans-serif}@font-face{font-family:'tr';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf")}body.tr{font-family:'tr',Arial,Helvetica,sans-serif}@font-face{font-family:'ar';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf")}body.ar{font-family:'ar',Arial,Helvetica,sans-serif;direction:rtl;letter-spacing:0}@font-face{font-family:'ru';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf")}body.ru{font-family:'ru',Arial,Helvetica,sans-serif}@font-face{font-family:'th';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf")}body.th{font-family:'th';font-family:'th',Arial,Helvetica,sans-serif;letter-spacing:0}@font-face{font-family:'vi';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf")}body.vi{font-family:'vi',Arial,Helvetica,sans-serif;letter-spacing:0}body.HK,.TW .nav,.zh .nav{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}body{font-size:12px;-webkit-text-size-adjust:none;min-width:320px;-webkit-text-size-adjust:none;color:#fff;background:#2c2c2c}body.ar{direction:rtl;unicode-bidi:bidi-override}.scroll{display:block;width:calc(200 / 1920 * 100vw);text-align:center;height:calc(85 / 1920 * 100vw);position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:12;line-height:calc(22 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw);color:#ffbe21;text-transform:uppercase;pointer-events:none}.scroll::before{content:"";position:absolute;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#000;width:2px;height:calc(52 / 1920 * 100vw)}.scroll::after{content:"";position:absolute;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#ffbe21;animation:updown 2s linear infinite;width:2px;height:calc(15 / 1920 * 100vw)}@keyframes updown{100%{transform:translate(-50%,100%)}0%{transform:translate(-50%,calc((15 - 52) / 1920 * 100vw))}}.scrollbar_p::-webkit-scrollbar{width:2px;height:1px}.scrollbar_p::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2px #293988;-webkit-box-shadow:inset 0 0 0 #293988;background:#b2b2b3;border-radius:1px}.scrollbar_p::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);background:rgba(0,0,0,0)}.ar .scrollbar_p{direction:rtl}.wrap{position:relative;top:80px;height:calc(100vh - 80px) !important;background:#3e3e3e}.page_swiper,.section:not(.s6){overflow:hidden;width:100%;height:calc(100vh - 80px) !important}.pic img{transition:transform .4s}.pic:hover img{transform:scale(1.04);transform-origin:center}.page_swiper{transform:translate3d(0,0,0);overflow:hidden}.page_swiper .swiper-slide{transform:translate3d(0,0,0)}.s3 .s3_title{width:100vw;height:calc(223 / 1920 * 100vw);line-height:calc(223 / 1920 * 100vw);font-size:calc(80 / 1920 * 100vw);color:#ffbe21;text-align:left;text-transform:uppercase;position:relative;transition:background-image 1s linear}@media only screen and (min-width:601px){.s3 .s3_title{background:url(/images/event/royalepass/top_before.jpg) top center / cover no-repeat}.s3.on .s3_title{background-image:url(/images/event/royalepass/top.jpg)}}.s3 .s3_title span{width:calc(1600 / 1920 * 100vw);margin:0 auto;display:block}.s3 .s3_title span{opacity:0;transform:translateY(30px)}.s3.on .s3_title span{opacity:1;transform:translateY(0)}.s3.on .s3_title span{transition:transform 600ms cubic-bezier(0.4,0,1,1) 1000ms,opacity 600ms cubic-bezier(0.4,0,1,1) 1000ms;font-family:'all',Arial,Helvetica,sans-serif}.s3 .s3_panel{background:url(/images/event/gamewiki/bg.jpg) center / cover no-repeat;height:calc(100vh - 223 / 1920 * 100vw - 80px);position:relative;padding-top:calc(36 / 1920 * 100vw);z-index:1}.mode-list{overflow:hidden;text-align:center;display:flex;position:absolute;top:50%;right:calc(160 / 1920 * 100vw);transform:translateY(-50%)}.s3 .s3_title .mode-list{opacity:0;transform:translateY(calc(-50% + 30px))}.s3.on .s3_title .mode-list{opacity:1;transform:translateY(-50%)}.s3.on .s3_title .mode-list{transition:transform 600ms cubic-bezier(0.4,0,1,1) 1000ms,opacity 600ms cubic-bezier(0.4,0,1,1) 1000ms}.ar .mode-list{direction:ltr}.ar .mode-list .years,.ar .mode-list .mode1,.ar .mode-list .mode2{direction:rtl}.mode-list a{padding:0 15px;height:44px;background-color:#fff;color:#19191a;box-sizing:border-box;display:flex;align-items:center;position:relative;margin-left:10px;text-align:center;border-radius:5px;transition:all .3s;-webkit-transition:all .3s}.mode-list a.on{background-color:#ffca13}.mode-list a.on:hover{background-color:#edb11f}.mode-list a .text{width:100%;font-size:24px;line-height:44px}.mode-list a:hover{background-color:#cdcdcd}.list-mode{width:calc(1700 / 2200 * 100vw);height:calc(670 / 2200 * 100vw);overflow:hidden;margin:0 auto 0;text-align:center;display:none;position:relative}.s3 .list-mode.on{display:block}.list-mode .rpyalepass{display:inline-block;width:calc(358 / 2200 * 100vw);overflow:hidden;margin:0 calc(28 / 2200 * 100vw) calc(40 / 2200 * 100vw);position:relative}.list-mode .rpyalepass p{font-size:calc(26 / 2200 * 100vw);font-weight:bold;text-align:left;color:#010101;margin-top:calc(10 / 2200 * 100vw);-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:color .8s;-webkit-transition:color .8s}.list-mode .rpyalepass p.name{margin-top:0}.list-mode .rpyalepass a{display:block;width:100%;height:calc(202 / 2200 * 100vw);overflow:hidden;border-radius:calc(5 / 2200 * 100vw);position:relative}.list-mode .rpyalepass a:after{content:'';width:calc(44 / 2200 * 100vw);height:calc(44 / 2200 * 100vw);background:url(/images/event/royalepass/jump.png) center / 100% repeat;position:absolute;bottom:-1px;right:-1px;border-radius:calc(5 / 2200 * 100vw);transition:none;-webkit-transition:none}.list-mode .rpyalepass:hover a:after{background-position-x:calc(44 / 2200 * 100vw) !important;transition:all .8s;-webkit-transition:all .8s}.list-mode .rpyalepass:hover p{color:#ffbe21}.list-mode .rpyalepass a img{display:block;width:100%;height:auto;transition:all .8s;-webkit-transition:all .8s}.list-mode .rpyalepass a img:hover{transform:scale(1.2);-webkit-transform:scale(1.2)}.s3 .eventSwiper{display:inline-block;width:358px;overflow:hidden;position:relative}.s3 .eventSwiper{transform:translate3d(0,0,0);overflow:hidden}.s3 .eventSwiper .swiper-slide{transform:translate3d(0,0,0)}.s3 .eventSwiper p{font-weight:bold;text-align:left;color:#010101;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.s3 .eventSwiper p.text{margin-top:0}.s3 .eventSwiper .pic{display:block;width:100%;height:202px;overflow:hidden;border-radius:5px;position:relative}.s3 .eventSwiper .pic img{display:block;width:100%;height:auto;transition:all .6s;filter:brightness(0.9)}.s3 .swiper-slide .s3_img_m{display:none}.s3 .eventSwiper{width:100%;height:calc(640 / 2200 * 100vw);position:absolute;top:48%;left:0;transform:translateY(-50%);padding-bottom:calc(140 / 2200 * 100vw);display:none}.s3 .eventSwiper.on{display:block}.s3 .eventSwiper .swiper-slide{width:calc(884 / 2200 * 100vw);height:calc(498 / 2200 * 100vw);margin:0 calc(25 / 2200 * 100vw)}.s3 .swiper-slide img{display:block;width:100%;height:100%;border-radius:5px;overflow:hidden}.s3 .eventSwiper .swiper-slide .pic::before{display:block;content:"";width:100%;height:calc(162 / 2200 * 100vw);background:url(/images/event/gamewiki/dot.png) no-repeat;background-size:100%;position:absolute;left:0;bottom:0;pointer-events:none;overflow:hidden;border-radius:0 0 5px 5px;z-index:1}.s3 .eventSwiper .swiper-slide-active .pic::before{background:url(/images/event/gamewiki/dot_on.png) no-repeat;background-size:100%}.s3 .eventSwiper .swiper-slide .pic{display:block;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:5px;transform:scale(0.9);transition:transform .33s linear}.s3 .eventSwiper .swiper-slide-active .pic{transform:scale(1)}.s3 .eventSwiper .swiper-slide .pic::after{content:"";background:url(/images/event/gamewiki/icon2.png) center / 100% repeat;width:calc(40 / 1920 * 100vw);height:calc(41 / 1920 * 100vw);position:absolute;bottom:0;right:0;border-radius:calc(5 / 1920 * 100vw) 0 0 0;z-index:1}.s3 .eventSwiper .swiper-slide .pic:hover::after{transition:all .8s;background-position-x:calc(40 / 1920 * 100vw) !important}.s3 .line{display:block;width:100%;height:calc(20 / 2200 * 100vw);background:url(/images/event/royalepass/icon4.png) no-repeat;background-size:100%;position:absolute;left:0;bottom:calc(57 / 2200 * 100vw)}.s3 .detail{width:calc(790 / 2200 * 100vw);height:calc(82 / 2200 * 100vw);position:absolute;left:50%;margin-left:calc(-395 / 2200 * 100vw);top:calc(415 / 2200 * 100vw);z-index:2;pointer-events:none}.s3 .swiper-slide .type{display:none;width:100%;text-align:center;color:#000;font-weight:bold;font-size:calc(26 / 2200 * 100vw);line-height:calc(26 / 2200 * 100vw);position:absolute;top:calc(597 / 2200 * 100vw);overflow:visible}.swiper-container .swiper-slide .btn_enter{display:block;width:calc(182 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);line-height:calc(42 / 1920 * 100vw);opacity:0;text-align:center;background-color:#ffca13;border-radius:5px;color:#19191a;font-size:calc(24 / 1920 * 100vw);position:absolute;bottom:calc(-50 / 1920 * 100vw);left:50%;margin-left:calc(-91 / 1920 * 100vw)}.swiper-container .swiper-slide-active .btn_enter{opacity:1;transition:opacity .8s;-webkit-transition:opacity .8s}.s3 .swiper-container .swiper-slide-active .type{display:block}.s3 .detail .text{font-size:calc(26 / 2200 * 100vw);color:#fff;line-height:calc(26 / 2200 * 100vw);text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.s3 .swiper-slide .type::after{content:"";display:none;width:calc(190 / 2200 * 100vw);height:calc(20 / 2200 * 100vw);position:absolute;top:calc(-31 / 2200 * 100vw);left:50%;margin-left:calc(-95 / 2200 * 100vw)}.s3 .swiper-slide-active .type::after{display:block;background:url(/images/event/royalepass/rp.png) no-repeat;background-size:100%}.s3 .eventSwiper .swiper-slide .text{transition:color .2s linear}.s3 .eventSwiper .swiper-slide:hover .text{color:#ffbe21}.s3 .prev,.s3 .next{display:block;width:calc(53 / 1920 * 100vw + 2px);height:calc(113 / 1920 * 100vw);position:absolute;top:calc(50% + -90 / 1920 * 100vw);margin-top:calc(-56 / 1920 * 100vw);z-index:11;overflow:hidden;border-radius:5px;border:1px solid #ffca13}.s3 .prev{left:calc(260 / 1920 * 100vw);background:url(/images/event/royalepass/prve.png) center / calc(53 / 1920 * 100vw) repeat}.s3 .next{right:calc(260 / 1920 * 100vw);background:url(/images/event/royalepass/next.png) center / calc(53 / 1920 * 100vw) repeat}.s3 .prev:hover{background-position-x:calc(-53 / 1920 * 100vw) !important;transition:background .8s;-webkit-transition:background .8s}.s3 .next:hover{background-position-x:calc(53 / 1920 * 100vw) !important;transition:background .8s;-webkit-transition:background .8s}.s3_navigation{width:100%;margin:calc(-30 / 1920 * 100vw) auto 0;justify-content:right;display:flex;position:absolute;bottom:0;right:0;direction:ltr}.s3_navigation .s3_next,.s3_navigation .s3_prev{display:block;width:calc(53/ 1920 * 100vw);height:calc(53/ 1920 * 100vw);margin:0 10px}.s3_navigation .s3_next.un,.s3_navigation .s3_prev.un{pointer-events:none;opacity:.5}.s3_navigation .s3_next{background:url(/images/event/security-center/btn_next.png) 0/100% 100% no-repeat}.s3_navigation .s3_prev{background:url(/images/event/security-center/btn_prev.png) 0/100% 100% no-repeat}.s3_navigation .s3_next:hover{background:url(/images/event/security-center/btn_next_on.png) 0/100% 100% no-repeat}.s3_navigation .s3_prev:hover{background:url(/images/event/security-center/btn_prev_on.png) 0/100% 100% no-repeat}.s6{height:225px !important;background:#131313}@media only screen and (min-width:1921px){.s3 .s3_title{height:calc(223 / 2560 * 100vw);line-height:calc(223 / 2560 * 100vw);font-size:calc(80 / 2560 * 100vw);background-size:100%}.s3 .s3_panel{height:calc(100vh - 223 / 2560 * 100vw - 80px)}.s3 .eventSwiper{height:calc(640 / 2560 * 100vw);padding-bottom:calc(140 / 2560 * 100vw)}.s3 .eventSwiper .swiper-slide{width:calc(884 / 2560 * 100vw);height:calc(498 / 2560 * 100vw);margin:0 calc(25 / 2560 * 100vw)}.s3 .eventSwiper .swiper-slide .pic::before{height:calc(162 / 2560 * 100vw)}.s3 .eventSwiper .swiper-slide .pic{display:block;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:5px;transform:scale(0.9);transition:transform .33s linear}.s3 .eventSwiper .swiper-slide-active .pic{transform:scale(1)}.s3 .eventSwiper .swiper-slide .pic::after{width:calc(40 / 2560 * 100vw);height:calc(41 / 2560 * 100vw);border-radius:calc(5 / 2560 * 100vw) 0 0 0}.s3 .eventSwiper .swiper-slide .pic:hover::after{background-position-x:calc(40 / 2560 * 100vw) !important}.s3 .line{height:calc(20 / 2560 * 100vw);bottom:calc(57 / 2560 * 100vw)}.s3 .detail{width:calc(790 / 2560 * 100vw);height:calc(82 / 2560 * 100vw);margin-left:calc(-395 / 2560 * 100vw);top:calc(415 / 2560 * 100vw)}.s3 .swiper-slide .type{font-size:calc(26 / 2560 * 100vw);line-height:calc(26 / 2560 * 100vw);top:calc(597 / 2560 * 100vw)}.swiper-container .swiper-slide .btn_enter{width:calc(182 / 2560 * 100vw);height:calc(40 / 2560 * 100vw);line-height:calc(42 / 2560 * 100vw);font-size:calc(24 / 2560 * 100vw);bottom:calc(-50 / 2560 * 100vw);margin-left:calc(-91 / 2560 * 100vw)}.s3 .detail .text{font-size:calc(26 / 2560 * 100vw);line-height:calc(26 / 2560 * 100vw)}.s3 .swiper-slide .type::after{width:calc(190 / 2560 * 100vw);height:calc(20 / 2560 * 100vw);top:calc(-31 / 2560 * 100vw);margin-left:calc(-95 / 2560 * 100vw)}.s3 .prev,.s3 .next{width:calc(53 / 2560 * 100vw + 2px);height:calc(113 / 2560 * 100vw);margin-top:calc(-56 / 2560 * 100vw);top:calc(50% + -100 / 2560 * 100vw)}.s3 .prev{left:calc(560 / 2560 * 100vw);background:url(/images/event/royalepass/prve.png) center / calc(53 / 2560 * 100vw) repeat}.s3 .next{right:calc(560 / 2560 * 100vw);background:url(/images/event/royalepass/next.png) center / calc(53 / 2560 * 100vw) repeat}.s3 .prev:hover{background-position-x:calc(-53 / 2560 * 100vw) !important}.s3 .next:hover{background-position-x:calc(53 / 2560 * 100vw) !important}.scroll{width:calc(200 / 2560 * 100vw);height:calc(85 / 2560 * 100vw);line-height:calc(22 / 2560 * 100vw);font-size:calc(20 / 2560 * 100vw)}.scroll::before{height:calc(52 / 2560 * 100vw)}.scroll::after{height:calc(15 / 2560 * 100vw)}@keyframes updown{100%{transform:translate(-50%,100%)}0%{transform:translate(-50%,calc((15 - 52) / 2560 * 100vw))}}}@media only screen and (max-width:1000px){.list-mode{width:calc(1300 / 1400 * 100vw);height:calc(915 / 1400 * 100vw)}.list-mode .rpyalepass{width:calc(358 / 1400 * 100vw);margin:0 calc(28 / 1400 * 100vw) calc(40 / 1400 * 100vw)}.list-mode .rpyalepass p{font-size:calc(26 / 1400 * 100vw);margin-top:calc(10 / 1400 * 100vw)}.list-mode .rpyalepass p.name{margin-top:0}.list-mode .rpyalepass a{height:calc(202 / 1400 * 100vw);border-radius:calc(5 / 1400 * 100vw)}.list-mode .rpyalepass a:after{width:calc(44 / 1400 * 100vw);height:calc(44 / 1400 * 100vw);border-radius:calc(5 / 1400 * 100vw)}.list-mode .rpyalepass:hover a:after{background-position-x:calc(44 / 1400 * 100vw) !important}.mode-list a{padding:0 calc(15 / 1400 * 100vw);height:calc(44 / 1400 * 100vw);margin-left:calc(10 / 1400 * 100vw);border-radius:calc(5 / 1400 * 100vw)}.mode-list a .text{font-size:calc(24 / 1400 * 100vw);line-height:calc(44 / 1400 * 100vw)}.s3 .eventSwiper{height:calc(640 / 1400 * 100vw);padding-bottom:calc(140 / 1400 * 100vw)}.s3 .eventSwiper .swiper-slide{width:calc(884 / 1400 * 100vw);height:calc(498 / 1400 * 100vw);margin:0 calc(25 / 1400 * 100vw)}.s3 .eventSwiper .swiper-slide .pic::before{height:calc(162 / 1400 * 100vw)}.s3 .eventSwiper .swiper-slide .pic{display:block;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:5px;transform:scale(0.9);transition:transform .33s linear}.s3 .eventSwiper .swiper-slide-active .pic{transform:scale(1)}.s3 .eventSwiper .swiper-slide .pic::after{width:calc(40 / 1400 * 100vw);height:calc(41 / 1400 * 100vw);border-radius:calc(5 / 1400 * 100vw) 0 0 0}.s3 .eventSwiper .swiper-slide .pic:hover::after{background-position-x:calc(40 / 1400 * 100vw) !important}.s3 .line{height:calc(20 / 1400 * 100vw);bottom:calc(53 / 1400 * 100vw)}.s3 .detail{width:calc(790 / 1400 * 100vw);height:calc(82 / 1400 * 100vw);margin-left:calc(-395 / 1400 * 100vw);top:calc(415 / 1400 * 100vw)}.s3 .swiper-slide .type{font-size:calc(26 / 1400 * 100vw);line-height:calc(26 / 1400 * 100vw);top:calc(597 / 1400 * 100vw)}.swiper-container .swiper-slide .btn_enter{width:calc(182 / 1400 * 100vw);height:calc(40 / 1400 * 100vw);line-height:calc(42 / 1400 * 100vw);font-size:calc(24 / 1400 * 100vw);bottom:calc(-50 / 1400 * 100vw);margin-left:calc(-91 / 1400 * 100vw)}.s3 .detail .text{font-size:calc(26 / 1400 * 100vw);line-height:calc(26 / 1400 * 100vw)}.s3 .swiper-slide .type::after{width:calc(190 / 1400 * 100vw);height:calc(20 / 1400 * 100vw);top:calc(-31 / 1400 * 100vw);margin-left:calc(-95 / 1400 * 100vw)}.s3 .prev,.s3 .next{width:calc(53 / 1400 * 100vw + 2px);height:calc(113 / 1400 * 100vw);margin-top:calc(-56 / 1400 * 100vw);top:calc(50% + -90 / 1400 * 100vw)}.s3 .prev{left:calc(100 / 1400 * 100vw);background:url(/images/event/royalepass/prve.png) center / calc(53 / 1400 * 100vw) repeat}.s3 .next{right:calc(100 / 1400 * 100vw);background:url(/images/event/royalepass/next.png) center / calc(53 / 1400 * 100vw) repeat}.s3 .prev:hover{background-position-x:calc(-53 / 1400 * 100vw) !important}.s3 .next:hover{background-position-x:calc(53 / 1400 * 100vw) !important}.s6{height:300px !important}}@media only screen and (max-width:600px){.scroll{width:calc(200 / 640 * 100vw);height:calc(70 / 640 * 100vw);line-height:calc(22 / 640 * 100vw);font-size:calc(20 / 640 * 100vw)}.scroll::before{height:calc(42 / 640 * 100vw)}.scroll::after{height:calc(15 / 640 * 100vw)}@keyframes updown{100%{transform:translate(-50%,100%)}0%{transform:translate(-50%,calc((15 - 42) / 640 * 100vw))}}.s3 .s3_title{height:calc(211 / 640 * 100vw);line-height:calc(140 / 640 * 100vw);font-size:calc(45 / 640 * 100vw);white-space:nowrap;background:url(/images/event/royalepass/top_before.jpg) top center / 100% 100% no-repeat}.s3.on .s3_title{background-image:url(/images/event/royalepass/top_m.jpg)}.s3 .s3_title span{width:100vw;text-align:center}.mode-list{top:calc(190 / 750 * 100vw);right:5vw}.mode-list a{padding:0 calc(15 / 640 * 100vw);height:calc(44 / 640 * 100vw);margin:0 calc(5 / 640 * 100vw);border-radius:calc(5 / 640 * 100vw)}.mode-list a .text{font-size:calc(24 / 640 * 100vw);line-height:calc(44 / 640 * 100vw);white-space:nowrap}.list-mode{width:100%;height:calc(680 / 640 * 100vw);position:absolute;top:40%;transform:translateY(-50%)}.list-mode .rpyalepass{width:calc(358 / 750 * 100vw);margin:0 calc(8 / 750 * 100vw) calc(40 / 750 * 100vw)}.list-mode .rpyalepass p{font-size:calc(26 / 750 * 100vw);margin-top:calc(10 / 750 * 100vw)}.list-mode .rpyalepass p.name{margin-top:0}.list-mode .rpyalepass a{height:calc(202 / 750 * 100vw);border-radius:calc(5 / 750 * 100vw)}.list-mode .rpyalepass a:after{width:calc(44 / 750 * 100vw);height:calc(44 / 750 * 100vw);border-radius:calc(5 / 750 * 100vw)}.list-mode .rpyalepass:hover a:after{background-position-x:calc(44 / 750 * 100vw) !important}.s3 .swiper-container{height:calc(740 / 750 * 100vw);padding-bottom:calc(70 / 750 * 100vw);z-index:1;top:39%}.s3 .swiper-container .swiper-slide{width:calc(342 / 750 * 100vw);height:calc(616 / 750 * 100vw);margin:0 calc(18 / 750 * 100vw)}.pic:hover img{transform:none}.s3 .eventSwiper .pic .s3_img_pc{display:none}.s3 .eventSwiper .pic .s3_img_m{display:block}.s3 .swiper-slide a img{width:auto;height:100%;margin:0 auto}.s3 .eventSwiper .swiper-slide .pic::before{height:calc(162 / 750 * 100vw);background:url(/images/event/gamewiki/m_dot.png) no-repeat;background-size:100% 100%}.s3 .eventSwiper .swiper-slide-active .pic::before{background:url(/images/event/gamewiki/m_dot_on.png) no-repeat;background-size:100% 100%}.s3 .eventSwiper .swiper-slide a::after{width:calc(40 / 750 * 100vw);height:calc(41 / 750 * 100vw);border-radius:calc(5 / 750 * 100vw) 0 0 0}.s3 .eventSwiper .swiper-slide a:hover::after{background-position-x:calc(40 / 750 * 100vw) !important}.s3 .detail{width:calc(300 / 750 * 100vw);height:calc(180 / 750 * 100vw);left:50%;margin-left:calc(-150 / 750 * 100vw);bottom:calc(-90 / 750 * 100vw);top:unset}.s3 .detail .text{font-size:calc(26 / 750 * 100vw);line-height:calc(26 / 750 * 100vw);bottom:0}.s3 .eventSwiper .swiper-slide .pic::after{width:calc(40 / 750 * 100vw);height:calc(41 / 750 * 100vw);border-radius:calc(5 / 750 * 100vw) 0 0 0}.s3 .eventSwiper .swiper-slide .pic:hover::after{background-position-x:calc(40 / 750 * 100vw) !important}.swiper-container .swiper-slide .btn_enter{width:calc(182 / 750 * 100vw);height:calc(40 / 750 * 100vw);line-height:calc(42 / 750 * 100vw);font-size:calc(24 / 750 * 100vw);bottom:calc(-50 / 750 * 100vw);margin-left:calc(-91 / 750 * 100vw)}.s3 .swiper-slide .type{font-size:calc(26 / 750 * 100vw);line-height:calc(26 / 750 * 100vw);top:calc(700 / 750 * 100vw)}.s3 .detail .rp{width:calc(190 / 750 * 100vw);height:calc(20 / 750 * 100vw);left:50%;margin-left:calc(-95 / 750 * 100vw);top:calc(-556 / 750 * 100vw)}.s3 .line{height:calc(20 / 750 * 100vw);background:url(/images/event/royalepass/icon5.png) no-repeat;background-size:100% 100%;top:calc(678 / 750 * 100vw)}.s3 .prev,.s3 .next{width:calc(53 / 750 * 100vw + 2px);height:calc(113 / 750 * 100vw);top:calc(39% + -50 / 750 * 100vw);margin-top:calc(-56 / 750 * 100vw)}.s3 .prev{left:calc(60 / 750 * 100vw);background:url(/images/event/royalepass/prve.png) center / calc(53 / 750 * 100vw) repeat}.s3 .next{right:calc(60 / 750 * 100vw);background:url(/images/event/royalepass/next.png) center / calc(53 / 750 * 100vw) repeat}.s3 .prev:hover{background-position-x:calc(-53 / 750 * 100vw) !important}.s3 .next:hover{background-position-x:calc(53 / 750 * 100vw) !important}.s3_navigation{margin-top:calc(10 / 640 * 100vw);width:calc(610 / 640 * 100vw);position:initial}.s3_navigation .s3_next,.s3_navigation .s3_prev{width:calc(53 / 640 * 100vw);height:calc(53 / 640 * 100vw)}.scroll{line-height:calc(22 / 640 * 100vw);font-size:calc(20 / 640 * 100vw);bottom:0}.scroll .line{height:calc(60 / 640 * 100vw);top:calc(24 / 640 * 100vw)}}@media only screen and (max-width:500px){.wrap{position:relative;top:calc(108 / 640 * 100vw);height:calc(100vh - 108 / 640 * 100vw) !important}.page_swiper,.section:not(.s6){height:calc(100vh - 108 / 640 * 100vw) !important}.s6{height:calc(100vh - 108 / 640 * 100vw) !important;background:#19191b}}.HK .select-box span,.TW .select-box span,.HK .detail .name,.TW .detail .name{font-family:'all'}