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}a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-family:"all";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf')}@font-face{font-family:"ar";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf')}@font-face{font-family:"ru";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf')}@font-face{font-family:"th";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf')}@font-face{font-family:"tr";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf')}@font-face{font-family:"vi";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf')}.ar input,.ar p,.ar,.ur input,.ur p,.ur{font-family:"ar";direction:rtl}.ru input,.ru p,.ru{font-family:"ru"}.th input,.th p,.th{font-family:"th"}.tr input,.tr p,.tr{font-family:"tr"}.vi input,.vi p,.vi{font-family:"vi"}body{font-size:12px;-webkit-text-size-adjust:none;font-family:"all";min-width:320px;-webkit-text-size-adjust:none}body.ar{direction:rtl;unicode-bidi:bidi-override}.wrapper{display:block;width:100%;height:auto;overflow:hidden;background:url(/images/event/royalepassA17/bg1.jpg) 0 0/100% calc(1200/1920*100vw) no-repeat, url(/images/event/royalepassA17/bg2.jpg) 0 calc(1200/1920*100vw)/100% calc(3000/1920*100vw) no-repeat;background-color:#000}.section{width:100%;position:relative;overflow:hidden}.newdownload-wrap{bottom:initial !important;top:calc(820/1920*100vw) !important}.ar .newdownload-wrap,.ur .newdownload-wrap{direction:ltr !important}@media only screen and (max-width:1200px){.newdownload-wrap{transform:scale(.8);-ms-transform:scale(.8);-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8)}}.section.s1{height:calc(1030/1920*100vw)}.s1_logo{background:url(/images/event/royalepassA17/s1_logo.png) 0 0/100% 100% no-repeat;width:calc(177/1920*100vw);height:calc(233/1920*100vw);position:absolute;top:88px;right:calc(60/1920*100vw)}.s1_slogan{background:url(/images/event/royalepassA17/slogan/en.png) center center/100% 100% no-repeat;width:calc(1920/1920*100vw);height:calc(300/1920*100vw);position:absolute;top:calc(580/1920*100vw)}.id .s1_slogan{background:url(/images/event/royalepassA17/slogan/id.png) center center/100% 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA17/slogan/en.png) center center/100% 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA17/slogan/de.png) center center/100% 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA17/slogan/ar.png) center center/100% 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA17/slogan/es.png) center center/100% 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA17/slogan/fr.png) center center/100% 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA17/slogan/hk.png) center center/100% 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA17/slogan/tw.png) center center/100% 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA17/slogan/my.png) center center/100% 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA17/slogan/pt.png) center center/100% 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA17/slogan/ru.png) center center/100% 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA17/slogan/th.png) center center/100% 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA17/slogan/tr.png) center center/100% 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA17/slogan/vi.png) center center/100% 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA17/slogan/uz.png) center center/100% 100% no-repeat}.section.s2{height:calc(1162/1920*100vw)}.s2_slogan{width:calc(1000 / 1920 * 100vw);height:calc(100/1920*100vw);font-size:calc(60/1920*100vw);text-align:center;font-weight:bold;line-height:calc(66/1920*100vw);color:#c9ddff;margin-top:calc(108/1920*100vw);margin-left:auto;margin-right:auto;position:relative;z-index:1;background:url(/images/event/royalepassA17/tit1_en.png) center center / 100% no-repeat}.id .s2_slogan{background:url(/images/event/royalepassA17/tit1_id.png) center center / 100% no-repeat}.en .s2_slogan{background:url(/images/event/royalepassA17/tit1_en.png) center center / 100% no-repeat}.de .s2_slogan{background:url(/images/event/royalepassA17/tit1_de.png) center center / 100% no-repeat}.ar .s2_slogan{background:url(/images/event/royalepassA17/tit1_ar.png) center center / 100% no-repeat}.es .s2_slogan{background:url(/images/event/royalepassA17/tit1_es.png) center center / 100% no-repeat}.fr .s2_slogan{background:url(/images/event/royalepassA17/tit1_fr.png) center center / 100% no-repeat}.HK .s2_slogan{background:url(/images/event/royalepassA17/tit1_hk.png) center center / 100% no-repeat}.TW .s2_slogan{background:url(/images/event/royalepassA17/tit1_tw.png) center center / 100% no-repeat}.my .s2_slogan{background:url(/images/event/royalepassA17/tit1_my.png) center center / 100% no-repeat}.pt .s2_slogan{background:url(/images/event/royalepassA17/tit1_pt.png) center center / 100% no-repeat}.ru .s2_slogan{background:url(/images/event/royalepassA17/tit1_ru.png) center center / 100% no-repeat}.th .s2_slogan{background:url(/images/event/royalepassA17/tit1_th.png) center center / 100% no-repeat}.tr .s2_slogan{background:url(/images/event/royalepassA17/tit1_tr.png) center center / 100% no-repeat}.vi .s2_slogan{background:url(/images/event/royalepassA17/tit1_vi.png) center center / 100% no-repeat}.uz .s2_slogan{background:url(/images/event/royalepassA17/tit1_uz.png) center center / 100% no-repeat}.s2_show{width:calc(1920/1920*100vw);height:calc(1313/1920*100vw);background:url(/images/event/royalepassA17/s2_show.png?v=1.2) 0 0/100% 100% no-repeat;margin:calc(-138/1920*100vw) auto 0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;box-sizing:border-box;padding:calc(205 / 1920 * 100vw) calc(254 / 1920 * 100vw) calc(336 / 1920 * 100vw) calc(260 / 1920 * 100vw)}.ar .s2_show,.ur .s2_show{direction:ltr}.s2_item{flex-shrink:0;width:calc(226/1920*100vw);height:calc(244/1920*100vw);position:relative;margin-bottom:calc(22 / 1920 * 100vw)}.s2_item.s2_item_min{width:calc(192/1920*100vw)}.s2_item p{position:absolute;bottom:calc(2 / 1920 * 100vw);left:0;width:100%;height:24%;color:#10283d;font-size:calc(18/1920*100vw);line-height:calc(22/1920*100vw);font-weight:bold;display:flex;align-items:center;justify-content:center;padding:0 5%;box-sizing:border-box;text-align:center}.section.s3{height:calc(1052 /1920*100vw)}.s3_slogan{width:calc(1000 / 1920 * 100vw);height:calc(100/1920*100vw);font-size:calc(60/1920*100vw);text-align:center;font-weight:bold;line-height:calc(66/1920*100vw);color:#c9ddff;margin-left:auto;margin-right:auto;position:relative;z-index:1;background:url(/images/event/royalepassA17/tit2_en.png) center center / 100% no-repeat}.id .s3_slogan{background:url(/images/event/royalepassA17/tit2_id.png) center center / 100% no-repeat}.en .s3_slogan{background:url(/images/event/royalepassA17/tit2_en.png) center center / 100% no-repeat}.de .s3_slogan{background:url(/images/event/royalepassA17/tit2_de.png) center center / 100% no-repeat}.ar .s3_slogan{background:url(/images/event/royalepassA17/tit2_ar.png) center center / 100% no-repeat}.es .s3_slogan{background:url(/images/event/royalepassA17/tit2_es.png) center center / 100% no-repeat}.fr .s3_slogan{background:url(/images/event/royalepassA17/tit2_fr.png) center center / 100% no-repeat}.HK .s3_slogan{background:url(/images/event/royalepassA17/tit2_hk.png) center center / 100% no-repeat}.TW .s3_slogan{background:url(/images/event/royalepassA17/tit2_tw.png) center center / 100% no-repeat}.my .s3_slogan{background:url(/images/event/royalepassA17/tit2_my.png) center center / 100% no-repeat}.pt .s3_slogan{background:url(/images/event/royalepassA17/tit2_pt.png) center center / 100% no-repeat}.ru .s3_slogan{background:url(/images/event/royalepassA17/tit2_ru.png) center center / 100% no-repeat}.th .s3_slogan{background:url(/images/event/royalepassA17/tit2_th.png) center center / 100% no-repeat}.tr .s3_slogan{background:url(/images/event/royalepassA17/tit2_tr.png) center center / 100% no-repeat}.vi .s3_slogan{background:url(/images/event/royalepassA17/tit2_vi.png) center center / 100% no-repeat}.uz .s3_slogan{background:url(/images/event/royalepassA17/tit2_uz.png) center center / 100% no-repeat}.s3_video{width:calc(1920/1920*100vw);height:calc(1313/1920*100vw);background:url(/images/event/royalepassA17/s3_show.png) 0 0/100% 100% no-repeat;margin:calc(-142/1920*100vw) auto 0;display:flex;align-items:center;justify-content:center}.btn_play{display:block;background:url(/images/event/royalepassA17/s3_play.png) 0 0/100% 100% no-repeat;width:calc(281/1920*100vw);height:calc(260/1920*100vw);-webkit-animation:fadeInBig 2s infinite linear;animation:fadeInBig 2s infinite linear;position:relative;top:calc(-78 / 1920 * 100vw)}.section.s4{height:calc(958/1920*100vw);position:relative;z-index:1}.s4_tab{display:flex;width:calc(581/1920*100vw);height:calc(79/1920*100vw);position:absolute;left:calc(250/1920*100vw);top:calc(83/1920*100vw);z-index:3}.s4_tab a{display:flex;width:calc(289/1920*100vw);height:calc(83/1920*100vw);background-size:100% 100%;background:url(/images/event/royalepassA17/s4_tab.png) center center / 100% no-repeat;text-align:center;align-items:center;justify-content:center;box-sizing:border-box;margin:0 calc(-5 / 1920 * 100vw)}.s4_tab a.on{background:url(/images/event/royalepassA17/s4_tab_act.png) center center / 100% no-repeat}.s4_tab a p{font-size:calc(22/1920*100vw);color:#7cb3e6;font-weight:bold;opacity:.6}.s4_tab a.on p{color:#10283d;opacity:1}.s4_show{display:none;width:calc(1882/1920*100vw);height:calc(991/1920*100vw);background:url(/images/event/royalepassA17/s4_show.png) 0 0/100% 100% no-repeat;position:absolute;direction:ltr;z-index:2;top:calc(12/1920*100vw);left:0;right:0;margin:0 auto}.s4_show.on{display:block}.s4_swiper_container{display:block;width:calc(1882/1920*100vw);height:calc(991/1920*100vw);overflow:unset}.s4_text{position:absolute;left:calc(278/1920*100vw);top:calc(215/1920*100vw);width:calc(500/1920*100vw)}.s4_text_title{font-size:calc(66/1920*100vw);line-height:calc(81/1920*100vw);font-weight:bold;color:#ffeebd;filter:drop-shadow(0 1px 2px #fff)}.s4_text span{font-size:calc(26/1920*100vw);font-weight:bold;line-height:calc(36/1920*100vw);color:#fff}.ar .s4_text,.ur .s4_text{text-align:right;direction:rtl;left:calc(260 / 1920 * 100vw)}.role{display:block;width:calc(424/1920*100vw);height:calc(888/1920*100vw);position:absolute;left:calc(763/1920*100vw);top:calc(41/1920*100vw);z-index:9}.slide1 .role{background:url(/images/event/royalepassA17/s4_role1.png) 0 0/100% 100% no-repeat}.slide2 .role{background:url(/images/event/royalepassA17/s4_role2.png) 0 0/100% 100% no-repeat}.slide3 .role{background:url(/images/event/royalepassA17/s4_role3.png) 0 0/100% 100% no-repeat}.s4_text2{width:calc(547/1920*100vw);height:calc(443/1920*100vw);background:url(/images/event/royalepassA17/s4_text.png) 0 0/100% 100% no-repeat;position:absolute;right:calc(178/1920*100vw);top:calc(245/1920*100vw);padding:calc(30/1920*100vw) calc(50/1920*100vw) calc(28/1920*100vw);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.s4_text2 p{font-size:calc(52/1920*100vw);font-weight:bold;color:#163555}.s4_prev{display:block;background:url(/images/event/royalepassA17/s4_prev.png) 0 0/100% 100% no-repeat;width:calc(138/1920*100vw);height:calc(131/1920*100vw);position:absolute;left:calc(83/1920*100vw);top:calc(400/1920*100vw);z-index:11}.s4_next{display:block;background:url(/images/event/royalepassA17/s4_next.png) 0 0/100% 100% no-repeat;width:calc(138/1920*100vw);height:calc(131/1920*100vw);position:absolute;right:calc(42/1920*100vw);top:calc(400/1920*100vw);z-index:5}.s4_swiper_pagination{width:auto;height:calc(449/1920*100vw);position:absolute;bottom:calc(76/1920*100vw);left:calc(240/1920*100vw);z-index:3;display:flex;align-items:flex-end}.s4 .swiper-pagination-bullet{width:calc(133/1920*100vw);height:calc(297/1920*100vw);margin:0 calc(10/1920*100vw);position:relative;opacity:1;border-radius:0 !important}.s4 .swiper-pagination-bullet-active{width:calc(208/1920*100vw);height:calc(449/1920*100vw);margin:0 calc(10/1920*100vw);opacity:1;position:relative}.s4 .swiper-pagination span:nth-child(1){background:url(/images/event/royalepassA17/pagination1.png) top center/auto 100% no-repeat;width:calc(133 / 1920 * 100vw);height:calc(297 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA17/pagination2.png) top center/auto 100% no-repeat;width:calc(133 / 1920 * 100vw);height:calc(285 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA17/pagination3.png) top center/auto 100% no-repeat;width:calc(133 / 1920 * 100vw);height:calc(284 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background:url(/images/event/royalepassA17/pagination1_on.png) top center/auto 100% no-repeat;width:calc(228 / 1920 * 100vw);height:calc(465 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA17/pagination2_on.png) top center/auto 100% no-repeat;width:calc(208 / 1920 * 100vw);height:calc(448 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA17/pagination3_on.png) top center/auto 100% no-repeat;width:calc(204 / 1920 * 100vw);height:calc(446 / 1920 * 100vw)}.intr_box{display:block;width:calc(1571/1920*100vw);height:calc(672/1920*100vw);margin:0 auto;position:relative;top:calc(145/1920*100vw)}.intr_box:after{display:block;content:'';width:calc(365/1920*100vw);height:calc(485/1920*100vw);background:url(/images/event/royalepassA17/s1_logo.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(66/1920*100vw);right:calc(100/1920*100vw)}.s4_text2_title{width:calc(800/1920*100vw);height:calc(100/1920*100vw);position:absolute;left:calc(165/1920*100vw);top:calc(126/1920*100vw);font-size:calc(26/1920*100vw);line-height:calc(38/1920*100vw);font-weight:bold;color:#fff}.line{display:block;background:url(/images/event/royalepassA17/line.png) 0 0/100% 100% no-repeat;width:calc(791/1920*100vw);height:calc(3/1920*100vw);position:absolute;left:calc(150/1920*100vw);top:calc(223/1920*100vw)}.intr_box ol{width:calc(825/1920*100vw);position:absolute;left:calc(155/1920*100vw);top:calc(270/1920*100vw);font-size:calc(24/1920*100vw);line-height:calc(26/1920*100vw);color:#fff}.intr_box li{display:flex;align-items:center;margin-bottom:calc(20/1920*100vw)}.intr_box ol li i{display:block;width:calc(30/1920*100vw);height:calc(30/1920*100vw);flex-shrink:0;margin:0 calc(10/1920*100vw)}.intr_box ol li .num1{background:url(/images/event/royalepassA17/num1.png) 0 0/100% 100% no-repeat}.intr_box ol li .num2{background:url(/images/event/royalepassA17/num2.png) 0 0/100% 100% no-repeat}.intr_box ol li .num3{background:url(/images/event/royalepassA17/num3.png) 0 0/100% 100% no-repeat}.intr_box ol li .num4{background:url(/images/event/royalepassA17/num4.png) 0 0/100% 100% no-repeat}.ar .intr_box li,.ur .intr_box li{flex-direction:row-reverse;text-align:right}.th .s2_slogan,.th .s3_slogan{font-size:calc(66/1920*100vw)}.th .s2_item p{font-size:calc(26/1920*100vw);line-height:calc(30/1920*100vw)}.th .s4_tab a p,.th .intr_box ol{font-size:calc(30/1920*100vw)}.th .s4_text_title{font-size:calc(80/1920*100vw)}.th .s4_text span,.th .s4_text2_title{font-size:calc(32/1920*100vw)}.ru .s2_item p{font-size:calc(18/1920*100vw);line-height:calc(22/1920*100vw)}.to_top{display:block;background:url(/images/event/royalepassA17/to_top.png) center center / 100% no-repeat;width:calc(224 / 1920 * 100vw);height:calc(229 / 1920 * 100vw);position:absolute;right:calc(0 / 1920 * 100vw);bottom:calc(50 / 1920 * 100vw);z-index:2}#navigation{background:url(/images/event/royalepassA17/nav1.png) 0 0/calc(75/1920*100vw) 100% no-repeat;width:calc(75/1920*100vw);height:calc(534/1920*100vw);direction:ltr !important;position:fixed;left:0;top:55%;margin-top:calc(-317/1920*100vw);box-sizing:border-box;z-index:10;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;box-sizing:border-box}#navigation li{display:block;width:calc(56/1920*100vw);height:calc(56/1920*100vw);margin:calc(10/1920*100vw) 0;position:relative}#navigation li.act{width:calc(69/1920*100vw);height:calc(87/1920*100vw);background:url(/images/event/royalepassA17/nav3.png) 0 0/100% 100% no-repeat}#navigation li a{display:block;width:100%;height:100%;text-align:center;line-height:calc(56/1920*100vw);font-size:calc(26/1920*100vw);color:#fff;font-weight:bold;font-family:'all';filter:drop-shadow(2px 2px 2px #67faff)}#navigation li:first-child.act a{text-indent:calc(16 / 1920 * 100vw)}#navigation li.act a{line-height:calc(69/1920*100vw);font-size:calc(35/1920*100vw);color:#67faff;opacity:1;display:flex;align-items:center;text-indent:calc(12 / 1920 * 100vw)}.b-bg{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999;background:rgba(0,0,0,.8);display:none}.pop-vid{width:calc(1200/1920*100vw);height:calc(680/1920*100vw);background:#000;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.mclass .pop-vid .close{width:calc(50 / 750 * 100vw);height:calc(50 / 750 * 100vw);top:calc(-70 / 750 * 100vw);right:0}.pop-close{display:block;width:calc(40/1920*100vw);height:calc(40/1920*100vw);position:absolute;top:0;right:calc(-60/1920*100vw);background:url(/images/event/royalepassA17/btn_close.png) top center/auto 100% no-repeat;background-size:100% 100%}.pop-player{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.pop-player video{display:block;width:100%}.pop-loading{display:block;position:absolute;left:50%;top:50%;font-size:22px;text-align:center;color:#fff;line-height:3;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop-loading.loaded{display:none}.x-center{left:50%;transform:translateX(-50%) !important;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}@-webkit-keyframes fadeInBig{0%{transform:scale(1) translateZ(10px)}50%{transform:scale(.8) translateZ(10px)}100%{transform:scale(1) translateZ(10px)}}@keyframes fadeInBig{0%{transform:scale(1) translateZ(10px)}50%{transform:scale(.8) translateZ(10px)}100%{transform:scale(1) translateZ(10px)}}