@media only screen and (max-width:1200px){.pop-vid{width:calc(640 / 900 * 100vw);height:calc(360 / 900 * 100vw);background:#000;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}}@media only screen and (max-width:500px){.download-wrap{display:block;text-align:center;bottom:initial;width:100%;left:0;top:calc(840 / 750 * 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}.wrapper{display:block;width:100%;height:auto;overflow:hidden;background:url('/images/event/royalepassA9/m/bg1.jpg') center calc(1 /750*100vw)/100% calc(2140 /750*100vw) no-repeat, url('/images/event/royalepassA9/m/bg2.jpg') center calc(2139 /750*100vw)/100% calc(1926 /750*100vw) no-repeat}.section.s0{height:calc(1100/750*100vw)}.section.s1{height:calc(1040/750*100vw)}.section.s2{height:calc(680/750*100vw)}.section.s3{height:calc(1246/750*100vw)}.s1_logo{display:block;width:calc(125/750*100vw);height:calc(166/750*100vw);background:url(/images/event/royalepassA9/logo.png) 0/100% 100% no-repeat;position:absolute;right:calc(12/750*100vw);top:calc(120/640*100vw)}.slogan{display:block;width:calc(700 /750*100vw);height:calc(189 /750*100vw);position:absolute;top:calc(630 /750*100vw);left:0;right:0;margin:auto;z-index:0}.ghost{-webkit-animation:fadeGhost 6s infinite linear;animation:fadeGhost 6s infinite linear}@-webkit-keyframes fadeGhost{0%{transform:translateY(0)}50%{transform:translateY(40%)}100%{transform:translateY(0)}}@keyframes fadeGhost{0%{transform:translateY(0)}50%{transform:translateY(40%)}100%{transform:translateY(0)}}.ghosts{-webkit-animation:fadeGhost 6s infinite linear;animation:fadeGhost 6s infinite linear}@-webkit-keyframes fadeGhosts{0%{transform:translateY(0)}50%{transform:translateY(80%)}100%{transform:translateY(0)}}@keyframes fadeGhosts{0%{transform:translateY(0)}50%{transform:translateY(80%)}100%{transform:translateY(0)}}.s0_ghost1{display:none}.s0_ghost2{width:calc(73 / 750 * 100vw);height:calc(80/ 750 * 100vw);background:url(/images/event/royalepassA9/m/s0_ghost2.png) 0/100% 100% no-repeat;top:calc(612/ 750 * 100vw);right:initial;left:0;-webkit-animation-delay:2s;animation-delay:2s}.s0_ghost3{width:calc(57 / 750 * 100vw);height:calc(53/ 750 * 100vw);background:url(/images/event/royalepassA9/m/s0_ghost3.png) 0/100% 100% no-repeat;top:calc(336/ 750 * 100vw);right:0}.s1_box{display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0}.s1_title{height:calc(132/ 750 * 100vw);line-height:calc(66/ 750 * 100vw);font-size:calc(66/ 750 * 100vw);position:absolute;top:calc(18/ 750 * 100vw);left:0;text-align:center}.s1_title span{filter:drop-shadow(0 calc(2/ 750 * 100vw) 0 #d16378);max-width:calc(566/ 750 * 100vw);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.s1_title span i:nth-child(1){width:calc(108 / 750 * 100vw);height:calc(24/ 750 * 100vw);background:url(/images/event/royalepassA9/m/title1.png) 0/100% 100% no-repeat;left:calc(-120/750*100vw);margin-top:calc(-12/750*100vw)}.s1_title span i:nth-child(2){width:calc(108 / 750 * 100vw);height:calc(24/ 750 * 100vw);background:url(/images/event/royalepassA9/m/title2.png) 0/100% 100% no-repeat;right:calc(-120/750*100vw);margin-top:calc(-12/750*100vw)}.s1_show{width:calc(750 / 750 * 100vw);height:calc(888/ 750 * 100vw);background:url(/images/event/royalepassA9/m/s1_show.png) 0/100% 100% no-repeat;margin:0;position:absolute;bottom:0;left:0}.s1_ghost1{width:calc(58 / 750 * 100vw);height:calc(68/ 750 * 100vw);top:calc(510/ 750 * 100vw);left:calc(-18/ 750 * 100vw)}.s1_ghost2{width:calc(152 / 750 * 100vw);height:calc(132/ 750 * 100vw);top:calc(714/ 750 * 100vw);right:calc(-72/ 750 * 100vw);-webkit-animation-delay:.5s;animation-delay:.5s}.s2_box{width:100%;height:100%;-webkit-mask-image:none;mask-image:none;-webkit-mask-size:100% 100%;mask-size:100% 100%}.s2_title{height:calc(132/ 750 * 100vw);line-height:calc(66/ 750 * 100vw);font-size:calc(66/ 750 * 100vw);position:absolute;top:calc(4/ 750 * 100vw);left:0;margin:0}.s2_title span{filter:drop-shadow(0 calc(2/ 750 * 100vw) 0 #d16378);max-width:calc(566/ 750 * 100vw);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.s2_title span i:nth-child(1){width:calc(108 / 750 * 100vw);height:calc(24/ 750 * 100vw);background:url(/images/event/royalepassA9/m/title1.png) 0/100% 100% no-repeat;left:calc(-120/750*100vw);margin-top:calc(-12/750*100vw)}.s2_title span i:nth-child(2){width:calc(108 / 750 * 100vw);height:calc(24/ 750 * 100vw);background:url(/images/event/royalepassA9/m/title2.png) 0/100% 100% no-repeat;right:calc(-120/750*100vw);margin-top:calc(-12/750*100vw)}.s2_video{width:calc(750 / 750 * 100vw);height:calc(532/ 750 * 100vw);background:url(/images/event/royalepassA9/m/s2_show.png) 0/100% 100% no-repeat;position:absolute;top:calc(136/ 750 * 100vw);left:0;z-index:1}.btn_play{width:calc(86 / 750 * 100vw);height:calc(86/ 750 * 100vw);background:url(/images/event/royalepassA9/m/btn_play.png) 0/100% 100% no-repeat;top:calc(168/ 750 * 100vw);left:calc(324/ 750 * 100vw)}.s2_role{display:none}.s2_ghost{width:calc(97 / 750 * 100vw);height:calc(118/ 750 * 100vw);background:url(/images/event/royalepassA9/m/s2_ghost1.png) 0/100% 100% no-repeat;top:calc(60/ 750 * 100vw);left:calc(626/ 750 * 100vw)}.s2_box:after{display:block;content:'';width:calc(41 / 750 * 100vw);height:calc(78/ 750 * 100vw);background:url(/images/event/royalepassA9/m/s2_ghost2.png) 0/100% 100% no-repeat;position:absolute;top:calc(412/ 750 * 100vw);left:0}.s3_ghost1{width:calc(63 / 750 * 100vw);height:calc(107/ 750 * 100vw);background:url(/images/event/royalepassA9/m/s3_ghost1.png) 0/100% 100% no-repeat;top:calc(618/ 750 * 100vw);left:0}.s3_ghost2{width:calc(42 / 750 * 100vw);height:calc(78/ 750 * 100vw);background:url(/images/event/royalepassA9/m/s3_ghost2.png) 0/100% 100% no-repeat;top:calc(360/ 750 * 100vw);right:0;-webkit-animation-delay:2s;animation-delay:2s}.s3_tab{display:flex;justify-content:center;width:calc(750 / 750* 100vw);height:calc(81 / 750* 100vw);left:0;top:calc(40 / 750* 100vw)}.s3_tab a{display:flex;width:calc(306 / 750* 100vw);height:calc(81 / 750* 100vw);float:initial;padding-top:calc(4 / 750* 100vw);font-size:calc(26 / 750 * 100vw)}.s3_tab a.act{text-shadow:0 calc(2 / 750 * 100vw) 0 #0a0a0a}.s3_show{width:calc(750 / 750 * 100vw);height:calc(1134 / 750 * 100vw);background:url(/images/event/royalepassA9/m/s3_show1.png) 0/100% 100% no-repeat;top:calc(111 / 750 * 100vw);left:0}.s3_show2{height:calc(1109 / 750 * 100vw);background:url(/images/event/royalepassA9/m/s3_show2.png) 0/100% 100% no-repeat}.s3_swiper{width:100%;height:100%;top:0;left:0}.s3_swiper .swiper-slide:after{width:calc(395 / 750 * 100vw);height:calc(340 / 750 * 100vw);top:calc(340 / 750 * 100vw);left:calc(288 / 750 * 100vw)}.s3_item{width:calc(395 / 750 * 100vw);height:calc(200 / 750 * 100vw);top:calc(120 / 750 * 100vw);left:calc(288 / 750 * 100vw)}.s3_title{line-height:calc(56 / 750 * 100vw);font-size:calc(56 / 750 * 100vw);margin-bottom:calc(10 / 750 * 100vw);text-align:center}.s3_item span{width:100%;line-height:calc(32 / 750 * 100vw);font-size:calc(22 / 750 * 100vw);text-align:center}.role{width:calc(344 / 750 * 100vw);height:calc(666 / 750 * 100vw);top:calc(70 / 750 * 100vw);left:calc(-14 / 750 * 100vw)}.s3_text{width:calc(323 / 750 * 100vw);max-height:calc(266 / 750 * 100vw);top:45%;left:calc(326 / 750 * 100vw);font-size:calc(40 / 750 * 100vw)}.s3_text span{font-size:calc(80 / 750 * 100vw);color:#d04633}.s3_prev{width:calc(63 / 750 * 100vw);height:calc(66 / 750 * 100vw);top:calc(832 / 750 * 100vw);left:calc(38 / 750 * 100vw)}.s3_next{width:calc(63 / 750 * 100vw);height:calc(66 / 750 * 100vw);top:calc(832 / 750 * 100vw);right:calc(38 / 750 * 100vw)}.s3_pagination{width:calc(526 / 750 * 100vw);height:calc(267 / 750 * 100vw);top:calc(724 / 750 * 100vw);left:calc(118 / 750 * 100vw)}.s3_pagination span{width:calc(164 / 750 * 100vw);height:calc(267 / 750 * 100vw);margin:0 calc(4 / 750 * 100vw)}.s3_pagination span:nth-child(1){background:url(/images/event/royalepassA9/m/s3_page4.png) 0/100% 100% no-repeat}.s3_pagination span:nth-child(2){background:url(/images/event/royalepassA9/m/s3_page5.png) 0/100% 100% no-repeat}.s3_pagination span:nth-child(3){background:url(/images/event/royalepassA9/m/s3_page6.png) 0/100% 100% no-repeat}.s3_pagination span.swiper-pagination-bullet-active:nth-child(1){width:calc(164 / 750 * 100vw);background:url(/images/event/royalepassA9/m/s3_page1.png) 0/100% 100% no-repeat}.s3_pagination span.swiper-pagination-bullet-active:nth-child(2){width:calc(164 / 750 * 100vw);background:url(/images/event/royalepassA9/m/s3_page2.png) 0/100% 100% no-repeat}.s3_pagination span.swiper-pagination-bullet-active:nth-child(3){width:calc(164 / 750 * 100vw);background:url(/images/event/royalepassA9/m/s3_page3.png) 0/100% 100% no-repeat}.s3_introuce{width:calc(580 / 750 * 100vw);max-height:calc(500 / 750 * 100vw);top:calc(446 / 750 * 100vw);left:calc(84 / 750 * 100vw);-webkit-transform:translateY(0);transform:translateY(0);overflow:hidden;overflow-y:auto}.s3_logo{width:calc(256 / 750 * 100vw);height:calc(341 / 750 * 100vw);top:calc(85 / 750 * 100vw);left:calc(247 / 750 * 100vw)}.s3_tit{line-height:calc(38 / 750 * 100vw);font-size:calc(26 / 750 * 100vw);margin-bottom:calc(60 / 750 * 100vw)}.s3_tit:after{width:calc(580 / 750 * 100vw);height:calc(13 / 750 * 100vw);bottom:calc(-38 / 750 * 100vw)}.s3_introuce ul{width:calc(580 / 750 * 100vw)}.s3_introuce li{width:100%;line-height:calc(24 / 750 * 100vw);font-size:calc(22 / 750 * 100vw);margin-bottom:calc(30 / 750 * 100vw)}.s3_introuce li span{width:calc(28 / 750 * 100vw);height:calc(28 / 750 * 100vw);line-height:calc(28 / 750 * 100vw);font-size:calc(16 / 750 * 100vw);border:calc(1 / 750 * 100vw) solid #83a1d0;margin-top:calc(-16 / 750 * 100vw)}.s3_introuce li p{margin-left:calc(38 / 750 * 100vw)}.ar .s3_logo,.ur .s3_logo{left:initial;right:calc(247 / 750 * 100vw)}.ar .s3_introuce,.ur .s3_introuce{left:initial;right:calc(84 / 750 * 100vw)}.ar .s3_tit:after,.ur .s3_tit:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ar .s3_introuce ul,.ur .s3_introuce ul{float:right}.ar .s3_introuce li span,.ur .s3_introuce li span{left:initial;right:0}.ar .s3_introuce li p,.ur .s3_introuce li p{margin-left:0;margin-right:calc(38 / 750 * 100vw);text-align:right;direction:rtl}.cursor{display:none}#navigation{flex-direction:initial;width:calc(750 / 750 * 100vw);height:calc(98 / 750 * 100vw);background:url(/images/event/royalepassA9/m_nav.png) 0/100% 100% no-repeat;top:initial;margin-top:0;bottom:0}#navigation li{width:calc(64 / 750 * 100vw);height:calc(64 / 750 * 100vw);margin:calc(26 / 750 * 100vw) calc(58 / 750 * 100vw) 0;font-size:calc(36 / 750 * 100vw);cursor:none}.pop-close{width:25px;height:25px;top:-30px;right:0}.pop-vid{width:calc(750 / 750 * 100vw);height:calc(436 / 750 * 100vw)}}