@media only screen and (max-width:500px){.wrapper{display:block;width:100%;height:100%;overflow:hidden;background:url(/images/event/royalepassA5/m/bg.jpg) top center/100% auto no-repeat}.section{width:100%;position:relative;overflow:unset}.section.s0{height:calc(1198 /750*100vw)}.section.s1{height:calc(1141 /750*100vw);padding-top:calc(0 / 750 * 100vw)}.d0{display:none}.s1_title{display:block;width:calc(750 / 750 * 100vw);height:calc(100 / 750 * 100vw);margin-bottom:calc(20 / 750 * 100vw);font-size:calc(52 / 750 * 100vw);line-height:calc(54 / 750 * 100vw);text-align:center;color:#2f0ec1}.s1_title i{display:inline-block;margin:0 auto;width:calc(80 / 750 * 100vw);height:calc(10 / 750 * 100vw);background:url(/images/event/royalepassA5/icon1.png) left/100% 100% no-repeat;position:relative;top:calc(-10 / 750 * 100vw)}.s1_title i:nth-child(2){background:url(/images/event/royalepassA5/icon2.png) left/100% 100% no-repeat}.s1_text{font-size:calc(26 / 750 * 100vw);line-height:calc(34 / 750 * 100vw);color:#cffdff;width:calc(660 / 750 * 100vw);margin:calc(12 / 750 * 100vw) auto calc(29 / 750 * 100vw) auto}.s1_show{width:calc(741 / 750 * 100vw);height:calc(962 / 750 * 100vw);margin-top:0;background:url(/images/event/royalepassA5/m/s1_show_en.png) top center/auto 100% no-repeat}.s1_show::after{display:block;content:'';width:calc(167 / 750 * 100vw);height:calc(187 / 750 * 100vw);background:url(/images/event/royalepassA5/m/icon4.png) left/100% 100% no-repeat;position:absolute;bottom:calc(-15 / 750 * 100vw);right:0}.s1_swiper_container{display:block;width:calc(660 / 750 * 100vw);height:calc(560 / 750 * 100vw)}.s1_swiper_container .swiper-slide{width:100%;height:100%;padding:0;display:flex;flex-direction:column}.s1_swiper_container img{display:block;width:calc(660 / 750 * 100vw);height:auto}.s1_swiper_container .s1_title2{font-size:calc(34 / 750 * 100vw);line-height:calc(38 / 750 * 100vw);font-weight:bold;color:#e384ff;margin-top:calc(14 / 750 * 100vw);margin-bottom:calc(10 / 750 * 100vw)}.s1_swiper_container .s1_text2{font-size:calc(24 / 750 * 100vw);line-height:calc(30 / 750 * 100vw);color:#fff}.s1_swiper_prev{display:block;width:calc(63 / 750 * 100vw);height:calc(82 / 750 * 100vw);background:url(/images/event/royalepassA5/m/s4_prev.png) top center/auto 100% no-repeat;position:absolute;left:calc(122 / 750 * 100vw);top:calc(756 / 750 * 100vw)}.s1_swiper_next{width:calc(63 / 750 * 100vw);height:calc(82 / 750 * 100vw);background:url(/images/event/royalepassA5/m/s4_next.png) top center/auto 100% no-repeat;position:absolute;right:calc(122 / 750 * 100vw);top:calc(756 / 750 * 100vw)}.s1_logo{display:block;width:calc(138 / 750 * 100vw);height:calc(179 / 750 * 100vw);background:url(/images/event/royalepassA5/m/logo.png) center/100% auto no-repeat;background-size:100% 100%;position:absolute;right:0;top:calc(108 / 640 * 100vw)}.section.s2{height:calc(1080 /750*100vw)}.section.s3{height:calc(630 /750*100vw);position:relative}.s3_show{display:block;width:calc(716 / 750 * 100vw);height:calc(1011/ 750 * 100vw);margin:auto}.s3_videobox{width:calc(750 / 750 * 100vw);height:calc(430/ 750 * 100vw);margin:auto;position:relative}.s3_videobox::after{display:block;content:'';width:calc(157 / 750 * 100vw);height:calc(296 / 750 * 100vw);background:url(/images/event/royalepassA5/m/icon6.png) left/100% 100% no-repeat;position:absolute;bottom:calc(-15 / 750 * 100vw);left:0}.btn_play{display:block;width:calc(80 / 750 * 100vw);height:calc(80/ 750 * 100vw);background:url(/images/event/royalepassA5/btn_play.png) center/cover no-repeat;position:absolute;z-index:8;text-indent:-99999px}.s3_videoitem{width:calc(350 / 750 * 100vw);position:absolute;left:calc(-70 / 750 * 100vw);top:calc(-65 / 750 * 100vw);z-index:4}.s3_title{display:block;width:calc(750 / 750 * 100vw);height:calc(100 / 750 * 100vw);margin-top:calc(30 / 750 * 100vw);font-size:calc(52 / 750 * 100vw);line-height:calc(54 / 750 * 100vw);text-align:center;color:#2f0ec1}.s3_title i{display:inline-block;margin:0 auto;width:calc(80 / 750 * 100vw);height:calc(11 / 750 * 100vw);background:url(/images/event/royalepassA5/icon1.png) left/100% 100% no-repeat;position:relative;top:calc(-10 / 750 * 100vw)}.s3_title i:nth-child(2){background:url(/images/event/royalepassA5/icon2.png) left/100% 100% no-repeat}.s3_text{font-size:calc(26 / 750 * 100vw);line-height:calc(34 / 750 * 100vw);color:#cffdff;width:100%;margin:calc(15 / 750 * 100vw) center/cover auto;position:relative;z-index:3}.section.s4{height:calc(1160 / 750 * 100vw);position:relative;z-index:3}.s4_tab{width:calc(696 / 750 * 100vw);display:block;position:absolute;left:calc(0 / 750 * 100vw);right:0;margin:auto;top:calc(0 / 750 * 100vw);z-index:3}.s4_tab a{display:flex;width:calc(348 / 750 * 100vw);height:calc(75 / 750 * 100vw);background-size:100% 100%;float:left;position:relative;text-align:center;align-items:center;justify-content:center}.s4_tab a span{font-size:calc(26 / 750 * 100vw);line-height:calc(28 / 750 * 100vw);font-weight:bold}.th .s4_tab a span{font-size:calc(36 / 750 * 100vw);line-height:calc(38 / 750 * 100vw)}.s4_show{display:none;width:calc(750 / 750 * 100vw);height:calc(1007 / 750 * 100vw);position:absolute;left:calc(0 / 750 * 100vw);top:calc(78 / 750 * 100vw);direction:ltr;z-index:2}.s4_show::after{display:block;content:'';width:calc(378 / 750 * 100vw);height:calc(293 / 750 * 100vw);background:url(/images/event/royalepassA5/m/icon5.png) left/100% 100% no-repeat;position:absolute;bottom:calc(59 / 750 * 100vw);right:0;z-index:2}.s4_show.on{display:block}.s4_swiper_container{display:block;width:calc(750 / 750 * 100vw);height:calc(789 / 750 * 100vw);margin-top:calc(-48 / 750 * 100vw);background:url(/images/event/royalepassA5/m/s4_bg.png) center/cover no-repeat;overflow:unset}.s4_swiper_container .swiper-slide{width:100%;height:100%}.s4_swiper_container .swiper-slide .role{display:block;width:calc(319/ 750 * 100vw);height:calc(687/ 750 * 100vw);position:absolute;left:calc(28 / 750 * 100vw);top:calc(60 / 750 * 100vw)}.s4_swiper_container .slide1 .role{background:url(/images/event/royalepassA5/m/s4_role1.png) top center/auto 100% no-repeat}.s4_swiper_container .slide2 .role{background:url(/images/event/royalepassA5/m/s4_role2.png) top center/auto 100% no-repeat}.s4_swiper_container .slide3 .role{background:url(/images/event/royalepassA5/m/s4_role3.png) top center/auto 100% no-repeat}.s4_item{width:calc(360 / 750 * 100vw);text-align:center;position:absolute;left:calc(331 / 750 * 100vw);top:calc(62 / 750 * 100vw)}.s4_itle{font-size:calc(60 / 750 * 100vw);line-height:calc(64 / 750 * 100vw);font-weight:bold;-webkit-background-clip:text;color:transparent}.s4_text1{font-size:calc(24 / 750 * 100vw);line-height:calc(42 / 750 * 100vw);font-weight:bold;width:calc(360 / 750 * 100vw);margin-top:calc(15 / 750 * 100vw)}.th .s4_text1{font-size:calc(34 / 750 * 100vw);line-height:calc(36 / 750 * 100vw)}.s4_text2{width:calc(333 / 750 * 100vw);height:calc(273 / 750 * 100vw);position:absolute;right:calc(58 / 750 * 100vw);top:calc(398 / 750 * 100vw);padding:0 calc(10 / 750 * 100vw);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.s4_im{font-size:calc(42 / 750 * 100vw);line-height:calc(44 / 750 * 100vw);font-weight:bold}.s4_uc{width:calc(280 / 750 * 100vw);height:calc(79 / 750 * 100vw);background:url(/images/event/royalepassA5/num1.png) top center/auto 100% no-repeat;margin:calc(15 / 750 * 100vw) 0}.s4_uc.num2{width:calc(280 / 750 * 100vw);height:calc(79 / 750 * 100vw);background:url(/images/event/royalepassA5/num2.png) top center/auto 100% no-repeat}.s4_wor{font-size:calc(42 / 750 * 100vw);line-height:calc(44 / 750 * 100vw);font-weight:bold}.s4_swiper_prev{display:block;width:calc(72 / 750 * 100vw);height:calc(71 / 750 * 100vw);background:url(/images/event/royalepassA5/m/s4_prev.png) top center/auto 100% no-repeat;position:absolute;left:calc(16 / 750 * 100vw);top:calc(830 / 750 * 100vw);z-index:4}.s4_swiper_next{width:calc(72 / 750 * 100vw);height:calc(71 / 750 * 100vw);background:url(/images/event/royalepassA5/m/s4_next.png) top center/auto 100% no-repeat;position:absolute;right:calc(16 / 750 * 100vw);top:calc(830 / 750 * 100vw);z-index:4}.s4 .swiper-pagination{width:100%;height:calc(283 / 750 * 100vw);position:absolute;bottom:calc(22 / 750 * 100vw);left:calc(0 / 750 * 100vw);z-index:3;display:flex;align-items:flex-end;justify-content:center;padding-right:calc(11 / 750 * 100vw)}.s4 .swiper-pagination-bullet{width:calc(135 / 750 * 100vw);height:calc(273 / 750 * 100vw);margin:0 calc(5 / 750 * 100vw);position:relative;opacity:1;border-radius:0 !important}.s4 .swiper-pagination-bullet-active{width:calc(135 / 750 * 100vw);height:calc(273 / 750 * 100vw);opacity:1;position:relative;margin:0 calc(10 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(1){background:url(/images/event/royalepassA5/m/s4_swiper1.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA5/m/s4_swiper2.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA5/m/s4_swiper3.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background:url(/images/event/royalepassA5/m/s4_swiper1_on.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA5/m/s4_swiper2_on.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA5/m/s4_swiper3_on.png) top center/auto 100% no-repeat}.introuce_box{display:block;width:calc(750 / 750 * 100vw);height:calc(789 / 750 * 100vw);margin-top:calc(-48 / 750 * 100vw);background:url(/images/event/royalepassA5/m/s4_bg2.png) top center/100% auto no-repeat;position:relative}.s4_i_t{width:calc(439 / 750 * 100vw);height:calc(200 / 750 * 100vw);position:absolute;left:calc(268 / 750 * 100vw);top:calc(107 / 750 * 100vw);font-size:calc(26 / 750 * 100vw);line-height:calc(38 / 750 * 100vw);font-weight:bold}.th .s4_i_t{font-size:calc(36 / 750 * 100vw);line-height:calc(38 / 750 * 100vw)}.s4_i_t::after{display:none}.s4_introuce ol{width:calc(590 / 750 * 100vw);position:absolute;left:calc(86 / 750 * 100vw);top:calc(355 / 750 * 100vw);font-size:calc(22 / 750 * 100vw);line-height:calc(24 / 750 * 100vw)}.th .s4_introuce ol{font-size:calc(32 / 750 * 100vw);line-height:calc(34 / 750 * 100vw)}.s4_introuce li{display:flex;align-items:center;margin-bottom:calc(20 / 750 * 100vw)}.s4_introuce li span{width:calc(38 / 750 * 100vw);height:calc(31 / 750 * 100vw);flex-shrink:0;margin-right:calc(10 / 750 * 100vw)}.cursor{display:none}#navigation{display:block;width:calc(750 / 750 * 100vw);height:calc(122 / 750 * 100vw);direction:ltr !important;background-size:100% 100%;position:fixed;left:0;bottom:0;top:unset;box-sizing:border-box;z-index:10;display:flex;justify-content:center;padding-right:calc(19 / 750 * 100vw)}#navigation li{display:block;width:calc(112 / 750 * 100vw);height:calc(97 / 750 * 100vw);margin-top:calc(1 / 750 * 100vw);margin-left:0;margin-right:calc(25 / 750 * 100vw);text-align:center;left:calc(18 / 750 * 100vw)}#navigation li a{display:block;width:calc(86 / 750 * 100vw);height:calc(88 / 750 * 100vw);display:flex;align-items:center;justify-content:center}#navigation li.active a{width:calc(114 / 750 * 100vw);height:calc(159 / 750 * 100vw);margin-left:calc(-17 / 750 * 100vw);margin-top:calc(-59 / 750 * 100vw)}#navigation li.active:nth-child(1) a{background:url(/images/event/royalepassA5/m/nav1_on.png) top center/auto 100% no-repeat}#navigation li.active:nth-child(2) a{background:url(/images/event/royalepassA5/m/nav2_on.png) top center/auto 100% no-repeat}#navigation li.active:nth-child(3) a{background:url(/images/event/royalepassA5/m/nav3_on.png) top center/auto 100% no-repeat}#navigation li.active:nth-child(4) a{background:url(/images/event/royalepassA5/m/nav4_on.png) top center/auto 100% no-repeat}#navigation span{font-size:calc(36 / 750 * 100vw);line-height:calc(50 / 750 * 100vw);font-weight:bold;display:block}.pop-close{width:25px;height:25px;top:-30px;right:0}.pop-vid{width:calc(750 / 750 * 100vw);height:calc(436 / 750 * 100vw)}.download-wrap{display:block;text-align:center;bottom:initial;width:100%;left:0;top:unset;bottom:calc(400 / 640 * 100vw);transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);right:0}.download-wrap .apple-btn{width:calc(294.6 / 750 * 100vw);height:calc(98.2 / 750 * 100vw)}.download-wrap .apk-btn{width:calc(490 / 750 * 100vw);height:calc(105.2 / 750 * 100vw);background:url(//www.pubgmobile.com/images/event/home/mapk_download.png) top center no-repeat;background-size:100% 100%;top:0}.slogan{display:block;width:calc(750 /750*100vw);height:calc(94 /750*100vw);position:absolute;bottom:calc(300 /750*100vw);left:0;right:0;margin:auto;z-index:0;background:url(/images/event/royalepassA5/m/slogan/en.png) top center/auto 100% no-repeat}.en .slogan{background:url(/images/event/royalepassA5/m/slogan/en.png) top center/auto 100% no-repeat}.ar .slogan{background:url(/images/event/royalepassA5/m/slogan/ar.png) top center/auto 100% no-repeat}.de .slogan{background:url(/images/event/royalepassA5/m/slogan/de.png) top center/auto 100% no-repeat}.es .slogan{background:url(/images/event/royalepassA5/m/slogan/es.png) top center/auto 100% no-repeat}.fr .slogan{background:url(/images/event/royalepassA5/m/slogan/fr.png) top center/auto 100% no-repeat}.HK .slogan{background:url(/images/event/royalepassA5/m/slogan/hk.png) top center/auto 100% no-repeat}.id .slogan{background:url(/images/event/royalepassA5/m/slogan/id.png) top center/auto 100% no-repeat}.my .slogan{background:url(/images/event/royalepassA5/m/slogan/ms.png) top center/auto 100% no-repeat}.pt .slogan{background:url(/images/event/royalepassA5/m/slogan/pt.png) top center/auto 100% no-repeat}.ru .slogan{background:url(/images/event/royalepassA5/m/slogan/ru.png) top center/auto 100% no-repeat}.th .slogan{background:url(/images/event/royalepassA5/m/slogan/th.png) top center/auto 100% no-repeat}.tr .slogan{background:url(/images/event/royalepassA5/m/slogan/tr.png) top center/auto 100% no-repeat}.TW .slogan{background:url(/images/event/royalepassA5/m/slogan/tw.png) top center/auto 100% no-repeat}.vi .slogan{background:url(/images/event/royalepassA5/m/slogan/vi.png) top center/auto 100% no-repeat}}