@media only screen and (max-width:500px){.wrapper{display:block;width:100%;height:auto;overflow:hidden;background:url(/images/event/royalepassA18//m/bg1.jpg) 0 0/100% calc(1565/750*100vw) no-repeat, url(/images/event/royalepassA18//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/royalepassA18//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/royalepassA18//m/slogan/en.png) center center/100% 100% no-repeat;width:calc(750/750*100vw);height:calc(468/750*100vw);top:calc(422/750*100vw)}.id .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/id.png) center center/100% 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/en.png) center center/100% 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/de.png) center center/100% 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/ar.png) center center/100% 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/es.png) center center/100% 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/fr.png) center center/100% 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/hk.png) center center/100% 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/tw.png) center center/100% 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/my.png) center center/100% 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/pt.png) center center/100% 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/ru.png) center center/100% 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/th.png) center center/100% 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/tr.png) center center/100% 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/vi.png) center center/100% 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA18//m/slogan/uz.png) center center/100% 100% no-repeat}.section.s2{height:calc(1882/750*100vw)}.s2_slogan{width:calc(750 / 750 * 100vw);height:calc(150/750*100vw);font-size:calc(60/750*100vw);margin-top:calc(58/750*100vw);background:url(/images/event/royalepassA18/m/tit_id.png) center center/100% 100% no-repeat}.id .s2_slogan{background:url(/images/event/royalepassA18/m/tit_id.png) center center/100% 100% no-repeat}.en .s2_slogan{background:url(/images/event/royalepassA18/m/tit_en.png) center center/100% 100% no-repeat}.de .s2_slogan{background:url(/images/event/royalepassA18/m/tit_de.png) center center/100% 100% no-repeat}.ar .s2_slogan{background:url(/images/event/royalepassA18/m/tit_ar.png) center center/100% 100% no-repeat}.es .s2_slogan{background:url(/images/event/royalepassA18/m/tit_es.png) center center/100% 100% no-repeat}.fr .s2_slogan{background:url(/images/event/royalepassA18/m/tit_fr.png) center center/100% 100% no-repeat}.HK .s2_slogan{background:url(/images/event/royalepassA18/m/tit_hk.png) center center/100% 100% no-repeat}.TW .s2_slogan{background:url(/images/event/royalepassA18/m/tit_tw.png) center center/100% 100% no-repeat}.my .s2_slogan{background:url(/images/event/royalepassA18/m/tit_my.png) center center/100% 100% no-repeat}.pt .s2_slogan{background:url(/images/event/royalepassA18/m/tit_pt.png) center center/100% 100% no-repeat}.ru .s2_slogan{background:url(/images/event/royalepassA18/m/tit_ru.png) center center/100% 100% no-repeat}.th .s2_slogan{background:url(/images/event/royalepassA18/m/tit_th.png) center center/100% 100% no-repeat}.tr .s2_slogan{background:url(/images/event/royalepassA18/m/tit_tr.png) center center/100% 100% no-repeat}.vi .s2_slogan{background:url(/images/event/royalepassA18/m/tit_vi.png) center center/100% 100% no-repeat}.uz .s2_slogan{background:url(/images/event/royalepassA18/m/tit_uz.png) center center/100% 100% no-repeat}.s2_slogan .slogan_bg{display:none;background:#000;height:calc(70 / 750 * 100vw);width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.s2_slogan span{max-width:calc(700 / 750 * 100vw);width:max-content;padding:0 calc(2 / 750 * 100vw);height:calc(80 / 750 * 100vw);font-size:calc(60 / 750 * 100vw);text-align:center;font-weight:bold;line-height:calc(80 / 750 * 100vw);color:transparent;display:block;background:url(/images/event/royalepassA18//text_material.png) center center / 100% 100% no-repeat;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;transform-style:preserve-3d;display:none}.s2_show{width:calc(738/750*100vw);height:calc(1740/750*100vw);background:url(/images/event/royalepassA18//m/s2_show.png?v=1.2) 0 0/100% 100% no-repeat;margin:calc(-77/750*100vw) auto 0;padding:calc(108/750*100vw) calc(81/750*100vw) calc(132/750*100vw) calc(77/750*100vw)}.s2_item,.s2_item.s2_item_min{flex-shrink:0;width:calc(282 / 750 * 100vw);height:calc(173 / 750 * 100vw);position:relative;margin-bottom:calc(18 / 750 * 100vw)}.s2_item.s2_item_m{width:calc(179/750*100vw);margin-bottom:calc(16 / 750 * 100vw)}.s2_item.s2_item_m.s2_item_m_b{margin-bottom:calc(20 / 750 * 100vw)}.s2_item p{font-size:calc(14/750*100vw);line-height:calc(17/750*100vw);padding:0 4% 0 8%;bottom:calc(4 / 750 *100vw)}.section.s3{height:calc(480/750*100vw)}.s3_slogan{max-width:calc(700 / 750 * 100vw);height:calc(80/750*100vw);font-size:calc(60/750*100vw);margin-top:calc(10/750*100vw)}.s3_slogan .slogan_bg{display:block;background:#000;height:calc(70 / 750 * 100vw);width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.s3_slogan span{max-width:calc(700 / 750 * 100vw);width:max-content;padding:0 calc(2 / 750 * 100vw);height:calc(80 / 750 * 100vw);font-size:calc(60 / 750 * 100vw);text-align:center;font-weight:bold;line-height:calc(80 / 750 * 100vw);color:transparent;display:block;background:url(/images/event/royalepassA18//text_material.png) center center / 100% 100% no-repeat;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;transform-style:preserve-3d}.s3_video{width:calc(750/750*100vw);height:calc(426/750*100vw);background:url(/images/event/royalepassA18//m/s3_show.png) 0 0/100% 100% no-repeat;margin:calc(-64/750*100vw) auto 0}.btn_play{width:calc(194/750*100vw);height:calc(147/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;justify-content:center}.s4_tab a{display:flex;width:calc(291/750*100vw);height:calc(100/750*100vw);background:url(/images/event/royalepassA18//m/s4_tab.png) center center / calc(582 / 750 * 100vw) calc(184 / 750 * 100vw) no-repeat;text-align:center;align-items:center;justify-content:center;box-sizing:border-box;margin:0 calc(-5 / 750 * 100vw)}.s4_tab a:first-child{background-position:left top}.s4_tab a:last-child{background-position:right top}.s4_tab a.on{background:url(/images/event/royalepassA18//m/s4_tab_act.png) center center / calc(582 / 750 * 100vw) calc(184 / 750 * 100vw) no-repeat}.s4_tab a.s4_tab1.on{background-position:left top}.s4_tab a.s4_tab2.on{background-position:right top}.s4_tab a p{font-size:calc(22/750*100vw)}.s4_tab3,.s4_tab4{width:calc(195/750*100vw);height:calc(88/750*100vw);display:block;position:absolute;z-index:3;top:calc(36 / 750 * 100vw)}.s4_tab3{left:calc(175 / 750 * 100vw)}.s4_tab4{left:calc(370 / 750 * 100vw)}.ar .s4_tab3{left:calc(370 / 750 * 100vw)}.ar .s4_tab4{left:calc(175 / 750 * 100vw)}.s4_show{display:none;width:calc(750/750*100vw);height:calc(913/750*100vw);background:url(/images/event/royalepassA18//m/s4_show1.png) 0 0/100% 100% no-repeat;top:calc(64/750*100vw);left:0;margin-left:0}.s4_show2{height:calc(940 / 750*100vw);background:url(/images/event/royalepassA18//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(100/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(40/750*100vw)}.slide1 .role{background:url(/images/event/royalepassA18//m/s4_role1.png) center center / calc(279 / 750 * 100vw) calc(697 / 750 * 100vw) no-repeat}.slide2 .role{background:url(/images/event/royalepassA18//m/s4_role2.png) center center / calc(295 / 750 * 100vw) calc(665 / 750 * 100vw) no-repeat}.slide3 .role{background:url(/images/event/royalepassA18//m/s4_role3.png) center center / calc(313 / 750 * 100vw) calc(666 / 750 * 100vw) no-repeat}.s4_text2{width:calc(373/750*100vw);height:calc(307/750*100vw);right:calc(42/750*100vw);top:calc(300/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(925/750*100vw)}.s4_next{width:calc(64/750*100vw);height:calc(91/750*100vw);right:calc(40/750*100vw);top:calc(925/750*100vw)}.s4_swiper_pagination{height:calc(313/750*100vw);bottom:calc(-182 / 750*100vw);left:calc(120/750*100vw);align-items:center}.s4 .swiper-pagination-bullet{width:calc(152/750*100vw);height:calc(341/750*100vw);margin:0 calc(10/750*100vw);position:relative}.s4 .swiper-pagination-bullet-active{width:calc(152/750*100vw);height:calc(341/750*100vw);margin:0 calc(10/750*100vw)}.s4 .swiper-pagination span:nth-child(1){background:url(/images/event/royalepassA18//m/pagination1.png) top center/ calc(140 / 750 * 100vw) calc(341 / 750 * 100vw) no-repeat;width:calc(152/750*100vw);height:calc(341/750*100vw);top:calc(-32 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA18//m/pagination2.png) top center/ calc(152 / 750 * 100vw) calc(304 / 750 * 100vw) no-repeat;width:calc(152/750*100vw);height:calc(341/750*100vw);top:calc(-2 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA18//m/pagination3.png) top center/ calc(152 / 750 * 100vw) calc(299 / 750 * 100vw) no-repeat;width:calc(152/750*100vw);height:calc(341/750*100vw);top:calc(-4 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background:url(/images/event/royalepassA18//m/pagination1_on.png) top center/calc(142 / 750 * 100vw) calc(341 / 750 * 100vw) no-repeat;width:calc(152/750*100vw);height:calc(341/750*100vw);top:calc(-32 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA18//m/pagination2_on.png) top center/calc(150 / 750 * 100vw) calc(306 / 750 * 100vw) no-repeat;width:calc(152/750*100vw);height:calc(341/750*100vw);top:calc(3 / 750 * 100vw)}.s4 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA18//m/pagination3_on.png) top center/calc(157 / 750 * 100vw) calc(309 / 750 * 100vw) no-repeat;width:calc(152/750*100vw);height:calc(341/750*100vw);top:calc(0 / 750 * 100vw)}.intr_box{width:calc(750/750*100vw);height:calc(970/750*100vw);top:calc(50/750*100vw)}.intr_box:after{width:calc(201/750*100vw);height:calc(264/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(340/750*100vw);font-size:calc(24/750*100vw);line-height:calc(32/750*100vw);color:#78edf7}.line{width:calc(570/750*100vw);height:calc(6/750*100vw);left:calc(90/750*100vw);top:calc(476/750*100vw)}.intr_box ol{width:calc(590/750*100vw);position:absolute;left:calc(90/750*100vw);top:calc(516/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);bottom:calc(4 / 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(14/750*100vw);line-height:calc(18/750*100vw);bottom:calc(1 / 750 * 100vw)}.pt .s2_item p{font-size:calc(12/750*100vw);line-height:calc(20/750*100vw)}.to_top{width:calc(143 / 750 * 100vw);height:calc(111 / 750 * 100vw);bottom:calc(28 / 750 * 100vw)}#navigation{display:flex !important;width:calc(658 / 750 * 100vw);height:calc(126/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/royalepassA18//m/nav1.png) 0 0 / 100% calc(126 / 750 * 100vw) no-repeat}#navigation.hide{display:none !important}#navigation li{width:calc(82/750*100vw);height:calc(82/750*100vw);margin:calc(0/750*100vw) calc(10/750*100vw) 0}#navigation li.act{background:url(/images/event/royalepassA18//m/nav3.png) center center / 100% no-repeat;width:calc(136/750*100vw);height:calc(82/750*100vw)}#navigation li a{line-height:calc(98/750*100vw);font-size:calc(30/750*100vw)}#navigation li.act a{line-height:calc(98/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%}}