body{background:#fefefe;font-family:Helvetica, Arial, sans-serif;padding:0px}
/* #ff9900 */
.center{align-content:center;text-align:center}
.wrap{max-width:900px;margin-right:auto;margin-left:auto;}
#logo-start{display:block;position:absolute;left:50%;top:30%;margin-left:-72px;margin-top:-72px}
#introText{color:#acacac;width:100%;position:absolute;left:0px;top:30%;margin-top:100px;padding-bottom:60px}


.logo{display:inline-block;width:144px;height:144px;background:transparent url(logo/logo_144x144.png) no-repeat center center}


.aniFade {
  animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both;
}
.ani {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
  -webkit-animation-name: fadeOut;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }
  0% { transform:scale3d(0.6,0.6,0.6) }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -8px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -6px, 0);
  }

  90% {
    transform: translate3d(0,-2px,0);
  }
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
  -webkit-animation-name: bounce;
  -webkit-transform-origin: center bottom;
}


