@charset "utf-8";
/* Basic Style */
.LogoDiv {
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-95px;
	margin-top:-20px;
	width:190px;
	height:40px;
}
.LogoDivFore {
	position: absolute;
	width:190px;
	height:40px;
	top:0px;
	background-image:url(../img/86B4_Logo.png);
	background-repeat:no-repeat;
	z-index:20;
}
.LogoDivBack {
	position: absolute;
	width:190px;
	height:40px;
	top:0px;
	background-image:url(../img/34484_Logo.png);
	background-repeat:no-repeat;
	z-index:10;
}

/* AnimationStyle */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInUprubberBand {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  65% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  70% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  75% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  82.5% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  87.5% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes fadeInUprubberBand {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  65% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  70% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  75% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  82.5% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  87.5% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.fadeInUprubberBand {
  -webkit-animation-name: fadeInUprubberBand;
  animation-name: fadeInUprubberBand;
  -webkit-animation-duration: 1.5s;
}

@-webkit-keyframes rotate360{
	from{
		-webkit-transform:rotatex(0deg);
		transform:rotatex(0deg);
	}
	to{
		-webkit-transform:rotatex(360deg);
		transform:rotatex(360deg);
	}
}
@keyframes rotate360 {
	from{
		-webkit-transform:rotatex(0deg);
		transform:rotatex(0deg);
	}
	to{
		-webkit-transform:rotatex(360deg);
		transform:rotatex(360deg);
	}
}
.rotate360 {
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

@-webkit-keyframes rotate360B{
	from{
		-webkit-transform:rotatex(-180deg);
		transform:rotatex(-180deg);
	}
	to{
		-webkit-transform:rotatex(180deg);
		transform:rotatex(180deg);
	}
}
@keyframes rotate360B {
	from{
		-webkit-transform:rotatex(-180deg);
		transform:rotatex(-180deg);
	}
	to{
		-webkit-transform:rotatex(180deg);
		transform:rotatex(180deg);
	}
}
.rotate360B {
	-webkit-animation-name: rotate360B;
	animation-name: rotate360B;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}