@font-face{font-family:'Tw Cen MT Condensed';src:url(../fonts/TwCenMT-CondensedBold.woff2) format("woff2"),url(../fonts/TwCenMT-CondensedBold.woff) format("woff");font-weight:700;font-style:normal}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}body,html{width:100%}.app{font-family:'Tw Cen MT Condensed';width:100%;font-weight:bolder;height:100vh;overflow:hidden;background:#011121;position:relative}.scene{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../image/bg.jpg);background-size:100vw;background-position:center bottom;-webkit-transform:scale(1);transform:scale(1)}.scene .scene-wrap{width:100%;height:100%;position:relative}.scene .scene-wrap .doors{position:absolute;width:20%;bottom:13.2vw}.scene .scene-wrap .doors img{width:100%;display:block}.scene .scene-wrap .doors .loader{position:absolute;top:50%;left:8%;width:40%;z-index:10;opacity:0;-webkit-transition:opacity ease .5s;transition:opacity ease .5s}.scene .scene-wrap .doors .loader img{width:100%;display:block}.scene .scene-wrap .doors .loader_active{opacity:1;-webkit-animation:loader 2s ease-in-out;animation:loader 2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.scene .scene-wrap .doors .lock{position:absolute;top:54%;left:12%;width:30%}.scene .scene-wrap .doors .lock img{width:100%;display:block}.scene .scene-wrap .doors .lock:last-child{opacity:0}.scene .scene-wrap .door1{left:15%}.scene .scene-wrap .door2{left:40%}.scene .scene-wrap .door3{left:65%}.scene .scene-wrap .hood{position:absolute;width:100%;top:0;left:0}.scene .scene-wrap .hood img{width:100%;display:block}.scene .scene-wrap .notice{position:absolute;top:5%;left:50%;width:14%;opacity:1;-webkit-transition:all ease .5s;transition:all ease .5s}.scene .scene-wrap .notice img{width:100%;display:block}.scene .scene-wrap .notice1{left:50%}.scene .scene-wrap .notice2{left:50%}.scene .scene-wrap .notice3{left:70%}.scene .scene-wrap .girl{position:absolute;top:10%;right:0;width:35%}.scene .scene-wrap .girl img{display:block;width:100%}.scene_off{-webkit-animation:scene 1s ease;animation:scene 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes scene{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes scene{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}}canvas{width:100%;display:block;position:absolute;bottom:0;left:0}.scene2{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.scene2 video{display:block;width:100%}.scene2_active{-webkit-animation:scene2 1s ease;animation:scene2 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.scene2_logo{position:absolute;top:0;left:44%;opacity:0;width:12%}.scene2_logo img{display:block;width:100%}.scene2_logo_on{-webkit-animation:s2_logo 1s ease;animation:s2_logo 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes s2_logo{from{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes s2_logo{from{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.scene2_btn_keys{position:absolute;bottom:0;left:24%;width:20%;opacity:0}.scene2_btn_keys img{width:100%;display:block}.scene2_btn_keys_on{-webkit-animation:s2_keys 1s ease;animation:s2_keys 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes s2_keys{from{opacity:0;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes s2_keys{from{opacity:0;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}}.scene2_button{position:absolute;bottom:3%;left:40%;width:20%;opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;-webkit-animation:s2_btn 1s linear;animation:s2_btn 1s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.scene2_button img{display:block;width:100%}.scene2_button_on{opacity:1}@-webkit-keyframes s2_btn{from{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes s2_btn{from{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.redirect{position:absolute;top:0;left:0;width:100%;height:100%;display:block}@-webkit-keyframes scene2{from{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scene2{from{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}