@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(300deg) rotateZ(330deg);
  }
}
@keyframes character_move1{
  0% {
	left:0;
	top: 34px;
  }
  50% {
	top: 14px;
  }
  100% {
	top: 34px;
	left:-95px;
  }
}
@keyframes character_move2{
  0% {
	left:-95px;
	top: 34px;
  }
  50% {
	top: 14px;
  }
  100% {
	top: 34px;
	left:-315px;
  }
}
@keyframes character_move3{
  0% {
	left:-315px;
	top: 34px;
  }  
  100% {
	top: -135px;
	left:-315px;
  }
}

@keyframes character_move4{
  0% {
	left:-315px;
	top: -135px;
  }
  100% {
	top: -305px;
	left:-315px;
  }
}

@keyframes character_move5{
  0% {
	left:-315px;
	top: -305px;
  }
  100% {
	top: -472px;
	left:-315px;
  }
}

@keyframes character_move6{
  0% {
	left:-315px;
	top: -472px;
  }
  100% {
	top: -635px;
	left:-315px;
  }
}

@keyframes character_move7{
  0% {
	left:-315px;
	top: -635px;
  }
  100% {
	top: -807px;
	left:-315px;	
  }
}

@keyframes character_move8{
  0% {
	left:-315px;
	top: -807px;
	transform:rotateY(180deg);
  }
  50% {
	top: -827px;
  }
  100% {
	top: -807px;
	left:-215px;
	transform:rotateY(180deg);
  }
}
@keyframes character_move9{
  0% {
	left:-215px;
	top: -807px;
	transform:rotateY(180deg);
  }
  50% {
	top: -827px;
  }
  100% {
	top: -807px;
	left:5px;
	transform:rotateY(180deg);
  }
}
@keyframes character_move10{
  0% {
	left:5px;
	top: -807px;
	transform:rotateY(180deg);
  }
  100% {
	top: -642px;
	left:5px;
	transform:rotateY(180deg);
  }
}

@keyframes character_move11{
  0% {
	left:5px;
	top: -642px;
	transform:rotateY(180deg);
  }
  100% {
	top: -472px;
	left:5px;
	transform:rotateY(180deg);
  }
}
@keyframes character_move12{
  0% {
	left:5px;
	top: -472px;
	transform:rotateY(180deg);
  }
  100% {
	top: -302px;
	left:5px;
	transform:rotateY(180deg);
  }
}

@keyframes character_move13{
  0% {
	left:5px;
	top: -302px;
	transform:rotateY(180deg);
  }
  100% {
	top: -135px;
	left:5px;
	transform:rotateY(180deg);
  }
}

@keyframes character_move14{
  0% {
	left:15px;
	top: -135px;
	transform:rotateY(180deg);
  }
  100% {
	top:25px;
	left:15px;
	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: 100px;
  }
  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;
  }
}