@charset "utf-8";
/* CSS Document */


.a100{
  -webkit-animation: move100 3s ease-in-out 0ms forwards;
  animation: move100 1s ease-in-out 0ms forwards;
}

.c100{
  -webkit-animation: move101 1s ease-in-out 0ms forwards;
  animation: move101 1s ease-in-out 0ms forwards;
}



.a100_r{
  -webkit-animation: move100_r 3s ease-in-out 0ms forwards;
  animation: move100_r 1s ease-in-out 0ms forwards;
  animation-delay: 10s;
}

.c100_r{
  -webkit-animation: move101_r 1s ease-in-out 0ms forwards;
  animation: move101_r 1s ease-in-out 0ms forwards;
}



.a500{
  -webkit-animation: move500 1s ease-in-out 0ms forwards;
  animation: move500 1s ease-in-out 0ms forwards;
}

.c500{
  -webkit-animation: move501 1s ease-in-out 0ms forwards;
  animation: move501 1s ease-in-out 0ms forwards;
}



.a500_r{
  -webkit-animation: move500_r 1s ease-in-out 0ms forwards;
  animation: move500_r 1s ease-in-out 0ms forwards;
}

.c500_r{
  -webkit-animation: move501_r 1s ease-in-out 0ms forwards;
  animation: move501_r 1s ease-in-out 0ms forwards;
}




.a80{ -webkit-transform: translateX(-120px);
 transform: translateX(-120px);
 opacity: 0;
  -webkit-animation: move80 1s ease-in-out 0ms forwards;
  animation: move80 1s ease-in-out 0ms forwards;
}
.b80{ -webkit-transform: translateX(120px);
 transform: translateX(120px);
 opacity: 0;
  -webkit-animation: move81 1s ease-in-out 0ms forwards;
  animation: move81 1s ease-in-out 0ms forwards;
} 


.ay80{
  -webkit-animation: moveY80 1s ease-in-out 0ms forwards;
  animation: moveY80 1s ease-in-out 0ms forwards;
}
.by80{
  -webkit-animation: moveY81 1s ease-in-out 0ms forwards;
  animation: moveY81 1s ease-in-out 0ms forwards;
} 



 @-webkit-keyframes move80 {
 0% {
 -webkit-transform: translateX(-120px);
 transform: translateX(-120px);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
     }
}
 @keyframes move80 {
  0% {
 -webkit-transform: translateX(-120px);
 transform: translateX(-120px);
opacity: 0;
      }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
opacity: 1;
      }	
}



 @-webkit-keyframes move81 {  
 0% {
 -webkit-transform: translateX(120px);
 transform: translateX(120px);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
     }
}
 @keyframes move81 {  
 0% {
 -webkit-transform: translateX(120px);
 transform: translateX(120px);
	  opacity: 0;
      }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
	 opacity: 1;
      }	
}




 @-webkit-keyframes moveY80 {
 0% {
 -webkit-transform: translateY(-120px);
 transform: translateY(-120px);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
     }
}
 @keyframes moveY80 {
  0% {
 -webkit-transform: translateY(-120px);
 transform: translateY(-120px);
opacity: 0;
      }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
opacity: 1;
      }	
}



 @-webkit-keyframes moveY81 {  
 0% {
 -webkit-transform: translateY(120px);
 transform: translateY(120px);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
     }
}
 @keyframes moveY81 {  
 0% {
 -webkit-transform: translateY(120px);
 transform: translateY(120px);
	  opacity: 0;
      }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
	 opacity: 1;
      }	
}

















 @-webkit-keyframes move100 {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
      }
}
 @keyframes move100 {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
      }
}

 @-webkit-keyframes move101 {
	 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
        }
 100% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 0;
      }
}
 @keyframes move101 {
	 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
        }
 100% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 0;
      }
}



 @-webkit-keyframes move100_r {
 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
      }
}
 @keyframes move100_r {
 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
      }
}

 @-webkit-keyframes move101_r {
	 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
        }
 100% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
      }
}
 @keyframes move101_r {
	 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
        }
 100% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
      }
}







 @-webkit-keyframes move500 {
 0% {
 -webkit-transform: translateX(-500px);
 transform: translateX(-500px);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
      }
}
 @keyframes move500 {
 0% {
 -webkit-transform: translateX(-500px);
 transform: translateX(-500px);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
      }
}

 @-webkit-keyframes move501 {
	 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
        }
 100% {
 -webkit-transform: translateX(-500px);
 transform: translateX(-500px);
 opacity: 0;
      }
}
 @keyframes move501 {
	 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
        }
 100% {
 -webkit-transform: translateX(-500px);
 transform: translateX(-500px);
 opacity: 0;
      }
}



 @-webkit-keyframes move500_r {
 0% {
 -webkit-transform: translateX(500px);
 transform: translateX(500px);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
      }
}
 @keyframes move500_r {
 0% {
 -webkit-transform: translateX(500px);
 transform: translateX(500px);
 opacity: 0;
        }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
      }
}

 @-webkit-keyframes move501_r {
	 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
        }
 100% {
 -webkit-transform: translateX(500px);
 transform: translateX(500px);
 opacity: 0;
      }
}
 @keyframes move501_r {
	 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
        }
 100% {
 -webkit-transform: translateX(500px);
 transform: translateX(500px);
 opacity: 0;
      }
}