@keyframes method_finish{
  0% {
	left: -360px;
  }
  100% {
	left: -1000px;
  }
}
@keyframes end_finish{
  0% {
	right: -2px;
  }
  100% {
	right: 1058px;
  }
}
@keyframes join_finish{
  0% {
	right: -1060px;
  }
  100% {
	right: -2px;
  }
}
@keyframes method_move2{
  0% {
	left: 0;
  }
  100% {
	left: -360px;
  }
}
@keyframes purpose_move{
  0% {
	left: 500px;
  }
  100% {
	left: -15px;
  }
}
@keyframes purpose_move_end{
  0% {
	left: -15px;
  }
  100% {
	left: -500px;
  }
}
@keyframes bus_end_purpose{
  0% {
	right: -10px;
  }
  100% {
	right: 1054px;
  }
}
@keyframes bus_end_purpose_end{
  0% {
	right: -1054px;
  }
  100% {
	right: 1px;
  }
}
@keyframes bus_finish_purpose{
  0% {
	right: 1054px;
  }
  100% {
	right: 1554px;
  }
}
@keyframes method_move{
  0% {
	left: -7px;
  }
  100% {
	left: -500px;
  }
}
@keyframes end_purpose_move{
  0% {
	right: -500px;
  }
  100% {
	right: -10px;
  }
}
@keyframes bus_move{
  0% {
	right: -5px;
  }
  100% {
	right: 518px;
  }
}
@keyframes bus_move2{
  0% {
	left: 520px;
  }
  100% {
	left: -10px;
  }
}
@keyframes bus_move3{
  0% {
	left: 520px;
  }
  100% {
	left: -270px;
  }
}
@keyframes page_out{
  0% {
	#left:0;
	opacity:1;
  }
  100% {
	#left:-100%;
	opacity:0;
  }
}
@keyframes page_out0{
  0% {
	transform:rotateY(0deg);
  }
  100% {
	transform:rotateY(90deg);
  }
}
@keyframes water_flow{
  0% {
	background-position:0 0;
  }
  100% {
	background-position:-1920px 0;
  }
}
@keyframes boat_move_left{
  0% {
	left:500px;
  }
  100% {
	left:350px;
  }
}
@keyframes boat_move_right{
  0% {
	left:700px;	
  }
  100% {
	left:850px;
  }
}
@keyframes boat_move_auto{
  0% {
	left:200px;	
	#transform:rotateY(180deg);
  }
  49% {
	left:980px;
	#transform:rotateY(180deg);
  }
  50% {
	left:980px;
	#transform:rotateY(0deg);
  }  
  100% {
	left:200px;
	#transform:rotateY(0deg);
  }
}
@keyframes boat{
  0% {
	right:-300px;
  }
  100% {
	right:2000px;
  }
}

@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes arrow{
  0% {
	right: -90px
  }
  100% {
	right: -130px
   
  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes typing{
  0% {
    width: 0%;
  }
  50% {
    width: 220px;
  }
  100% {
    width: 0%;
  }
}
@keyframes txt_blink{
  0% {
    opacity:1;
  }
  55% {
    opacity:.5;
  }
	60% {
    opacity:1;
  }
	70% {
    opacity:0;
  }
	80% {
    opacity:1;
  }
	90% {
    opacity:0;
  }
  100% {
		opacity:1;
  }
}
@keyframes watercan_move{
  0% {
   transform:rotate(0deg);
  }
  100% {
	transform:rotate(-10deg);
  }
}

@keyframes leaf_up{
  0% {
    bottom:-114px;
	opacity:0;
  }
  70% {
    bottom:-17px;
	opacity:0;
  }
  100% {
	bottom:0;
	opacity:1;
  }
}

@keyframes water_drop{
  0% {
   opacity:0;
   width:0;
  }
  100% {
	width:89px;
	opacity:1;
  }
}
@keyframes twinkle{
 0% {
   opacity:0;
   transform:scale(0);
  }
  50% {
	opacity:1;
  }
  100% {
	transform:scale(1);
	opacity:0;
  }
}

@keyframes h_move01{
  0% {
	right:0;
	top:150px;
  }
  100% {
	top:150px;
	right:-300px;
  }
}
@keyframes h_move02{
  0% {
	top:100px;
	left:0;	
  }
  100% {
	top:400px;
	left:-420px
  }
}
@keyframes h_move03{
  0% {
	top:200px;
	left:0;	
  }
  100% {
	top:200px;
	left:-200px
  }
}
@keyframes event_end{
  0% {
	opacity:0;
  }
  49% {
	opacity:0;
  }
  50% {
	opacity:1;
  }
  99% {
	opacity:1;
  }
  100% {
	opacity:0;
  }
}
@keyframes leaf_move{
  0% {
	left:130px;
  }
  80% {	
	opacity:1;
  }
  100% {
	left:170px;
	opacity:0;
  }
}