@media only screen and (max-width:500px){.wrapper{display:block;width:100%;height:100%;overflow:hidden;background:url(/images/event/royalepassA3/m/bg.jpg) top center/100% auto no-repeat}.section{width:100%;position:relative;overflow:unset}.section.s0{height:calc(1296 /750*100vw)}.section.s1{height:calc(1015 /750*100vw);padding-top:calc(80 / 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)}.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(818 / 750 * 100vw);margin-top:0;background:url(/images/event/royalepassA3/m/s1_show_en.png) top center/auto 100% no-repeat}.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(266 / 750 * 100vw);height:calc(117 / 750 * 100vw);background:url(/images/event/royalepassA3/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(266 / 750 * 100vw);height:calc(117 / 750 * 100vw);background:url(/images/event/royalepassA3/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(124 / 750 * 100vw);height:calc(166 / 750 * 100vw);background:url(/images/event/royalepassA3/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(700 /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(457/ 750 * 100vw);margin:auto;position:relative;background:url(/images/event/royalepassA3/m/video_bg.png) center/cover no-repeat}.btn_play{display:block;width:calc(62 / 750 * 100vw);height:calc(64/ 750 * 100vw);background:url(/images/event/royalepassA3/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(60 / 750 * 100vw)}.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(626 / 750 * 100vw);display:block;position:absolute;left:calc(0 / 750 * 100vw);right:0;margin:auto;top:calc(40 / 750 * 100vw);z-index:3}.s4_tab a{display:flex;width:calc(313 / 750 * 100vw);height:calc(96 / 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}.s4_tab1{background:url(/images/event/royalepassA3/m/s4_tab1.png) center/cover no-repeat}.s4_tab1.on{background:url(/images/event/royalepassA3/m/s4_tab1_on.png) center/cover no-repeat}.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.on{display:block}.s4_swiper_container{display:block;width:calc(750 / 750 * 100vw);height:calc(859 / 750 * 100vw);margin-top:calc(-25 / 750 * 100vw);background:url(/images/event/royalepassA3/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(350/ 750 * 100vw);height:calc(647/ 750 * 100vw);position:absolute;left:calc(28 / 750 * 100vw);top:calc(132 / 750 * 100vw)}.s4_swiper_container .slide1 .role{background:url(/images/event/royalepassA3/m/s4_role1.png) top center/auto 100% no-repeat}.s4_swiper_container .slide2 .role{background:url(/images/event/royalepassA3/m/s4_role2.png) top center/auto 100% no-repeat}.s4_swiper_container .slide3 .role{background:url(/images/event/royalepassA3/m/s4_role3.png) top center/auto 100% no-repeat}.s4_item{width:calc(360 / 750 * 100vw);text-align:center;position:absolute;left:calc(365 / 750 * 100vw);top:calc(125 / 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)}.s4_text2{width:calc(370 / 750 * 100vw);height:calc(324 / 750 * 100vw);background:url(/images/event/royalepassA3/m/s4_show1.png) center/cover no-repeat;position:absolute;right:calc(20 / 750 * 100vw);top:calc(430 / 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/royalepassA3/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/royalepassA3/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/royalepassA3/m/s4_prev.png) top center/auto 100% no-repeat;position:absolute;left:calc(16 / 750 * 100vw);top:calc(890 / 750 * 100vw);z-index:4}.s4_swiper_next{width:calc(72 / 750 * 100vw);height:calc(71 / 750 * 100vw);background:url(/images/event/royalepassA3/m/s4_next.png) top center/auto 100% no-repeat;position:absolute;right:calc(16 / 750 * 100vw);top:calc(890 / 750 * 100vw);z-index:4}.s4 .swiper-pagination{width:100%;height:calc(283 / 750 * 100vw);position:absolute;bottom:calc(-38 / 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(150 / 750 * 100vw);height:calc(244 / 750 * 100vw);margin:0 calc(5 / 750 * 100vw);position:relative;opacity:1;border-radius:0 !important}.s4 .swiper-pagination-bullet-active{width:calc(150 / 750 * 100vw);height:calc(244 / 750 * 100vw);opacity:1;position:relative;margin:0 calc(10 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(1){background:url(/images/event/royalepassA3/m/s4_swiper1.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA3/m/s4_swiper2.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA3/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/royalepassA3/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/royalepassA3/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/royalepassA3/m/s4_swiper3_on.png) top center/auto 100% no-repeat}.introuce_box{display:block;width:calc(750 / 750 * 100vw);height:calc(1016 / 750 * 100vw);margin-top:calc(-25 / 750 * 100vw);background:url(/images/event/royalepassA3/m/s4_bg2.png) top center/100% auto no-repeat;position:relative}.s4_i_t{width:calc(590 / 750 * 100vw);height:calc(132 / 750 * 100vw);position:absolute;left:calc(86 / 750 * 100vw);top:calc(446 / 750 * 100vw);font-size:calc(26 / 750 * 100vw);line-height:calc(38 / 750 * 100vw);font-weight:bold}.s4_introuce ol{width:calc(590 / 750 * 100vw);position:absolute;left:calc(86 / 750 * 100vw);top:calc(640 / 750 * 100vw);font-size:calc(22 / 750 * 100vw);line-height:calc(24 / 750 * 100vw)}.s4_introuce li p{font-size:calc(20 / 750 * 100vw);line-height:calc(24 / 750 * 100vw);margin-right:calc(10 / 750 * 100vw)}.th .s4_i_t{font-size:calc(24 / 750 * 100vw);line-height:calc(26 / 750 * 100vw)}.th .s4_introuce li p{font-size:calc(24 / 750 * 100vw);line-height:calc(28 / 750 * 100vw);margin-right:calc(10 / 750 * 100vw)}.s4_introuce li{display:flex;align-items:center;margin-bottom:calc(20 / 750 * 100vw)}.s4_introuce li span{width:calc(34 / 750 * 100vw);height:calc(38 / 750 * 100vw);margin-right:calc(10 / 750 * 100vw)}.s4_num1{background:url(/images/event/royalepassA3/m/s4_num1.png) center center/auto calc(88 / 750 * 100vw) no-repeat}.s4_num2{background:url(/images/event/royalepassA3/m/s4_num2.png) center center/auto calc(88 / 750 * 100vw) no-repeat}.s4_num3{background:url(/images/event/royalepassA3/m/s4_num3.png) center center/auto calc(88 / 750 * 100vw) no-repeat}.s4_num4{background:url(/images/event/royalepassA3/m/s4_num4.png) center center/auto calc(88 / 750 * 100vw) no-repeat}.cursor{display:none}#navigation{display:block;width:calc(750 / 750 * 100vw);height:calc(122 / 750 * 100vw);direction:ltr !important;background:url(/images/event/royalepassA3/m/nav_bg.png) top center/auto 100% no-repeat;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(50 / 750 * 100vw);height:calc(50 / 750 * 100vw);margin-top:calc(57 / 750 * 100vw);margin-left:calc(62 / 750 * 100vw);margin-right:calc(62 / 750 * 100vw);text-align:center}#navigation li a{display:block;width:calc(50 / 750 * 100vw);height:calc(50 / 750 * 100vw)}#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(325 / 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(289 /750*100vw);position:absolute;bottom:calc(100 /750*100vw);left:0;right:0;margin:auto;z-index:0;background:url(/images/event/royalepassA3/m/slogan/en.png) top center/auto 100% no-repeat}.en .slogan{background:url(/images/event/royalepassA3/m/slogan/en.png) top center/auto 100% no-repeat}.ar .slogan{background:url(/images/event/royalepassA3/m/slogan/ar.png) top center/auto 100% no-repeat}.de .slogan{background:url(/images/event/royalepassA3/m/slogan/de.png) top center/auto 100% no-repeat}.es .slogan{background:url(/images/event/royalepassA3/m/slogan/es.png) top center/auto 100% no-repeat}.fr .slogan{background:url(/images/event/royalepassA3/m/slogan/fr.png) top center/auto 100% no-repeat}.HK .slogan{background:url(/images/event/royalepassA3/m/slogan/hk.png) top center/auto 100% no-repeat}.id .slogan{background:url(/images/event/royalepassA3/m/slogan/id.png) top center/auto 100% no-repeat}.my .slogan{background:url(/images/event/royalepassA3/m/slogan/ms.png) top center/auto 100% no-repeat}.pt .slogan{background:url(/images/event/royalepassA3/m/slogan/pt.png) top center/auto 100% no-repeat}.ru .slogan{background:url(/images/event/royalepassA3/m/slogan/ru.png) top center/auto 100% no-repeat}.th .slogan{background:url(/images/event/royalepassA3/m/slogan/th.png) top center/auto 100% no-repeat}.tr .slogan{background:url(/images/event/royalepassA3/m/slogan/tr.png) top center/auto 100% no-repeat}.TW .slogan{background:url(/images/event/royalepassA3/m/slogan/tw.png) top center/auto 100% no-repeat}.vi .slogan{background:url(/images/event/royalepassA3/m/slogan/vi.png) top center/auto 100% no-repeat}.zh .slogan{background:url(/images/event/royalepassA3/m/slogan/zh.png) top center/auto 100% no-repeat}.en .s3_show{background:url(/images/event/royalepassA3/m/s3_show/en.png) top center/auto 100% no-repeat}.ar .s3_show{background:url(/images/event/royalepassA3/m/s3_show/ar.png) top center/auto 100% no-repeat}.de .s3_show{background:url(/images/event/royalepassA3/m/s3_show/de.png) top center/auto 100% no-repeat}.es .s3_show{background:url(/images/event/royalepassA3/m/s3_show/es.png) top center/auto 100% no-repeat}.fr .s3_show{background:url(/images/event/royalepassA3/m/s3_show/fr.png) top center/auto 100% no-repeat}.HK .s3_show{background:url(/images/event/royalepassA3/m/s3_show/hk.png) top center/auto 100% no-repeat}.id .s3_show{background:url(/images/event/royalepassA3/m/s3_show/id.png) top center/auto 100% no-repeat}.my .s3_show{background:url(/images/event/royalepassA3/m/s3_show/ms.png) top center/auto 100% no-repeat}.pt .s3_show{background:url(/images/event/royalepassA3/m/s3_show/pt.png) top center/auto 100% no-repeat}.ru .s3_show{background:url(/images/event/royalepassA3/m/s3_show/ru.png) top center/auto 100% no-repeat}.th .s3_show{background:url(/images/event/royalepassA3/m/s3_show/th.png) top center/auto 100% no-repeat}.tr .s3_show{background:url(/images/event/royalepassA3/m/s3_show/tr.png) top center/auto 100% no-repeat}.TW .s3_show{background:url(/images/event/royalepassA3/m/s3_show/tw.png) top center/auto 100% no-repeat}.vi .s3_show{background:url(/images/event/royalepassA3/m/s3_show/vi.png) top center/auto 100% no-repeat}.zh .s3_show{background:url(/images/event/royalepassA3/m/s3_show/zh.png) top center/auto 100% no-repeat}}