
@keyframes drag_move01{
	0%{
		left:30px;
		top:100px;
	}	
	100%{
		left:560px;
		top:720px;
	}
}
@keyframes drag_move02{
	0%{
		left:30px;
		top:100px;
	}	
	100%{
		left:360px;
		top:720px;
	}
}
@keyframes drag_move03{
	0%{
		left:30px;
		top:100px;
	}	
	100%{
		left:260px;
		top:720px;
	}
}
@keyframes drag_move04{
	0%{
		left:30px;
		top:100px;
	}	
	100%{
		left:70px;
		top:720px;
	}
}
@keyframes drag_move05{
	0%{
		left:30px;
		top:100px;
	}	
	100%{
		left:-70px;
		top:720px;
	}
}
@keyframes drag_move06{
	0%{
		left:30px;
		top:100px;
	}	
	100%{
		left:-270px;
		top:720px;
	}
}
@keyframes drag_move07{
	0%{
		left:30px;
		top:100px;
	}	
	100%{
		left:-440px;
		top:720px;
	}
}
@keyframes fairmove01{
	0%{
		left:190px;
	}
	34%{
		transform:rotateY(0deg);
	}
	35%{
		left:170px;
		transform:rotateY(180deg);
	}
	99%{
		transform:rotateY(180deg);
	}
	100%{
		transform:rotateY(0deg);
		left:190px;
	}
}

@keyframes playmove01{
	0%{
		left:330px;
	}
	34%{
		transform:rotateY(0deg);
	}
	35%{
		left:310px;
		transform:rotateY(180deg);
	}
	99%{
		transform:rotateY(180deg);
	}
	100%{
		transform:rotateY(0deg);
		left:330px;
	}
}
@keyframes star{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@keyframes hand_up{
	0%{
		opacity:0;
	}
	5%{
		opacity:1;
	}
	59%{
		opacity:1;
	}
	60%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}


@keyframes move_character01{
	0%{
		left:0;

	}
	100%{
		left:100px;
	}
}
@keyframes airplain{
	0%{
		left:-100px;
		top:675px;
		opacity:1;
	}
	100%{
		left:500px;
		top:975px;
		transform:scale(.7);
		opacity:0;
	}
}
@keyframes balloon{
	0%{
		top:723px;
		transform:rotate(0deg);
	}
	25%{
		transform:rotate(2deg);
	}
	50%{
		top:523px;
		transform:rotate(0deg);
	}
	70%{
		transform:rotate(-2deg);
	}
	100%{
		transform:rotate(0deg);
		top:723px;
	}
}
@keyframes move_character02{
	0%{
		left:365px;

	}
	49%{
		left:265px;
		transform:rotateY(0);
	}
	50%{
		left:265px;
		transform:rotateY(180deg);
	}
	100%{
		transform:rotateY(180deg);
		left:365px;
	}
}
@keyframes move_character03{
	0%{
		right:-50px;
	}
	50%{
		transform:rotate(1deg);
		right:0;
	}
	100%{
		transform:rotate(0);
		right:-50px;
	}
}
@keyframes part_open01{
	0%{
		left:0;
	}
	100%{
		left:-1000px;
	}
}
@keyframes v_word_open01{
	0%{
		width:540px;
	}
	100%{
		width:0px;
	}
}
@keyframes v_word_open02{
	0%{
		width:520px;
	}
	100%{
		width:0px;
	}
}

@keyframes part_open02{
	0%{
		right:0;
	}
	100%{
		right:-1000px;
	}
}
@keyframes move_intro{
	0%{
		bottom:0;
		right:-250px;
	}
	100%{
		bottom:100px;
		right:400px;
	}
}
@keyframes rotate360{
	0%{
		transform:rotateZ(0deg);
	}
	100%{
		transform:rotateZ(360deg);
	}
}
@keyframes write_txt{
	0%{
		width:100%;
	}
	100%{
		width:0%;
	}
}
@keyframes move_word{
  0% {
	bottom:-20px;
	left:100px;
  }
  
  100% {
	left:300px;
	bottom:-100px;
  }
}
@keyframes push_click{
  0% {
	top:0px;
  }  
  100% {
	top:5px;
  }
}
@keyframes worker{
  0% {
	right:-180px;
	bottom:120px;
	transform:scale(1);
  }
  50% {
	right:530px;
	bottom:310px;
  }
  65% {
	right:390px;
	bottom:470px;
  }
  70% {
	right:400px;
	bottom:550px;
  }
  80% {
	right:520px;
	bottom:660px;
  }
  92% {
	right:360px;
	bottom:750px;
	opacity:1;
  }
  100% {
	right:280px;
	bottom:800px;
	opacity:.6;
	transform:scale(.7);
  }
}
@keyframes in_water02{
  0% {
	right:0;
	top:0;
	transform:scale(1);
  }
  80% {
	right:270px;
	top:-210px;
	transform:scale(.5);
	opacity:1;
  }
  100% {
	right:270px;
	top:-100px;
	transform:scale(.5);
	opacity:0;
  }

}

@keyframes in_water03{
  0% {
	left:0;
	bottom:0;
	transform:scale(1);
  }
  80% {
	left:800px;
	bottom:570px;
	transform:scale(.5);
	opacity:1;
  }
  100% {
	left:800px;
	bottom:500px;
	transform:scale(.5);
	opacity:0;
  }

}
@keyframes in_water04{
  0% {
	right:0;
	bottom:0;
	transform:scale(1);
  }
  80% {
	right:250px;
	bottom:570px;
	transform:scale(.5);
	opacity:1;
  }
  100% {
	right:250px;
	bottom:500px;
	transform:scale(.5);
	opacity:0;
  }

}

@keyframes character_walk{
  0% {
	left:60px;
	bottom:50px;
  }
  15% {
	left:330px;
	bottom:160px;
  }
  27% {
	left:460px;
	bottom:280px;
  }
  34% {
	left:550px;
	bottom:290px;
  }
  40% {
	left:630px;
	bottom:240px;
  }
  50% {
	left:670px;
	bottom:40px;
  }
  52% {
	left:700px;
	bottom:50px;
  }
  62% {
	left:840px;
	bottom:100px;
  }
  75% {
	left:1090px;
	bottom:270px;
  }
  85% {
	left:1270px;
	bottom:270px;
  }
  95% {
	left:1270px;
	bottom:30px;
  }
  100% {
	left:1400px;
	bottom:30px;
  }
}
@keyframes move_01{
  0% {
	left:0;
  }
  25% {
	left:3px;
  }
  50% {
	left:0;
  }
  75% {
	left:-3px;
  }
  100% {
	left:0;
  }
}
@keyframes main_title{
  0% {
	transform:rotateY(0deg);
  }
  25% {
	transform:rotateY(10deg);
  }
  50% {
	transform:rotateY(0deg);
  }
  75% {
	transform:rotateY(-10deg);
  }
  100% {
	transform:rotateY(0deg);
  }
}
@keyframes main_title2{
  0% {
	transform:rotate(0deg);
  }
  25% {
	transform:rotate(5deg);
  }
  50% {
	transform:rotate(0deg);
  }
  75% {
	transform:rotate(-5deg);
  }
  100% {
	transform:rotate(0deg);
  }
}
@keyframes forest_hide{
  0% {
	top:150px;
  }
  50% {
	top:60px;
  }
  80% {
	top:60px;
  }
  100% {
	top:150px;
  }
}
@keyframes farmer01{
  0% {
	transform:rotate(0deg);
  }
  50% {
	transform:rotate(5deg);
  }
  75% {
	transform:rotate(0deg);
  }
  100% {
	transform:rotate(0deg);
  }
}
@keyframes leaf_grow{
  0% {
	bottom:0px;
  }
  100% {
	bottom:5px;
  }
}
@keyframes farmer_water{
  0% {
	transform:rotate(0deg);
  }
  30% {
	transform:rotate(5deg);
  }
  75% {
	transform:rotate(0deg);
  }  
  100% {
	transform:rotate(0deg);
  }  
}
@keyframes sleep{
  0% {
	opacity:1;    
	transform:scale(0);
  }
  90% {
	opacity:1;    
	transform:scale(1);
  }
  100% {
	opacity:0;    
	transform:scale(1);
  }
}
@keyframes water_ball{
  0% {
	opacity:1;    
	transform:scale(0);
	top:20px;
  }
  90% {
	opacity:1;    
	transform:scale(1);
  }
  100% {
	opacity:0;    
	transform:scale(1);
	top:0;
  }
}
@keyframes water_ball2{
  0% {
	opacity:1;    
	transform:scale(0);
	top:0;
  }
  90% {
	opacity:1;    
	transform:scale(1);
  }
  100% {
	opacity:0;    
	transform:scale(1);
	top:-20px;
  }
}
@keyframes water_ball3{
  0% {
	opacity:1;    
	transform:scale(0);
	top:-20px;
  }
  90% {
	opacity:1;    
	transform:scale(1);
  }
  100% {
	opacity:0;    
	transform:scale(1);
	top:-40px;
  }
}

@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: 130px;
  }
  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;
  }
}