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"}.TW,.TW input,.TW select,.HK,.HK input,.HK select{font-family:"Noto Sans TC",Arial,Helvetica,sans-serif}.ZH,.ZH input,.ZH select{font-family:"Noto Sans SC",Arial,Helvetica,sans-serif}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/royalepassA19/bg1.jpg) 0 0/100% calc(1065/1920*100vw) no-repeat, url(/images/event/royalepassA19/bg2.jpg) 0 calc(1065/1920*100vw)/100% calc(3136/1920*100vw) no-repeat;background-color:#000}.section{width:100%;position:relative;overflow:hidden}.newdownload-wrap{bottom:initial;top:calc(740/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/royalepassA19/s1_logo.png) 0 0/100% 100% no-repeat;width:calc(173/1920*100vw);height:calc(228/1920*100vw);position:absolute;top:88px;right:calc(60/1920*100vw)}.s1_slogan{background:url(/images/event/royalepassA19/slogan/en.png) center center/100% 100% no-repeat;width:calc(1540/1920*100vw);height:calc(179/1920*100vw);position:absolute;top:calc(580/1920*100vw);left:50%;margin-right:770px}.id .s1_slogan{background:url(/images/event/royalepassA19/slogan/id.png) center center/100% 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA19/slogan/en.png) center center/100% 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA19/slogan/de.png) center center/100% 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA19/slogan/ar.png) center center/100% 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA19/slogan/es.png) center center/100% 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA19/slogan/fr.png) center center/100% 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA19/slogan/HK.png) center center/100% 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA19/slogan/TW.png) center center/100% 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA19/slogan/my.png) center center/100% 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA19/slogan/pt.png) center center/100% 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA19/slogan/ru.png) center center/100% 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA19/slogan/th.png) center center/100% 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA19/slogan/tr.png) center center/100% 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA19/slogan/vi.png) center center/100% 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA19/slogan/uz.png) center center/100% 100% no-repeat}.section.s2{height:calc(1162/1920*100vw)}.s2_slogan{height:calc(53/1920*100vw);font-size:calc(60/1920*100vw);text-align:center;font-weight:bold;line-height:calc(66/1920*100vw);margin-top:calc(80/1920*100vw);margin-left:auto;margin-right:auto;color:#371104;text-shadow:calc(-2 / 1920 * 100vw) 0 0 #b36902}.s2_show{width:calc(1634/1920*100vw);height:calc(964/1920*100vw);background:url(/images/event/royalepassA19/s2_show.png) center center/contain no-repeat;margin:calc(-38/1920*100vw) auto 0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;box-sizing:border-box;padding:calc(135 / 1920 * 100vw) calc(98 / 1920 * 100vw) calc(53 / 1920 * 100vw) calc(110/ 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(20 / 1920 * 100vw)}.s2_item.s2_item_min{width:calc(192/1920*100vw)}.s2_item p{position:absolute;bottom:calc(6 / 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(1034 /1920*100vw)}.s3_slogan{width:calc(500/ 1920 * 100vw);height:calc(53/1920*100vw);font-size:calc(60/1920*100vw);text-align:center;font-weight:bold;line-height:calc(66/1920*100vw);margin-left:auto;margin-right:auto;color:#371104;text-shadow:calc(-2 / 1920 * 100vw) 0 0 #b36902}.s3_video{width:calc(1634/1920*100vw);height:calc(964/1920*100vw);background:url(/images/event/royalepassA19/s3_show.png) 0 0/100% 100% no-repeat;margin:0 auto;display:flex;align-items:center;justify-content:center}.btn_play{display:block;background:url(/images/event/royalepassA19/s3_play.png) 0 0/100% 100% no-repeat;width:calc(249/1920*100vw);height:calc(246/1920*100vw);-webkit-animation:fadeInBig 2s infinite linear;animation:fadeInBig 2s infinite linear}.section.s4{height:calc(976/1920*100vw);position:relative;z-index:1}.s4_tab{display:flex;width:calc(574/1920*100vw);height:calc(101/1920*100vw);position:absolute;left:calc(233/1920*100vw);top:calc(83/1920*100vw);z-index:1}.s4_tab a{display:flex;width:calc(281/1920*100vw);height:calc(84/1920*100vw);background-size:100% 100%;background:url(/images/event/royalepassA19/s4_tab.png) right bottom / 100% no-repeat;text-align:center;align-items:center;justify-content:center;box-sizing:border-box}.s4_tab a.on{background:url(/images/event/royalepassA19/s4_tab_act.png) left bottom / 100% no-repeat}.s4_tab a p{font-size:calc(22/1920*100vw);color:#ad9262;font-weight:bold}.s4_tab a.on p{color:#10283d;opacity:1}.s4_show{display:none;width:calc(1613/1920*100vw);height:calc(693/1920*100vw);background:url(/images/event/royalepassA19/s4_show.png) 0 0/100% 100% no-repeat;position:absolute;direction:ltr;z-index:2;top:calc(142/1920*100vw);left:calc(32 / 1920 * 100vw);right:0;margin:0 auto;pointer-events:none}.s4_show.on{display:block}.s4_show .s4_prev,.s4_show .s4_next,.s4_show .s4_swiper_pagination{pointer-events:auto}.s4_swiper_container{display:block;width:calc(1513/1920*100vw);height:calc(693 /1920*100vw);overflow:visible;pointer-events:none}.s4_text{position:absolute;left:calc(58 / 1920 * 100vw);top:calc(80 / 1920 * 100vw);width:calc(500/1920*100vw)}.s4_text_title{font-size:calc(80/1920*100vw);line-height:calc(81/1920*100vw);font-weight:bold;color:#ffc251;margin-bottom:calc(32/1920*100vw);filter:drop-shadow(calc(6/1920*100vw) calc(2/1920*100vw) #5d1301);background-image:linear-gradient(180deg,#fdfcbf 2%,#ffde59 20%,#fffbd9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ar .s4_text_title,.ur .s4_text_title{font-size:calc(72/1920*100vw)}.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(20 / 1920 * 100vw)}.ar .s4_text,.ur .s4_text{text-align:right;direction:rtl;left:calc(20 / 1920 * 100vw);font-size:calc(24/1920*100vw)}.role{display:block;width:calc(426/1920*100vw);height:calc(949/1920*100vw);position:absolute;left:calc(530 / 1920 * 100vw);top:calc(-112 / 1920 * 100vw);z-index:9}.slide1 .role{background:url(/images/event/royalepassA19/s4_role1.png) center center/contain no-repeat}.slide2 .role{background:url(/images/event/royalepassA19/s4_role2.png) center center/contain no-repeat}.slide3 .role{background:url(/images/event/royalepassA19/s4_role3.png) center center/contain no-repeat}.s4_text2{width:calc(464/1920*100vw);height:calc(360/1920*100vw);background:url(/images/event/royalepassA19/s4_text.png) 0 0/100% 100% no-repeat;position:absolute;right:calc(74 / 1920 * 100vw);top:calc(131 / 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(50/1920*100vw);font-weight:bold;color:#fff}.s4_text2 span{width:100%;display:block;font-size:calc(90/1920*100vw);line-height:calc(100/1920*100vw);margin:calc(10/1920*100vw) 0;background-image:linear-gradient(180deg,#ffe064 0,#fff28f 40%,#fffead 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.HK .s4_text2 p,.TW .s4_text2 p{font-size:calc(40/1920*100vw)}.HK .s4_text2 span,.TW .s4_text2 span{font-size:calc(74/1920*100vw);line-height:calc(84/1920*100vw)}.ar .s4_text2 span{font-size:calc(74/1920*100vw);line-height:calc(84/1920*100vw)}.s4_prev{display:block;background:url(/images/event/royalepassA19/s4_prev.png) 0 0/100% 100% no-repeat;width:calc(95/1920*100vw);height:calc(98/1920*100vw);position:absolute;left:calc(-76 / 1920 * 100vw);top:50%;transform:translateY(-50%);z-index:5}.s4_next{display:block;background:url(/images/event/royalepassA19/s4_next.png) 0 0/100% 100% no-repeat;width:calc(95/1920*100vw);height:calc(98/1920*100vw);position:absolute;right:calc(-42 / 1920 * 100vw);top:50%;transform:translateY(-50%);z-index:5}.s4_swiper_pagination{width:auto;height:calc(449/1920*100vw);position:absolute;bottom:calc(-99 / 1920 * 100vw);left:calc(62 / 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/royalepassA19/pagination1.png) top center/auto 100% no-repeat;width:calc(150 / 1920 * 100vw);height:calc(303 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA19/pagination2.png) top center/auto 100% no-repeat;width:calc(147 / 1920 * 100vw);height:calc(303 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA19/pagination3.png) top center/auto 100% no-repeat;width:calc(146 / 1920 * 100vw);height:calc(291 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background:url(/images/event/royalepassA19/pagination1_on.png) top center/auto 100% no-repeat;width:calc(201 / 1920 * 100vw);height:calc(435 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA19/pagination2_on.png) top center/auto 100% no-repeat;width:calc(187 / 1920 * 100vw);height:calc(445 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA19/pagination3_on.png) top center/auto 100% no-repeat;width:calc(189 / 1920 * 100vw);height:calc(423 / 1920 * 100vw)}.intr_box{display:block;width:calc(1571/1920*100vw);height:calc(672/1920*100vw);margin:0 auto;position:relative}.intr_box:after{display:block;content:'';width:calc(340/1920*100vw);height:calc(449/1920*100vw);background:url(/images/event/royalepassA19/s4_logo.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(85/1920*100vw);right:calc(131/1920*100vw)}.s4_text2_title{width:calc(800/1920*100vw);height:calc(100/1920*100vw);position:absolute;left:calc(129/1920*100vw);top:calc(148/1920*100vw);font-size:calc(26/1920*100vw);line-height:calc(38/1920*100vw);font-weight:bold;color:#ffc251}.line{display:block;background:url(/images/event/royalepassA19/line.png) 0 0/100% 100% no-repeat;width:calc(791/1920*100vw);height:calc(3/1920*100vw);position:absolute;left:calc(129 / 1920 * 100vw);top:calc(243 / 1920 * 100vw)}.intr_box ol{width:calc(825/1920*100vw);position:absolute;left:calc(129/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/royalepassA19/num1.png) 0 0/100% 100% no-repeat}.intr_box ol li .num2{background:url(/images/event/royalepassA19/num2.png) 0 0/100% 100% no-repeat}.intr_box ol li .num3{background:url(/images/event/royalepassA19/num3.png) 0 0/100% 100% no-repeat}.intr_box ol li .num4{background:url(/images/event/royalepassA19/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/royalepassA19/to_top.png) center center / 100% no-repeat;width:calc(120 / 1920 * 100vw);height:calc(130 / 1920 * 100vw);position:absolute;right:calc(44 / 1920 * 100vw);bottom:calc(108 / 1920 * 100vw);z-index:2}#navigation{background:url(/images/event/royalepassA19/nav1.png) 0 0/calc(91/1920*100vw) 100% no-repeat;width:calc(91/1920*100vw);height:calc(536/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;gap:calc(50/1920*100vw);padding-right:calc(24 / 1920 * 100vw)}#navigation li{display:block;width:calc(47/1920*100vw);height:calc(51/1920*100vw);margin:0 auto;position:relative}#navigation li.act{width:calc(47/1920*100vw);height:calc(51/1920*100vw);background:url(/images/event/royalepassA19/nav3.png) 0 center/100% 100% no-repeat}#navigation li a{display:block;margin:0 auto;width:100%;height:100%;text-align:center;line-height:calc(56/1920*100vw);font-size:calc(26/1920*100vw);color:#eccfaa;font-weight:bold;font-family:'all';position:absolute}#navigation li.act a{line-height:calc(69/1920*100vw);font-size:calc(35/1920*100vw);color:#fff;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/royalepassA19/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%)}#vplay_con{width:100%;height:100%;background-color:#000}@-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)}}