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/royalepassA18//bg1.jpg) 0 0/100% calc(1200/1920*100vw) no-repeat, url(/images/event/royalepassA18//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(1100/1920*100vw)}.s1_logo{background:url(/images/event/royalepassA18//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/royalepassA18//slogan/en.png) center center/100% 100% no-repeat;width:calc(1670/1920*100vw);height:calc(309/1920*100vw);position:absolute;top:calc(550/1920*100vw)}.id .s1_slogan{background:url(/images/event/royalepassA18//slogan/id.png) center center/100% 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA18//slogan/en.png) center center/100% 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA18//slogan/de.png) center center/100% 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA18//slogan/ar.png) center center/100% 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA18//slogan/es.png) center center/100% 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA18//slogan/fr.png) center center/100% 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA18//slogan/hk.png) center center/100% 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA18//slogan/tw.png) center center/100% 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA18//slogan/my.png) center center/100% 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA18//slogan/pt.png) center center/100% 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA18//slogan/ru.png) center center/100% 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA18//slogan/th.png) center center/100% 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA18//slogan/tr.png) center center/100% 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA18//slogan/vi.png) center center/100% 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA18//slogan/uz.png) center center/100% 100% no-repeat}.section.s2{height:calc(1137/1920*100vw)}.s2_slogan{width:calc(1920 / 1920 * 100vw);padding:0 calc(2 / 1920 * 100vw);height:calc(150/1920*100vw);font-size:calc(60/1920*100vw);text-align:center;font-weight:bold;line-height:calc(80/1920*100vw);color:transparent;margin-top:calc(58/1920*100vw);margin-left:auto;margin-right:auto;position:relative;z-index:1;background:url(/images/event/royalepassA18/tit_en.png) center center / 100% no-repeat}.id .s2_slogan{background:url(/images/event/royalepassA18/tit_id.png) center center/100% 100% no-repeat}.en .s2_slogan{background:url(/images/event/royalepassA18/tit_en.png) center center/100% 100% no-repeat}.de .s2_slogan{background:url(/images/event/royalepassA18/tit_de.png) center center/100% 100% no-repeat}.ar .s2_slogan{background:url(/images/event/royalepassA18/tit_ar.png) center center/100% 100% no-repeat}.es .s2_slogan{background:url(/images/event/royalepassA18/tit_es.png) center center/100% 100% no-repeat}.fr .s2_slogan{background:url(/images/event/royalepassA18/tit_fr.png) center center/100% 100% no-repeat}.HK .s2_slogan{background:url(/images/event/royalepassA18/tit_hk.png) center center/100% 100% no-repeat}.TW .s2_slogan{background:url(/images/event/royalepassA18/tit_tw.png) center center/100% 100% no-repeat}.my .s2_slogan{background:url(/images/event/royalepassA18/tit_my.png) center center/100% 100% no-repeat}.pt .s2_slogan{background:url(/images/event/royalepassA18/tit_pt.png) center center/100% 100% no-repeat}.ru .s2_slogan{background:url(/images/event/royalepassA18/tit_ru.png) center center/100% 100% no-repeat}.th .s2_slogan{background:url(/images/event/royalepassA18/tit_th.png) center center/100% 100% no-repeat}.tr .s2_slogan{background:url(/images/event/royalepassA18/tit_tr.png) center center/100% 100% no-repeat}.vi .s2_slogan{background:url(/images/event/royalepassA18/tit_vi.png) center center/100% 100% no-repeat}.uz .s2_slogan{background:url(/images/event/royalepassA18/tit_uz.png) center center/100% 100% no-repeat}.s2_slogan .slogan_bg{display:block;background:#000;height:calc(70 / 1920 * 100vw);width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:none}.s2_slogan span{max-width:calc(1000 / 1920 * 100vw);width:max-content;padding:0 calc(2 / 1920 * 100vw);height:calc(80 / 1920 * 100vw);font-size:calc(60 / 1920 * 100vw);text-align:center;font-weight:bold;line-height:calc(80 / 1920 * 100vw);color:transparent;display:block;background:url(/images/event/royalepassA18//text_material.png) center center / 100% 100% no-repeat;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;transform-style:preserve-3d;display:none}.s2_show{width:calc(1735/1920*100vw);height:calc(901/1920*100vw);background:url(/images/event/royalepassA18//s2_show.png?v=1.2) 0 0/100% 100% no-repeat;margin:calc(-76/1920*100vw) auto 0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;box-sizing:border-box;padding:calc(126 / 1920 * 100vw) calc(156 / 1920 * 100vw) calc(146 / 1920 * 100vw) calc(171 / 1920 * 100vw)}.ar .s2_show,.ur .s2_show{direction:ltr}.s2_item{flex-shrink:0;width:calc(179/1920*100vw);height:calc(206/1920*100vw);position:relative;margin-bottom:calc(32 / 1920 * 100vw)}.s2_item.s2_item_min{width:calc(160/1920*100vw);height:calc(179/1920*100vw)}.s2_item p{position:absolute;bottom:calc(2 / 1920 * 100vw);left:0;width:100%;height:24%;color:#fff;font-size:calc(17/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{max-width:calc(1000 / 1920 * 100vw);width:max-content;padding:0 calc(2 / 1920 * 100vw);height:calc(80 / 1920 * 100vw);font-size:calc(60 / 1920 * 100vw);text-align:center;font-weight:bold;line-height:calc(80 / 1920 * 100vw);color:transparent;margin-top:calc(58 / 1920 * 100vw);margin-left:auto;margin-right:auto;position:relative;z-index:1}.s3_slogan .slogan_bg{display:block;background:#000;height:calc(70 / 1920 * 100vw);width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.s3_slogan span{max-width:calc(1000 / 1920 * 100vw);width:max-content;padding:0 calc(2 / 1920 * 100vw);height:calc(80 / 1920 * 100vw);font-size:calc(60 / 1920 * 100vw);text-align:center;font-weight:bold;line-height:calc(80 / 1920 * 100vw);color:transparent;display:block;background:url(/images/event/royalepassA18//text_material.png) center center / 100% 100% no-repeat;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;transform-style:preserve-3d}.s3_video{width:calc(1747/1920*100vw);height:calc(895/1920*100vw);background:url(/images/event/royalepassA18//s3_show.png) 0 0/100% 100% no-repeat;margin:calc(-62/1920*100vw) auto 0;display:flex;align-items:center;justify-content:center}.btn_play{display:block;background:url(/images/event/royalepassA18//s3_play.png) 0 0/100% 100% no-repeat;width:calc(194/1920*100vw);height:calc(147/1920*100vw);-webkit-animation:fadeInBig 2s infinite linear;animation:fadeInBig 2s infinite linear;position:relative;top:calc(-52 / 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(0/1920*100vw);z-index:2}.s4_tab a{display:flex;width:calc(291/1920*100vw);height:calc(100/1920*100vw);background:url(/images/event/royalepassA18//s4_tab.png) center center / calc(582 / 1920 * 100vw) calc(184 / 1920 * 100vw) no-repeat;text-align:center;align-items:center;justify-content:center;box-sizing:border-box;margin:0 calc(-5 / 1920 * 100vw)}.s4_tab a:first-child{background-position:left top}.s4_tab a:last-child{background-position:right top}.ar .s4_tab a:first-child,.ur .s4_tab a:first-child{background-position:right top}.ar .s4_tab a:last-child,.ur .s4_tab a:last-child{background-position:left top}.s4_tab a.on{background:url(/images/event/royalepassA18//s4_tab_act.png) center center / calc(582 / 1920 * 100vw) calc(184 / 1920 * 100vw) no-repeat}.s4_tab a.s4_tab1.on{background-position:left top}.s4_tab a.s4_tab2.on{background-position:right top}.ar .s4_tab a.s4_tab1.on,.ur .s4_tab a.s4_tab1.on{background-position:right top}.ar .s4_tab a.s4_tab2.on,.ur .s4_tab a.s4_tab2.on{background-position:left top}.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_tab3,.s4_tab4{width:calc(284/1920*100vw);height:calc(74/1920*100vw);display:block;position:absolute;z-index:3}.s4_tab3{left:calc(242 / 1920 * 100vw)}.s4_tab4{left:calc(526 / 1920 * 100vw)}.ar .s4_tab3,.ur .s4_tab3{left:calc(526 / 1920 * 100vw)}.ar .s4_tab4,.ur .s4_tab4{left:calc(242 / 1920 * 100vw)}.s4_show{display:none;width:calc(1817/1920*100vw);height:calc(823/1920*100vw);background:url(/images/event/royalepassA18//s4_show.png) 0 0/100% 100% no-repeat;position:absolute;direction:ltr;z-index:2;top:calc(45/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(231/1920*100vw);top:calc(105/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:#39f0f9}.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(195 / 1920 * 100vw)}.role{display:block;width:calc(428/1920*100vw);height:calc(985/1920*100vw);position:absolute;left:calc(682/1920*100vw);top:calc(-92/1920*100vw);z-index:9}.slide1 .role{background:url(/images/event/royalepassA18//s4_role1.png) center center / calc(393 / 1920 * 100vw) calc(985 / 1920 * 100vw) no-repeat}.slide2 .role{background:url(/images/event/royalepassA18//s4_role2.png) center center / calc(402 / 1920 * 100vw) calc(909 / 1920 * 100vw) no-repeat}.slide3 .role{background:url(/images/event/royalepassA18//s4_role3.png) center center / calc(428 / 1920 * 100vw) calc(910 / 1920 * 100vw) no-repeat}.s4_text2{width:calc(492/1920*100vw);height:calc(394/1920*100vw);background:url(/images/event/royalepassA18//s4_text.png) 0 0/100% 100% no-repeat;position:absolute;right:calc(279/1920*100vw);top:calc(192/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:#fff}.fr .s4_text2 p{font-size:calc(46 / 1920 * 100vw)}.s4_prev{display:block;background:url(/images/event/royalepassA18//s4_prev.png) 0 0/100% 100% no-repeat;width:calc(111/1920*100vw);height:calc(120/1920*100vw);position:absolute;left:calc(48/1920*100vw);top:calc(322/1920*100vw);z-index:11}.s4_next{display:block;background:url(/images/event/royalepassA18//s4_next.png) 0 0/100% 100% no-repeat;width:calc(111/1920*100vw);height:calc(120/1920*100vw);position:absolute;right:calc(42/1920*100vw);top:calc(322/1920*100vw);z-index:5}.s4_swiper_pagination{width:auto;height:calc(449/1920*100vw);position:absolute;bottom:calc(76/1920*100vw);left:calc(192/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/royalepassA18//pagination1.png) top center/auto 100% no-repeat;width:calc(133 / 1920 * 100vw);height:calc(321 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA18//pagination2.png) top center/auto 100% no-repeat;width:calc(145 / 1920 * 100vw);height:calc(290 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA18//pagination3.png) top center/auto 100% no-repeat;width:calc(145 / 1920 * 100vw);height:calc(286 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background:url(/images/event/royalepassA18//pagination1_on.png) top center/auto 100% no-repeat;width:calc(172 / 1920 * 100vw);height:calc(409 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA18//pagination2_on.png) top center/auto 100% no-repeat;width:calc(185 / 1920 * 100vw);height:calc(376 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA18//pagination3_on.png) top center/auto 100% no-repeat;width:calc(193 / 1920 * 100vw);height:calc(378 / 1920 * 100vw)}.intr_box{display:block;width:calc(1571/1920*100vw);height:calc(672/1920*100vw);margin:0 auto;position:relative;top:calc(71/1920*100vw)}.intr_box:after{display:block;content:'';width:calc(365/1920*100vw);height:calc(485/1920*100vw);background:url(/images/event/royalepassA18//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:#78edf7}.line{display:block;background:url(/images/event/royalepassA18//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/royalepassA18//num1.png) 0 0/100% 100% no-repeat}.intr_box ol li .num2{background:url(/images/event/royalepassA18//num2.png) 0 0/100% 100% no-repeat}.intr_box ol li .num3{background:url(/images/event/royalepassA18//num3.png) 0 0/100% 100% no-repeat}.intr_box ol li .num4{background:url(/images/event/royalepassA18//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(22/1920*100vw);line-height:calc(22/1920*100vw);bottom:calc(-2 / 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(13/1920*100vw);line-height:calc(22/1920*100vw);bottom:calc(-2 / 1920 * 100vw)}.to_top{display:block;background:url(/images/event/royalepassA18//to_top.png) center center / 100% no-repeat;width:calc(143 / 1920 * 100vw);height:calc(111 / 1920 * 100vw);position:absolute;right:calc(0 / 1920 * 100vw);bottom:calc(50 / 1920 * 100vw);z-index:2}#navigation{background:url(/images/event/royalepassA18//nav1.png) 0 0/calc(122/1920*100vw) 100% no-repeat;width:calc(122/1920*100vw);height:calc(595/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(82/1920*100vw);height:calc(56/1920*100vw);margin:calc(10/1920*100vw) 0;position:relative}#navigation li.act{width:calc(82/1920*100vw);height:calc(108/1920*100vw);background:url(/images/event/royalepassA18//nav3.png) 0 0/100% 100% no-repeat}#navigation li a{display:block;width:100%;height:100%;text-align:center;justify-content:center;line-height:calc(56/1920*100vw);font-size:calc(26/1920*100vw);color:#fff;font-weight:bold;font-family:'all'}#navigation li.act a{line-height:calc(69/1920*100vw);font-size:calc(35/1920*100vw);color:#000;opacity:1;display:flex;align-items:center;justify-content:center}.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/royalepassA18//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)}}