@media only screen and (max-width:500px){.section.s1{background:url(/images/event/Crimson-Battle-Begins/m/bg_1.jpg) top/cover no-repeat}.section.s2{background:url(/images/event/Crimson-Battle-Begins/m/bg_2.jpg) top/cover no-repeat}.section.s3{background:url(/images/event/Crimson-Battle-Begins/m/bg_3.jpg) top/cover no-repeat}.section.s4{background:url(/images/event/Crimson-Battle-Begins/m/bg_4.jpg) top/cover no-repeat}.newdownload-wrap{top:calc(1100 / 750 * 100vw) !important}.down_tip{width:calc(420 / 750 * 100vw);position:absolute;top:10%;right:0;height:80%;display:flex;flex-direction:column;justify-content:space-evenly}.download-wrap .apple-btn{width:calc(294.6 / 750 * 100vw);height:calc(98.2 / 750 * 100vw)}.download-wrap .apk-btn{width:calc(470 / 750 * 100vw);height:calc(111 / 750 * 100vw);background:url(//www.pubgmobile.com/images/event/royalepassm5/mapk_download.png) top center no-repeat;background-size:100% 100%;top:0}.down_tip .title,.down_tip .apk_size{font-size:calc(25 / 750 * 100vw);line-height:calc(25/ 750*100vw)}.down_tip .describe{display:block;width:calc(415 / 750 * 100vw);font-size:calc(25 / 750 * 100vw);text-align:center;margin-left:0;line-height:calc(25 / 750 * 100vw)}.apk_size{color:#eaa300 !important;font-weight:bold}.slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_en.png) center/contain no-repeat;width:calc(750 / 750 * 100vw);height:calc(196 / 750 * 100vw)}.ar .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_ar.png) center/contain no-repeat}.de .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_de.png) center/contain no-repeat}.en .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_en.png) center/contain no-repeat}.es .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_es.png) center/contain no-repeat}.fr .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_fr.png) center/contain no-repeat}.HK .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_hk.png) center/contain no-repeat}.id .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_id.png) center/contain no-repeat}.ms .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_ms.png) center/contain no-repeat}.pt .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_pt.png) center/contain no-repeat}.ru .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_ru.png) center/contain no-repeat}.th .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_th.png) center/contain no-repeat}.tr .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_tr.png) center/contain no-repeat}.TW .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_tw.png) center/contain no-repeat}.ur .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_ur.png) center/contain no-repeat}.uz .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_uz.png) center/contain no-repeat}.vi .slogan{background:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan1_vi.png) center/contain no-repeat}.s1_slogan{position:absolute;left:50%;top:calc(850 / 750*100vw);transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.s1-video-start{background:url(/images/event/Crimson-Battle-Begins/m/s1_start.png) center/contain no-repeat;width:calc(359 / 750 * 100vw);height:calc(294 / 750 * 100vw);top:calc(507 / 750* 100vw);left:24%;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.next{background:url(/images/event/Crimson-Battle-Begins/m/next_page.png) center/contain no-repeat;width:calc(55 / 750 * 100vw);height:calc(36 / 750 * 100vw)}.s2-slogan{top:calc(180 / 750 * 100vw);background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_en.png);background-position:center center;background-repeat:no-repeat;background-size:contain}.ar .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_ar.png)}.de .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_de.png)}.en .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_en.png)}.es .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_es.png)}.fr .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_fr.png)}.HK .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_hk.png)}.id .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_id.png)}.ms .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_ms.png)}.pt .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_pt.png)}.ru .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_ru.png)}.th .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_th.png)}.tr .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_tr.png)}.TW .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_tw.png)}.ur .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_ur.png)}.uz .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_uz.png)}.vi .s2-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan2_vi.png)}.s2-content{background:url(/images/event/Crimson-Battle-Begins/m/s2_box_bg.png) center/contain no-repeat;width:calc(750 / 750 * 100vw);height:calc(996 / 750 * 100vw);top:calc(400 / 750 * 100vw)}.s2-swiper-container{width:calc(630 / 750 * 100vw);height:calc(341 / 750 * 100vw);position:relative;left:calc(18 / 750* 100vw);top:calc(90 / 750* 100vw)}.s2-swiper-img-box{background:url(/images/event/Crimson-Battle-Begins/m/s2_img_bg.png) center/contain no-repeat;width:calc(590 / 750 * 100vw);height:calc(341 / 750 * 100vw)}.s2-swiper-img-box img{width:calc(567 / 750 * 100vw);height:calc(317 / 750 * 100vw)}.s2-swiper-name{font-size:calc(35 / 750 * 100vw);line-height:calc(40 / 750 * 100vw);color:#edb6b6;width:calc(395 / 750 * 100vw);left:50%;top:calc(120 / 750 * 100vw);transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.ar .s2-swiper-name,.ur .s2-swiper-name{left:unset;right:50%;transform:translateX(50%);-o-transform:translateX(50%);-moz-transform:translateX(50%);-webkit-transform:translateX(50%);-ms-transform:translateX(50%)}.s2-swiper-video{background:url(/images/event/Crimson-Battle-Begins/m/s2_video_bg.png) center/contain no-repeat;width:calc(582 / 750 * 100vw);height:calc(301 / 750 * 100vw);left:calc(50% - 291 / 750* 100vw);top:calc(130 / 750* 100vw)}.ar .s2-swiper-video,.ur .s2-swiper-video{left:unset;right:calc(50% - 291 / 750* 100vw)}.s2-video-start{background:url(/images/event/Crimson-Battle-Begins/m/s2_start.png) center/contain no-repeat;width:calc(98 / 750 * 100vw);height:calc(98 / 750 * 100vw)}.s2-to-detail{background:url(/images/event/Crimson-Battle-Begins/m/s2_btn.png) center/contain no-repeat;width:calc(570 / 750 * 100vw);height:calc(57 / 750 * 100vw);left:calc(50% - 285 / 750* 100vw);top:calc(140 / 750* 100vw);font-size:calc(34 / 750 * 100vw);line-height:calc(57 / 750 * 100vw)}.ar .s2-to-detail,.ur .s2-to-detail{left:unset;right:calc(50% - 285 / 750* 100vw)}.s2-to-detail span{padding:0 calc(10 / 750 * 100vw)}.s2-btn-next{background:url(/images/event/Crimson-Battle-Begins/m/s2_next_icon.png) center/contain no-repeat;width:calc(70 / 750 * 100vw);height:calc(29 / 750 * 100vw);right:calc(160 / 750* 100vw);top:calc(740 / 750* 100vw)}.s2-btn-prev{background:url(/images/event/Crimson-Battle-Begins/m/s2_prev_icon.png) center/contain no-repeat;width:calc(70 / 750 * 100vw);height:calc(29 / 750 * 100vw);left:calc(160 / 750* 100vw);top:calc(740 / 750* 100vw)}.s2-pagination{width:36%;height:calc(54 /750*100vw);position:absolute;left:50%;top:calc(725 /750*100vw);z-index:3;display:flex;justify-content:center;align-items:center;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.s2-pagination .swiper-pagination-bullet{width:calc(12 /750*100vw);height:calc(12 /750*100vw);margin:0 calc(20 /750*100vw) !important;background:url(/images/event/Crimson-Battle-Begins/m/s2_pagination_icon1.png) center center/auto calc(25 /1920*100vw) no-repeat;opacity:1}.s2-pagination .swiper-pagination-bullet-active{background:url(/images/event/Crimson-Battle-Begins/m/s2_pagination_icon2.png) top center/auto 100% no-repeat;width:calc(23 /750*100vw);height:calc(23 /750*100vw)}.s3-slogan{top:calc(180 / 750 * 100vw);background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_en.png);background-position:center center;background-repeat:no-repeat;background-size:contain}.ar .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_ar.png)}.de .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_de.png)}.es .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_es.png)}.fr .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_fr.png)}.en .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_en.png)}.HK .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_hk.png)}.id .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_id.png)}.ms .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_ms.png)}.pt .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_pt.png)}.ru .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_ru.png)}.th .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_th.png)}.tr .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_tr.png)}.TW .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_tw.png)}.ur .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_ur.png)}.uz .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_uz.png)}.vi .s3-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan3_vi.png)}.s3-swiper-container{margin-top:calc(300 / 750 * 100vw);height:calc(1000 / 750 * 100vw)}.s3-swiper-slide1{background:url(/images/event/Crimson-Battle-Begins/m/s3_box_bg1.png) center/contain no-repeat;width:calc(742 / 750 * 100vw) !important;height:calc(959 / 750 * 100vw);left:0;transform:unset;-o-transform:unset;-moz-transform:unset;-webkit-transform:unset;-ms-transform:unset}.s3-swiper-img{width:calc(456 / 750 * 100vw);height:calc(131 / 750 * 100vw);top:calc(90 / 750* 100vw);left:50%;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.s3-swiper-name{font-size:calc(26 / 750 * 100vw);line-height:calc(36 / 750 * 100vw);top:calc(308 / 750* 100vw);left:calc(80 / 750* 100vw);width:calc(472 / 750* 100vw)}.s3-swiper-desc{font-size:calc(24 / 750 * 100vw);line-height:calc(34 / 750 * 100vw);width:calc(560 / 750* 100vw);height:calc(270 / 750* 100vw);top:calc(400 / 750* 100vw);left:50%;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.s3-icon-list{width:calc(560 / 750* 100vw);top:calc(760 / 750* 100vw);left:calc(50% - 280 / 750* 100vw)}.s3-swiper-li{background:url(/images/event/Crimson-Battle-Begins/m/s3_icon_bg.png) center/contain no-repeat;width:calc(93 / 750 * 100vw);height:calc(93 / 750 * 100vw)}.s3-swiper-li img{width:calc(62 / 750 * 100vw);height:calc(71 / 750 * 100vw)}.s3-swiper-slide2{flex-direction:column}.s3-icon-box1{background:url(/images/event/Crimson-Battle-Begins/m/s3_box_bg2.png) center/contain no-repeat;width:calc(651 / 750 * 100vw);height:calc(457 / 750 * 100vw)}.s3-icon-box2{background:url(/images/event/Crimson-Battle-Begins/m/s3_box_bg2.png) center/contain no-repeat;width:calc(651 / 750 * 100vw);height:calc(457 / 750 * 100vw)}.s3-icon-img{width:calc(605 / 750 * 100vw);height:calc(233 / 750 * 100vw)}.s3-icon-box1 .s3-icon-img{top:calc(21 / 750* 100vw);left:50%;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.ar .s3-icon-box1 .s3-icon-img,.ur .s3-icon-box1 .s3-icon-img{left:unset;right:50%;transform:translateX(50%);-o-transform:translateX(50%);-moz-transform:translateX(50%);-webkit-transform:translateX(50%);-ms-transform:translateX(50%)}.s3-icon-box2 .s3-icon-img{top:calc(21 / 750* 100vw);left:50%;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.ar .s3-icon-box2 .s3-icon-img,.ur .s3-icon-box2 .s3-icon-img{left:unset;right:50%;transform:translateX(50%);-o-transform:translateX(50%);-moz-transform:translateX(50%);-webkit-transform:translateX(50%);-ms-transform:translateX(50%)}.s3-icon-name{font-size:calc(24 / 750 * 100vw);line-height:calc(34 / 750 * 100vw);width:auto;padding:0 calc(40 / 750* 100vw)}.s3-icon-box1 .s3-icon-name{left:0;top:calc(40 / 750* 100vw)}.ar .s3-icon-box1 .s3-icon-name,.ur .s3-icon-box1 .s3-icon-name{left:unset;right:0}.s3-icon-box2 .s3-icon-name{left:0;top:calc(40 / 750* 100vw)}.ar .s3-icon-box2 .s3-icon-name,.ur .s3-icon-box2 .s3-icon-name{left:unset;right:0}.s3-icon-desc{font-size:calc(16 / 750 * 100vw);line-height:calc(26 / 750 * 100vw);width:calc(552 / 750* 100vw);height:calc(108 / 750* 100vw)}.s3-icon-box1 .s3-icon-desc{top:calc(44 / 750* 100vw);left:calc(52 / 750* 100vw)}.ar .s3-icon-box1 .s3-icon-desc,.ur .s3-icon-box1 .s3-icon-desc{left:unset;right:calc(52 / 750* 100vw)}.s3-icon-box2 .s3-icon-desc{top:calc(44 / 750* 100vw);left:calc(52 / 750* 100vw)}.ar .s3-icon-box2 .s3-icon-desc,.ur .s3-icon-box2 .s3-icon-desc{left:unset;right:calc(52 / 750* 100vw)}.s3-btn-next{background:url(/images/event/Crimson-Battle-Begins/m/s3_next_icon.png) center/contain no-repeat;width:calc(60 / 750 * 100vw);height:calc(54 / 750 * 100vw);top:38%;right:calc(2 / 750* 100vw)}.s3-btn-prev{background:url(/images/event/Crimson-Battle-Begins/m/s3_prev_icon.png) center/contain no-repeat;background-repeat:no-repeat;width:calc(60 / 750 * 100vw);height:calc(54 / 750 * 100vw);top:38%;left:calc(2 / 750* 100vw)}.s3-pagination{display:none}.s4-slogan{top:calc(180 / 750 * 100vw);background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_en.png);background-position:center center;background-repeat:no-repeat;background-size:contain}.ar .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_ar.png)}.de .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_de.png)}.en .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_en.png)}.es .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_es.png)}.fr .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_fr.png)}.HK .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_hk.png)}.id .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_id.png)}.ms .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_ms.png)}.pt .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_pt.png)}.ru .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_ru.png)}.th .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_th.png)}.tr .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_tr.png)}.TW .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_tw.png)}.uz .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_uz.png)}.ur .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_ur.png)}.vi .s4-slogan{background-image:url(/images/event/Crimson-Battle-Begins/m/slogan/slogan4_vi.png)}.s4-swiper-slide{margin-top:calc(150 / 750 * 100vw);height:calc(900 / 750 * 100vw)}.s4-img-box{background:url(/images/event/Crimson-Battle-Begins/m/s4_box_bg1.png) center/contain no-repeat;width:calc(660 / 750 * 100vw);height:calc(280 / 750 * 100vw)}.s4-content{background:url(/images/event/Crimson-Battle-Begins/m/s4_box_bg2.png) center/contain no-repeat;width:calc(677 / 750 * 100vw);height:calc(601 / 750 * 100vw)}.s4-img-box{top:calc(10 / 750 * 100vw)}.s4-content{top:calc(300 / 750 * 100vw);left:50%;transform:calc(-50%);-o-transform:calc(-50%);-moz-transform:calc(-50%);-webkit-transform:calc(-50%);-ms-transform:calc(-50%)}.s4-img-box img{width:calc(641 / 750 * 100vw);height:calc(262 / 750 * 100vw)}.s4-swiper-name{font-size:calc(34 / 750 * 100vw);line-height:calc(44 / 750 * 100vw);margin:calc(50 / 750* 100vw) auto 0}.s4-swiper-desc{font-size:calc(24 / 750 * 100vw);line-height:calc(34 / 750 * 100vw);width:calc(574 / 750* 100vw);height:calc(380 / 750* 100vw);margin-top:calc(10 / 750* 100vw)}.s4-btn-next{background:url(/images/event/Crimson-Battle-Begins/m/s3_next_icon.png) center/contain no-repeat;width:calc(60 / 750 * 100vw);height:calc(54 / 750 * 100vw);top:63%;right:calc(2 / 750* 100vw)}.s4-btn-prev{background:url(/images/event/Crimson-Battle-Begins/m/s3_prev_icon.png) center/contain no-repeat;width:calc(60 / 750 * 100vw);height:calc(54 / 750 * 100vw);top:63%;left:calc(2 / 750* 100vw)}.s4-pagination{width:36%;height:calc(54 /750*100vw);position:absolute;left:50%;top:calc(1200 /750*100vw);z-index:3;display:flex;justify-content:center;align-items:center;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.s4-pagination .swiper-pagination-bullet{width:calc(12 /750*100vw);height:calc(12 /750*100vw);margin:0 calc(20 /750*100vw) !important;background:url(/images/event/Crimson-Battle-Begins/m/s2_pagination_icon1.png) center center/auto calc(25 /1920*100vw) no-repeat;opacity:1}.s4-pagination .swiper-pagination-bullet-active{background:url(/images/event/Crimson-Battle-Begins/m/s2_pagination_icon2.png) top center/auto 100% no-repeat;width:calc(23 /750*100vw);height:calc(23 /750*100vw)}#navigation{display:none}.to-top{display:none}.pop-vid{width:calc(750/ 750 * 100vw);height:calc(436/ 750 * 100vw)}.pop-close{width:25px;height:25px;top:-30px;right:0}}