@charset "utf-8";body,a{margin:0;padding:0}body{background:#000}.main{position:relative;width:1280px;height:1024px;margin:0 auto;background:url(../images/blackroombg.jpg?v=2) no-repeat}.route-box{position:absolute;top:169px;left:31px;z-index:2;width:234px;height:309px;background:url(../images/spidersilk.jpg?v=2) no-repeat 97px 0}.spider{position:absolute;top:0;left:75px;width:62px;height:98px;background:url(../images/spider.png?v=2) no-repeat}.spider.animate-now{animation:upAndDown 8s linear 2s 1 alternate forwards;-moz-animation:upAndDown 8s linear 2s 1 alternate forwards;-webkit-animation:upAndDown 8s linear 2s 1 alternate forwards;-o-animation:upAndDown 8s linear 2s 1 alternate forwards}@keyframes upAndDown{0%{top:0}25%{top:-80px}50%{top:-40px}75%{top:-30px}100%{top:0}}@-moz-keyframes upAndDown{0%{top:0}25%{top:-80px}50%{top:-40px}75%{top:-30px}100%{top:0}}@-webkit-keyframes upAndDown{0%{top:0}25%{top:-80px}50%{top:-40px}75%{top:-30px}100%{top:0}}@-o-keyframes upAndDown{0%{top:0}25%{top:-80px}50%{top:-40px}75%{top:-30px}100%{top:0}}.bank{position:absolute;top:97px;left:0;width:234px;height:202px;background:url(../images/bank.png?v=2) no-repeat}.bank.animate-now{animation:bankRotate 8s ease-in-out 0s infinite alternate forwards;-moz-animation:bankRotate 8s ease-in-out 0s infinite alternate forwards;-webkit-animation:bankRotate 8s ease-in-out 0s infinite alternate forwards;-o-animation:bankRotate 8s ease-in-out 0s infinite alternate forwards}@keyframes bankRotate{0%{transform:rotateY(0deg);transform-origin:104px 0 0}25%{transform:rotateY(85deg);transform-origin:104px 0 0}50%{transform:rotateY(0deg);transform-origin:104px 0 0}75%{transform:rotateY(85deg);transform-origin:104px 0 0}100%{transform:rotateY(0deg);transform-origin:104px 0 0}}@-moz-keyframes bankRotate{0%{-moz-transform:rotateY(0deg);-moz-transform-origin:104px 0 0}25%{-moz-transform:rotateY(85deg);-moz-transform-origin:104px 0 0}50%{-moz-transform:rotateY(0deg);-moz-transform-origin:104px 0 0}75%{-moz-transform:rotateY(85deg);-moz-transform-origin:104px 0 0}100%{-moz-transform:rotateY(0deg);-moz-transform-origin:104px 0 0}}@-webkit-keyframes bankRotate{0%{-webkit-transform:rotateY(0deg);-webkit-transform-origin:104px 0 0}25%{-webkit-transform:rotateY(85deg);-webkit-transform-origin:104px 0 0}50%{-webkit-transform:rotateY(0deg);-webkit-transform-origin:104px 0 0}75%{-webkit-transform:rotateY(85deg);-webkit-transform-origin:104px 0 0}100%{-webkit-transform:rotateY(0deg);-webkit-transform-origin:104px 0 0}}@-o-keyframes bankRotate{0%{-o-transform:rotateY(0deg);-o-transform-origin:104px 0 0}25%{-o-transform:rotateY(85deg);-o-transform-origin:104px 0 0}50%{-o-transform:rotateY(0deg);-o-transform-origin:104px 0 0}75%{-o-transform:rotateY(85deg);-o-transform-origin:104px 0 0}100%{-o-transform:rotateY(0deg);-o-transform-origin:104px 0 0}}.way-in{display:block;width:171px;height:119px}.way-out{display:block;width:234px;height:76px}.eyes{opacity:0;position:absolute;background-color:green;border-radius:4px;box-shadow:1px 0 20px green}.eyes.animate-now{animation:flicker 1s linear 45s infinite alternate forwards;-moz-animation:flicker 1s linear 45s infinite alternate forwards;-webkit-animation:flicker 1s linear 45s infinite alternate forwards;-o-animation:flicker 1s linear 45s infinite alternate forwards}.eyes.animate-now2{display:none;}.eyes.animate-now3{animation:flicker 1s linear 0s infinite alternate forwards;-moz-animation:flicker 1s linear 0s infinite alternate forwards;-webkit-animation:flicker 1s linear 0s infinite alternate forwards;-o-animation:flicker 1s linear 0s infinite alternate forwards}.eyes-left{left:445px;top:200px;width:5px;height:16px}.eyes-right{left:635px;top:194px;width:7px;height:20px}@keyframes flicker{0%{opacity:0}100%{opacity:.4}}@-moz-keyframes flicker{0%{opacity:0}100%{opacity:.4}}@-webkit-keyframes flicker{0%{opacity:0}100%{opacity:.4}}@-o-keyframes flicker{0%{opacity:0}100%{opacity:.4}}.cat{position:absolute;left:328px;top:183px;width:424px;height:155px;background:url(../images/cat.jpg?v=2) no-repeat;opacity:0}.cat.animate-now{animation:catShow 4s linear 48s 1 normal forwards;-moz-animation:catShow 4s linear 48s 1 normal forwards;-webkit-animation:catShow 4s linear 48s 1 normal forwards;-o-animation:catShow 4s linear 48s 1 normal forwards}@keyframes catShow{0%{opacity:0}100%{opacity:1}}@-moz-keyframes catShow{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes catShow{0%{opacity:0}100%{opacity:1}}@-o-keyframes catShow{0%{opacity:0}100%{opacity:1}}.cat-mouth{position:absolute;left:427px;top:221px;width:253px;height:107px;background:url(../images/cat-mouth.png?v=2) no-repeat;opacity:0}.cat-mouth.animate-now{animation:mouthShow 2s linear 43s 1 normal forwards;-moz-animation:mouthShow 2s linear 43s 1 normal forwards;-webkit-animation:mouthShow 2s linear 43s 1 normal forwards;-o-animation:mouthShow 2s linear 43s 1 normal forwards}@keyframes mouthShow{0%{opacity:0}100%{opacity:1}}@-moz-keyframes mouthShow{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes mouthShow{0%{opacity:0}100%{opacity:1}}@-o-keyframes mouthShow{0%{opacity:0}100%{opacity:1}}.girl{position:absolute;left:218px;top:348px;width:358px;height:571px;background:url(../images/girl.png?v=2) no-repeat}.girl.animate-now{animation:girlMove 20s linear 20s 1 normal forwards;-moz-animation:girlMove 20s linear 20s 1 normal forwards;-webkit-animation:girlMove 20s linear 20s 1 normal forwards;-o-animation:girlMove 20s linear 20s 1 normal forwards}@keyframes girlMove{0%{opacity:1;transform:scale(1);transform-origin:0 0}10%{opacity:0;transform:scale(1);transform-origin:0 0}12%{opacity:0;transform:scale(.8);transform-origin:250px 0}22%{opacity:1;transform:scale(.8);transform-origin:250px 0}32%{opacity:0;transform:scale(.8);transform-origin:250px 0}34%{opacity:0;transform:scale(.6);transform-origin:100px 0}44%{opacity:1;transform:scale(.6);transform-origin:100px 0}54%{opacity:0;transform:scale(.6);transform-origin:100px 0}56%{opacity:0;transform:scale(.4);transform-origin:150px -20px}66%{opacity:1;transform:scale(.4);transform-origin:150px -20px}76%{opacity:0;transform:scale(.4);transform-origin:150px -20px}78%{opacity:0;transform:scale(.2);transform-origin:100px 0}88%{opacity:1;transform:scale(.2);transform-origin:100px 0}98%{opacity:0;transform:scale(.2);transform-origin:100px 0}100%{opacity:0;transform:scale(.2);transform-origin:0 0}}@-moz-keyframes girlMove{0%{opacity:1;-moz-transform:scale(1);-moz-transform-origin:0 0}10%{opacity:0;-moz-transform:scale(1);-moz-transform-origin:0 0}12%{opacity:0;-moz-transform:scale(.8);-moz-transform-origin:250px 0}22%{opacity:1;-moz-transform:scale(.8);-moz-transform-origin:250px 0}32%{opacity:0;-moz-transform:scale(.8);-moz-transform-origin:250px 0}34%{opacity:0;-moz-transform:scale(.6);-moz-transform-origin:100px 0}44%{opacity:1;-moz-transform:scale(.6);-moz-transform-origin:100px 0}54%{opacity:0;-moz-transform:scale(.6);-moz-transform-origin:100px 0}56%{opacity:0;-moz-transform:scale(.4);-moz-transform-origin:150px -20px}66%{opacity:1;-moz-transform:scale(.4);-moz-transform-origin:150px -20px}76%{opacity:0;-moz-transform:scale(.4);-moz-transform-origin:150px -20px}78%{opacity:0;-moz-transform:scale(.2);-moz-transform-origin:100px 0}88%{opacity:1;-moz-transform:scale(.2);-moz-transform-origin:100px 0}98%{opacity:0;-moz-transform:scale(.2);-moz-transform-origin:100px 0}100%{opacity:0;-moz-transform:scale(.2);-moz-transform-origin:0 0}}@-webkit-keyframes girlMove{0%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:0 0}10%{opacity:0;-webkit-transform:scale(1);-webkit-transform-origin:0 0}12%{opacity:0;-webkit-transform:scale(.8);-webkit-transform-origin:250px 0}22%{opacity:1;-webkit-transform:scale(.8);-webkit-transform-origin:250px 0}32%{opacity:0;-webkit-transform:scale(.8);-webkit-transform-origin:250px 0}34%{opacity:0;-webkit-transform:scale(.6);-webkit-transform-origin:100px 0}44%{opacity:1;-webkit-transform:scale(.6);-webkit-transform-origin:100px 0}54%{opacity:0;-webkit-transform:scale(.6);-webkit-transform-origin:100px 0}56%{opacity:0;-webkit-transform:scale(.4);-webkit-transform-origin:150px -20px}66%{opacity:1;-webkit-transform:scale(.4);-webkit-transform-origin:150px -20px}76%{opacity:0;-webkit-transform:scale(.4);-webkit-transform-origin:150px -20px}78%{opacity:0;-webkit-transform:scale(.2);-webkit-transform-origin:100px 0}88%{opacity:1;-webkit-transform:scale(.2);-webkit-transform-origin:100px 0}98%{opacity:0;-webkit-transform:scale(.2);-webkit-transform-origin:100px 0}100%{opacity:0;-webkit-transform:scale(.2);-webkit-transform-origin:0 0}}@-o-keyframes girlMove{0%{opacity:1;-o-transform:scale(1);-o-transform-origin:0 0}10%{opacity:0;-o-transform:scale(1);-o-transform-origin:0 0}12%{opacity:0;-o-transform:scale(.8);-o-transform-origin:250px 0}22%{opacity:1;-o-transform:scale(.8);-o-transform-origin:250px 0}32%{opacity:0;-o-transform:scale(.8);-o-transform-origin:250px 0}34%{opacity:0;-o-transform:scale(.6);-o-transform-origin:100px 0}44%{opacity:1;-o-transform:scale(.6);-o-transform-origin:100px 0}54%{opacity:0;-o-transform:scale(.6);-o-transform-origin:100px 0}56%{opacity:0;-o-transform:scale(.4);-o-transform-origin:150px -20px}66%{opacity:1;-o-transform:scale(.4);-o-transform-origin:150px -20px}76%{opacity:0;-o-transform:scale(.4);-o-transform-origin:150px -20px}78%{opacity:0;-o-transform:scale(.2);-o-transform-origin:100px 0}88%{opacity:1;-o-transform:scale(.2);-o-transform-origin:100px 0}98%{opacity:0;-o-transform:scale(.2);-o-transform-origin:100px 0}100%{opacity:0;-o-transform:scale(.2);-o-transform-origin:0 0}}.clock{position:absolute;top:889px;left:1158px;width:116px;height:135px;background:url(../images/clock3.png?v=2) no-repeat;transform:rotate(6deg);transform-origin:top right;-moz-transform:rotate(6deg);-moz-transform-origin:top right;-webkit-transform:rotate(6deg);-webkit-transform-origin:top right;-o-transform:rotate(6deg);-o-transform-origin:top right}.clock.animate-now{animation:clockMove 5s linear 10s 1 normal forwards;-moz-animation:clockMove 5s linear 10s 1 normal forwards;-webkit-animation:clockMove 5s linear 10s 1 normal forwards;-o-animation:clockMove 5s linear 10s 1 normal forwards}@keyframes clockMove{0%{transform:rotate(10deg)}6%{transform:rotate(6deg)}12%{transform:rotate(8deg)}18%{transform:rotate(6deg)}24%{transform:rotate(7deg)}30%{transform:rotate(6deg)}50%{transform:rotate(6deg)}99%{transform:rotate(35deg)}100%{transform:rotate(24deg)}}@-moz-keyframes clockMove{0%{-moz-transform:rotate(10deg)}6%{-moz-transform:rotate(6deg)}12%{-moz-transform:rotate(8deg)}18%{-moz-transform:rotate(6deg)}24%{-moz-transform:rotate(7deg)}30%{-moz-transform:rotate(6deg)}50%{-moz-transform:rotate(6deg)}99%{-moz-transform:rotate(35deg)}100%{-moz-transform:rotate(24deg)}}@-webkit-keyframes clockMove{0%{-webkit-transform:rotate(10deg)}6%{-webkit-transform:rotate(6deg)}12%{-webkit-transform:rotate(8deg)}18%{-webkit-transform:rotate(6deg)}24%{-webkit-transform:rotate(7deg)}30%{-webkit-transform:rotate(6deg)}50%{-webkit-transform:rotate(6deg)}99%{-webkit-transform:rotate(35deg)}100%{-webkit-transform:rotate(24deg)}}@-o-keyframes clockMove{0%{-o-transform:rotate(10deg)}6%{-o-transform:rotate(6deg)}12%{-o-transform:rotate(8deg)}18%{-o-transform:rotate(6deg)}24%{-o-transform:rotate(7deg)}30%{-o-transform:rotate(6deg)}50%{-o-transform:rotate(6deg)}99%{-o-transform:rotate(35deg)}100%{-o-transform:rotate(24deg)}}.clock2{position:absolute;top:765px;left:1245px;width:35px;height:139px;background:url(../images/clock2.png?v=2) no-repeat}