body,html{margin:0;padding:0;font-family:Helvetica;font-size:10px;box-sizing:border-box;background-color:#2a2131}*{overflow:hidden}#all{position:fixed;overflow-y:hide}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider-container{position:relative;width:100vw;height:100vh}.slides{position:absolute;display:flex}.slide{width:100vw;height:100vh;position:relative}.parallax{top:calc(50%);left:calc(50%);position:absolute;will-change:transform}.parallax{-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:transform 9s ease-out .1s;-webkit-transition:transform 9s ease-out .1s;-o-transition:transform 9s ease-out .1s;transition:transform 9s ease-out .1s}.female02-bg-hue,.female02-girl-hue,.female02-shine00-hue,.female02-shine01-hue{animation:shine-hue 8s ease-in}@keyframes shine-hue{0%{-webkit-filter:hue-rotate(120deg)}5%{-webkit-filter:hue-rotate(60deg)}10%{-webkit-filter:hue-rotate(0)}15%{-webkit-filter:hue-rotate(60deg)}20%{-webkit-filter:hue-rotate(120deg)}25%{-webkit-filter:hue-rotate(180deg)}30%{-webkit-filter:hue-rotate(240deg)}35%{-webkit-filter:hue-rotate(300deg)}40%{-webkit-filter:hue-rotate(360deg)}45%{-webkit-filter:hue-rotate(300deg)}50%{-webkit-filter:hue-rotate(240deg)}55%{-webkit-filter:hue-rotate(180deg)}60%{-webkit-filter:hue-rotate(120deg)}65%{-webkit-filter:hue-rotate(60deg)}70%{-webkit-filter:hue-rotate(0)}75%{-webkit-filter:hue-rotate(60deg)}80%{-webkit-filter:hue-rotate(120deg)}85%{-webkit-filter:hue-rotate(180deg)}90%{-webkit-filter:hue-rotate(240deg)}95%{-webkit-filter:hue-rotate(300deg)}100%{-webkit-filter:hue-rotate(360deg)}}.smoke-shine{background-image:url(../imgs/DramaFoggyWall/event/smoke06.gif);background-position:center;background-repeat:no-repeat;background-size:cover;mix-blend-mode:screen}#foggy-wall{overflow:hidden;mix-blend-mode:screen}#foggy-wall video{width:100%;mix-blend-mode:screen}.home{z-index:999;position:absolute;top:4.5rem;-ms-transform:translateY(-99%);-webkit-transform:translateY(-99%);transform:translateY(-99%);text-decoration:none;cursor:grab;background-color:#464545;border-radius:2rem;width:4rem;left:1%;height:4rem;opacity:.5}@media (min-width:320px){.parallax{width:48rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:transform 4s ease-out .1s;-webkit-transition:transform 4s ease-out .1s;-o-transition:transform 4s ease-out .1s;transition:transform 4s ease-out .1s}}@media (min-width:375px){.parallax{width:55rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:transform 4s ease-out .1s;-webkit-transition:transform 4s ease-out .1s;-o-transition:transform 4s ease-out .1s;transition:transform 4s ease-out .1s}}@media (min-width:425px){.parallax{width:77rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:transform 4s ease-out .1s;-webkit-transition:transform 4s ease-out .1s;-o-transition:transform 4s ease-out .1s;transition:transform 4s ease-out .1s}}@media screen and (min-width:426px) and (max-width:767px){.parallax{width:90rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:transform 4s ease-out .1s;-webkit-transition:transform 4s ease-out .1s;-o-transition:transform 4s ease-out .1s;transition:transform 4s ease-out .1s}}@media screen and (min-width:768px) and (max-width:909px){.parallax{width:110rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:transform 4s ease-out .1s;-webkit-transition:transform 4s ease-out .1s;-o-transition:transform 4s ease-out .1s;transition:transform 4s ease-out .1s}}@media screen and (min-width:910px){.parallax{width:135rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:transform 4s ease-out .1s;-webkit-transition:transform 4s ease-out .1s;-o-transition:transform 4s ease-out .1s;transition:transform 4s ease-out .1s}}@media screen and (orientation:landscape){#all{display:none}}