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{font-size:12px;-webkit-text-size-adjust:none;font-family:"all";min-width:320px;-webkit-text-size-adjust:none;background-color:#131313}.text-hide{text-indent:-9999999px}.auto_img{display:block;width:100%}@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')}.wrap{display:block;width:100%;height:100%;overflow:hidden}.section{width:100%;position:relative}.section.s1{height:calc(1065 /1920*100vw);background:url(/images/event/Creative_Festival/bg1.jpg) 0/100% 100% no-repeat;margin-top:80px}.section.s2{height:calc(480 /1920*100vw);background:url(/images/event/Creative_Festival/bg2.png) 0/100% 100% no-repeat;margin-top:calc(-42 /1920*100vw);z-index:1}.section.s3{height:calc(920 /1920*100vw);background:url(/images/event/Creative_Festival/bg3.jpg) 0/100% 100% no-repeat;margin-top:-1px}.section.s4{height:calc(880 /1920*100vw);background:url(/images/event/Creative_Festival/bg4.jpg) 0/100% 100% no-repeat;margin-top:-1px}.section.s5{height:calc(1100 /1920*100vw);background:url(/images/event/Creative_Festival/bg5.jpg) 0/100% 100% no-repeat;margin-top:-1px}.slogan{display:block;width:calc(588 /1920*100vw);height:calc(238 /1920*100vw);background:url(/images/event/Creative_Festival/slogan_en.png) 0/100% 100% no-repeat;position:absolute;top:calc(520 /1920*100vw);left:calc(50 /1920*100vw)}.ar .slogan{background:url(/images/event/Creative_Festival/slogan_ar.png) 0/100% 100% no-repeat}.de .slogan{background:url(/images/event/Creative_Festival/slogan_de.png) 0/100% 100% no-repeat}.en .slogan{background:url(/images/event/Creative_Festival/slogan_en.png) 0/100% 100% no-repeat}.es .slogan{background:url(/images/event/Creative_Festival/slogan_es.png) 0/100% 100% no-repeat}.fr .slogan{background:url(/images/event/Creative_Festival/slogan_fr.png) 0/100% 100% no-repeat}.HK .slogan{background:url(/images/event/Creative_Festival/slogan_hk.png) 0/100% 100% no-repeat}.id .slogan{background:url(/images/event/Creative_Festival/slogan_id.png) 0/100% 100% no-repeat}.pt .slogan{background:url(/images/event/Creative_Festival/slogan_pt.png) 0/100% 100% no-repeat}.ru .slogan{background:url(/images/event/Creative_Festival/slogan_ru.png) 0/100% 100% no-repeat}.th .slogan{background:url(/images/event/Creative_Festival/slogan_th.png) 0/100% 100% no-repeat}.tr .slogan{background:url(/images/event/Creative_Festival/slogan_tr.png) 0/100% 100% no-repeat}.TW .slogan{background:url(/images/event/Creative_Festival/slogan_tw.png) 0/100% 100% no-repeat}.vi .slogan{background:url(/images/event/Creative_Festival/slogan_vi.png) 0/100% 100% no-repeat}.my .slogan{background:url(/images/event/Creative_Festival/slogan_my.png) 0/100% 100% no-repeat}.kv_jump1{display:block;width:calc(460 /1920*100vw);height:calc(400 /1920*100vw);background:url(/images/event/Creative_Festival/kv_jump1.png) 0/100% 100% no-repeat;position:absolute;top:calc(70 /1920*100vw);left:calc(220 /1920*100vw)}.kv_jump2{display:block;width:calc(460 /1920*100vw);height:calc(400 /1920*100vw);background:url(/images/event/Creative_Festival/kv_jump2.png) 0/100% 100% no-repeat;position:absolute;top:calc(70 /1920*100vw);left:calc(1170 /1920*100vw)}.kv_jump3{display:block;width:calc(460 /1920*100vw);height:calc(400 /1920*100vw);background:url(/images/event/Creative_Festival/kv_jump3.png) 0/100% 100% no-repeat;position:absolute;top:calc(560 /1920*100vw);left:50%;margin-left:calc(-230 /1920*100vw)}.s1 a p{display:block;width:100%;line-height:calc(36 /1920*100vw);font-size:calc(36 /1920*100vw);color:#fff;text-align:center;font-weight:bold;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000;filter:drop-shadow(0 0 4px #000);margin-top:calc(300 /1920*100vw)}.s2::after{display:block;content:'';width:calc(870 /1920*100vw);height:calc(52 /1920*100vw);background:url(/images/event/Creative_Festival/s2_ptopia.png) 0/100% 100% no-repeat;position:absolute;right:0;bottom:calc(-14 /1920*100vw)}.s2_box{display:block;width:calc(1822 /1920*100vw);height:calc(370 /1920*100vw);position:absolute;top:calc(60 /1920*100vw);left:50%;margin-left:calc(-911 /1920*100vw);text-align:center}.s2_box::after{display:block;content:'';width:calc(1822 /1920*100vw);height:calc(190 /1920*100vw);background:url(/images/event/Creative_Festival/s2_time.png) 0/100% 100% no-repeat;position:absolute;left:51%;top:46%;margin-top:calc(-136 /1920*100vw);margin-left:calc(-911 /1920*100vw)}.s2_box li{display:inline-block;width:calc(280 /1920*100vw);height:calc(330 /1920*100vw);margin:calc(50 /1920*100vw) calc(130 /1920*100vw) 0;position:relative;z-index:1}.s2_box li:after{display:block;content:"";width:calc(30 /1920*100vw);height:calc(20 /1920*100vw);background:url(/images/event/Creative_Festival/s2_icon1.png) 0/100% 100% no-repeat;position:absolute;left:50%;top:calc(-8 /1920*100vw);margin-left:calc(-12 /1920*100vw)}.s2_box li.out:after{background:url(/images/event/Creative_Festival/s2_icon2.png) 0/100% 100% no-repeat}.s2_time{display:block;width:100%;line-height:calc(32 /1920*100vw);font-size:calc(32 /1920*100vw);position:absolute;top:calc(-50 /1920*100vw);left:0;color:#fff;font-weight:bold;font-family:"all"}.s2_pic{display:block;width:calc(278 /1920*100vw);height:calc(150 /1920*100vw);margin:calc(30 /1920*100vw) auto 0;overflow:hidden;position:relative}.s2_box li.out .s2_pic{filter:grayscale(100%);-webkit-filter:grayscale(100%)}.s2_mask{display:block;width:calc(278 /1920*100vw);height:calc(150 /1920*100vw);position:absolute;top:0;left:0}.s2_box li:nth-child(1) .s2_pic{background:url(/images/event/Creative_Festival/s2_box1.png) 0/100% 100% no-repeat}.s2_box li:nth-child(2) .s2_pic{background:url(/images/event/Creative_Festival/s2_box2.png) 0/100% 100% no-repeat}.s2_box li:nth-child(3) .s2_pic{background:url(/images/event/Creative_Festival/s2_box3.png) 0/100% 100% no-repeat}.s2_box li:nth-child(1) .s2_mask{mask-image:url(/images/event/Creative_Festival/s2_mask1.png);-webkit-mask-image:url(/images/event/Creative_Festival/s2_mask1.png);mask-size:100% 100%;-webkit-mask-size:100% 100%}.s2_box li:nth-child(2) .s2_mask{mask-image:url(/images/event/Creative_Festival/s2_mask2.png);-webkit-mask-image:url(/images/event/Creative_Festival/s2_mask2.png);mask-size:100% 100%;-webkit-mask-size:100% 100%}.s2_box li:nth-child(3) .s2_mask{mask-image:url(/images/event/Creative_Festival/s2_mask3.png);-webkit-mask-image:url(/images/event/Creative_Festival/s2_mask3.png);mask-size:100% 100%;-webkit-mask-size:100% 100%}.s2_box li.out .s2_pic img{filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);opacity:.7}.s2_name{display:block;width:100%;line-height:calc(44 /1920*100vw);font-size:calc(28 /1920*100vw);color:#87ffa9;font-weight:bold}.s2_box li.out .s2_name{color:#949494}.s2_jump{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.s2_jump:after{display:block;content:"";width:calc(84 /1920*100vw);height:calc(100 /1920*100vw);background:url(/images/event/Creative_Festival/s2_jump.png) 0/100% 100% no-repeat;position:absolute;bottom:0;left:50%;margin-left:calc(-42 /1920*100vw)}.s2_box li.out .s2_jump:after{background:url(/images/event/Creative_Festival/s2_jump_ed.png) 0/100% 100% no-repeat;bottom:calc(10 /1920*100vw)}.s2_box li.open:hover .s2_pic img,.s2_box li.open:hover .s2_jump{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}.s3_title1{display:block;width:calc(790 /1920*100vw);height:calc(146 /1920*100vw);background:url(/images/event/Creative_Festival/s3_title1.png) 0/100% 100% no-repeat;position:absolute;top:calc(98 /1920*100vw);left:calc(426 /1920*100vw)}.ar .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_ar.png) 0/100% 100% no-repeat}.de .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_de.png) 0/100% 100% no-repeat}.en .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_en.png) 0/100% 100% no-repeat}.es .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_es.png) 0/100% 100% no-repeat}.fr .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_fr.png) 0/100% 100% no-repeat}.HK .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_hk.png) 0/100% 100% no-repeat}.id .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_id.png) 0/100% 100% no-repeat}.pt .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_pt.png) 0/100% 100% no-repeat}.ru .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_ru.png) 0/100% 100% no-repeat}.th .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_th.png) 0/100% 100% no-repeat}.tr .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_tr.png) 0/100% 100% no-repeat}.TW .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_tw.png) 0/100% 100% no-repeat}.vi .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_vi.png) 0/100% 100% no-repeat}.my .s3_title1{background:url(/images/event/Creative_Festival/s3_title1_my.png) 0/100% 100% no-repeat}.s3_title2{display:block;width:calc(780 /1920*100vw);height:calc(108 /1920*100vw);background:url(/images/event/Creative_Festival/s3_title2.png) 0/100% 100% no-repeat;position:absolute;top:calc(248 /1920*100vw);left:calc(1052 /1920*100vw)}.ar .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_ar.png) 0/100% 100% no-repeat}.de .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_de.png) 0/100% 100% no-repeat}.en .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_en.png) 0/100% 100% no-repeat}.es .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_es.png) 0/100% 100% no-repeat}.fr .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_fr.png) 0/100% 100% no-repeat}.HK .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_hk.png) 0/100% 100% no-repeat}.id .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_id.png) 0/100% 100% no-repeat}.pt .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_pt.png) 0/100% 100% no-repeat}.ru .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_ru.png) 0/100% 100% no-repeat}.th .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_th.png) 0/100% 100% no-repeat}.tr .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_tr.png) 0/100% 100% no-repeat}.TW .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_tw.png) 0/100% 100% no-repeat}.vi .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_vi.png) 0/100% 100% no-repeat}.my .s3_title2{background:url(/images/event/Creative_Festival/s3_title2_my.png) 0/100% 100% no-repeat}.s3_box{display:block;width:calc(830 /1920*100vw);height:calc(490 /1920*100vw);position:absolute;top:calc(274 /1920*100vw);left:calc(170 /1920*100vw)}.s3_play{display:block;width:calc(190 /1920*100vw);height:calc(190 /1920*100vw);background:url(/images/event/Creative_Festival/s3_play.png) 0/100% 100% no-repeat;position:absolute;top:50%;left:50%;margin-top:calc(-95 /1920*100vw);margin-left:calc(-95 /1920*100vw)}.s3_text{display:block;width:80%;height:calc(108 /1920*100vw);position:absolute;left:10%;bottom:calc(16 /1920*100vw);text-align:center}.s3_text span{display:block;width:100%;line-height:calc(36 /1920*100vw);font-size:calc(33 /1920*100vw);color:#fff;font-weight:bold;position:absolute;top:50%;left:0;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.s3_text span.scrollbar_p{max-height:calc(108 /1920*100vw);overflow:hidden;overflow-y:auto}.s4_community{display:block;width:calc(520 /1920*100vw);height:calc(640 /1920*100vw);background:url(/images/event/Creative_Festival/s4_community.png) 0/100% 100% no-repeat;position:absolute;top:calc(114 /1920*100vw);left:calc(122 /1920*100vw)}.s4_title{display:block;width:calc(514 /1920*100vw);height:calc(102 /1920*100vw);background:url(/images/event/Creative_Festival/s4_title.png) 0/100% 100% no-repeat;position:absolute;top:calc(-86 /1920*100vw);left:calc(-18 /1920*100vw)}.ar .s4_title{background:url(/images/event/Creative_Festival/s4_title_ar.png) 0/100% 100% no-repeat}.de .s4_title{background:url(/images/event/Creative_Festival/s4_title_de.png) 0/100% 100% no-repeat}.en .s4_title{background:url(/images/event/Creative_Festival/s4_title_en.png) 0/100% 100% no-repeat}.es .s4_title{background:url(/images/event/Creative_Festival/s4_title_es.png) 0/100% 100% no-repeat}.fr .s4_title{background:url(/images/event/Creative_Festival/s4_title_fr.png) 0/100% 100% no-repeat}.HK .s4_title{background:url(/images/event/Creative_Festival/s4_title_hk.png) 0/100% 100% no-repeat}.id .s4_title{background:url(/images/event/Creative_Festival/s4_title_id.png) 0/100% 100% no-repeat}.pt .s4_title{background:url(/images/event/Creative_Festival/s4_title_pt.png) 0/100% 100% no-repeat}.ru .s4_title{background:url(/images/event/Creative_Festival/s4_title_ru.png) 0/100% 100% no-repeat}.th .s4_title{background:url(/images/event/Creative_Festival/s4_title_th.png) 0/100% 100% no-repeat}.tr .s4_title{background:url(/images/event/Creative_Festival/s4_title_tr.png) 0/100% 100% no-repeat}.TW .s4_title{background:url(/images/event/Creative_Festival/s4_title_tw.png) 0/100% 100% no-repeat}.vi .s4_title{background:url(/images/event/Creative_Festival/s4_title_vi.png) 0/100% 100% no-repeat}.my .s4_title{background:url(/images/event/Creative_Festival/s4_title_my.png) 0/100% 100% no-repeat}.s4_jump1{display:block;width:calc(404 /1920*100vw);height:calc(286 /1920*100vw);background:url(/images/event/Creative_Festival/s4_jump1.png) 0/100% 100% no-repeat;position:absolute;top:calc(550 /1920*100vw);left:50%;margin-left:calc(-202 /1920*100vw)}.s4_jump1 p{display:block;width:100%;line-height:calc(88 /1920*100vw);font-size:calc(50 /1920*100vw);margin-top:calc(50 /1920*100vw);text-align:center;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #00707d}.s4_blocks{display:block;width:calc(1270 /1920*100vw);height:calc(754 /1920*100vw);position:absolute;top:0;left:calc(640 /1920*100vw);overflow:hidden}.s4_pic{display:block;width:calc(1208 /1920*100vw);height:calc(702 /1920*100vw);position:absolute;bottom:0;left:0;z-index:1;-webkit-animation:slateY 10s infinite;animation:slateY 10s infinite;pointer-events:none;-webkit-pointer-events:none}.s4_text{display:block;width:calc(1018 /1920*100vw);height:calc(90 /1920*100vw);background:url(/images/event/Creative_Festival/s4_text.png) 0/100% 100% no-repeat;position:absolute;top:35%;left:45%;margin-top:calc(-45 /1920*100vw);margin-left:calc(-509 /1920*100vw)}.s4_jump2{display:block;width:calc(116 /1920*100vw);height:calc(98 /1920*100vw);background:url(/images/event/Creative_Festival/s4_jump2.png) 0/100% 100% no-repeat;position:absolute;top:calc(348 /1920*100vw);left:calc(1015 /1920*100vw)}.s4_jump2 p{display:block;width:calc(400 /1920*100vw);line-height:calc(80 /1920*100vw);position:absolute;top:0;left:50%;margin-left:calc(-200 /1920*100vw);font-size:calc(55 /1920*100vw);text-align:center;color:#5b90ed;font-weight:bold}.TW .s4_jump2 p,.HK .s4_jump2 p{width:calc(76 /1920*100vw);line-height:calc(30 /1920*100vw);top:calc(8 /1920*100vw);margin-left:calc(-38 /1920*100vw);font-size:calc(26 /1920*100vw)}.s4_circular{display:block;width:calc(10 /1920*100vw);height:calc(98 /1920*100vw);position:absolute;top:calc(156 /1920*100vw);left:calc(30 /1920*100vw)}.s4_circular li{display:block;width:calc(10 /1920*100vw);height:calc(10 /1920*100vw);float:left;margin-bottom:calc(6 /1920*100vw);border-radius:50%;background-color:#fff;-webkit-animation:sactity 1.5s infinite;animation:sactity 1.5s infinite}.s4_circular li:nth-child(1){animation-delay:0}.s4_circular li:nth-child(2){animation-delay:.5s}.s4_circular li:nth-child(3){animation-delay:1s}.s5_title{display:block;width:calc(1054 /1920*100vw);height:calc(102 /1920*100vw);background:url(/images/event/Creative_Festival/s5_title.png) 0/100% 100% no-repeat;position:absolute;top:calc(52 /1920*100vw);right:0}.s5_logo{display:block;width:calc(490 /1920*100vw);height:calc(172 /1920*100vw);position:absolute;top:calc(340 /1920*100vw);right:calc(180 /1920*100vw)}.s5_text{display:block;width:calc(440 /1920*100vw);height:calc(400 /1920*100vw);position:absolute;top:calc(590 /1920*100vw);right:calc(230 /1920*100vw);font-size:calc(28 /1920*100vw);line-height:calc(40 /1920*100vw);color:#fff;overflow:hidden;overflow-y:auto}.pubg_footer_pc:after{display:block;content:'';width:calc(264 /1920*100vw);height:calc(168 /1920*100vw);background:url(/images/event/Creative_Festival/foot_pic.png) 0/100% 100% no-repeat;position:absolute;bottom:0;right:0;pointer-events:none;-webkit-pointer-events:none}.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(1000 / 1920 * 100vw);height:calc(580 / 1920 * 100vw);background:#000;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.mclass .pop-vid .close{width:calc(50/ 750 * 100vw);height:calc(50/ 750 * 100vw);top:calc(-70/ 750 * 100vw);right:0}.pop-close{display:block;width:calc(40 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);position:absolute;top:0;right:calc(-60 / 1920 * 100vw);background:url(/images/event/Creative_Festival/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:32px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop-loading.loaded{display:none}@media only screen and (max-width:850px){.pop-close{width:25px;height:25px;right:-25px}.pop-vid{width:calc(700/ 1000 * 100vw);height:calc(400/ 1000 * 100vw)}}@media only screen and (max-width:500px){.section.s1{height:calc(1140 /750*100vw);background:url(/images/event/Creative_Festival/m_bg1.jpg) 0/100% 100% no-repeat;margin-top:calc(108 / 640 * 100vw)}.section.s2{height:calc(401 /750*100vw);background:url(/images/event/Creative_Festival/m_bg2.png) 0/100% 100% no-repeat;margin-top:calc(-42 /750*100vw);z-index:1}.section.s3{height:calc(1220 /750*100vw);background:url(/images/event/Creative_Festival/m_bg3.jpg) 0/100% 100% no-repeat;margin-top:-1px}.section.s4{height:calc(2030 /750*100vw);background:url(/images/event/Creative_Festival/m_bg4.jpg) 0/100% 100% no-repeat;margin-top:-1px}.section.s5{height:calc(1550 /750*100vw);background:url(/images/event/Creative_Festival/m_bg5.jpg) 0/100% 100% no-repeat;margin-top:-1px}.slogan{width:calc(460 /750*100vw);height:calc(186 /750*100vw);top:calc(444 /750*100vw);left:48%;margin-left:calc(-230 /750*100vw)}.kv_jump1{width:calc(286 /750*100vw);height:calc(250 /750*100vw);top:calc(690 /750*100vw);left:calc(-10 /750*100vw)}.kv_jump2{width:calc(286 /750*100vw);height:calc(250 /750*100vw);top:calc(680 /750*100vw);left:calc(470 /750*100vw)}.kv_jump3{width:calc(286 /750*100vw);height:calc(250 /750*100vw);top:calc(860 /750*100vw);left:50%;margin-left:calc(-143 /750*100vw)}.s1 a p{display:block;width:100%;line-height:calc(24 /750*100vw);font-size:calc(24 /750*100vw);color:#fff;text-align:center;font-weight:bold;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000;filter:drop-shadow(0 0 4px #000);margin-top:calc(180 /750*100vw)}.s2::after{display:none}.s2_box{width:calc(750 /750*100vw);height:calc(470 /750*100vw);top:calc(60 /750*100vw);left:50%;margin-left:calc(-375 /750*100vw)}.s2_box::after{width:calc(688 /750*100vw);height:calc(332 /750*100vw);background:url(/images/event/Creative_Festival/m_s2_time.png) 0/100% 100% no-repeat;top:42%;left:50%;margin-left:calc(-344 /750*100vw);margin-top:calc(-162 /750*100vw)}.s2_box li{width:calc(200 /750*100vw);height:calc(238 /750*100vw);margin:0 calc(12 /750*100vw)}.s2_box li:after{width:calc(30 /750*100vw);height:calc(20 /750*100vw);top:calc(38 /750*100vw);margin-left:calc(-12 /750*100vw)}.s2_time{line-height:calc(24 /750*100vw);font-size:calc(24 /750*100vw);color:#fff;position:absolute;top:0;left:0}.s2_pic{width:calc(200 /750*100vw);height:calc(108 /750*100vw);margin:0;position:absolute;top:calc(70 /750*100vw)}.s2_mask{width:calc(200 /750*100vw);height:calc(106 /750*100vw);position:absolute;top:calc(1 /750*100vw);left:0}.s2_name{line-height:calc(30 /750*100vw);font-size:calc(22 /750*100vw);position:absolute;top:calc(184 /750*100vw);left:0}.s2_box li.out .s2_name{color:#949494}.s2_jump{display:block;width:100%;height:100%;background:0;position:absolute;top:0;left:0;z-index:2;animation-play-state:paused;-webkit-animation-play-state:paused}.s2_box li.out .s2_jump{background:0}.s2_jump:after{display:none}.s2_box li.out .s2_jump{margin-top:0}.s3_title1{width:calc(490 /750*100vw);height:calc(68 /750*100vw);top:calc(52 /750*100vw);left:calc(234 /750*100vw)}.s3_title2{width:calc(688 /750*100vw);height:calc(96 /750*100vw);top:calc(600 /750*100vw);left:calc(38 /750*100vw)}.s3_box{width:calc(568 /750*100vw);height:calc(318 /750*100vw);position:absolute;top:calc(147 /750*100vw);left:50%;margin-left:calc(-268 /750*100vw)}.s3_play{width:calc(130 /750*100vw);height:calc(130 /750*100vw);top:50%;left:50%;margin-top:calc(-65 /750*100vw);margin-left:calc(-65 /750*100vw)}.s3_text{width:80%;height:calc(72 /750*100vw);left:10%;bottom:calc(8 /750*100vw)}.s3_text span{line-height:calc(24 /750*100vw);font-size:calc(22 /750*100vw)}.s3_text span.scrollbar_p{max-height:calc(72 /750*100vw)}.s4_community{content:'';display:block;width:calc(692 /750*100vw);height:calc(890 /750*100vw);background:url(/images/event/Creative_Festival/m_s4_box.png) 0/100% 100% no-repeat;position:absolute;top:calc(1016 /750*100vw);left:calc(40 /750*100vw);z-index:2}.s4_iframe{display:block;width:calc(646 /750*100vw);height:calc(794 /750*100vw);background:url(/images/event/Creative_Festival/s4_community.png) 0/100% 100% no-repeat;position:absolute;top:calc(96 /750*100vw);left:0}.s4_title{display:block;width:calc(634 /750*100vw);height:calc(124 /750*100vw);background:url(/images/event/Creative_Festival/s4_title.png) 0/100% 100% no-repeat;position:absolute;top:calc(-2 /750*100vw);left:calc(-22 /750*100vw);z-index:1}.s4_jump1{display:block;width:calc(404 /750*100vw);height:calc(286 /750*100vw);background:url(/images/event/Creative_Festival/s4_jump1.png) 0/100% 100% no-repeat;position:absolute;top:calc(862 /750*100vw);left:50%;margin-left:calc(-202 /750*100vw);-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}.s4_jump1 p{display:block;width:100%;line-height:calc(88 /750*100vw);font-size:calc(50 /750*100vw);margin-top:calc(50 /750*100vw);text-align:center;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #00707d}.s4_blocks{width:calc(750 /750*100vw);height:calc(850 /750*100vw);top:calc(42 /750*100vw);left:0}.s4_pic{width:calc(900 /750*100vw);height:calc(522 /750*100vw);bottom:calc(150 /750*100vw);left:55%;margin-left:calc(-450 /750*100vw)}.s4_text{width:calc(628 /750*100vw);height:calc(144 /750*100vw);background:url(/images/event/Creative_Festival/m_s4_text.png) 0/100% 100% no-repeat;top:19%;left:50%;margin-top:calc(-72 /750*100vw);margin-left:calc(-314 /750*100vw)}.s4_jump2{display:block;width:calc(174 /750*100vw);height:calc(148 /750*100vw);background:url(/images/event/Creative_Festival/s4_jump2.png) 0/100% 100% no-repeat;position:absolute;top:calc(704 /750*100vw);left:calc(546 /750*100vw)}.s4_jump2 p{width:calc(400 /750*100vw);line-height:calc(120 /750*100vw);margin-left:calc(-200 /750*100vw);font-size:calc(80 /750*100vw)}.TW .s4_jump2 p,.HK .s4_jump2 p{width:calc(100 /750*100vw);line-height:calc(38 /750*100vw);top:calc(16 /750*100vw);margin-left:calc(-50 /750*100vw);font-size:calc(36 /750*100vw)}.s4_circular{width:calc(10 /750*100vw);height:calc(98 /750*100vw);position:absolute;top:calc(40 /750*100vw);left:calc(60 /750*100vw)}.s4_circular li{width:calc(10 /750*100vw);height:calc(10 /750*100vw);margin-bottom:calc(6 /750*100vw)}.s5_title{width:calc(610 /750*100vw);height:calc(58 /750*100vw);top:calc(80 /750*100vw);right:0}.s5_logo{display:block;width:calc(490 /750*100vw);height:calc(172 /750*100vw);position:absolute;top:calc(290 /750*100vw);right:50%;margin-right:calc(-245/750*100vw)}.s5_text{width:calc(490 /750*100vw);height:calc(306 /750*100vw);top:calc(546 /750*100vw);right:50%;margin-right:calc(-245/750*100vw);font-size:calc(26 /750*100vw);line-height:calc(34 /750*100vw)}.pubg_footer_pc:after{display:block;content:'';width:calc(264 /750*100vw);height:calc(168 /750*100vw);background:url(/images/event/Creative_Festival/foot_pic.png) 0/100% 100% no-repeat;position:absolute;bottom:0;right:0;pointer-events:none;-webkit-pointer-events:none}}.animation_big{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.9)}50%{transform:scale(1)}100%{transform:scale(.9)}}@-webkit-keyframes pulse{0%{transform:scale(.9)}50%{transform:scale(1)}100%{transform:scale(.9)}}@keyframes slateY{0%{transform:translateY(0)}50%{transform:translateY(-8%)}100%{transform:translateY(0)}}@-webkit-keyframes slateY{0%{transform:translateY(0)}50%{transform:translateY(-8%)}100%{transform:translateY(0)}}@keyframes sactity{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes sactity{0%{opacity:0}100%{opacity:1}}.ar,.ar input{font-family:"ar"}.ru,.ru input{font-family:"ru"}.th,.th input{font-family:"th"}.tr,.tr input{font-family:"tr"}.vi,.vi input{font-family:"vi"}.scrollbar_p::-webkit-scrollbar{width:1px;height:1px}.scrollbar_p::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2px #293988;-webkit-box-shadow:inset 0 0 0 #293988;background:#b2b2b3;border-radius:1px}.scrollbar_p::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);background:rgba(0,0,0,0)}.ar .scrollbar_p{direction:rtl}