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}@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")}.ar p,.ar span,.ar,.ar input,.ar select,.ur p,.ur span,.ur,.ur input,.ur select{direction:rtl;font-family:'ar'}.ru p,.ru span,.ru,.ru input,.ru select{font-family:'ru'}.th p,.th span,.th,.th input,.th select{font-family:'th'}.tr p,.tr span,.tr,.tr input,.tr select{font-family:'tr'}.vi p,.vi span,.vi,.vi input,.vi select{font-family:'vi'}.uz p,.uz span,.uz,.uz input,.uz select{font-family:'uz'}.wrapper{display:block;width:100%;height:100%;overflow:hidden;padding-top:80px;background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg1.jpg) 0 80px/calc(1920/1920*100vw) calc(1010/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg2.jpg) 0 calc(1009/1920*100vw + 80px)/calc(1920/1920*100vw) calc(2220/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg3.jpg) 0 calc(3208/1920*100vw + 80px)/calc(1920/1920*100vw) calc(1440/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg4.jpg) 0 calc(4647/1920*100vw + 80px)/calc(1920/1920*100vw) calc(1440/1920*100vw) no-repeat}.wrapper[data-id="0"]{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg1.jpg) 0 80px/calc(1920/1920*100vw) calc(1010/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg2.jpg) 0 calc(1009/1920*100vw + 80px)/calc(1920/1920*100vw) calc(2220/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg3.jpg) 0 calc(3208/1920*100vw + 80px)/calc(1920/1920*100vw) calc(1440/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg4.jpg) 0 calc(4647/1920*100vw + 80px)/calc(1920/1920*100vw) calc(1440/1920*100vw) no-repeat}.ar .wrapper{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg5_ar.jpg) 0 80px/calc(1920/1920*100vw) calc(1010/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg2.jpg) 0 calc(1009/1920*100vw + 80px)/calc(1920/1920*100vw) calc(2220/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg3.jpg) 0 calc(3208/1920*100vw + 80px)/calc(1920/1920*100vw) calc(1440/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg4.jpg) 0 calc(4647/1920*100vw + 80px)/calc(1920/1920*100vw) calc(1440/1920*100vw) no-repeat}.wrapper[data-id="1"]{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg5.jpg) 0 80px/calc(1920/1920*100vw) calc(1010/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg7.jpg) 0 bottom/calc(1920/1920*100vw) calc(580/1920*100vw) no-repeat}.ar .wrapper[data-id="1"]{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg5_ar.jpg) 0 80px/calc(1920/1920*100vw) calc(1010/1920*100vw) no-repeat, url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg7.jpg) 0 bottom/calc(1920/1920*100vw) calc(580/1920*100vw) no-repeat}.side{width:calc(142/1920*100vw);height:calc(526/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/side.png) 0/100% 100% no-repeat;position:fixed;top:56%;left:calc(30/1920*100vw);margin-top:calc(-263/1920*100vw);z-index:2;padding:calc(110/1920*100vw) calc(4/1920*100vw) calc(50/1920*100vw) 0}.wrapper[data-id="1"] .side,.wrapper[data-id="2"] .side{opacity:0;pointer-events:none}.side li{display:block;width:100%;height:calc(55/1920*100vw);position:relative;margin:calc(-14/1920*100vw) 0 calc(36/1920*100vw);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 calc(4/1920*100vw)}.side li:nth-child(1){margin:0 0 calc(36/1920*100vw)}.side li.act{width:calc(176/1920*100vw);height:calc(82/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/side1.png) 0/100% 100% no-repeat;padding:calc(18/1920*100vw) calc(34/1920*100vw) calc(18/1920*100vw) calc(10/1920*100vw);position:relative;left:calc(-5/1920*100vw)}.ar .side li.act,.ur .side li.act{left:calc(33/1920*100vw)}.side li a{display:flex;align-items:center}.side li span{line-height:calc(22/1920*100vw);color:#3409ff;font-size:calc(20/1920*100vw);font-weight:bold;text-align:center}.side li.act span{color:#fff}.nav_top{display:block;width:100%;line-height:calc(32/1920*100vw);position:absolute;top:calc(406/1920*100vw);left:0;box-sizing:border-box;color:#3409ff;font-size:calc(24/1920*100vw);font-weight:bold;text-align:center}.nav_top:after{display:block;content:'';width:calc(25/1920*100vw);height:calc(21/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/side2.png) 0/100% 100% no-repeat;position:absolute;top:calc(-22/1920*100vw);left:50%;margin-left:calc(-12.5/1920*100vw)}.top_submit{display:block;width:calc(74/1920*100vw);height:calc(315/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/top_submit.png) 0/100% 100% no-repeat;position:fixed;top:54%;right:calc(8/1920*100vw);margin-top:calc(-157.5/1920*100vw);z-index:2}.wrapper[data-id="1"] .top_submit,.wrapper[data-id="2"] .top_submit{opacity:0;pointer-events:none}.top_submit p{display:block;width:calc(220/1920*100vw);line-height:calc(40/1920*100vw);font-size:calc(30/1920*100vw);text-align:center;font-weight:bold;color:#782810;position:absolute;top:calc(120/1920*100vw);left:calc(-72/1920*100vw);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.section{width:100%;position:relative;overflow:hidden}.part_show{display:none}.part_show.on{display:block}.section.top{height:calc(1010/1920*100vw)}.slogan{width:calc(1810/1920*100vw);height:calc(290/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/en.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(420/1920*100vw);left:50%;margin-left:calc(-905/1920*100vw);z-index:1}.en .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/en.png) 0 0/100% 100% no-repeat}.zh .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/zh.png) 0 0/100% 100% no-repeat}.de .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/de.png) 0 0/100% 100% no-repeat}.es .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/es.png) 0 0/100% 100% no-repeat}.fr .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/fr.png) 0 0/100% 100% no-repeat}.HK .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/hk.png) 0 0/100% 100% no-repeat}.id .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/id.png) 0 0/100% 100% no-repeat}.my .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/my.png) 0 0/100% 100% no-repeat}.pt .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/pt.png) 0 0/100% 100% no-repeat}.ru .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/ru.png) 0 0/100% 100% no-repeat}.th .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/th.png) 0 0/100% 100% no-repeat}.tr .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/tr.png) 0 0/100% 100% no-repeat}.TW .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/tw.png) 0 0/100% 100% no-repeat}.uz .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/uz.png) 0 0/100% 100% no-repeat}.vi .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/vi.png) 0 0/100% 100% no-repeat}.ar .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/ar.png) 0 0/100% 100% no-repeat}.ur .slogan{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/slogan/ur.png) 0 0/100% 100% no-repeat}.btn_submit{display:flex;align-items:center;justify-content:center;width:calc(551/1920*100vw);height:calc(195/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/btn_submit.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(690/1920*100vw);left:50%;margin-left:calc(-275.5/1920*100vw);box-sizing:border-box;padding:calc(54/1920*100vw) calc(94/1920*100vw) calc(60/1920*100vw) calc(100/1920*100vw);font-size:calc(48/1920*100vw);color:#551801;line-height:1.3;font-weight:bold;text-align:center}.top_tab{display:flex;justify-content:center;width:100%;height:calc(79/1920*100vw);position:absolute;bottom:calc(22/1920*100vw);left:0}.top_tab a{width:calc(536/1920*100vw);height:calc(79/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s1_tab1.png) 0 0/100% 100% no-repeat;margin:0 calc(12/1920*100vw)}.top_tab a p{width:80%;margin:0 auto;font-size:calc(32/1920*100vw);color:#bce8e7;font-weight:bold;text-align:center;position:relative;top:48%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);opacity:.65}.top_tab a.act{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s1_tab2.png) 0 0/100% 100% no-repeat}.top_tab a.act p{opacity:1;color:#fff}.section.s1{height:calc(2200/1920*100vw)}.s1_time{display:flex;width:calc(1428/1920*100vw);height:calc(155/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/time1.png) 0 0/100% 100% no-repeat;margin:calc(45/1920*100vw) auto 0;position:relative}.s1_time li{display:block;width:25%;height:100%;position:relative;font-size:calc(26/1920*100vw);color:#fcfbff;line-height:1.2rem;text-align:center;font-weight:bold;z-index:1}.s1_time li p{display:block;width:100%;position:absolute;top:0;left:2%}.s1_time li:after{display:block;content:'';width:calc(96/1920*100vw);height:calc(91/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/time3.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(22/1920*100vw);left:50%;margin-left:calc(-48/1920*100vw)}.s1_time li span{display:block;width:100%;position:absolute;bottom:0;left:0}.s1_time:after{display:block;content:'';height:calc(29/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/time2.png) 0 0/calc(1428/1920*100vw) 100% no-repeat;position:absolute;top:calc(52/1920*100vw);left:0}.ar .s1_time:after,.ur .s1_time:after{left:initial;right:0;background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/time2.png) right 0/calc(1428/1920*100vw) 100% no-repeat}.s1_time[data-id="0"]:after{width:25%}.s1_time[data-id="1"]:after{width:50%}.s1_time[data-id="2"]:after{width:75%}.s1_time[data-id="3"]:after{width:100%}.s1_time[data-id="0"] li:nth-child(1){color:#96ff09}.s1_time[data-id="0"] li:nth-child(1):after{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/time4.png) 0 0/100% 100% no-repeat}.s1_time[data-id="1"] li:nth-child(1),.s1_time[data-id="1"] li:nth-child(2){color:#96ff09}.s1_time[data-id="1"] li:nth-child(1):after,.s1_time[data-id="1"] li:nth-child(2):after{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/time4.png) 0 0/100% 100% no-repeat}.s1_time[data-id="2"] li:nth-child(1),.s1_time[data-id="2"] li:nth-child(2),.s1_time[data-id="2"] li:nth-child(3){color:#96ff09}.s1_time[data-id="2"] li:nth-child(1):after,.s1_time[data-id="2"] li:nth-child(2):after,.s1_time[data-id="2"] li:nth-child(3):after{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/time4.png) 0 0/100% 100% no-repeat}.s1_time[data-id="3"] li:nth-child(1),.s1_time[data-id="3"] li:nth-child(2),.s1_time[data-id="3"] li:nth-child(3),.s1_time[data-id="3"] li:nth-child(4){color:#96ff09}.s1_time[data-id="3"] li:nth-child(1):after,.s1_time[data-id="3"] li:nth-child(2):after,.s1_time[data-id="3"] li:nth-child(3):after,.s1_time[data-id="3"] li:nth-child(4):after{background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/time4.png) 0 0/100% 100% no-repeat}.title{display:flex;justify-content:center;align-items:flex-end;width:100%;height:calc(76/1920*100vw);margin:calc(70/1920*100vw) auto calc(30/1920*100vw);font-weight:bold;text-align:center}.title p{display:block;width:auto;height:calc(76/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/title.png) 0 0/100% 100% no-repeat;color:#fdff49;font-size:calc(70/1920*100vw);line-height:1;box-sizing:border-box;padding:0 calc(160/1920*100vw)}.ar .title p,.ur .title p{font-size:calc(66/1920*100vw);line-height:calc(50/1920*100vw)}.title span{display:block;width:calc(103/1920*100vw);height:calc(93/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/title1.png) 0 0/100% 100% no-repeat;color:#fdff49;font-size:calc(50/1920*100vw);line-height:calc(93/1920*100vw);margin-right:calc(-93/1920*100vw);position:relative;z-index:1;box-sizing:border-box;padding:calc(8/1920*100vw) calc(34/1920*100vw) calc(10/1920*100vw) calc(10/1920*100vw)}.s1_text1{display:flex;align-items:center;justify-content:center;width:calc(1255/1920*100vw);height:calc(154/1920*100vw);margin:0 auto;font-size:calc(24/1920*100vw);line-height:calc(32/1920*100vw);color:#040404;font-weight:bold}.s1_box{display:flex;flex-wrap:wrap;align-content:flex-start;width:calc(1255/1920*100vw);height:calc(1240/1920*100vw);margin:calc(70/1920*100vw) auto 0;font-size:calc(22/1920*100vw);line-height:calc(32/1920*100vw);color:#040404;font-weight:bold;overflow:hidden;overflow-y:auto}.s1_text2{display:block;width:auto;height:calc(36/1920*100vw);line-height:calc(36/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s1_text.png) 0 0/100% 100% no-repeat;font-size:calc(24/1920*100vw);color:#fefeff;box-sizing:border-box;padding:0 calc(80/1920*100vw) 0 calc(26/1920*100vw)}.s1_box p{display:block;width:100%;color:#da1bb4;font-size:calc(34/1920*100vw);line-height:calc(44/1920*100vw);margin-top:calc(20/1920*100vw)}.s1_box span{display:block;width:100%;padding-left:calc(20/1920*100vw)}.ar .s1_box span,.ur .s1_box span{padding-left:0;padding-right:calc(20/1920*100vw)}.s1_box img{display:block;width:calc(1014/1920*100vw);margin:calc(20/1920*100vw) auto 0}.s1_box a{display:block;width:auto;color:#da1bb4;font-size:calc(34/1920*100vw);line-height:calc(44/1920*100vw);margin:calc(20/1920*100vw) auto;border-bottom:1px solid #da1bb4}.s1_down{display:block;width:auto;height:calc(52/1920*100vw);line-height:calc(52/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s1_down.png) 0 0/100% 100% no-repeat;font-size:calc(28/1920*100vw);color:#000b5a;font-weight:bold;position:absolute;bottom:calc(200/1920*100vw);left:50%;padding:0 calc(30/1920*100vw);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section.s2{height:calc(1440/1920*100vw)}.s2 .title{margin:calc(60/1920*100vw) auto calc(50/1920*100vw)}.s2_list{display:block;width:calc(1262/1920*100vw);height:calc(968/1920*100vw);margin:0 auto;position:relative}.s2_list:after{display:block;content:'';width:calc(1262/1920*100vw);height:calc(294/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_bar.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(256/1920*100vw);left:0;pointer-events:none}.s2_list1{display:block;width:calc(781/1920*100vw);height:calc(190/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_list1.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(46/1920*100vw);left:calc(232/1920*100vw);font-weight:bold;z-index:2}.s2_list1 .tit,.s2_list2 .tit,.s2_list3 .tit,.s2_list4 .tit,.s2_list5 .tit,.s2_list6 .tit{display:flex;align-items:center;justify-content:center;width:calc(407/1920*100vw);height:calc(50/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_title.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(-56/1920*100vw);left:51%;margin-left:calc(-203.5/1920*100vw);line-height:calc(48/1920*100vw);font-size:calc(22/1920*100vw);line-height:1;color:#000;text-align:center;box-sizing:border-box;padding:calc(2/1920*100vw) calc(30/1920*100vw) 0}.s2_list1 .us{display:block;width:calc(168/1920*100vw);line-height:calc(30/1920*100vw);font-size:calc(28/1920*100vw);color:#000;text-align:center;position:absolute;top:calc(132/1920*100vw);left:calc(50/1920*100vw);font-family:'all'}.s2_list1 a{width:calc(38/1920*100vw);height:calc(38/1920*100vw);position:absolute;top:calc(126/1920*100vw);left:calc(726/1920*100vw)}.s2_tips1{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;width:calc(430/1920*100vw);min-height:calc(184/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_tips.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(40/1920*100vw);right:0;box-sizing:border-box;padding:calc(10/1920*100vw);opacity:0;pointer-events:none}.s2_tips1 p{font-size:calc(22/1920*100vw);line-height:calc(28/1920*100vw);text-align:center;color:#fff;margin:calc(4/1920*100vw) 0}.s2_list1 a:hover .s2_tips1{opacity:1;pointer-events:auto}.s2_list2{display:block;width:calc(643/1920*100vw);height:calc(195/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_list2.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(340/1920*100vw);left:calc(-46/1920*100vw);font-weight:bold;z-index:1}.s2_list2 .us{display:block;width:calc(168/1920*100vw);line-height:calc(30/1920*100vw);font-size:calc(28/1920*100vw);color:#000;text-align:center;position:absolute;top:calc(132/1920*100vw);left:calc(50/1920*100vw);font-family:'all'}.s2_list2 a{width:calc(38/1920*100vw);height:calc(38/1920*100vw);position:absolute;top:calc(126/1920*100vw);left:calc(570/1920*100vw)}.s2_tips2{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;width:calc(430/1920*100vw);min-height:calc(184/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_tips.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(40/1920*100vw);right:0;box-sizing:border-box;padding:calc(10/1920*100vw);opacity:0;pointer-events:none}.s2_tips2 p{font-size:calc(22/1920*100vw);line-height:calc(28/1920*100vw);text-align:center;color:#fff;margin:calc(4/1920*100vw) 0}.s2_list2 a:hover .s2_tips2{opacity:1;pointer-events:auto}.s2_list3{display:block;width:calc(645/1920*100vw);height:calc(195/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_list3.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(340/1920*100vw);left:calc(644/1920*100vw);font-weight:bold;z-index:1}.s2_list3 .us{display:block;width:calc(168/1920*100vw);line-height:calc(30/1920*100vw);font-size:calc(28/1920*100vw);color:#000;text-align:center;position:absolute;top:calc(132/1920*100vw);left:calc(50/1920*100vw);font-family:'all'}.s2_list3 a{width:calc(38/1920*100vw);height:calc(38/1920*100vw);position:absolute;top:calc(126/1920*100vw);left:calc(570/1920*100vw)}.s2_tips3{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;width:calc(430/1920*100vw);min-height:calc(184/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_tips.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(40/1920*100vw);right:0;box-sizing:border-box;padding:calc(10/1920*100vw);opacity:0;pointer-events:none}.s2_tips3 p{font-size:calc(22/1920*100vw);line-height:calc(28/1920*100vw);text-align:center;color:#fff;margin:calc(4/1920*100vw) 0}.s2_list3 a:hover .s2_tips3{opacity:1;pointer-events:auto}.s2_list4{display:block;width:calc(415/1920*100vw);height:calc(272/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_list4.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(626/1920*100vw);left:calc(28/1920*100vw);font-weight:bold}.s2_list4 a{width:calc(38/1920*100vw);height:calc(38/1920*100vw);position:absolute;top:calc(212/1920*100vw);left:calc(352/1920*100vw)}.s2_tips4{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;width:calc(430/1920*100vw);min-height:calc(184/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_tips.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(40/1920*100vw);right:0;box-sizing:border-box;padding:calc(10/1920*100vw);opacity:0;pointer-events:none}.s2_tips4 p{font-size:calc(22/1920*100vw);line-height:calc(28/1920*100vw);text-align:center;color:#fff;margin:calc(4/1920*100vw) 0}.s2_list4 a:hover .s2_tips4{opacity:1;pointer-events:auto}.s2_list5{display:block;width:calc(415/1920*100vw);height:calc(272/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_list5.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(626/1920*100vw);left:calc(444/1920*100vw);font-weight:bold}.s2_list5 a{width:calc(38/1920*100vw);height:calc(38/1920*100vw);position:absolute;top:calc(212/1920*100vw);left:calc(352/1920*100vw)}.s2_tips5{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;width:calc(430/1920*100vw);min-height:calc(184/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_tips.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(40/1920*100vw);right:0;box-sizing:border-box;padding:calc(10/1920*100vw);opacity:0;pointer-events:none}.s2_tips5 p{font-size:calc(22/1920*100vw);line-height:calc(28/1920*100vw);text-align:center;color:#fff;margin:calc(4/1920*100vw) 0}.s2_list5 a:hover .s2_tips5{opacity:1;pointer-events:auto}.s2_list6{display:block;width:calc(200/1920*100vw);height:calc(272/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_list6.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(626/1920*100vw);left:calc(996/1920*100vw);font-weight:bold}.s2_list4 .us,.s2_list5 .us{display:block;width:calc(168/1920*100vw);line-height:calc(30/1920*100vw);font-size:calc(28/1920*100vw);color:#000;text-align:center;position:absolute;top:calc(78/1920*100vw);left:calc(250/1920*100vw);font-family:'all'}.s2_tips6{width:calc(38/1920*100vw);height:calc(38/1920*100vw);position:absolute;top:calc(80/1920*100vw);left:calc(138/1920*100vw)}.s2_tips7{width:calc(38/1920*100vw);height:calc(38/1920*100vw);position:absolute;top:calc(210/1920*100vw);left:calc(138/1920*100vw)}.s2_tips6 p,.s2_tips7 p{display:block;width:calc(430/1920*100vw);min-height:calc(38/1920*100vw);font-size:calc(22/1920*100vw);line-height:calc(38/1920*100vw);text-align:center;color:#fff;background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s2_tips.png) 0 0/100% 100% no-repeat;position:absolute;top:calc(40/1920*100vw);right:0;opacity:0;pointer-events:none}.s2_tips6:hover p,.s2_tips7:hover p{opacity:1;pointer-events:auto}.s2_bottom{display:block;width:calc(1216/1920*100vw);height:calc(220/1920*100vw);margin:calc(10/1920*100vw) auto;font-size:calc(24/1920*100vw);line-height:calc(32/1920*100vw);color:#040404;font-weight:bold;overflow:hidden;overflow-y:auto}.s2_bottom span{display:block;width:100%;margin-top:calc(8/1920*100vw)}.s2_bottom b{color:#da1bb4}.section.s3{height:calc(1440/1920*100vw)}.s3 .title{margin:calc(80/1920*100vw) auto calc(90/1920*100vw)}.s3_box{display:block;width:calc(1255/1920*100vw);height:calc(954/1920*100vw);margin:0 auto;overflow:hidden;overflow-y:auto;font-size:calc(22/1920*100vw);line-height:calc(32/1920*100vw);color:#000;font-weight:bold}.s3_box p{display:block;width:100%;font-size:calc(34/1920*100vw);line-height:calc(44/1920*100vw);color:#da1bb4;margin-top:calc(20/1920*100vw)}.s3_box p.on{margin-top:0}.s3_box span{display:block;width:100%}.s3_box span.on{padding-left:calc(20/1920*100vw)}.ar .s3_box span.on,.ur .s3_box span.on{padding-left:0;padding-right:calc(20/1920*100vw)}.s3_tap{display:block;font-size:calc(26/1920*100vw);line-height:1.4;color:#000;position:absolute;bottom:calc(174/1920*100vw);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:bold;border-bottom:1px solid #000}.section.s4{height:auto;background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/bg6.jpg) 0 0/100% 100% no-repeat;margin-bottom:calc(579/1920*100vw)}.section.s4 .title{margin:calc(70/1920*100vw) auto 0}.s4_list{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.s4_list li{display:block;width:calc(935/1920*100vw);height:calc(480/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s4_list.png) 0 0/100% 100% no-repeat;margin-top:calc(40/1920*100vw);position:relative}.s4_list a{display:block;width:calc(790/1920*100vw);height:calc(424/1920*100vw);position:absolute;top:50.4%;left:51%;margin-top:calc(-212/1920*100vw);margin-left:calc(-395/1920*100vw);overflow:hidden}.s4_list a:after{display:block;content:'';width:calc(51/1920*100vw);height:calc(51/1920*100vw);background:url(/images/event/PDP-Spooky-Themed-Outfit-Design-Contest/s4_see.png) 0 0/100% 100% no-repeat;position:absolute;bottom:0;right:0}.ar .s4_list a:after,.ur .s4_list a:after{right:initial;left:0}.s4_list a img{display:block;width:100%;height:100%;object-fit:cover}.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/PDP-Spooky-Themed-Outfit-Design-Contest/btn_close.png) no-repeat;background-size:100% 100%;position:absolute;top:calc(20/1920*100vw);right:calc(-20/1920*100vw);z-index:1}.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)}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-track{background-color:#1f1486;border-radius:0;box-shadow:inset 0 0 2px rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb{background-color:#52e1f3;border-radius:10px;box-shadow:inset 0 0 2px rgba(0,0,0,0.2)}div::-webkit-scrollbar{width:2px !important;height:2px !important}div::-webkit-scrollbar-track{background-color:#1f1486 !important;border-radius:0 !important;box-shadow:inset 0 0 2px rgba(0,0,0,0.2) !important}div::-webkit-scrollbar-thumb{background-color:#52e1f3 !important;border-radius:10px !important;box-shadow:inset 0 0 2px rgba(0,0,0,0.2) !important}