.flex{display:flex}.ofw{overflow:hidden}.ti{text-indent:-9999px}.font-fa{font-family:Helvetica,Arial}body{font-family:'Teko-Regular';min-width:1200px;width:100%;position:relative}.wrap{overflow:hidden;background:#1b0023;position:relative}.wrap .sec-1{background:url(/images/event/1stYearAnniv/bg.jpg) no-repeat 50% 0;background-size:cover;padding-top:42%;height:77vh;box-sizing:border-box}.wrap .sec-2{opacity:0;background:#1b0023;padding-top:42%;height:100%;box-sizing:border-box;position:absolute;top:0;left:0;right:0;z-index:1}.sec-2 .sec2-bg{opacity:0;position:absolute;top:0;left:0;right:0;padding-top:42%;height:77vh;background:url(/images/event/1stYearAnniv/fonts-bg.png) no-repeat 50% 0;background-size:cover;box-sizing:border-box;z-index:2;text-indent:-999px}.contain{background:url(/images/event/1stYearAnniv/line-2.png) no-repeat 50% 0;background-size:cover;width:297px;padding-top:42%;height:77vh;box-sizing:border-box;position:absolute;top:0;left:50%;z-index:3;text-indent:-999px;opacity:0;animation-delay:1.5s}.light1{background:url(/images/event/1stYearAnniv/line-1.png) no-repeat 50% 0;background-size:cover;width:698px;padding-top:42%;height:77vh;box-sizing:border-box;position:absolute;top:0;left:35%;z-index:4;text-indent:-999px;opacity:0;animation-delay:1s}.light2{background:url(/images/event/1stYearAnniv/line-3.png) no-repeat 50% 0;background-size:cover;width:341px;padding-top:42%;height:77vh;box-sizing:border-box;position:absolute;top:0;left:30%;z-index:4;text-indent:-999px;opacity:0;animation-delay:1s}.light3{background:url(/images/event/1stYearAnniv/line-4.png) no-repeat 50% 0;background-size:cover;width:411px;padding-top:42%;height:77vh;box-sizing:border-box;position:absolute;top:0;left:18%;z-index:4;text-indent:-999px;opacity:0;animation-delay:1s}.light4{background:url(/images/event/1stYearAnniv/line-5.png) no-repeat 50% 0;background-size:cover;width:249px;padding-top:42%;height:77vh;box-sizing:border-box;position:absolute;top:0;left:32%;z-index:4;text-indent:-999px;opacity:0;animation-delay:1s}.light5{background:url(/images/event/1stYearAnniv/line-6.png) no-repeat 50% 0;background-size:cover;width:237px;padding-top:42%;height:77vh;box-sizing:border-box;position:absolute;top:0;left:26%;z-index:4;text-indent:-999px;opacity:0;animation-delay:1s}.one{background:url(/images/event/1stYearAnniv/one.png) no-repeat 50% 0;background-size:cover;width:340px;height:929px;box-sizing:border-box;position:absolute;top:50%;left:50%;margin-top:-440px;margin-left:-170px;z-index:5;transform:scale(.7)}.txt{position:absolute;width:918px;height:61px;background:url(/images/event/1stYearAnniv/txt.png) no-repeat center/cover;left:50%;bottom:100px;margin-left:-510px;text-indent:-999px;z-index:6;animation-delay:.1s}.one .zn{position:absolute;right:-250px;top:20px;animation-delay:.2s;transform:scale(1.5)}.one .be-the{position:absolute;left:50%;margin-left:-175px;bottom:190px;z-index:7;animation-delay:.3s}.one .preson-1{position:absolute;left:50%;margin-left:-160px;bottom:40px;z-index:6}.one .preson-2{position:absolute;left:50%;margin-left:-200px;bottom:300px;transform:scale(2.2);z-index:5;animation-delay:.1s}.one .preson-3{position:absolute;left:50%;margin-left:0;top:160px;z-index:4;animation-delay:.2s}.one .preson-4{position:absolute;left:50%;margin-left:-10px;top:60px;z-index:3;animation-delay:.21s}.one .preson-5{position:absolute;left:50%;margin-left:-20px;top:-20px;z-index:2;animation-delay:.22s}.one .preson-6{position:absolute;left:50%;margin-left:-230px;top:50px;z-index:1;animation-delay:.23s}.one .preson-7{position:absolute;left:60%;margin-left:180px;top:70px;z-index:1;transform:scale(2)}.one .preson-8{position:absolute;left:50%;margin-left:-130px;top:-30px;z-index:1;animation-delay:.2s}.footer::before{position:absolute;content:'';width:100%;height:60px;background:url(/images/event/1stYearAnniv/foot_t.png) no-repeat center/cover;top:-20px;left:0;right:0}.cloud_1{background:url(/images/event/1stYearAnniv/cloud-3.png) no-repeat 50% 0;position:absolute;width:100%;height:645px;left:1590px;top:-50px;text-indent:-9999px;transform:scale(.5) translate3d(0,0,0);animation:cloud_1 60s 3s linear infinite}.cloud_2{background:url(/images/event/1stYearAnniv/cloud-2.png) no-repeat 50% 0;position:absolute;width:100%;height:260px;left:1330px;top:21px;text-indent:-9999px;transform:scale(.5);animation:cloud_2 70s 1s linear infinite}.cloud_3{background:url(/images/event/1stYearAnniv/cloud-3.png) no-repeat 50% 0;position:absolute;width:100%;height:614px;left:1600px;bottom:0;text-indent:-9999px;transform:scale(.5);animation:cloud_3 80s 5s linear infinite}.cloud_4{background:url(/images/event/1stYearAnniv/cloud-4.png) no-repeat 50% 0;position:absolute;width:100%;height:600px;right:-1911px;top:400px;text-indent:-9999px;animation:cloud_4 90s 60s linear infinite}.cloud_5{background:url(/images/event/1stYearAnniv/cloud-3.png) no-repeat 50% 0;position:absolute;width:100%;height:487px;right:-1920px;top:120px;text-indent:-9999px;animation:cloud_5 80s 1s linear infinite}.jls{background:url(/images/event/1stYearAnniv/jls-small.png) no-repeat 50% 0;text-indent:-9999px;width:571px;height:479px;position:absolute;z-index:99;cursor:pointer}.shaake{animation:change 5s ease-in-out both;-moz-animation:change 5s ease-in-out both;-webkit-animation:change 5s ease-in-out both;-o-animation:change 5s ease-in-out both}.slow{animation:slow 2s both infinite alternate;-moz-animation:slow 2s both infinite alternate;-webkit-animation:slow 2s both infinite alternate;-o-animation:slow 2s both infinite alternate}@keyframes bgfad{from{opacity:1}to{opacity:0}}.bgfad{animation:bgfad 1s ease-in both}@keyframes fxbgfad{from{opacity:0}to{opacity:1}}.fxbgfad{animation:fxbgfad 1s ease-in both}@keyframes fad{from{left:50%;top:50%;transform:translate(-50%,-30%)}to{left:50%;top:50%;transform:scale(1.5) translate(-25%,-30%)}}.fad{animation:fad .8s both}.jls .san-one{position:absolute;width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-60%);text-indent:-9999px}.hand{position:absolute;width:92px;height:73px;left:68%;top:28%;text-indent:-9999px;background:url(/images/event/1stYearAnniv/point.png) no-repeat center center;z-index:100;display:none;animation:hand .8s 0s infinite alternate;transform:scale(.7)}@keyframes hand{from{left:68%;top:28%;opacity:1}to{left:66%;top:29%;opacity:1}}@keyframes fadeInBg{from{opacity:0}to{opacity:1}}.animated .fadeInBg{animation:fadeInBg .5s .5s linear both}@keyframes change{from{width:571px;height:479px;left:50%;top:50%;transform:rotate(-15deg) translate(260%,-70%)}to{width:571px;height:479px;left:50%;top:50%;transform:rotate(5deg) translate(-50%,-45%)}}@keyframes slow{from{left:50%;top:50%;transform:rotate(5deg) translate(-50%,-45%)}to{left:50%;top:50%;transform:rotate(20deg) translate(-50%,-30%)}}@keyframes cloud_1{0%{left:1590px;transform:scale(.5)}100%{left:-100%;opacity:0;transform:scale(.5)}}@keyframes cloud_2{0%{left:1330px}100%{left:-100%}}@keyframes cloud_3{0%{left:1600px}100%{left:-100%}}@keyframes cloud_4{0%{right:-1911px}100%{right:100%}}@keyframes cloud_5{0%{right:-1920px}100%{right:100%}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.animated .fadeInUp{animation:fadeInUp 2s both}@keyframes san{from{transform:translate3d(0,50%,0) scale(2)}to{transform:translate3d(0,0,0) scale(2)}}.animated .san{animation:san 1.5s infinite alternate}@keyframes sacle1{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.animated .sacle1{animation:sacle1 2s both}@keyframes sacle2{from{transform:scale(1);opacity:0}to{transform:scale(2.2);opacity:1}}.animated .sacle2{animation:sacle2 2s both}@keyframes guang{from{opacity:0}to{opacity:1}}.animated .guang1{animation:guang 1.4s .4s both infinite alternate}.animated .guang2{animation:guang 1.2s .8s both infinite alternate}.animated .guang3{animation:guang 1s .6s both infinite alternate}.animated .guang4{animation:guang 1.2s .6s both infinite alternate}@media screen and (max-width:2560px) and (min-width:2200px){.one{transform:scale(.9);margin-top:-409px}.contain{left:56%}.light1{left:44%}.light2{left:35%}.light4{left:31%}.light5{left:28%}}@media screen and (max-width:2200px) and (min-width:2000px){.one{transform:scale(.75);margin-top:-409px}.contain{left:55%}.light1{left:43%}.light2{left:35%}.light3{left:18%}.light5{left:29%}}@media screen and (max-width:2000px) and (min-width:1800px){.one{transform:scale(.65);margin-top:-409px}}@media screen and (max-width:1800px){.one{transform:scale(.5);margin-top:-409px}}