@media only screen and (max-width:500px){.wrapper{display:block;width:100%;height:calc(4566 / 750 * 100vw);overflow:hidden;background:url(/images/event/royalepassA20/m/bg1.jpg) 0 0/100% calc(2347 / 750 * 100vw) no-repeat, url(/images/event/royalepassA20/m/bg2.jpg) 0 calc(2346 / 750 * 100vw) / 100% calc(2219 / 750 * 100vw) no-repeat}.section.s1{height:calc(1050 / 750 * 100vw)}.newdownload-wrap{bottom:initial !important;top:calc(800 / 750 * 100vw) !important}.ar .newdownload-wrap,.ur .newdownload-wrap{direction:ltr !important}.s1_logo{display:none;background:url(/images/event/royalepassA20/s1_logo.png) 0 0/100% 100% no-repeat;width:calc(172 / 750 * 100vw);height:calc(227 / 750 * 100vw);top:calc(118 / 640 * 100vw);right:0;left:calc(18 / 750 * 100vw)}.s1_slogan{background:url(/images/event/royalepassA20/m/slogan/en.png) center center/100% 100% no-repeat;width:calc(750 / 750 * 100vw);height:calc(182 / 750 * 100vw);top:calc(630 / 750 * 100vw);left:50%;transform:translateX(-50%)}.id .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/id.png) center center/100% 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/en.png) center center/100% 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/de.png) center center/100% 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/ar.png) center center/100% 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/es.png) center center/100% 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/fr.png) center center/100% 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/hk.png) center center/100% 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/tw.png) center center/100% 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/my.png) center center/100% 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/pt.png) center center/100% 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/ru.png) center center/100% 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/th.png) center center/100% 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/tr.png) center center/100% 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/vi.png) center center/100% 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA20/m/slogan/uz.png) center center/100% 100% no-repeat}.section.s2{height:calc(1734 / 750 * 100vw)}.s2_slogan{height:calc(78 / 750 * 100vw);font-size:calc(68 / 750 * 100vw);line-height:calc(78 / 750 * 100vw);margin:calc(70 / 750 * 100vw) auto calc(-15 / 750 * 100vw);text-shadow:0 calc(3 / 750 * 100vw) 0 #00318c}.s2_show{width:calc(743 / 750 * 100vw);height:calc(1586 / 750 * 100vw);background:url(/images/event/royalepassA20/m/s2_show.png) 0 0/100% 100% no-repeat;margin:0 auto 0;padding:calc(124 / 750 * 100vw) min(calc(47 / 750 * 100vw), 414px) calc(63 / 750 * 100vw) calc(54 / 750 * 100vw)}.s2_item,.s2_item.s2_item_min{flex-shrink:0;width:calc(201 / 750 * 100vw);height:calc(212 / 750 * 100vw);position:relative;margin-bottom:calc(25 / 750 * 100vw)}.s2_item.s2_item_m{width:calc(151 / 750 * 100vw)}.s2_item p{font-size:calc(17 / 750 * 100vw);line-height:calc(23 / 750 * 100vw);padding:0 calc(6 / 750 * 100vw);bottom:calc(0 / 750 * 100vw)}.ar .s2_item p{font-size:calc(19 / 750 * 100vw);line-height:calc(21 / 750 * 100vw)}.es .s2_item p{font-size:calc(18 / 750 * 100vw);line-height:calc(20 / 750 * 100vw);padding:0 calc(6 / 750 * 100vw);bottom:calc(7 / 750 * 100vw)}.pt .s2_item p{font-size:calc(15 / 750 * 100vw);line-height:calc(18 / 750 * 100vw);padding:0 calc(8 / 750 * 100vw);bottom:calc(5 / 750 * 100vw);transform:scale(0.98);transform-origin:center bottom}.fr .s2_item p{font-size:calc(14 / 750 * 100vw);line-height:calc(19 / 750 * 100vw);bottom:calc(5 / 750 * 100vw)}.de .s2_item p{font-size:calc(19 / 750 * 100vw);line-height:calc(21 / 750 * 100vw);bottom:calc(6 / 750 * 100vw)}.uz .s2_item p{font-size:calc(16 / 750 * 100vw);line-height:calc(20 / 750 * 100vw)}.section.s3{height:calc(530 / 750 * 100vw)}.s3_slogan{width:calc(600 / 750 * 100vw);height:calc(78 / 750 * 100vw);font-size:calc(68 / 750 * 100vw);line-height:calc(78 / 750 * 100vw);text-align:center;margin:0 auto;top:0;left:50%;margin-left:calc(-300/750 * 100vw);text-shadow:0 calc(3 / 750 * 100vw) 0 #00318c}.s3_slogan span:before{background:url(/images/event/royalepassA20/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/royalepassA20/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(575 / 750 * 100vw);background:url(/images/event/royalepassA20/m/s3_show.png) 0 0/100% 100% no-repeat;margin:calc(4 / 750 * 100vw) auto 0}.btn_play{width:calc(124 / 750 * 100vw);height:calc(124 / 750 * 100vw);background:url(/images/event/royalepassA20/s3_play.png) 0 0/100% 100% no-repeat}.section.s4{height:calc(1250 / 750 * 100vw);z-index:2}.s4_tab{width:calc(630 / 750 * 100vw);height:calc(85 / 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/royalepassA20/m/s4_tab.png) center bottom / 100% no-repeat;padding-bottom:calc(20 / 750 * 100vw)}.s4_tab a.on{width:calc(328 / 750 * 100vw);background:url(/images/event/royalepassA20/m/s4_tab_act.png) center bottom / 100% no-repeat}.s4_tab a p{font-size:calc(22 / 750 * 100vw)}.s4_show{display:none;width:calc(739 / 750 * 100vw);height:calc(900 / 750 * 100vw);background:url(/images/event/royalepassA20/m/s4_show1.png) 0 0/100% 100% no-repeat;top:calc(28 / 750 * 100vw);left:0;margin-left:0}.s4_show2{height:calc(1101 / 750 * 100vw);background:url(/images/event/royalepassA20/m/s4_show2.png) 0 0/100% 100% no-repeat;padding:calc(90 / 750 * 100vw) calc(25 / 750 * 100vw) calc(38 / 750 * 100vw) calc(37 / 750 * 100vw);box-sizing:border-box}.s4_show.on{display:block}.s4_show:after{display:none}.s4_swiper_container{display:block;width:calc(750 / 750 * 100vw);height:calc(773 / 750 * 100vw);overflow:unset;top:calc(85 /750*100vw)}.s4_text{left:calc(319 / 750 * 100vw);top:calc(40 / 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(60 / 750 * 100vw);line-height:calc(66 / 750 * 100vw)}.ar .s4_text_title,.ur .s4_text_title{font-size:calc(60 / 750 * 100vw);line-height:calc(70 / 750 * 100vw)}.s4_text span{font-size:calc(24 / 750 * 100vw);line-height:calc(34 / 750 * 100vw)}.role{width:calc(288 / 750 * 100vw);height:calc(632 / 750 * 100vw);left:calc(36 / 750 * 100vw);top:calc(40 / 750 * 100vw)}.slide1 .role{background:url(/images/event/royalepassA20/m/s4_role1.png) center center/contain no-repeat}.slide2 .role{background:url(/images/event/royalepassA20/m/s4_role2.png) center center/contain no-repeat}.slide3 .role{background:url(/images/event/royalepassA20/m/s4_role3.png) center center/contain no-repeat}.s4_text2{width:calc(400 / 750 * 100vw);height:calc(329 / 750 * 100vw);background:url(/images/event/royalepassA20/m/s4_text.png) center center / 100% no-repeat;right:calc(42 / 750 * 100vw);top:calc(324 / 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_text2 span{font-size:calc(87 / 750 * 100vw);line-height:calc(97 / 750 * 100vw)}.HK .s4_text2 p,.TW .s4_text2 p{font-size:calc(40 / 750 * 100vw);line-height:calc(48 / 750 * 100vw)}.HK .s4_text2 span,.TW .s4_text2 span{font-size:calc(60 / 750 * 100vw);line-height:calc(65 / 750 * 100vw)}.ar .s4_text2 span,.tr .s4_text2 span{font-size:calc(62 / 750 * 100vw);line-height:calc(72 / 750 * 100vw)}.uz .s4_text2 span{font-size:calc(83 / 750 * 100vw);line-height:calc(93 / 750 * 100vw)}.s4_prev{width:calc(64 / 750 * 100vw);height:calc(91 / 750 * 100vw);left:calc(30 / 750 * 100vw);top:calc(942 / 750 * 100vw)}.s4_next{width:calc(64 / 750 * 100vw);height:calc(91 / 750 * 100vw);right:calc(30 / 750 * 100vw);top:calc(942 / 750 * 100vw)}.s4_swiper_pagination{height:calc(324 / 750 * 100vw);bottom:calc(-210 / 750 * 100vw);left:50%;transform:translateX(-50%);align-items:center}.s4 .swiper-pagination-bullet{width:calc(154 / 750 * 100vw);height:calc(324 / 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/royalepassA20/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/royalepassA20/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/royalepassA20/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/royalepassA20/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/royalepassA20/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/royalepassA20/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:100%;height:100%;top:calc(5 / 750 * 100vw);display:flex}.intr_box:after{width:calc(234 / 750 * 100vw);height:calc(310 / 750 * 100vw);top:calc(56 / 750 * 100vw);right:50%;margin-right:calc(-130 / 750 * 100vw)}.s4_text2_title{width:calc(570 / 750 * 100vw);height:calc(100 / 750 * 100vw);left:50%;transform:translateX(-50%);top:calc(410 / 750 * 100vw);font-size:calc(24 / 750 * 100vw);line-height:calc(32 / 750 * 100vw);position:relative}.s4_text2_title::after{content:'';position:absolute;width:calc(570 / 750 * 100vw);height:calc(6 / 750 * 100vw);left:50%;transform:translateX(-50%);bottom:calc(-10 / 750 * 100vw);background:url(/images/event/royalepassA20/line.png) center center/contain no-repeat}.line{display:none;width:calc(570 / 750 * 100vw);height:calc(6 / 750 * 100vw);left:50%;transform:translateX(-50%);top:calc(546 / 750 * 100vw)}.intr_box ol{width:calc(590 / 750 * 100vw);position:absolute;left:50%;transform:translateX(-50%);top:calc(565 / 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(24 / 750 * 100vw);line-height:calc(26 / 750 * 100vw)}.th .s4_tab a p,.th .intr_box ol{font-size:calc(30 / 750 * 100vw)}.th .s4_text_title{font-size:calc(70 / 750 * 100vw);line-height:calc(70 / 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);bottom:calc(4 / 750 * 100vw)}.to_top{width:calc(99 / 750 * 100vw);height:calc(120 / 750 * 100vw);bottom:calc(10 / 750 * 100vw)}#navigation{display:flex !important;width:calc(542 / 750 * 100vw);height:calc(91 / 750 * 100vw);top:initial;bottom:0;margin:0 auto;left:0;right:0;flex-direction:row;justify-content:center;flex-wrap:nowrap;align-items:center;box-sizing:border-box;align-content:flex-end;padding:0;background:url(/images/event/royalepassA20/m/nav1.png) 0 0 / 100% calc(90 / 750 * 100vw) no-repeat;gap:calc(30 / 750 * 100vw);margin:0 auto}#navigation.hide{display:none !important}#navigation a{width:calc(67 / 750 * 100vw);height:calc(61 / 750 * 100vw);margin:0;display:flex;align-items:center;justify-content:center;font-size:calc(22 / 750 * 100vw);line-height:calc(36 / 750 * 100vw)}#navigation a.act{background:url(/images/event/royalepassA20/nav-active.png) center / contain no-repeat;width:calc(67 / 750 * 100vw);height:calc(61 / 750 * 100vw);color:#ffe5ce;font-size:calc(22 / 750 * 100vw);line-height:calc(36 / 750 * 100vw);text-shadow:calc(2 / 750 * 100vw) calc(2 / 750 * 100vw) 0 #271200}.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%}}