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.ttf')}@font-face{font-family:"vi";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf')}@font-face{font-family:"uz";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/uz.TTF')}@font-face{font-family:"mm";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/mm.ttf')}.ar input,.ar p,.ar,.ur input,.ur p,.ur{font-family:"ar";direction:rtl;unicode-bidi:bidi-override}.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"}.uz input,.uz p,.uz{font-family:"uz"}.mm input,.mm p,.mm{font-family:"mm"}body{font-size:12px;-webkit-text-size-adjust:none;font-family:"all";min-width:320px;-webkit-text-size-adjust:none}.wrapper{display:block;width:100%;height:auto;overflow:hidden;background:url(/images/event/royalepassA21/bg1.jpg) 0 0/100% calc(1200/1920*100vw) no-repeat, url(/images/event/royalepassA21/bg2.jpg) 0 calc(1200/1920*100vw)/100% calc(2077/1920*100vw) no-repeat;background-color:#000}.section{width:100%;position:relative;overflow:hidden}.section.s1{height:calc(1150/1920*100vw)}.s1_logo{background:url(/images/event/royalepassA21/logo.png) 0 0/100% 100% no-repeat;width:calc(180/1920*100vw);height:calc(234/1920*100vw);position:absolute;top:88px;right:calc(20/1920*100vw)}.newdownload-wrap{bottom:initial;top:calc(805/1920*100vw)}.s1_slogan{background:url(/images/event/royalepassA21/slogan/en.png) center top/auto 100% no-repeat;width:100%;height:calc(170/1920*100vw);position:absolute;top:calc(610/1920*100vw);left:0;text-indent:-9999px}.id .s1_slogan{background:url(/images/event/royalepassA21/slogan/id.png) center top/auto 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA21/slogan/en.png) center top/auto 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA21/slogan/de.png) center top/auto 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA21/slogan/ar.png) center top/auto 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA21/slogan/es.png) center top/auto 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA21/slogan/fr.png) center top/auto 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA21/slogan/HK.png) center top/auto 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA21/slogan/TW.png) center top/auto 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA21/slogan/my.png) center top/auto 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA21/slogan/pt.png) center top/auto 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA21/slogan/ru.png) center top/auto 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA21/slogan/th.png) center top/auto 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA21/slogan/tr.png) center top/auto 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA21/slogan/vi.png) center top/auto 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA21/slogan/uz.png) center top/auto 100% no-repeat}.mm .s1_slogan{background:url(/images/event/royalepassA21/slogan/mm.png) center top/auto 100% no-repeat}.zh .s1_slogan{background:url(/images/event/royalepassA21/slogan/zh.png) center top/auto 100% no-repeat}.section.s2{height:calc(1070/1920*100vw)}.s2_title{display:block;width:100%;height:calc(74/1920*100vw);font-size:calc(74/1920*100vw);text-align:center;line-height:calc(74/1920*100vw);margin-top:calc(70/1920*100vw);margin-left:auto;margin-right:auto;color:#d9d3ca;text-shadow:0 calc(3/1920*100vw) 0px #232323, 0 calc(3/1920*100vw) 0 #232323;filter:drop-shadow(0 0 calc(3/1920*100vw) #232323)}.s2_show{width:calc(1580/1920*100vw);height:calc(845/1920*100vw);background:url(/images/event/royalepassA21/s2_box.png) center center/contain no-repeat;margin:calc(-30/1920*100vw) auto 0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;box-sizing:border-box;padding:calc(114 / 1920 * 100vw) calc(100 / 1920 * 100vw) calc(68 / 1920 * 100vw) calc(95/ 1920 * 100vw)}.ar .s2_show,.ur .s2_show{direction:ltr}.s2_item{flex-shrink:0;width:calc(218/1920*100vw);height:calc(196/1920*100vw);position:relative;margin-bottom:calc(25 / 1920 * 100vw)}.s2_item.s2_item_min{width:calc(186/1920*100vw)}.s2_item p{position:absolute;bottom:calc(2 / 1920 * 100vw);left:0;width:100%;height:30%;color:#000;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(1057/1920*100vw)}.s3_tab{display:flex;width:calc(813/1920*100vw);height:calc(97/1920*100vw);position:absolute;left:calc(50% - 406.5/1920*100vw);top:calc(70/1920*100vw);z-index:1}.s3_tab::after{display:block;content:'';width:calc(1580/1920*100vw);height:calc(721/1920*100vw);background:url(/images/event/royalepassA21/s3_box.png) 0 0 / 100% 100% no-repeat;position:absolute;top:calc(48/1920*100vw);left:calc(50% - 790/1920*100vw);pointer-events:none}.s3_tab a{display:flex;width:calc(406.5/1920*100vw);height:calc(97/1920*100vw);background:url(/images/event/royalepassA21/s3_tab.png) left 0 / calc(813/1920*100vw) 100% no-repeat;text-align:center;align-items:center;justify-content:center;box-sizing:border-box;color:#b1ccd8;font-size:calc(30/1920*100vw);line-height:1;box-sizing:border-box;padding-top:calc(10/1920*100vw)}.mm .s3_tab a{padding-top:calc(24/1920*100vw)}.s3_tab a.on{color:#d9d3ca;background:url(/images/event/royalepassA21/s3_tab.png) right 0 / calc(813/1920*100vw) 100% no-repeat}.s3_tab b{text-shadow:0 calc(3/1920*100vw) 0px #161a25, 0 calc(3/1920*100vw) 0 #161a25;filter:drop-shadow(0 0 calc(3/1920*100vw) #161a25)}.s3_tab a.on b{text-shadow:0 calc(3/1920*100vw) 0px #5d1101, 0 calc(3/1920*100vw) 0 #5d1101;filter:drop-shadow(0 0 calc(3/1920*100vw) #5d1101)}.s3_show{display:none;width:calc(1430/1920*100vw);height:calc(870/1920*100vw);position:absolute;direction:ltr;z-index:2;top:calc(180/1920*100vw);left:calc(50% - 715 / 1920 * 100vw);margin:0 auto;pointer-events:none}.s3_show.on{display:block}.s3_show .s3_prev,.s3_show .s3_next,.s3_show .s3_swiper_pagination{pointer-events:auto}.s3_swiper_container{display:block;width:calc(1430/1920*100vw);height:calc(870 /1920*100vw);overflow:visible;pointer-events:none}.s3_text{position:absolute;left:calc(50 / 1920 * 100vw);top:calc(50 / 1920 * 100vw);width:calc(540/1920*100vw)}.s3_text_title{font-size:calc(70/1920*100vw);height:calc(81/1920*100vw);line-height:calc(81/1920*100vw);font-weight:bold;color:#ffc251;margin-bottom:calc(10/1920*100vw);background-image:linear-gradient(180deg,#ff5f3c 0,#ffb0aa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.mm .s3_text_title{height:calc(90/1920*100vw);line-height:calc(118/1920*100vw)}.s3_text span{font-size:calc(24/1920*100vw);font-weight:bold;line-height:calc(32/1920*100vw);color:#fff}.ar .s3_text,.ur .s3_text{text-align:right;direction:rtl;left:calc(20 / 1920 * 100vw)}.role{display:block;width:calc(404/1920*100vw);height:calc(844/1920*100vw);position:absolute;left:calc(484 / 1920 * 100vw);top:calc(-14 / 1920 * 100vw);z-index:9}.slide1 .role{background:url(/images/event/royalepassA21/s4_role1.png) center center/contain no-repeat}.slide2 .role{background:url(/images/event/royalepassA21/s4_role2.png) center center/contain no-repeat}.slide3 .role{background:url(/images/event/royalepassA21/s4_role3.png) center center/contain no-repeat}.s3_text2{width:calc(464/1920*100vw);height:calc(360/1920*100vw);background:url(/images/event/royalepassA21/s3_text.png) 0 0/100% 100% no-repeat;position:absolute;right:calc(40 / 1920 * 100vw);top:calc(88 / 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;line-height:1.1}.s3_text2 p{font-size:calc(46/1920*100vw);font-weight:bold;color:#fff}.ar .s3_text2 p:last-child,.ur .s3_text2 p:last-child{direction:ltr}.mm .s3_text2 p{font-size:calc(38/1920*100vw);line-height:1.6}.s3_text2 span{display:block;width:100%;height:calc(90/1920*100vw);line-height:calc(90/1920*100vw);font-size:calc(78/1920*100vw);margin:calc(10/1920*100vw) 0;background-image:linear-gradient(180deg,#ff5f3c 0,#ffb0aa 100%);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr}.mm .s3_text2 span{line-height:calc(136/1920*100vw)}.s3_prev{display:block;background:url(/images/event/royalepassA21/s3_page.png) 0 0/calc(200/1920*100vw) calc(135/1920*100vw) no-repeat;width:calc(90/1920*100vw);height:calc(135/1920*100vw);position:absolute;left:calc(-150 / 1920 * 100vw);top:calc(240/1920*100vw);z-index:5}.s3_next{display:block;background:url(/images/event/royalepassA21/s3_page.png) right 0/calc(200/1920*100vw) calc(135/1920*100vw) no-repeat;width:calc(90/1920*100vw);height:calc(135/1920*100vw);position:absolute;right:calc(-150 / 1920 * 100vw);top:calc(240/1920*100vw);z-index:5}.s3_swiper_pagination{width:auto;height:calc(449/1920*100vw);position:absolute;top:calc(260 / 1920 * 100vw);left:calc(20 / 1920 * 100vw);z-index:3;display:flex;align-items:flex-end}.s3 .swiper-pagination-bullet{width:calc(151 / 1920 * 100vw);height:calc(311 / 1920 * 100vw);margin:0 calc(10/1920*100vw);position:relative;opacity:1;border-radius:0 !important;top:calc(-18/1920*100vw)}.s3 .swiper-pagination-bullet-active{width:calc(192/1920*100vw);height:calc(412/1920*100vw);margin:0 calc(10/1920*100vw);opacity:1;position:relative;top:0}.s3 .swiper-pagination span:nth-child(1){background:url(/images/event/royalepassA21/pagination1.png) top center/auto 100% no-repeat}.s3 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA21/pagination2.png) top center/auto 100% no-repeat}.s3 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA21/pagination3.png) top center/auto 100% no-repeat}.s3 .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background:url(/images/event/royalepassA21/pagination1_on.png) top center/auto 100% no-repeat}.s3 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA21/pagination2_on.png) top center/auto 100% no-repeat}.s3 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA21/pagination3_on.png) top center/auto 100% no-repeat}.intr_box{display:block;width:calc(1430/1920*100vw);height:calc(672/1920*100vw);margin:0 auto;position:relative}.intr_box:after{display:block;content:'';width:calc(338/1920*100vw);height:calc(443/1920*100vw);background:url(/images/event/royalepassA21/logo.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(120/1920*100vw);right:calc(150/1920*100vw)}.s3_text2_title{width:calc(800/1920*100vw);height:calc(100/1920*100vw);position:absolute;left:calc(86/1920*100vw);top:calc(130/1920*100vw);font-size:calc(26/1920*100vw);line-height:calc(38/1920*100vw);font-weight:bold;color:#ffc251;background-image:linear-gradient(180deg,#ff5f3c 0,#ffb0aa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.line{display:block;background:url(/images/event/royalepassA21/line.png) 0 0/100% 100% no-repeat;width:calc(791/1920*100vw);height:calc(3/1920*100vw);position:absolute;left:calc(86 / 1920 * 100vw);top:calc(243 / 1920 * 100vw)}.intr_box ol{width:calc(825/1920*100vw);position:absolute;left:calc(76/1920*100vw);top:calc(270/1920*100vw);font-size:calc(24/1920*100vw);line-height:calc(26/1920*100vw);color:#fff}.mm .intr_box ol{font-size:calc(22/1920*100vw);line-height:calc(36/1920*100vw)}.intr_box li{display:flex;align-items:center;margin-bottom:calc(20/1920*100vw)}.intr_box ol li i{display:block;width:calc(27/1920*100vw);height:calc(27/1920*100vw);flex-shrink:0;margin:0 calc(10/1920*100vw)}.intr_box ol li .num1{background:url(/images/event/royalepassA21/num1.png) 0 0/100% 100% no-repeat}.intr_box ol li .num2{background:url(/images/event/royalepassA21/num2.png) 0 0/100% 100% no-repeat}.intr_box ol li .num3{background:url(/images/event/royalepassA21/num3.png) 0 0/100% 100% no-repeat}.intr_box ol li .num4{background:url(/images/event/royalepassA21/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(20/1920*100vw)}.mm .s2_item p{bottom:calc(-2/1920*100vw);font-size:calc(16/1920*100vw);line-height:calc(26/1920*100vw)}.mm .s2_item:nth-child(7) p,.mm .s2_item:nth-child(8) p,.mm .s2_item:nth-child(9) p,.mm .s2_item:nth-child(10) p,.mm .s2_item:nth-child(11) p,.mm .s2_item:nth-child(12) p{bottom:calc(4/1920*100vw)}.th .s3_tab a p,.th .intr_box ol{font-size:calc(30/1920*100vw)}.th .s3_text_title{font-size:calc(80/1920*100vw)}.th .s3_text span,.th .s3_text2_title{font-size:calc(32/1920*100vw)}.mm .s3_text span{font-size:calc(22/1920*100vw);line-height:calc(36/1920*100vw)}.ru .s2_item p{font-size:calc(18/1920*100vw);line-height:calc(22/1920*100vw)}.btn_top{display:block;background:url(/images/event/royalepassA21/btn_top.png) 0 0 / 100% 100% no-repeat;width:calc(107 / 1920 * 100vw);height:calc(106 / 1920 * 100vw);position:absolute;right:calc(34 / 1920 * 100vw);bottom:calc(188 / 1920 * 100vw);z-index:2}#navigation{background:url(/images/event/royalepassA21/nav.png) 0 0/100% 100% no-repeat;width:calc(130/1920*100vw);height:calc(482/1920*100vw);position:fixed;left:0;top:calc(48% - 241/1920*100vw);box-sizing:border-box;z-index:10;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;box-sizing:border-box;padding:calc(86/1920*100vw) calc(30/1920*100vw) calc(136/1920*100vw) calc(10/1920*100vw)}#navigation li{display:block;width:calc(55/1920*100vw);height:calc(55/1920*100vw);background:url(/images/event/royalepassA21/nav1.png) 0 0/calc(130/1920*100vw) calc(209/1920*100vw) no-repeat;margin:calc(10/1920*100vw) auto;position:relative}#navigation li:nth-child(1){background:url(/images/event/royalepassA21/nav1.png) 0 0/calc(130/1920*100vw) calc(209/1920*100vw) no-repeat}#navigation li:nth-child(2){background:url(/images/event/royalepassA21/nav1.png) 0 50%/calc(130/1920*100vw) calc(209/1920*100vw) no-repeat}#navigation li:nth-child(3){background:url(/images/event/royalepassA21/nav1.png) 0 bottom/calc(130/1920*100vw) calc(209/1920*100vw) no-repeat}#navigation li.act{width:calc(55/1920*100vw);height:calc(55/1920*100vw);background:url(/images/event/royalepassA21/nav1.png) 0 0/calc(130/1920*100vw) calc(209/1920*100vw) no-repeat}#navigation li.act:nth-child(1){background:url(/images/event/royalepassA21/nav1.png) right 0/calc(130/1920*100vw) calc(209/1920*100vw) no-repeat}#navigation li.act:nth-child(2){background:url(/images/event/royalepassA21/nav1.png) right 50%/calc(130/1920*100vw) calc(209/1920*100vw) no-repeat}#navigation li.act:nth-child(3){background:url(/images/event/royalepassA21/nav1.png) right bottom/calc(130/1920*100vw) calc(209/1920*100vw) no-repeat}#navigation li a{display:block;margin:0 auto;width:100%;height:100%;text-indent:-9999px}.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)}}