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/royalepassA20/bg1.jpg) 0 0/100% calc(2100 / 1920 * 100vw) no-repeat, url(/images/event/royalepassA20/bg2.jpg) 0 calc(2099 / 1920 * 100vw) / 100% calc(2100 / 1920 * 100vw) no-repeat;background-color:#000}.section{width:100%;position:relative;overflow:hidden}.newdownload-wrap{bottom:initial !important;top:calc(785 / 1920 * 100vw) !important}.ar .newdownload-wrap,.ur .newdownload-wrap{direction:ltr !important}@media only screen and (max-width:1200px){.newdownload-wrap{transform:scale(0.8);-ms-transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8)}}.section.s1{height:calc(1030 / 1920 * 100vw)}.s1_logo{background:url(/images/event/royalepassA20/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/royalepassA20/slogan/en.png) center center/100% 100% no-repeat;width:calc(1500 / 1920 * 100vw);height:calc(136 / 1920 * 100vw);position:absolute;top:calc(610 / 1920 * 100vw);left:50%;margin-right:770px}.id .s1_slogan{background:url(/images/event/royalepassA20/slogan/id.png) center center/100% 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA20/slogan/en.png) center center/100% 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA20/slogan/de.png) center center/100% 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA20/slogan/ar.png) center center/100% 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA20/slogan/es.png) center center/100% 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA20/slogan/fr.png) center center/100% 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA20/slogan/HK.png) center center/100% 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA20/slogan/TW.png) center center/100% 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA20/slogan/my.png) center center/100% 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA20/slogan/pt.png) center center/100% 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA20/slogan/ru.png) center center/100% 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA20/slogan/th.png) center center/100% 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA20/slogan/tr.png) center center/100% 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA20/slogan/vi.png) center center/100% 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA20/slogan/uz.png) center center/100% 100% no-repeat}.section.s2{height:calc(1162 / 1920 * 100vw)}.s2_slogan{height:calc(78 / 1920 * 100vw);font-size:calc(68 / 1920 * 100vw);text-align:center;font-weight:bold;line-height:calc(78 / 1920 * 100vw);margin-top:calc(90 / 1920 * 100vw);margin-left:auto;margin-right:auto;color:#e5fcff;text-shadow:0 calc(3 / 1920 * 100vw) 0 #00318c}.s2_show{width:calc(1631 / 1920 * 100vw);height:calc(1058 / 1920 * 100vw);background:url(/images/event/royalepassA20/s2_show.png) center center/contain no-repeat;margin:calc(-50 / 1920 * 100vw) auto 0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;box-sizing:border-box;padding:calc(157 / 1920 * 100vw) calc(117 / 1920 * 100vw) calc(128 / 1920 * 100vw) calc(95 / 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:#0e2caf;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 calc(10 / 1920 * 100vw);box-sizing:border-box;text-align:center}.fr .s2_item p{font-size:calc(18 / 1920 * 100vw);line-height:calc(20 / 1920 * 100vw);bottom:calc(12 / 1920 * 100vw)}.ru .s2_item p{font-size:calc(18 / 1920 * 100vw);line-height:calc(20 / 1920 * 100vw);bottom:calc(12 / 1920 * 100vw)}.pt .s2_item p{font-size:calc(20 / 1920 * 100vw);line-height:calc(22 / 1920 * 100vw);bottom:calc(12 / 1920 * 100vw)}.es .s2_item p{font-size:calc(19 / 1920 * 100vw);line-height:calc(21 / 1920 * 100vw);bottom:calc(12 / 1920 * 100vw)}.de .s2_item p{font-size:calc(20 / 1920 * 100vw);line-height:calc(22 / 1920 * 100vw);bottom:calc(6 / 1920 * 100vw)}.section.s3{height:calc(1057 / 1920 * 100vw);position:relative}.s3_slogan{width:100%;height:calc(78 / 1920 * 100vw);font-size:calc(68 / 1920 * 100vw);text-align:center;font-weight:bold;line-height:calc(78 / 1920 * 100vw);margin-left:auto;margin-right:auto;color:#e5fcff;text-shadow:0 calc(3 / 1920 * 100vw) 0 #00318c;position:absolute;top:calc(10 / 1920 * 100vw)}.s3_video{width:calc(1632 / 1920 * 100vw);height:calc(1057 / 1920 * 100vw);background:url(/images/event/royalepassA20/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/royalepassA20/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:auto;height:auto;position:absolute;left:calc(233 / 1920 * 100vw);top:calc(54 / 1920 * 100vw);z-index:1}.s4_tab a{display:flex;width:calc(307 / 1920 * 100vw);height:calc(102 / 1920 * 100vw);background-size:100% 100%;background:url(/images/event/royalepassA20/s4_tab.png) 0 0/100% 100% no-repeat;text-align:center;align-items:center;justify-content:center;box-sizing:border-box}.s4_tab a.on{background:url(/images/event/royalepassA20/s4_tab_act.png) 0 0/100% 100% no-repeat}.s4_tab a p{font-size:calc(22 / 1920 * 100vw);color:#fff;text-shadow:0 calc(2 / 1920 * 100vw) 0 #00318c;font-weight:bold}.s4_tab a.on p{color:#000;opacity:1}.s4_show{display:none;width:calc(1610 / 1920 * 100vw);height:calc(730 / 1920 * 100vw);background:url(/images/event/royalepassA20/s4_show.png) 0 0/100% 100% no-repeat;position:absolute;direction:ltr;z-index:2;top:calc(108 / 1920 * 100vw);left:50%;margin-left:calc(-805 / 1920 * 100vw);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);font-size:calc(24 / 1920 * 100vw)}.role{display:block;width:calc(349 / 1920 * 100vw);height:calc(754 / 1920 * 100vw);position:absolute;left:calc(588 / 1920 * 100vw);top:calc(-30 / 1920 * 100vw);z-index:9}.slide1 .role{background:url(/images/event/royalepassA20/s4_role1.png) center center/contain no-repeat}.slide2 .role{background:url(/images/event/royalepassA20/s4_role2.png) center center/contain no-repeat}.slide3 .role{background:url(/images/event/royalepassA20/s4_role3.png) center center/contain no-repeat}.s4_text2{width:calc(509 / 1920 * 100vw);height:calc(416 / 1920 * 100vw);background:url(/images/event/royalepassA20/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/royalepassA20/s4_prev.png) 0 0/100% 100% no-repeat;width:calc(64 / 1920 * 100vw);height:calc(91 / 1920 * 100vw);position:absolute;left:calc(-50 / 1920 * 100vw);top:50%;transform:translateY(-50%);z-index:5}.s4_next{display:block;background:url(/images/event/royalepassA20/s4_next.png) 0 0/100% 100% no-repeat;width:calc(64 / 1920 * 100vw);height:calc(91 / 1920 * 100vw);position:absolute;right:calc(-50 / 1920 * 100vw);top:50%;transform:translateY(-50%);z-index:5}.s4_prev,.s4_next{cursor:pointer;transition:filter .16s ease;transform-origin:center center;user-select:none;-webkit-tap-highlight-color:transparent}.s4_prev.is-lock,.s4_next.is-lock{pointer-events:none}.s4_prev.is-click,.s4_next.is-click{animation:s4-nav-click .22s ease}@keyframes s4-nav-click{0%{transform:translateY(-50%) scale(1)}45%{transform:translateY(-50%) scale(0.86);filter:brightness(1.15)}100%{transform:translateY(-50%) scale(1);filter:brightness(1)}}.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(148 / 1920 * 100vw);height:calc(315 / 1920 * 100vw);margin:0 calc(10 / 1920 * 100vw);position:relative;opacity:1;border-radius:0 !important}.s4 .swiper-pagination-bullet-active{width:calc(200 / 1920 * 100vw);height:calc(455 / 1920 * 100vw);margin:0 calc(10 / 1920 * 100vw);opacity:1;position:relative}.s4 .swiper-pagination span:nth-child(1){background:url(/images/event/royalepassA20/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/royalepassA20/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/royalepassA20/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/royalepassA20/pagination1_on.png) top center/auto 100% no-repeat;width:calc(195 / 1920 * 100vw);height:calc(455 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA20/pagination2_on.png) top center/auto 100% no-repeat;width:calc(195 / 1920 * 100vw);height:calc(455 / 1920 * 100vw)}.s4 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA20/pagination3_on.png) top center/auto 100% no-repeat;width:calc(195 / 1920 * 100vw);height:calc(455 / 1920 * 100vw)}.intr_box{display:block;width:calc(1530 / 1920 * 100vw);height:calc(672 / 1920 * 100vw);margin:calc(30 / 1920 * 100vw) auto;position:relative}.intr_box:after{display:block;content:"";width:calc(340 / 1920 * 100vw);height:calc(449 / 1920 * 100vw);background:url(/images/event/royalepassA20/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/royalepassA20/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/royalepassA20/num1.png) 0 0/100% 100% no-repeat}.intr_box ol li .num2{background:url(/images/event/royalepassA20/num2.png) 0 0/100% 100% no-repeat}.intr_box ol li .num3{background:url(/images/event/royalepassA20/num3.png) 0 0/100% 100% no-repeat}.intr_box ol li .num4{background:url(/images/event/royalepassA20/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)}.to_top{display:block;background:url(/images/event/royalepassA20/to_top.png) center center / 100% no-repeat;width:calc(132 / 1920 * 100vw);height:calc(160 / 1920 * 100vw);position:absolute;right:calc(40 / 1920 * 100vw);bottom:calc(60 / 1920 * 100vw);z-index:2}#navigation{background:url(/images/event/royalepassA20/nav1.png) 0 0 / calc(91 / 1920 * 100vw) 100% no-repeat;width:calc(93 / 1920 * 100vw);height:calc(535 / 1920 * 100vw);direction:ltr !important;position:fixed;left:0;top:50%;margin-top:calc(-267.5 / 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(20 / 1920 * 100vw)}#navigation a{display:block;width:calc(67 / 1920 * 100vw);height:calc(61 / 1920 * 100vw);background:url(/images/event/royalepassA20/nav.png) 0 0/100% 100% no-repeat;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;font-size:calc(22 / 1920 * 100vw);line-height:calc(36 / 1920 * 100vw);color:#fff;font-weight:bold}#navigation a.act{width:calc(67 / 1920 * 100vw);height:calc(61 / 1920 * 100vw);background:url(/images/event/royalepassA20/nav-active.png) 0 center/100% 100% no-repeat;font-size:calc(26 / 1920 * 100vw);line-height:calc(36 / 1920 * 100vw);color:#ffe5ce;text-shadow:calc(2 / 1920 * 100vw) calc(2 / 1920 * 100vw) 0 #271200}.b-bg{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999;background:rgba(0,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/royalepassA20/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(0.8) translateZ(10px)}100%{transform:scale(1) translateZ(10px)}}@keyframes fadeInBig{0%{transform:scale(1) translateZ(10px)}50%{transform:scale(0.8) translateZ(10px)}100%{transform:scale(1) translateZ(10px)}}