@keyframes move_auto01{
  0% {
	top:0;
	left:0;	
  }
  100% {
	top:340px;
	left:400px;	
  }
}
@keyframes move_auto02{
  0% {
	top:0;
	left:898px;	
  }
  100% {
	top:340px;
	left:498px;	
  }
}
@keyframes move_auto03{
  0% {
	top:554px;
	left:0;	
  }
  100% {
	top:334px;
	left:400px;	
  }
}
@keyframes move_auto04{
  0% {
	top:554px;
	left:898px;	
  }
  100% {
	top:334px;
	left:498px;	
  }
}
@keyframes balloon01{
  0% {
	top:515px;
	left:-10px;
	opacity:1;
	transform:scale(1) rotate(2deg);
  }
  20% {
	transform:rotate(0deg);
  }
  40% {
	transform:rotate(-2deg);
  }
  60% {
	transform:rotate(0deg);
  }
  70% {
	opacity:1;	
  }
  80% {
	transform:rotate(2deg);
  }
  100% {
	top:420px;
	left:20px;
	opacity:0;
	transform:scale(.9) rotate(0deg);
  }
}
@keyframes balloon02{
  0% {
	top:206px;
	left:154px;
	opacity:1;
	transform:scale(1) rotate(2deg);
  }
  20% {
	transform:rotate(0deg);
  }
  40% {
	transform:rotate(-2deg);
  }
  60% {
	transform:rotate(0deg);
  }
  70% {
	opacity:1;	
  }
  80% {
	transform:rotate(2deg);
  }
  100% {
	top:106px;
	left:184px;
	opacity:0;
	transform:scale(.9) rotate(0deg);
  }
}
@keyframes balloon03{
  0% {
	top:123px;
	left:260px;
	opacity:1;
	transform:scale(1) rotate(2deg);
  }
  20% {
	transform:rotate(0deg);
  }
  40% {
	transform:rotate(-2deg);
  }
  60% {
	transform:rotate(0deg);
  }
  
  80% {
	transform:rotate(2deg);
  }
  90% {
	opacity:1;	
  }
  100% {
	top:-100px;
	left:290px;
	opacity:0;
	transform:scale(.9) rotate(0deg);
  }
}
@keyframes balloon04{
  0% {
	top:85px;
	right:15px;
	opacity:1;
	transform:scale(1) rotate(2deg);
  }
  20% {
	transform:rotate(0deg);
  }
  40% {
	transform:rotate(-2deg);
  }
  60% {
	transform:rotate(0deg);
  }
  
  80% {
	transform:rotate(2deg);
  }
  90% {
	opacity:1;	
  }
  100% {
	top:-150px;
	right:0px;
	opacity:0;
	transform:scale(.9) rotate(0deg);
  }
}
@keyframes balloon05{
  0% {
	top:492px;
	right:100px;
	opacity:1;
	transform:scale(1) rotate(2deg);
  }
  20% {
	transform:rotate(0deg);
  }
  40% {
	transform:rotate(-2deg);
  }
  60% {
	transform:rotate(0deg);
  }
  
  80% {
	transform:rotate(2deg);
  }
  90% {
	opacity:1;	
  }
  100% {
	top:292px;
	right:50px;
	opacity:0;
	transform:scale(.9) rotate(0deg);
  }
}
@keyframes balloon06{
  0% {
	transform:scale(1);
  }
  25% {
	transform:scale(1.2);
  }
  50% {
	transform:scale(1);
  }
  75% {
	transform:scale(1.2);
  }
  100% {
	transform:scale(1);
  }
}
@keyframes hand_rail{
  0% {
	right:740px;
  }
  25% {
	right:940px;
  }
  50% {
	right:740px;
  }
  75% {
	right:540px;
  }
  100% {
	right:740px;
  }
}
@keyframes move_drag01{
  0% {
	right:-20px;
	bottom:-60px;
  }
  100% {
	right:-310px;
	bottom:-320px;
  }
}
@keyframes move_drag02{
  0% {
	left:20px;
	bottom:-60px;
  }
  100% {
	left:-280px;
	bottom:-320px;
  }
}
@keyframes move_drag03{
  0% {
	right:-20px;
	bottom:30px;
  }
  100% {
	right:-310px;
	bottom:200px;
  }
}
@keyframes move_drag04{
  0% {
	left:20px;
	bottom:30px;
  }
  100% {
	left:-280px;
	bottom:200px;
  }
}
@keyframes dice_set{
  0% {
	transform:scale(.7);
  }
  100% {
	transform:scale(1);
  }
}

@keyframes dice_move{
  0% {
	transform:rotate(0deg);
  }
  10% {
	transform:rotate(30deg) rotateZ(30deg);
  }
  20% {
	transform:rotate(60deg) rotateZ(60deg);
  }
  30% {
	transform:rotate(90deg) rotateZ(90deg);
  }
  40% {
	transform:rotate(120deg) rotateZ(120deg);
  }
  50% {
	transform:rotate(150deg) rotateZ(150deg);
  }
  60% {
	transform:rotate(180deg) rotateZ(180deg);
  }
  70% {
	transform:rotate(210deg) rotateZ(210deg);
  }
  80% {
	transform:rotate(240deg) rotateZ(270deg);
  }
  90% {
	transform:rotate(270deg) rotateZ(300deg);
  }
  100% {
	transform:rotate(320deg) rotateZ(360deg);
  }
}
@keyframes character_move1{
  0% {
	left:0;
	top: 10px;
  }
  50% {
	top: 0;
  }
  100% {
	top: 10px;
	left:-205px;
  }
}
@keyframes character_move2{
  0% {
	left:-205px;
	top: 10px;
  }
  50% {
	top: 0;
  }
  100% {
	top: 10px;
	left:-530px;
  }
}
@keyframes character_move3{
  0% {
	left:-530px;
	top: 10px;
  }
  50% {
	top: 0;
  }
  100% {
	top: 10px;
	left:-850px;
  }
}

@keyframes character_move4{
  0% {
	left:-850px;
	top: 10px;
  }
  100% {
	top: -170px;
	left:-850px;
  }
}

@keyframes character_move5{
  0% {
	left:-850px;
	top: -170px;
  }
  100% {
	top: -345px;
	left:-850px;
  }
}

@keyframes character_move6{
  0% {
	left:-850px;
	top: -345px;
  }
  100% {
	top: -519px;
	left:-850px;
  }
}

@keyframes character_move7{
  0% {
	top: -519px;
	left:-850px;
	transform:rotateY(180deg);
  }
  50% {
	top: -529px;
  }
  100% {
	top: -519px;
	left:-580px;
	transform:rotateY(180deg);
  }
}
@keyframes character_move8{
  0% {
	top: -519px;
	left:-580px;
	transform:rotateY(180deg);
  }
  50% {
	top: -529px;
  }
  100% {
	top: -519px;
	left:-250px;
	transform:rotateY(180deg);
  }
}
@keyframes character_move9{
  0% {
	top: -519px;
	left:-250px;
	transform:rotateY(180deg);
  }
  50% {
	top: -529px;
  }
  100% {
	top: -519px;
	left:10px;
	transform:rotateY(180deg);
  }
}

@keyframes character_move10{
  0% {
	top: -519px;
	left:10px;
	transform:rotateY(180deg);
  } 
  100% {
	top: -343px;
	left:10px;
	transform:rotateY(180deg);
  }
}
@keyframes character_move11{
  0% {
	top: -343px;
	left:10px;
	transform:rotateY(180deg);
  }
  100% {
	top: -168px;
	left:10px;
	transform:rotateY(180deg);
  }
}

@keyframes character_move12{
  0% {
	top: -168px;
	left:10px;
	transform:rotateY(180deg);
  }
  100% {
	top: 10px;
	left:10px;
	transform:rotateY(180deg);
  }
}
@keyframes character_move_end{
  0% {
	top: -168px;
	left:10px;
	transform:rotateY(180deg);
  }
  100% {
	top: 0;
	left:65px;
	transform:rotateY(180deg);
  }
}
@keyframes scroll{
  0% {
	opacity:1;
    transform:translateY(-100px);
  }
  70% {
	opacity:1;    
  }
  100% {
	opacity:0;    
	transform:translateY(0);
  }
}

@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes typing{
  0% {
    width: 0%;
  }
  50% {
    width: 200px;
  }
  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;
  }
}