@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:#66998e;-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/SPYxFAMILYcollab/roboto-c.ttf')}@font-face{font-family:"name";src:url('/images/event/SPYxFAMILYcollab/coty.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")}input,select{font-family:"all"}.rw_name{font-family:"name"}.ar,.ar input,.ar select,.ar .rw_name{font-family:"ar"}.th,.th input,.th select,.th .rw_name{font-family:"th"}.zh,.zh input,.zh select,.zh .rw_name{font-family:'Noto Sans TC',sans-serif}.TW,.TW input,.TW select,.HK,.HK input,.HK select,.HK .rw_name,.TW .rw_name{font-family:'Noto Sans',sans-serif}.ru,.ru input,.ru select,.ru .rw_name{font-family:"ru"}.vi,.vi input,.vi select,.vi .rw_name{font-family:"vi"}.tr,.tr input,.tr select,.tr .rw_name{font-family:"tr"}.ar .section p,.ar .section span,.ar .section select,.ar .rw_name,.ar h2{direction:rtl}body.HK,body.TW{font-family:"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(991 / 1920 * 100vw)}.s2{height:calc(888 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/bg2.jpg) 0/100% 100% no-repeat;overflow:hidden;z-index:1;box-sizing:border-box}.s3{height:calc(1073 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/bg3.jpg) 0/100% 100% no-repeat;box-sizing:border-box}.s6{height:calc(1060 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/bg4.jpg) 0/100% 100% no-repeat;margin-top:calc(-1 / 1920 * 100vw);box-sizing:border-box;overflow:hidden;position:relative}.s4{height:calc(1048 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/bg5.jpg) 0/100% 100% no-repeat;margin-top:calc(-1 / 1920 * 100vw);box-sizing:border-box;overflow:hidden;position:relative}.s1_swiper{display:block;width:100%;height:100%}.s1_slide1{background:url(/images/event/SPYxFAMILYcollab/bg1.jpg) 50% 0 no-repeat;background-size:cover}.s1 .swiper-pagination{position:absolute;width:100%;left:0;bottom:calc(130 / 1920 * 100vw)}.logo{width:calc(376 / 1920 * 100vw);height:calc(76 / 1920 * 100vw);position:absolute;background:url(/images/event/SPYxFAMILYcollab/family_logo.png) no-repeat;background-size:100% 100%;left:calc(31 / 1920 * 100vw);top:calc(18 / 1920 * 100vw)}.TW .logo{width:calc(453 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/family_logo_tw.png) no-repeat;background-size:100% 100%}.HK .logo{width:calc(347 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/family_logo_hk.png) no-repeat;background-size:100% 100%}.copyright{display:block;width:calc(762 / 1920 * 100vw);height:calc(73 / 1920 * 100vw);position:absolute;background:url(/images/event/SPYxFAMILYcollab/copyright.png) 0/auto 100% no-repeat;bottom:calc(13 / 1920 * 100vw);left:calc(11 / 1920 * 100vw)}.TW .copyright{width:calc(772 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/copyright_tw.png) 0/auto 100% no-repeat}.slogan{display:block;width:calc(973 / 1920 * 100vw);height:calc(176 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/slogan_en0.png) 0/auto 100% no-repeat;position:absolute;bottom:calc(2 / 1920 * 100vw);right:calc(32 / 1920 * 100vw)}.ar .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_ar.png) 0/auto 100% no-repeat}.de .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_de.png) 0/auto 100% no-repeat}.en .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_en0.png) 0/auto 100% no-repeat}.es .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_es.png) 0/auto 100% no-repeat}.fr .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_fr.png) 0/auto 100% no-repeat}.HK .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_hk.png) 0/auto 100% no-repeat}.id .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_id.png) 0/auto 100% no-repeat}.pt .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_pt.png) 0/auto 100% no-repeat}.ru .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_ru.png) 0/auto 100% no-repeat}.th .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_th.png) 0/auto 100% no-repeat}.tr .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_tr.png) 0/auto 100% no-repeat}.TW .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_tw.png) 0/auto 100% no-repeat}.vi .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_vi.png) 0/auto 100% no-repeat}.my .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_my.png) 0/auto 100% no-repeat}.uz .slogan{background:url(/images/event/SPYxFAMILYcollab/slogan_uz.png) 0/auto 100% no-repeat}.vd_box1{width:100%;height:100%;position:relative}.video_info{width:100%;height:100%;position:relative}.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}.btn_play{display:block;width:calc(136 / 1920 * 100vw);height:calc(135 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/btn_vd.png) 0/100% 100% no-repeat;position:absolute;left:50%;top:50%;margin-left:calc(-68 / 1920 * 100vw);margin-top:calc(-68 / 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)}}.btn_play2{display:none}.TW .btn_play2{display:block}.TW .btn_play1{display:none}.s3{padding-top:calc(46 / 1920 * 100vw)}.s3_tit{width:calc(1200 / 1920 * 100vw);margin:0 auto;box-sizing:border-box;line-height:1;font-size:calc(54 / 1920 * 100vw);color:#000;font-weight:bold}.s3_txt{width:calc(1200 / 1920 * 100vw);position:relative;z-index:1;font-size:calc(22 / 1920 * 100vw);line-height:1;margin:calc(10/ 1920 * 100vw) auto 0;color:#000;font-weight:bold}.tab_con{width:calc(1018 / 1920 * 100vw);height:calc(1014 / 1920 * 100vw);left:50%;top:calc(29 / 1920 * 100vw);margin-left:calc(-496 / 1920 * 100vw);position:absolute}.tab_con .fly_icon{background:url(/images/event/SPYxFAMILYcollab/fly1.png) no-repeat;width:calc(374 / 1920 * 100vw);height:calc(494 / 1920 * 100vw);background-size:100% 100%;left:calc(-301 / 1920 * 100vw);top:calc(255 / 1920 * 100vw);position:absolute}.tab_icon{width:calc(148 / 1920 * 100vw);height:calc(330 / 1920 * 100vw);position:absolute;right:calc(-120 / 1920 * 100vw);top:calc(135 / 1920 * 100vw);z-index:9}.tab_icon a{display:block;width:calc(148 / 1920 * 100vw);height:calc(148 / 1920 * 100vw);margin-bottom:calc(25 / 1920 * 100vw);filter:brightness(.7);transition:all .3s}.tab_icon a:active{transform:scale(.8);filter:brightness(1.2)}.tab_icon .cur{filter:brightness(1)}.tab2{background:url(/images/event/SPYxFAMILYcollab/tab1.png) no-repeat;background-size:100% 100%}.tab1{background:url(/images/event/SPYxFAMILYcollab/tab2.png) no-repeat;background-size:100% 100%}.tab_box{width:calc(1920 / 1920 * 100vw);height:calc(1014 / 1920 * 100vw);left:50%;top:0;position:absolute;margin-left:calc(-960 / 1920 * 100vw)}.tab_rw{display:none;width:100%;height:calc(1014 / 1920 * 100vw);position:absolute;left:0;top:0;-webkit-animation:tabrw .8s ease both}.tab_rw2{background:url(/images/event/SPYxFAMILYcollab/rw1.png) no-repeat 50% 0;background-size:auto 100%}.tab_rw1{background:url(/images/event/SPYxFAMILYcollab/rw2.png) no-repeat 50% 0;background-size:auto 100%}.rw_name{font-size:calc(30 / 1920 * 100vw);padding:0 calc(15 / 1920 * 100vw);position:absolute;text-align:center}.rw_name span{position:relative;top:calc(-5 / 1920 * 100vw)}.tab_rw1 .rw_name{background:url(/images/event/SPYxFAMILYcollab/name_women.png) no-repeat;background-size:100% 100%;right:calc(983 / 1920 * 100vw);top:calc(404 / 1920 * 100vw);min-width:calc(180 / 1920 * 100vw);height:calc(58 / 1920 * 100vw);line-height:calc(50 / 1920 * 100vw);transform:rotate(-10deg)}.tab_rw2 .rw_name{background:url(/images/event/SPYxFAMILYcollab/name_man.png) no-repeat;background-size:100% 100%;left:calc(1190 / 1920 * 100vw);top:calc(566 / 1920 * 100vw);min-width:calc(120 / 1920 * 100vw);height:calc(79 / 1920 * 100vw);line-height:calc(70 / 1920 * 100vw);transform:rotate(7deg)}@-webkit-keyframes tabrw{0%{opacity:0;-webkit-transform:translateY(calc(-50 / 1920 * 100vw))}100%{opacity:1;-webkit-transform:translateY(0)}}.tab_rw a{background:url(/images/event/SPYxFAMILYcollab/btn_vd2.png) no-repeat;background-size:100% 100%;width:calc(83 / 1920 * 100vw);height:calc(83 / 1920 * 100vw);position:absolute;left:50%;top:calc(893 / 1920 * 100vw);margin-left:calc(-420 / 1920 * 100vw)}.tab_rw a span{position:absolute;width:calc(160 / 1920 * 100vw);text-align:center;color:#fff9e3;font-size:calc(18 / 1920 * 100vw);line-height:1.1;left:50%;margin-left:calc(-80 / 1920 * 100vw);top:calc(88 / 1920 * 100vw)}.s4{padding-top:calc(80 / 1920 * 100vw)}.s4_tit{width:calc(1200 / 1920 * 100vw);margin:0 auto;line-height:1;font-size:calc(54 / 1920 * 100vw);color:#000;font-weight:bold}.s4 .copyright{left:calc(41 / 1920 * 100vw);bottom:calc(14 / 1920 * 100vw)}.s4_vd{width:calc(1203 / 1920 * 100vw);height:calc(718 / 1920 * 100vw);position:relative;background:url(/images/event/SPYxFAMILYcollab/vid1.png) 0/100% 100% no-repeat;margin:calc(40 / 1920 * 100vw) auto 0}.s6{padding-top:calc(40 / 1920 * 100vw)}.s6_tit{width:calc(1200 / 1920 * 100vw);margin:0 auto;line-height:1;font-size:calc(54 / 1920 * 100vw);color:#000;font-weight:bold}.dj_box{background:url(/images/event/SPYxFAMILYcollab/dj_box.png) no-repeat;background-size:100% 100%;width:calc(1547 / 1920 * 100vw);height:calc(867 / 1920 * 100vw);margin:calc(25 / 1920 * 100vw) 0 0 calc(130 / 1920 * 100vw);position:relative;box-sizing:border-box;padding:calc(108 / 1920 * 100vw) calc(110 / 1920 * 100vw) 0 calc(210 / 1920 * 100vw)}.dj_list{text-align:center;font-size:0;padding:0 calc(40 / 1920 * 100vw)}.dj_list li{display:inline-block;vertical-align:top;width:calc(237 / 1920 * 100vw);height:calc(299 / 1920 * 100vw);background:url(/images/event/SPYxFAMILYcollab/icon_bg.png) no-repeat;background-size:100% 100%;margin:0 calc(17 / 1920 * 100vw);padding-top:calc(18 / 1920 * 100vw);box-sizing:border-box;position:relative}.dj_list li:nth-of-type(1),.dj_list li:nth-of-type(2),.dj_list li:nth-of-type(3){margin:0 calc(30 / 1920 * 100vw) calc(35 / 1920 * 100vw)}.dj_list img{display:block;width:calc(188 / 1920 * 100vw);height:calc(188 / 1920 * 100vw);margin:0 auto}.dj_name{position:absolute;left:0;bottom:calc(44 / 1920 * 100vw);padding:0 calc(15 / 1920 * 100vw);font-size:calc(18 / 1920 * 100vw);color:#422311;line-height:1.1;font-weight:bold;width:100%;box-sizing:border-box}.dj_box .fly_icon{background:url(/images/event/SPYxFAMILYcollab/fly2.png) no-repeat;width:calc(336 / 1920 * 100vw);height:calc(444 / 1920 * 100vw);background-size:100% 100%;right:calc(-192 / 1920 * 100vw);top:calc(218 / 1920 * 100vw);position:absolute}.en{text-transform:uppercase}.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)}.pop-close{display:block;width:calc(40 / 1624 * 100vw);height:calc(40 / 1624 * 100vw);position:absolute;top:0;right:calc(-50 / 1624 * 100vw);background:url(/images/event/SPYxFAMILYcollab/btn_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}}.ru .rw_name{font-size:calc(40 / 1920 * 100vw)}.th .rw_name{font-size:calc(42 / 1920 * 100vw)}.th .dj_name{font-size:calc(24 / 1920 * 100vw);line-height:1}.ar .dj_name{font-size:calc(14 / 1920 * 100vw);bottom:calc(60 / 1920 * 100vw)}.fr .s4_tit{letter-spacing:calc(2 / 1920* 100vw)}.uz .tab_rw a span{display:none}