@charset "UTF-8";body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none}header,nav,section,article,footer,figure,figcaption{display:block}ol,ul{margin:0;padding:0}fieldset{border:0;margin:0;padding:0}a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0}table,td,tr{border-collapse:collapse;border-spacing:0}em,strong,i{font-weight:normal;font-style:normal}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}a{text-decoration:none}a img{vertical-align:top}a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{font-family:"all";width:100%;height:100%;background:#ac4276;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important}@font-face{font-family:"all";src:url('/images/event/BABYMONSTERCollab/all.otf')}@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")}input,select{font-family:"all"}.ar,.ar input,.ar select{font-family:"ar"}.th,.th input,.th select{font-family:"th"}.zh,.zh input,.zh select{font-family:"all","Noto Sans TC",sans-serif}.TW,.TW input,.TW select,.HK,.HK input,.HK select{font-family:"all","Noto Sans",sans-serif}.ru,.ru input,.ru select{font-family:"ru"}.vi,.vi input,.vi select{font-family:"vi"}.tr,.tr input,.tr select{font-family:"tr"}.ar .section p,.ar .section span,.ar .section select{direction:rtl}body.HK,body.TW{font-family:"all","Noto Sans TC","Microsoft JhengHei","PingFangTC-Regular",sans-serif}.wrapper{display:block;width:100%;position:relative;padding-top:80px;overflow:hidden}@media only screen and (max-width:1000px){.wrapper{padding-top:0}.nav{display:none}}.section{display:block;width:100%;position:relative}.s1{height:calc(1080 / 1920 * 100vw)}.s2{height:calc(1035 / 1920 * 100vw);z-index:1;box-sizing:border-box;position:relative}.s3{height:calc(975 / 1920 * 100vw);background:url(/images/event/BABYMONSTERCollab/bg3.jpg) 50% 0 no-repeat;background-size:100% 100%;box-sizing:border-box;overflow:visible;z-index:2}.s3:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(/images/event/BABYMONSTERCollab/bg3_2.jpg) 50% 0 no-repeat;background-size:100% 100%;opacity:0}.s3.cur2:before{opacity:1}.s4{height:calc(1161 / 1920 * 100vw);background:url(/images/event/BABYMONSTERCollab/bg4.jpg) 50% 0 no-repeat;background-size:100% 100%;margin-top:calc(-1 / 1920 * 100vw);box-sizing:border-box;position:relative}.s1{transform:translate3d(0,0,0)}.s1_swiper{display:block;width:100%;height:100%;overflow:hidden;transform:translate3d(0,0,0)}.s1_slide1{background:url(/images/event/BABYMONSTERCollab/bg1.jpg) 50% bottom no-repeat;background-size:cover}.s1_slide2{background:url(/images/event/BABYMONSTERCollab/bg1_2.jpg) 50% bottom no-repeat;background-size:cover}.s1_swiper .swiper-slide{transform:translate3d(0,0,0);will-change:transform}.logo1{width:calc(495 / 1920 * 100vw);height:calc(75 / 1920 * 100vw);position:absolute;background:url(/images/event/BABYMONSTERCollab/logo_bm.png) no-repeat;background-size:100% 100%;left:calc(30 / 1920 * 100vw);top:calc(22 / 1920 * 100vw)}.copyright{display:block;width:calc(488 / 1920 * 100vw);height:calc(49 / 1920 * 100vw);position:absolute;background:url(/images/event/BABYMONSTERCollab/copyright.png) 0/auto 100% no-repeat;left:calc(29 / 1920 * 100vw);bottom:calc(22 / 1920 * 100vw)}.copyright2{width:calc(603 / 1920 * 100vw);height:calc(61 / 1920 * 100vw)}.TW .logo1{width:calc(640 / 1920 * 100vw);height:calc(85 / 1920 * 100vw);background:url(/images/event/BABYMONSTERCollab/logo_bm_tw.png) no-repeat;background-size:100% 100%}.TW .copyright{width:calc(574 / 1920 * 100vw);height:calc(50 / 1920 * 100vw);background:url(/images/event/BABYMONSTERCollab/copyright_tw.png) no-repeat;background-size:100% 100%}.TW .copyright2{width:calc(704 / 1920 * 100vw);height:calc(61 / 1920 * 100vw)}.slogan{display:block;width:calc(1588 / 1920 * 100vw);height:calc(296 / 1920 * 100vw);background:url(/images/event/BABYMONSTERCollab/slogan_en.png) 0/auto 100% no-repeat;position:absolute;bottom:calc(0 / 1920 * 100vw);right:calc(0 / 1920 * 100vw)}.ar .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_ar.png) 0/auto 100% no-repeat}.de .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_de.png) 0/auto 100% no-repeat}.en .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_en.png) 0/auto 100% no-repeat}.es .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_es.png) 0/auto 100% no-repeat}.fr .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_fr.png) 0/auto 100% no-repeat}.HK .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_hk.png) 0/auto 100% no-repeat}.id .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_id.png) 0/auto 100% no-repeat}.pt .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_pt.png) 0/auto 100% no-repeat}.ru .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_ru.png) 0/auto 100% no-repeat}.th .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_th.png) 0/auto 100% no-repeat}.tr .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_tr.png) 0/auto 100% no-repeat}.TW .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_tw.png) 0/auto 100% no-repeat}.vi .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_vi.png) 0/auto 100% no-repeat}.my .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_my.png) 0/auto 100% no-repeat}.uz .slogan{background:url(/images/event/BABYMONSTERCollab/slogan_uz.png) 0/auto 100% no-repeat}.slogan2{display:block;width:calc(1527 / 1920 * 100vw);height:calc(214 / 1920 * 100vw);background:url(/images/event/BABYMONSTERCollab/slogan2_en.png) 0/auto 100% no-repeat;position:absolute;bottom:calc(0 / 1920 * 100vw);right:calc(0 / 1920 * 100vw)}.ar .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_ar.png) 0/auto 100% no-repeat}.de .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_de.png) 0/auto 100% no-repeat}.en .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_en.png) 0/auto 100% no-repeat}.es .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_es.png) 0/auto 100% no-repeat}.fr .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_fr.png) 0/auto 100% no-repeat}.HK .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_hk.png) 0/auto 100% no-repeat}.id .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_id.png) 0/auto 100% no-repeat}.pt .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_pt.png) 0/auto 100% no-repeat}.ru .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_ru.png) 0/auto 100% no-repeat}.th .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_th.png) 0/auto 100% no-repeat}.tr .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_tr.png) 0/auto 100% no-repeat}.TW .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_tw.png) 0/auto 100% no-repeat}.vi .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_vi.png) 0/auto 100% no-repeat}.my .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_my.png) 0/auto 100% no-repeat}.uz .slogan2{background:url(/images/event/BABYMONSTERCollab/slogan2_uz.png) 0/auto 100% no-repeat}.vd_box{width:100%;height:100%;position:relative;background:url(/images/event/BABYMONSTERCollab/bg2.jpg) 0/100% 100% no-repeat}.btn_play{display:block;width:calc(144 / 1920 * 100vw);height:calc(144 / 1920 * 100vw);background:url(/images/event/BABYMONSTERCollab/btn_vd.png) 0/100% 100% no-repeat;position:absolute;left:50%;top:50%;margin-left:calc(-72 / 1920 * 100vw);margin-top:calc(-72 / 1920 * 100vw);z-index:3;text-indent:-99999px;-webkit-animation:btnplay 1.5s ease-in-out both infinite}@-webkit-keyframes btnplay{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.s3{padding-top:calc(70 / 1920 * 100vw)}.s3_tit{position:relative;z-index:2;margin:0 auto calc(30 / 1920 * 100vw);background:url(/images/event/BABYMONSTERCollab/tit_bg.png) no-repeat 50% 50%;background-size:100% 100%;width:calc(1200 / 1920 * 100vw);min-height:calc(109 / 1920 * 100vw);display:flex;justify-content:center;align-items:center;text-align:center;padding:calc(20 / 1920 * 100vw) calc(30 / 1920 * 100vw);box-sizing:border-box;font-size:calc(40 / 1920 * 100vw);color:#e9fcff;line-height:1.3;transform:translateX(calc(-30 / 1920 * 100vw))}.s3_tit:after{content:"";background:url(/images/event/BABYMONSTERCollab/tit_icon.png) no-repeat;background-size:100% 100%;width:calc(26 / 1920 * 100vw);height:calc(22 / 1920 * 100vw);position:absolute;right:calc(-40 / 1920 * 100vw);top:50%;margin-top:calc(-11 / 1920 * 100vw)}.s3_tit span{background:url(/images/event/BABYMONSTERCollab/text_mask.jpg) no-repeat center center;background-size:calc(1256 / 1920 * 100vw) calc(138 / 1920 * 100vw);-webkit-background-clip:text;color:transparent}.s3_con{width:calc(1337 / 1920 * 100vw);height:calc(635 / 1920 * 100vw);margin:0 auto}.s3_info1,.s3_info2{padding-top:calc(13 / 1920 * 100vw);width:100%;height:100%;position:relative;box-sizing:border-box}.s3_info{display:none}.s3_item1{position:absolute;left:0;top:calc(30 / 1920 * 100vw);width:calc(660 / 1920 * 100vw);height:calc(509 / 1920 * 100vw);-webkit-animation:fadeInLeft1 1s ease both}@-webkit-keyframes fadeInLeft1{0%{opacity:0;-webkit-transform:translateX(calc(-20 / 1920 * 100vw))}100%{opacity:1;-webkit-transform:translateX(0)}}.s3_item2{position:absolute;right:0;top:calc(13 / 1920 * 100vw);width:calc(659 / 1920 * 100vw);height:calc(536 / 1920 * 100vw);-webkit-animation:fadeInRight1 1s ease both}@-webkit-keyframes fadeInRight1{0%{opacity:0;-webkit-transform:translateX(calc(20 / 1920 * 100vw))}100%{opacity:1;-webkit-transform:translateX(0)}}.s3_item img{display:block;width:100%;height:100%}.dj_name{position:absolute;left:calc(83 / 1920 * 100vw);bottom:calc(36 / 1920 * 100vw);width:calc(560 / 1920 * 100vw);height:calc(86 / 1920 * 100vw);display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.3;font-size:calc(28 / 1920 * 100vw);color:#271e23;transform:rotate(-4deg);text-transform:uppercase}.s3_item2 .dj_name{transform:rotate(4deg);left:calc(21 / 1920* 100vw);bottom:calc(36 / 1920* 100vw);width:calc(550 / 1920* 100vw);height:calc(70 / 1920* 100vw)}.s3_tits{height:calc(80 / 1920* 100vw);background:url(/images/event/BABYMONSTERCollab/tits_bg2.png) no-repeat 50% bottom;background-size:calc(873 / 1920* 100vw) calc(29 / 1920* 100vw);text-align:center;font-size:calc(38 / 1920* 100vw);color:#fc468f;line-height:1.3;-webkit-animation:fadeInDown1 1s ease both}@-webkit-keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translateY(calc(-20 / 1920 * 100vw))}100%{opacity:1;-webkit-transform:translateY(0)}}.s3_tits span{position:relative}.s3_tits span::before{content:"";background:url(/images/event/BABYMONSTERCollab/tits_bg1.png) no-repeat;background-size:100% 100%;position:absolute;left:calc(-115 / 1920* 100vw);top:0;width:calc(83 / 1920* 100vw);height:calc(45 / 1920* 100vw)}.s3_tits span::after{content:"";background:url(/images/event/BABYMONSTERCollab/tits_bg3.png) no-repeat;background-size:100% 100%;position:absolute;right:calc(-107 / 1920* 100vw);top:calc(7 / 1920* 100vw);width:calc(75 / 1920* 100vw);height:calc(54 / 1920* 100vw)}.tz_pic{background:url(/images/event/BABYMONSTERCollab/tz.png) no-repeat;background-size:100% 100%;width:calc(1197 / 1920* 100vw);height:calc(522 / 1920* 100vw);margin:calc(-5 / 1920* 100vw) auto 0;-webkit-animation:fadeInUp1 1s ease both}@-webkit-keyframes fadeInUp1{0%{opacity:0;-webkit-transform:translateY(calc(20 / 1920 * 100vw))}100%{opacity:1;-webkit-transform:translateY(0)}}.s3_page{background:url(/images/event/BABYMONSTERCollab/page.png) no-repeat;background-size:100% 100%;width:calc(523 / 1920* 100vw);height:calc(63 / 1920* 100vw);margin:0 auto;display:flex;justify-content:center;align-items:center;text-align:center;padding-bottom:calc(10 / 1920* 100vw);box-sizing:border-box}.s3_page a{width:calc(66 / 1920* 100vw);height:calc(46 / 1920* 100vw);transition:all .3s}.s3_page a:hover{filter:brightness(1.1)}.s3_page a:active{transform:scale(.9)}.s3_page .prev{background:url(/images/event/BABYMONSTERCollab/prev.png) no-repeat;background-size:100% 100%}.s3_page .next{background:url(/images/event/BABYMONSTERCollab/next.png) no-repeat;background-size:100% 100%}.page_num{padding:0 calc(33 / 1920* 100vw);display:flex;justify-content:center;align-items:center}.page_num span{color:#ff7cca;font-size:calc(34 / 1920* 100vw);position:relative;width:calc(70 / 1920* 100vw);margin:0 calc(5 / 1920* 100vw);cursor:pointer}.page_num .cur{color:#fff}.page_num .cur::after{content:"";width:calc(70 / 1920* 100vw);height:calc(82 / 1920* 100vw);position:absolute;left:50%;top:50%;margin:calc(-41 / 1920* 100vw) 0 0 calc(-35 / 1920* 100vw);background:url(/images/event/BABYMONSTERCollab/cir.png) no-repeat;background-size:100% 100%}.s4{padding-top:calc(110 / 1920 * 100vw);position:relative;z-index:2}.s4 .s3_tit{width:calc(1420 / 1920 * 100vw)}.s4 .s3_tit span{background:url(/images/event/BABYMONSTERCollab/text_mask.jpg) no-repeat center center;background-size:calc(1500 / 1920 * 100vw) calc(138 / 1920 * 100vw);-webkit-background-clip:text;color:transparent}.vid_pic{width:calc(1218 / 1920 * 100vw);height:calc(695 / 1920 * 100vw);margin:0 auto;position:relative;background:url(/images/event/BABYMONSTERCollab/vid.png) no-repeat;background-size:100% 100%}.qq_icon{background:url(/images/event/BABYMONSTERCollab/qq.png) no-repeat;background-size:100% 100%;width:calc(329 / 1920 * 100vw);height:calc(607 / 1920 * 100vw);position:absolute;left:0;top:calc(-263 / 1920 * 100vw);z-index:9;pointer-events:none}.ar .s3_tit,.ar .s4_tit{direction:rtl}.b-bg{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999;background:rgba(0,0,0,.8);display:none}.pop-vid{width:calc(1100 / 1624 * 100vw);height:calc(618 / 1624 * 100vw);background:#000;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0)}@media only screen and (max-width:1000px){.pop-vid{width:calc(1200 / 1624 * 100vw);height:90%}}.pop-close{display:block;width:calc(38 / 1624 * 100vw);height:calc(38 / 1624 * 100vw);position:absolute;top:0;right:calc(-50 / 1624 * 100vw);background:url(/images/event/BABYMONSTERCollab/close.png) 0/100% 100% no-repeat}.pop-loading{display:block;position:absolute;left:50%;top:50%;font-size:22px;text-align:center;color:#fff;line-height:3;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.pop-loading.loaded{display:none}.animation_big{animation:fadeInBig 2s infinite linear;-o-animation:fadeInBig 2s infinite linear;-ms-animation:fadeInBig 2s infinite linear;-moz-animation:fadeInBig 2s infinite linear;-webkit-animation:fadeInBig 2s infinite linear}.fadeInAdd{animation:fadeInAdd 2s infinite linear;-o-animation:fadeInAdd 2s infinite linear;-ms-animation:fadeInAdd 2s infinite linear;-moz-animation:fadeInAdd 2s infinite linear;-webkit-animation:fadeInAdd 2s infinite linear}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@-o-keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@-ms-keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@-moz-keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-o-keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.video_info{width:100%;height:100%;position:absolute;left:0;top:0}.video_info video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}.video_info::after{content:"";width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);position:absolute}.ru .s3_tit{padding:calc(20 / 1920* 100vw) calc(30 / 1920* 100vw) calc(15 / 1920* 100vw)}.fr .s3_tit{font-size:calc(36 / 1920* 100vw)}.pt .s3_tit{font-size:calc(36 / 1920* 100vw)}.uz .s3_tit{font-size:calc(36 / 1920* 100vw)}