@media only screen and (max-width:500px){.wrapper{display:block;width:100%;height:auto;overflow:hidden;background:url(/images/event/royalepassA21/m/bg1.jpg) 0 0/100% calc(1600/750*100vw) no-repeat, url(/images/event/royalepassA21/m/bg2.jpg) 0 calc(1600/750*100vw)/100% calc(2538/750*100vw) no-repeat;background-color:#000}.section.s1{height:calc(1100/750*100vw)}.s1_logo{width:calc(111/750*100vw);height:calc(148/750*100vw);top:calc(118/640*100vw);right:calc(18 / 750 * 100vw)}.s1 .newdownload-wrap{top:calc(816/750*100vw)}.s1_slogan{background:url(/images/event/royalepassA21/m/slogan/en.png) center center/100% 100% no-repeat;width:calc(750/750*100vw);height:calc(240/750*100vw);top:calc(560/750*100vw)}.id .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/id.png) center center/100% 100% no-repeat}.en .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/en.png) center center/100% 100% no-repeat}.de .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/de.png) center center/100% 100% no-repeat}.ar .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/ar.png) center center/100% 100% no-repeat}.es .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/es.png) center center/100% 100% no-repeat}.fr .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/fr.png) center center/100% 100% no-repeat}.HK .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/HK.png) center center/100% 100% no-repeat}.TW .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/TW.png) center center/100% 100% no-repeat}.my .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/my.png) center center/100% 100% no-repeat}.pt .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/pt.png) center center/100% 100% no-repeat}.ru .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/ru.png) center center/100% 100% no-repeat}.th .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/th.png) center center/100% 100% no-repeat}.tr .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/tr.png) center center/100% 100% no-repeat}.vi .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/vi.png) center center/100% 100% no-repeat}.uz .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/uz.png) center center/100% 100% no-repeat}.mm .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/mm.png) center center/100% 100% no-repeat}.zh .s1_slogan{background:url(/images/event/royalepassA21/m/slogan/zh.png) center center/100% 100% no-repeat}.section.s2{height:calc(1560/750*100vw)}.s2_title{height:calc(58/750*100vw);font-size:calc(58/750*100vw);line-height:calc(58/750*100vw);margin-top:calc(60/750*100vw);text-shadow:0 calc(3/750*100vw) 0px #232323, 0 calc(3/750*100vw) 0 #232323;filter:drop-shadow(0 0 calc(3/750*100vw) #232323)}.s2_show{align-content:space-between;width:calc(720/750*100vw);height:calc(1391/750*100vw);background:url(/images/event/royalepassA21/m/s2_box.png) 0 0/100% 100% no-repeat;padding:calc(90 / 750 * 100vw) calc(86 / 750 * 100vw) calc(118 / 750 * 100vw) calc(84 / 750 * 100vw);margin:calc(30/750*100vw) auto 0}.s2_item,.s2_item.s2_item_min{width:calc(172/750*100vw);height:calc(184/750*100vw);margin-bottom:0}.s2_item.s2_item_m{width:calc(130/750*100vw);height:calc(164/750*100vw)}.s2_item p{width:200%;height:60%;font-size:calc(34 / 750 * 100vw);line-height:calc(36 / 750 * 100vw);padding:0 8% 0 8%;bottom:calc(8 / 750 * 100vw);-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left bottom;transform-origin:left bottom}.th .s2_item p{font-size:calc(42/750*100vw);line-height:calc(40/750*100vw)}.TW .s2_item p,.HK .s2_item p,.zh .s2_item p{font-size:calc(40/750*100vw);line-height:calc(44/750*100vw)}.mm .s2_item p{bottom:2%;font-size:calc(28/750*100vw);line-height:calc(48/750*100vw)}.mm .s2_item:nth-child(7) p,.mm .s2_item:nth-child(8) p,.mm .s2_item:nth-child(9) p{bottom:2%}.s2_item:nth-child(10) p,.s2_item:nth-child(11) p,.s2_item:nth-child(12) p{bottom:calc(-2/750*100vw)}.fr .s2_item:nth-child(10) p,.fr .s2_item:nth-child(11) p,.fr .s2_item:nth-child(12) p{bottom:0}.mm .s2_item:nth-child(10) p,.mm .s2_item:nth-child(11) p,.mm .s2_item:nth-child(12) p{bottom:calc(-6/750*100vw)}.ru .s2_item p{font-size:calc(32/750*100vw);line-height:calc(32/750*100vw)}.section.s3{height:calc(1478/750*100vw);z-index:2}.s3_tab{width:calc(580/750*100vw);height:calc(105/750*100vw);left:calc(50% - 290/750*100vw);top:calc(58/750*100vw)}.s3_tab::after{width:calc(720/750*100vw);height:calc(868/750*100vw);background:url(/images/event/royalepassA21/m/s3_box.png) 0 0 / 100% 100% no-repeat;top:calc(70/750*100vw);left:calc(50% - 360/750*100vw)}.s3_tab a{width:calc(290/750*100vw);height:calc(105/750*100vw);background:url(/images/event/royalepassA21/m/s3_tab.png) right 0 / calc(580/750*100vw) 100% no-repeat;font-size:calc(30/750*100vw);padding-top:calc(10/750*100vw);padding-bottom:calc(32/750*100vw)}.mm .s3_tab a{padding-top:calc(26/750*100vw)}.s3_tab a.on{background:url(/images/event/royalepassA21/m/s3_tab.png) left 0 / calc(580/750*100vw) 100% no-repeat}.s3_tab b{text-shadow:0 calc(3/750*100vw) 0px #161a25, 0 calc(3/750*100vw) 0 #161a25;filter:drop-shadow(0 0 calc(3/750*100vw) #161a25)}.s3_tab a.on b{text-shadow:0 calc(3/750*100vw) 0px #5d1101, 0 calc(3/750*100vw) 0 #5d1101;filter:drop-shadow(0 0 calc(3/750*100vw) #5d1101)}.s3_show{display:none;width:calc(590/750*100vw);height:calc(806/750*100vw);top:calc(154/750*100vw);left:calc(49% - 290/750*100vw)}.s3_show.on{display:block}.s3_show:after{display:none}.s3_swiper_container{display:block;width:calc(590/750*100vw);height:calc(806/750*100vw)}.s3_text{left:initial;right:calc(14/750*100vw);top:calc(50/750*100vw);width:calc(384/750*100vw);text-align:center}.ar .s3_text,.ur .s3_text{left:calc(190/750*100vw);text-align:center}.s3_text_title{font-size:calc(52/750*100vw);height:calc(66/750*100vw);line-height:calc(66/750*100vw)}.th .s3_text_title{font-size:calc(72/750*100vw)}.mm .s3_text_title{height:calc(66/750*100vw);line-height:calc(92/750*100vw)}.s3_text span{font-size:calc(22/750*100vw);line-height:calc(28/750*100vw)}.role{width:calc(300/750*100vw);height:calc(700/750*100vw);left:calc(-84/750*100vw);top:calc(6/750*100vw)}.s3_text2{width:calc(384/750*100vw);height:calc(299/750*100vw);right:calc(14/750*100vw);top:calc(366/750*100vw);padding:calc(40/750*100vw) calc(36/750*100vw) calc(32/750*100vw)}.s3_text2 p{font-size:calc(38/750*100vw)}.mm .s3_text2 p{font-size:calc(28/750*100vw)}.s3_text2 span{font-size:calc(70/750*100vw);height:calc(97/750*100vw);line-height:calc(97/750*100vw)}.mm .s3_text2 span{font-size:calc(76/750*100vw);line-height:calc(124/750*100vw)}.s3_prev{background:url(/images/event/royalepassA21/s3_page.png) 0 0/calc(148/750*100vw) calc(100/750*100vw) no-repeat;width:calc(70/750*100vw);height:calc(100/750*100vw);left:calc(-40/750*100vw);top:calc(850/750*100vw)}.s3_next{background:url(/images/event/royalepassA21/s3_page.png) right 0/calc(148/750*100vw) calc(100/750*100vw) no-repeat;width:calc(70/750*100vw);height:calc(100/750*100vw);right:calc(-40/750*100vw);top:calc(850/750*100vw)}.s3_swiper_pagination{height:calc(315/750*100vw);top:calc(740/ 750*100vw);left:calc(48/ 750*100vw);align-items:center}.s3 .swiper-pagination-bullet{width:calc(146/750*100vw);height:calc(303/750*100vw);margin:0 calc(10/750*100vw);top:0}.s3 .swiper-pagination-bullet-active{width:calc(146/750*100vw);height:calc(310/750*100vw);top:0}.intr_box{width:calc(560/750*100vw);height:calc(806/750*100vw)}.intr_box:after{width:calc(190/750*100vw);height:calc(250/750*100vw);top:calc(30/750*100vw);right:50%;margin-right:calc(-95/750*100vw)}.s3_text2_title{width:100%;height:calc(113/750*100vw);left:0;top:calc(290/750*100vw);font-size:calc(24/750*100vw);line-height:calc(32/750*100vw)}.mm .s3_text2_title{font-size:calc(22/750*100vw);line-height:calc(36/750*100vw)}.line{width:100%;height:calc(6/750*100vw);left:0;top:calc(400/750*100vw)}.intr_box ol{width:100%;position:absolute;left:0;top:calc(420/750*100vw);font-size:calc(22/750*100vw);line-height:calc(26/750*100vw)}.mm .intr_box ol{font-size:calc(20/750*100vw);line-height:calc(34/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 .s3_tab a p,.th .intr_box ol{font-size:calc(30/750*100vw)}.th .s3_text span,.th .s3_text2_title{font-size:calc(32/750*100vw)}.mm .s3_text span{font-size:calc(22/750*100vw);line-height:calc(36/750*100vw)}.btn_top{width:calc(94 / 750 * 100vw);height:calc(94 / 750 * 100vw);bottom:calc(236 / 750 * 100vw)}#navigation{background:url(/images/event/royalepassA21/m/nav.png) 0 0/100% 100% no-repeat;width:calc(587/750*100vw);height:calc(138/750*100vw);left:calc(50% - 294/750*100vw);top:initial;bottom:calc(100/750*100vw);padding:calc(48/750*100vw) calc(136/750*100vw) calc(44/750*100vw) calc(136/750*100vw)}#navigation.on{position:absolute;bottom:initial;top:calc(3900/750*100vw)}#navigation li{width:calc(55/750*100vw);height:calc(55/750*100vw);background:url(/images/event/royalepassA21/nav1.png) 0 0/calc(130/750*100vw) calc(209/750*100vw) no-repeat;margin:0 calc(15/750*100vw)}#navigation li:nth-child(1){background:url(/images/event/royalepassA21/nav1.png) 0 0/calc(130/750*100vw) calc(209/750*100vw) no-repeat}#navigation li:nth-child(2){background:url(/images/event/royalepassA21/nav1.png) 0 50%/calc(130/750*100vw) calc(209/750*100vw) no-repeat}#navigation li:nth-child(3){background:url(/images/event/royalepassA21/nav1.png) 0 bottom/calc(130/750*100vw) calc(209/750*100vw) no-repeat}#navigation li.act{width:calc(55/750*100vw);height:calc(55/750*100vw);background:url(/images/event/royalepassA21/nav1.png) 0 0/calc(130/750*100vw) calc(209/750*100vw) no-repeat}#navigation li.act:nth-child(1){background:url(/images/event/royalepassA21/nav1.png) right 0/calc(130/750*100vw) calc(209/750*100vw) no-repeat}#navigation li.act:nth-child(2){background:url(/images/event/royalepassA21/nav1.png) right 50%/calc(130/750*100vw) calc(209/750*100vw) no-repeat}#navigation li.act:nth-child(3){background:url(/images/event/royalepassA21/nav1.png) right bottom/calc(130/750*100vw) calc(209/750*100vw) no-repeat}.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%}}