@media only screen and (max-width:500px){.wrapper{display:block;width:100%;height:auto;overflow:hidden;background:url(/images/event/royalepassA17/m/bg1.jpg) 0 0/100% calc(1565/750*100vw) no-repeat, url(/images/event/royalepassA17/m/bg2.jpg) 0 calc(1565/750*100vw)/100% calc(3000/750*100vw) no-repeat;background-color:#000}.section.s1{height:calc(1050/750*100vw)}.newdownload-wrap{bottom:initial !important;top:calc(770/750*100vw) !important}.ar .newdownload-wrap,.ur .newdownload-wrap{direction:ltr !important}.s1_logo{background:url(/images/event/royalepassA17/s1_logo.png) 0 0/100% 100% no-repeat;width:calc(111/750*100vw);height:calc(148/750*100vw);top:calc(118/640*100vw);right:0;left:calc(18 / 750 * 100vw)}.s1_slogan{background:url(/images/event/royalepassA17/m/slogan/en.png) center center/100% 100% no-repeat;width:calc(750/750*100vw);height:calc(350/750*100vw);top:calc(476/750*100vw)}.id .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/id.png) center center/100% 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/en.png) center center/100% 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/de.png) center center/100% 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/ar.png) center center/100% 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/es.png) center center/100% 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/fr.png) center center/100% 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/hk.png) center center/100% 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/tw.png) center center/100% 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/my.png) center center/100% 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/pt.png) center center/100% 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/ru.png) center center/100% 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/th.png) center center/100% 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/tr.png) center center/100% 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/vi.png) center center/100% 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA17/m/slogan/uz.png) center center/100% 100% no-repeat}.section.s2{height:calc(1734/750*100vw)}.s2_slogan{width:calc(750 / 750 * 100vw);height:calc(80/750*100vw);font-size:calc(60/750*100vw);margin-top:calc(64/750*100vw);background:url(/images/event/royalepassA17/m/tit1_en.png) center center / 100% no-repeat}.id .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_id.png) center center / 100% no-repeat}.en .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_en.png) center center / 100% no-repeat}.de .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_de.png) center center / 100% no-repeat}.ar .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_ar.png) center center / 100% no-repeat}.es .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_es.png) center center / 100% no-repeat}.fr .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_fr.png) center center / 100% no-repeat}.HK .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_hk.png) center center / 100% no-repeat}.TW .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_tw.png) center center / 100% no-repeat}.my .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_my.png) center center / 100% no-repeat}.pt .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_pt.png) center center / 100% no-repeat}.ru .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_ru.png) center center / 100% no-repeat}.th .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_th.png) center center / 100% no-repeat}.tr .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_tr.png) center center / 100% no-repeat}.vi .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_vi.png) center center / 100% no-repeat}.uz .s2_slogan{background:url(/images/event/royalepassA17/m/tit1_uz.png) center center / 100% no-repeat}.s2_show{width:calc(750/750*100vw);height:calc(1903/750*100vw);background:url(/images/event/royalepassA17/m/s2_show.png?v=1.2) 0 0/100% 100% no-repeat;margin:calc(-148/750*100vw) auto 0;padding:calc(206/750*100vw) calc(63/750*100vw) calc(301/750*100vw) calc(60/750*100vw)}.s2_item,.s2_item.s2_item_min{flex-shrink:0;width:calc(201/750*100vw);height:calc(223/750*100vw);position:relative;margin-bottom:calc(12 / 750*100vw)}.s2_item.s2_item_m{width:calc(151/750*100vw)}.s2_item p{font-size:calc(16/750*100vw);line-height:calc(19/750*100vw);padding:0 4% 0 8%;bottom:calc(4 / 750 *100vw)}.section.s3{height:calc(530/750*100vw)}.s3_slogan{width:calc(750 / 750 * 100vw);height:calc(80/750*100vw);font-size:calc(60/750*100vw);line-height:calc(66/750*100vw);margin:0 auto;background:url(/images/event/royalepassA17/m/tit2_en.png) center center / 100% no-repeat}.id .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_id.png) center center / 100% no-repeat}.en .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_en.png) center center / 100% no-repeat}.de .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_de.png) center center / 100% no-repeat}.ar .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_ar.png) center center / 100% no-repeat}.es .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_es.png) center center / 100% no-repeat}.fr .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_fr.png) center center / 100% no-repeat}.HK .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_hk.png) center center / 100% no-repeat}.TW .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_tw.png) center center / 100% no-repeat}.my .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_my.png) center center / 100% no-repeat}.pt .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_pt.png) center center / 100% no-repeat}.ru .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_ru.png) center center / 100% no-repeat}.th .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_th.png) center center / 100% no-repeat}.tr .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_tr.png) center center / 100% no-repeat}.vi .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_vi.png) center center / 100% no-repeat}.uz .s3_slogan{background:url(/images/event/royalepassA17/m/tit2_uz.png) center center / 100% no-repeat}.s3_slogan span:before{background:url(/images/event/royalepassA17/title.png) left 0/calc(123/750*100vw) calc(61/750*100vw) no-repeat;width:calc(66/750*100vw);height:calc(61/750*100vw);margin-top:calc(-30.5/750*100vw);left:calc(-66/750*100vw)}.s3_slogan span:after{background:url(/images/event/royalepassA17/title.png) right 0/calc(123/750*100vw) calc(61/750*100vw) no-repeat;width:calc(66/750*100vw);height:calc(61/750*100vw);margin-top:calc(-30.5/750*100vw);right:calc(-66/750*100vw)}.s3_video{width:calc(750/750*100vw);height:calc(602/750*100vw);background:url(/images/event/royalepassA17/m/s3_show.png) 0 0/100% 100% no-repeat;margin:calc(-64/750*100vw) auto 0}.btn_play{width:calc(193/750*100vw);height:calc(178/750*100vw)}.section.s4{height:calc(1250/750*100vw);z-index:2}.s4_tab{width:calc(630/750*100vw);height:calc(81/750*100vw);top:calc(32/750*100vw);left:0;right:0;margin:0 auto}.s4_tab a{width:calc(328/750*100vw);height:calc(94/750*100vw);background-size:100% 100%;background:url(/images/event/royalepassA17/m/s4_tab.png) center center / 100% no-repeat}.s4_tab a.on{width:calc(328/750*100vw);background:url(/images/event/royalepassA17/m/s4_tab_act.png) center center / 100% no-repeat}.s4_tab a p{font-size:calc(22/750*100vw)}.s4_show{display:none;width:calc(750/750*100vw);height:calc(1582/750*100vw);background:url(/images/event/royalepassA17/m/s4_show1.png) 0 0/100% 100% no-repeat;top:calc(-358/750*100vw);left:0;margin-left:0}.s4_show2{height:calc(1595 / 750*100vw);background:url(/images/event/royalepassA17/m/s4_show2.png) 0 0/100% 100% no-repeat}.s4_show.on{display:block}.s4_show:after{display:none}.s4_swiper_container{display:block;width:calc(750/750*100vw);height:calc(1037/750*100vw);overflow:unset}.s4_text{left:calc(319/750*100vw);top:calc(602/750*100vw);width:calc(394/750*100vw);text-align:center}.ar .s4_text,.ur .s4_text{left:calc(319/750*100vw);text-align:center}.s4_text_title{font-size:calc(52/750*100vw);line-height:calc(66/750*100vw)}.s4_text span{font-size:calc(22/750*100vw);line-height:calc(28/750*100vw)}.role{width:calc(340/750*100vw);height:calc(700/750*100vw);left:0;top:calc(500/750*100vw)}.s4_text2{width:calc(373/750*100vw);height:calc(307/750*100vw);right:calc(42/750*100vw);top:calc(820/750*100vw);padding:calc(40/750*100vw) calc(36/750*100vw) calc(32/750*100vw)}.s4_text2 p{font-size:calc(38/750*100vw)}.pt .s4_text2 p,.es .s4_text2 p,.fr .s4_text2 p,.vi .s4_text2 p{font-size:calc(30 / 750 * 100vw)}.s4_prev{width:calc(64/750*100vw);height:calc(91/750*100vw);left:calc(40/750*100vw);top:calc(1296/750*100vw)}.s4_next{width:calc(64/750*100vw);height:calc(91/750*100vw);right:calc(40/750*100vw);top:calc(1296/750*100vw)}.s4_swiper_pagination{height:calc(313/750*100vw);bottom:calc(88 / 750*100vw);left:calc(120/750*100vw);align-items:center}.s4 .swiper-pagination-bullet{width:calc(159/750*100vw);height:calc(313/750*100vw);margin:0 calc(10/750*100vw);position:relative}.s4 .swiper-pagination-bullet-active{width:calc(159/750*100vw);height:calc(313/750*100vw);margin:0 calc(10/750*100vw)}.s4 .swiper-pagination span:nth-child(1){background:url(/images/event/royalepassA17/m/pagination1.png) top center/ calc(137 / 750 * 100vw) calc(297 / 750 * 100vw) no-repeat;width:calc(159/750*100vw);height:calc(313/750*100vw);top:calc(2 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA17/m/pagination2.png) top center/ calc(133 / 750 * 100vw) calc(285 / 750 * 100vw) no-repeat;width:calc(159/750*100vw);height:calc(313/750*100vw);top:calc(4 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA17/m/pagination3.png) top center/ calc(133 / 750 * 100vw) calc(283 / 750 * 100vw) no-repeat;width:calc(159/750*100vw);height:calc(313/750*100vw);top:calc(14 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background:url(/images/event/royalepassA17/m/pagination1_on.png) top center/calc(159 / 750 * 100vw) calc(308 / 750 * 100vw) no-repeat;width:calc(159/750*100vw);height:calc(313/750*100vw);top:calc(-7 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA17/m/pagination2_on.png) top center/calc(153 / 750 * 100vw) 100% no-repeat;width:calc(159/750*100vw);height:calc(313/750*100vw);top:calc(3 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA17/m/pagination3_on.png) top center/calc(146 / 750 * 100vw) 100% no-repeat;width:calc(159/750*100vw);height:calc(313/750*100vw);top:calc(0 / 750 * 100vw)}.intr_box{width:calc(750/750*100vw);height:calc(970/750*100vw);top:calc(500/750*100vw)}.intr_box:after{width:calc(260/750*100vw);height:calc(347/750*100vw);top:calc(56/750*100vw);right:50%;margin-right:calc(-130/750*100vw)}.s4_text2_title{width:calc(590/750*100vw);height:calc(142/750*100vw);left:calc(90/750*100vw);top:calc(410/750*100vw);font-size:calc(24/750*100vw);line-height:calc(32/750*100vw)}.line{width:calc(570/750*100vw);height:calc(6/750*100vw);left:calc(90/750*100vw);top:calc(546/750*100vw)}.intr_box ol{width:calc(590/750*100vw);position:absolute;left:calc(90/750*100vw);top:calc(586/750*100vw);font-size:calc(22/750*100vw);line-height:calc(26/750*100vw)}.intr_box li{margin-bottom:calc(20/750*100vw)}.intr_box ol li i{width:calc(30/750*100vw);height:calc(30/750*100vw);margin:0 calc(10/750*100vw)}.th .s2_slogan,.th .s3_slogan{font-size:calc(66/750*100vw)}.th .s2_item p{font-size:calc(20/750*100vw);line-height:calc(14/750*100vw)}.th .s4_tab a p,.th .intr_box ol{font-size:calc(30/750*100vw)}.th .s4_text_title{font-size:calc(80/750*100vw)}.th .s4_text span,.th .s4_text2_title{font-size:calc(32/750*100vw)}.ru .s2_item p{font-size:calc(16/750*100vw);line-height:calc(18/750*100vw)}.pt .s2_item p{font-size:calc(12/750*100vw);line-height:calc(20/750*100vw)}.to_top{width:calc(135 / 750 * 100vw);height:calc(137 / 750 * 100vw);bottom:calc(10 / 750 * 100vw)}#navigation{display:flex !important;width:calc(698 / 750 * 100vw);height:calc(78/750*100vw);top:initial;bottom:0;margin:0 auto;left:0;right:0;align-items:flex-end;flex-direction:row;justify-content:center;flex-wrap:initial;box-sizing:border-box;align-content:flex-end;padding-left:0;background:url(/images/event/royalepassA17/m/nav1.png) 0 0 / 100% calc(78 / 750 * 100vw) no-repeat}#navigation.hide{display:none !important}#navigation li{width:calc(84/750*100vw);height:calc(69/750*100vw);margin:calc(0/750*100vw) calc(10/750*100vw) 0}#navigation li.act{background:url(/images/event/royalepassA17/m/nav3.png) center center / 100% no-repeat;width:calc(84/750*100vw);height:calc(69/750*100vw)}#navigation li a{line-height:calc(84/750*100vw);font-size:calc(30/750*100vw)}#navigation li.act a{line-height:calc(84/750*100vw);font-size:calc(30/750*100vw);justify-content:center;align-items:unset;text-indent:0}#navigation li:first-child.act a{text-indent:0}.pop-close{width:25px;height:25px;top:initial;bottom:-30px;right:50%;margin-right:-12.5px}.pop-vid{width:calc(750/750*100vw);height:calc(436/750*100vw);top:50%;left:50%}}