body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}em,b{font-style:normal}a{text-decoration:none;outline:0}a:hover{text-decoration:none}img{border:0}button,input,select,textarea{font-size:100%;outline:0}table{border-collapse:collapse;border-spacing:0}td,th,ul,ol{padding:0}ol,ul{list-style:none}html{background:#131313}a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-size:12px;-webkit-text-size-adjust:none;font-family:"all";min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none;width:100vw}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.ar p,.ar span,.ar,.ar input,.ar select,.ur p,.ur span,.ur,.ur input,.ur select{direction:rtl}@font-face{font-family:"all";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf')}@font-face{font-family:"ar";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf')}@font-face{font-family:"ru";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf')}@font-face{font-family:"th";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf')}@font-face{font-family:"tr";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf')}@font-face{font-family:"vi";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf')}@font-face{font-family:"uz";src:url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/uz.TTF")}.wrapper{display:block;width:100%;height:100%;overflow:hidden;background:url(/images/event/Golden-Moon-Outfit-Design-Contest/bg1.jpg) top center/100% auto no-repeat}.wrapper[data-id="0"]{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/bg1.jpg) top center/100% auto no-repeat}.wrapper[data-id="1"]{background:#0d31c6 url(/images/event/Golden-Moon-Outfit-Design-Contest/bg2.jpg) top center/100% auto no-repeat}.wrapper[data-id="2"]{background:#0d31c6 url(/images/event/Golden-Moon-Outfit-Design-Contest/bg2.jpg) top center/100% auto no-repeat}.part_show{display:none}.part_show.act{display:block}.section{width:100%;position:relative;overflow:unset}.section.s1{height:calc(1600 / 1920 * 100vw)}.wrapper[data-id="1"] .section.s1,.wrapper[data-id="2"] .section.s1{height:calc(1350 / 1920 * 100vw)}.section.s1 .logo{display:block;background:url(/images/event/Golden-Moon-Outfit-Design-Contest/logo.png) top center/100% no-repeat;width:calc(360 / 1920 * 100vw);height:calc(86 / 1920 * 100vw);margin-left:calc(22 / 1920 * 100vw);margin-top:90px}.ar .section.s1 .logo,.ur .section.s1 .logo{position:relative;top:0;right:50%;transform:translateX(-150%);-ms-transform:translateX(-150%);-webkit-transform:translateX(-150%);-o-transform:translateX(-150%);-moz-transform:translateX(-150%)}.section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_en.png) top center/100% no-repeat;width:calc(907 / 1920 * 100vw);height:calc(258 / 1920 * 100vw);position:relative;top:calc(48 / 1920 * 100vw);left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%)}.ar .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_ar.png) top center/100% no-repeat;left:auto;right:50%;transform:translateX(50%);-ms-transform:translateX(50%);-webkit-transform:translateX(50%);-o-transform:translateX(50%);-moz-transform:translateX(50%)}.de .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_de.png) top center/100% no-repeat}.en .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_en.png) top center/100% no-repeat}.es .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_es.png) top center/100% no-repeat}.fr .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_fr.png) top center/100% no-repeat}.HK .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_hk.png) top center/100% no-repeat}.id .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_id.png) top center/100% no-repeat}.ms .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_ms.png) top center/100% no-repeat}.pt .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_pt.png) top center/100% no-repeat}.ru .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_ru.png) top center/100% no-repeat}.th .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_th.png) top center/100% no-repeat}.tr .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_tr.png) top center/100% no-repeat}.TW .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_tw.png) top center/100% no-repeat}.ur .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_ur.png) top center/100% no-repeat;left:auto;right:50%;transform:translateX(50%);-ms-transform:translateX(50%);-webkit-transform:translateX(50%);-o-transform:translateX(50%);-moz-transform:translateX(50%)}.uz .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_uz.png) top center/100% no-repeat}.vi .section.s1 .slogan{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/slogan_vi.png) top center/100% no-repeat}.section.s1 .btn_submit{width:calc(475 /1920*100vw);height:calc(144 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/submit_btn.png) 0/100% 100% no-repeat;position:absolute;left:0;right:0;top:calc(640 /1920*100vw);margin:auto}.btn_submit p{display:flex;align-items:center;justify-content:center;width:calc(475 /1920*100vw);height:calc(144 /1920*100vw);margin:calc(0 / 1920* 100vw) auto 0;font-size:calc(54 / 1920* 100vw);font-weight:bold;line-height:1.1;color:#5c2d00;text-align:center;text-shadow:0 3px white;padding:0 calc(65 / 1920* 100vw)}.section.s1 .s1_tab{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:calc(111 /1920*100vw);position:absolute;top:calc(1086 /1920*100vw);left:0;z-index:1}.section.s1 .s1_tab a{display:inline-block;width:calc(444 /1920*100vw);height:calc(110 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s1_btn.png) 0/100% 100% no-repeat;flex-shrink:0;margin:0 calc(16 /1920*100vw)}.section.s1 .s1_tab .act{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s1_btn_on.png) 0/100% 100% no-repeat}.s1_tab p{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(34 /1920*100vw);line-height:calc(36 /1920*100vw);box-sizing:border-box;padding:0;font-weight:bold;color:#fff;text-align:center}.s1_tab .act p{color:#5c2d00}.section.s1 .s1_time{width:calc(1458 /1920*100vw);position:relative;top:calc(1026 /1920*100vw);left:0;right:0;margin:auto;display:none}.section.s1 .s1_time[data-id="0"]{display:block}.section.s1 .s1_time_bg{display:block;width:calc(1458 /1920*100vw);height:calc(84 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s1_time.png) 0/100% 100% no-repeat}.ar .section.s1 .s1_time_bg,.ur .section.s1 .s1_time_bg{transform:scale(-1,1)}.s1_time li{display:block;width:calc(430 /1920*100vw);height:calc(82 /1920*100vw);color:#fff;line-height:1;text-align:center;position:absolute}.s1_time li.on{color:#fff534}.s1_time li[data-id="1"]{top:calc(-104 /1920*100vw);left:calc(-54 /1920*100vw)}.ar .s1_time li[data-id="1"],.ur .s1_time li[data-id="1"]{left:unset;right:calc(-54 /1920*100vw)}.s1_time li[data-id="2"]{top:calc(100 /1920*100vw);left:calc(334 /1920*100vw)}.ar .s1_time li[data-id="2"],.ur .s1_time li[data-id="2"]{left:unset;right:calc(334 /1920*100vw)}.s1_time li[data-id="3"]{top:calc(-104 /1920*100vw);left:calc(729 /1920*100vw)}.ar .s1_time li[data-id="3"],.ur .s1_time li[data-id="3"]{left:unset;right:calc(729 /1920*100vw)}.s1_time li[data-id="4"]{top:calc(100 /1920*100vw);left:calc(1058 /1920*100vw)}.ar .s1_time li[data-id="4"],.ur .s1_time li[data-id="4"]{left:unset;right:calc(1058 /1920*100vw)}.s1_time li p{display:block;width:100%;line-height:1.2;font-size:calc(35 /1920*100vw);font-weight:bold}.s1_time li span{display:block;width:100%;font-size:calc(40 /1920*100vw);font-weight:bold}.HK .s1_time li span{font-size:calc(32 /1920*100vw)}.section.s2{height:calc(1050 / 1920 * 100vw)}.section.s2 .s2_logo{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s2_logo.png) top center/100% no-repeat;width:calc(563 / 1920 * 100vw);height:calc(205 / 1920 * 100vw);position:absolute;top:calc(190 /1920*100vw);left:calc(259 /1920*100vw)}.section.s2 .s2_text{display:flex;width:calc(672 /1920*100vw);height:calc(280 /1920*100vw);position:absolute;top:calc(406 /1920*100vw);left:calc(259 /1920*100vw);font-size:calc(36 /1920*100vw);line-height:calc(46 /1920*100vw);color:#fff;overflow-y:auto}.ar .section.s2 .s2_text,.th .section.s2 .s2_text,.ru .section.s2 .s2_text,.tr .section.s2 .s2_text,.vi .section.s2 .s2_text{font-size:calc(26 / 1920 * 100vw);line-height:calc(36 /1920*100vw)}.section.s2 .btn_more{display:block;width:calc(412 /1920*100vw);height:calc(101 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s2_btn1.png) 0/100% 100% no-repeat;position:absolute;top:calc(700 /1920*100vw);left:calc(212 /1920*100vw);color:#5c2d00;text-align:center;font-size:calc(40 /1920*100vw);line-height:calc(44 /1920*100vw);font-weight:bold}.btn_more p{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 calc(55 / 1920* 100vw)}.ar .btn_more p,.th .btn_more p,.ru .btn_more p,.tr .btn_more p,.vi .btn_more p{font-size:calc(30 / 1920 * 100vw);line-height:calc(44 /1920*100vw)}.section.s2 .btn_template{display:block;width:calc(744 /1920*100vw);height:calc(101 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s2_btn2.png) 0/100% 100% no-repeat;position:absolute;top:calc(700 /1920*100vw);left:calc(636 /1920*100vw);color:#fff;text-align:center;font-size:calc(42 /1920*100vw);line-height:calc(42 /1920*100vw);font-weight:bold;text-shadow:0 3px #233cd3}.btn_template p{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 calc(55 / 1920* 100vw)}.section.s3{height:calc(1200 /1920*100vw)}.section.s3 .s3_title{display:block;width:100%;height:calc(142 /1920*100vw);text-align:center;position:relative}.section.s3 .s3_title p{font-size:calc(141 / 1920 * 100vw);color:#f9d566;line-height:calc(150 / 1920 * 100vw);display:inline-block;font-weight:bold;position:relative;z-index:2}.section.s3 .s3_title:after{display:block;content:"";width:calc(1373 / 1920 * 100vw);height:calc(21 / 1920 * 100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/title.png) top center/auto 100% no-repeat;position:absolute;top:calc(132 /1920*100vw);left:calc(380 /1920*100vw);right:0;margin:auto;pointer-events:none}.s3_content{display:block;width:100%;height:calc(611 /1920*100vw);margin-top:calc(70 /1920*100vw);text-align:center;position:relative}.s3_swiper_container{display:block;width:100%;height:100%}.s3_content li{display:inline-block;width:calc(518 /1920*100vw);height:calc(487 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s3_pic.png) 0/100% 100% no-repeat;margin:0 calc(45 /1920*100vw);position:relative}.s3_content li img{width:calc(372 /1920*100vw);height:calc(392 / 1920 * 100vw);position:absolute;top:calc(38 / 1920 * 100vw);left:calc(86 /1920*100vw)}.s3_content li p{display:block;width:100%;line-height:calc(32 /1920*100vw);font-size:calc(40 /1920*100vw);text-align:center;color:#fff;position:absolute;top:calc(510 /1920*100vw);left:calc(0 /1920*100vw)}.s3_swiper_prev{display:block;width:calc(100 /1920*100vw);height:calc(99 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s3_prev.png) top left/auto 100% no-repeat;position:absolute;left:calc(690 /1920*100vw);top:calc(590 /1920*100vw);z-index:2}.s3_swiper_next{display:block;width:calc(100 /1920*100vw);height:calc(99 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s3_next.png) top right/auto 100% no-repeat;position:absolute;right:calc(690 /1920*100vw);top:calc(590 /1920*100vw);z-index:2}.s3_swiper_pagination{width:100%;height:calc(68 /1920*100vw);position:absolute;left:0;top:calc(607 /1920*100vw);z-index:3;display:flex;justify-content:center;align-items:center}.s3_swiper_pagination .swiper-pagination-bullet{width:calc(26 /1920*100vw);height:calc(23 /1920*100vw);margin:0 calc(20 /1920*100vw) !important;background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s3_bullet1.png) center center/auto calc(25 /1920*100vw) no-repeat;opacity:1}.s3_swiper_pagination .swiper-pagination-bullet-active{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s3_bullet2.png) top center/auto 100% no-repeat;width:calc(58 /1920*100vw);height:calc(68 /1920*100vw)}.swiper-pagination{z-index:1 !important}.section.s4{height:calc(1450 /1920*100vw)}.section.s4 .s4_title{display:block;width:100%;height:calc(142 /1920*100vw);text-align:center;position:relative}.section.s4 .s4_title p{font-size:calc(141 / 1920 * 100vw);color:#b3ffff;line-height:calc(150 / 1920 * 100vw);display:inline-block;font-weight:bold;position:relative;z-index:2}.section.s4 .s4_title:after{display:block;content:"";width:calc(1373 / 1920 * 100vw);height:calc(21 / 1920 * 100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/title.png) top center/auto 100% no-repeat;position:absolute;top:calc(132 /1920*100vw);left:calc(380 /1920*100vw);right:0;margin:auto;pointer-events:none}.s4_tab{display:flex;width:calc(1560 / 1920* 100vw);height:calc(220 / 1920* 100vw);margin:calc(40 / 1920* 100vw) auto 0;text-align:center;flex-wrap:wrap;justify-content:center}.s4_tab a{display:inline-block;width:calc(444 /1920*100vw);height:calc(110 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s1_btn.png) center/calc(444 /1920*100vw) auto no-repeat;position:relative;color:#fff;margin:calc(10 /1920*100vw);z-index:1}.s4_tab a.act{background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s1_btn_on.png) center/100% 100% no-repeat;color:#5c2d00}.s4_tab a p{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:calc(34 /1920*100vw);line-height:calc(36 /1920*100vw);padding:0 calc(30 / 1920* 100vw)}.decision{font-size:calc(36 / 1920 * 100vw);line-height:calc(46 / 1920 * 100vw);color:#fff;text-align:center;position:relative;left:0;top:calc(60 / 1920 * 100vw)}.s4_show{display:none;width:calc(1818 /1920*100vw);height:calc(1057 /1920*100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/s4_show.png) 0/100% 100% no-repeat;margin:0 auto;box-sizing:border-box;padding:0 calc(200 /1920*100vw) calc(0 /1920*100vw) calc(200 /1920*100vw);position:relative;left:0;top:calc(-66 / 1920 * 100vw)}.s4_show.act{display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.s4_show li{width:calc(209 /1920*100vw);height:calc(210 /1920*100vw);position:relative;margin:calc(20 /1920*100vw) calc(80 /1920*100vw) calc(120 /1920*100vw)}.s4_show li img{display:block;width:100%}.s4_show li p{display:block;width:calc(349 /1920*100vw);line-height:1;font-size:calc(30 /1920*100vw);color:#fff;text-align:center;position:absolute;top:calc(200 /1920*100vw);left:calc(-70 /1920*100vw)}.section.s5{height:calc(1279 / 1920* 100vw)}.s5_title{display:block;width:100%;height:calc(142 /1920*100vw);text-align:center;position:relative}.s5_title p{font-size:calc(141 / 1920 * 100vw);color:#f9d566;line-height:calc(150 / 1920 * 100vw);display:inline-block;font-weight:bold;position:relative;z-index:2}.s5_title:after{display:block;content:"";width:calc(1373 / 1920 * 100vw);height:calc(21 / 1920 * 100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/title.png) top center/auto 100% no-repeat;position:absolute;top:calc(132 /1920*100vw);left:calc(380 /1920*100vw);right:0;margin:auto;pointer-events:none}.s5_show{width:calc(765 /1920*100vw);height:calc(551 / 1920* 100vw);overflow-y:auto;position:absolute;top:calc(300 / 1920* 100vw);left:calc(840 / 1920* 100vw)}.s5_show .s5_rule{font-size:calc(40 / 1920 * 100vw);line-height:calc(50 / 1920 * 100vw);color:#fff}.s5_show .s5_rule span{display:block}.s5 .rule{position:absolute;bottom:calc(350 / 1920 * 100vw);left:calc(840 / 1920* 100vw);font-size:calc(30 / 1920 * 100vw);color:#fff;text-decoration:underline}.s6_list{width:calc(1786 /1920*100vw);display:flex;flex-wrap:wrap;align-content:flex-start;margin:calc(65 /1920*100vw) auto calc(30 /1920*100vw);justify-content:space-around;min-height:calc(200 /1920*100vw)}.ar .s6_list,.ur .s6_list{margin:calc(65 /1920*100vw) calc(220 /1920*100vw) calc(30 /1920*100vw) 0}.s6_list .work_item{width:calc(893 /1920*100vw);height:calc(481 /1920*100vw);display:block;margin-bottom:calc(23 /1920*100vw);flex-shrink:0;position:relative}.s6_list .work_box{width:calc(893 /1920*100vw);height:calc(481 /1920*100vw);overflow:hidden;background:url(/images/event/Golden-Moon-Outfit-Design-Contest/work_bg.png) center / 100% no-repeat}.work_box::before{content:"";position:absolute;width:calc(133 /1920*100vw);height:calc(133 /1920*100vw);top:50%;left:50%;transform:translate(-50%,-50%);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/work_show.png) center / 100% no-repeat;z-index:1;filter:drop-shadow(0 0 .9vw #000)}.ar .s6_list .work_box{float:left}.s6_list .work_box img{width:calc(694 /1920*100vw);height:calc(386 /1920*100vw);display:block;position:relative;object-fit:cover;left:54%;top:48%;transform:translate(-50%,-50%)}.dialog-box{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:-1;background:rgba(0,0,0,.8);opacity:0}.dialog-box.on{z-index:9999999;opacity:1}.dialog-box .dialog{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:none;outline:0;background-repeat:no-repeat;background-position:top center}.dialog-box .dialog.on{display:block;animation:fadeInDown .3s .1s ease both;-webkit-animation:fadeInDown .3s .1s ease both}.dialog-box .dialog.out{animation:fadeOutUp .3s .1s ease both;-webkit-animation:fadeOutUp .3s .1s ease both}.pop_cloes{display:block;width:calc(40 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);background:url(/images/event/Golden-Moon-Outfit-Design-Contest/btn_close.png) no-repeat;background-size:100% 100%;position:absolute;top:calc(20 / 1920 * 100vw);right:calc(-20 / 1920 * 100vw)}.pop_painting{display:block;width:80%;line-height:calc(36 / 1920 * 100vw);font-size:calc(36 / 1920 * 100vw);font-weight:bold;color:#fff;text-align:center;margin:calc(120 / 1920 * 100vw) 10% calc(76 / 1920 * 100vw)}.dialog1{display:block;width:fit-content;height:fit-content}.img_big{display:block;width:100%;overflow:hidden;text-align:center}.img_big img{max-height:calc(800 / 1920 * 100vw)}.dialog1.act{max-width:calc(1360 / 1920 * 100vw);max-height:calc(760 / 1920 * 100vw)}.dialog1.act .img_big{height:calc(760 / 1920 * 100vw)}.dialog1.act .img_big img{max-width:calc(1360 / 1920 * 100vw)}.dialog1 .pop_cloes{top:0;right:calc(-50 / 1920 * 100vw)}