/**********************************************************************
 * Open source codes from Mark Qian
 *
 * You can get more at
 * 
 * http://www.markqian.com
 * 
 * Licensed under the MIT and GPL terms
 * To use it on other terms please contact us
 *
 * Copyright(c) 2013 Mark Qian [ markqian@hotmail.com ] 
 * 
 * 
 *  
 ***********************************************************************/

#fruit1 {
   position:absolute;
   top:200px;
   left:-500px;
   width: 0px;
    height: 0px;
    z-index:7;
    
    -webkit-animation-name: fruit1_fall;
   -webkit-animation-duration: 15s;
   -webkit-animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;	
   -webkit-animation-direction: normal;
   -webkit-animation-delay: 18s;
   -webkit-animation-play-state: running;
   -webkit-animation-fill-mode: forwards;
   
   animation-name: fruit1_fall;
   animation-duration: 15s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;	
   animation-direction: normal;
   animation-delay: 18s;
   animation-play-state: running;
   animation-fill-mode: forwards;
   
  
   -moz-animation-name: fruit1_fall;
   -moz-animation-duration: 15s;
   -moz-animation-timing-function: linear;
   -moz-animation-iteration-count: infinite;	
   -moz-animation-direction: normal;
   -moz-animation-delay: 18s;
   -moz-animation-play-state: running;
   -moz-animation-fill-mode: forwards;
   
   -o-animation-name: fruit1_fall;
   -o-animation-duration: 15s;
   -o-animation-timing-function: linear;
   -o-animation-iteration-count: infinite;	
   -o-animation-direction: normal;
   -o-animation-delay: 18s;
   -o-animation-play-state: running;
   -o-animation-fill-mode: forwards;
   
   -ms-animation-name: fruit1_fall;
   -ms-animation-duration: 15s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;	
   -ms-animation-direction: normal;
   -ms-animation-delay: 18s;
   -ms-animation-play-state: running;
   -ms-animation-fill-mode: forwards;
}

#fruit2 {
   position:absolute;
   top:100px;
   left:-550px;
   width: 0px;
    height: 0px;
    z-index:7;
   -webkit-animation-name: fruit2_fall;
   -webkit-animation-duration: 10s;
   -webkit-animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;	
   -webkit-animation-direction: normal;
   -webkit-animation-delay: 15s;
   -webkit-animation-play-state: running;
   -webkit-animation-fill-mode: forwards;
   
   animation-name: fruit2_fall;
   animation-duration: 10s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;	
   animation-direction: normal;
   animation-delay: 15s;
   animation-play-state: running;
   animation-fill-mode: forwards;
   
   -moz-animation-name: fruit2_fall;
   -moz-animation-duration: 10s;
   -moz-animation-timing-function: linear;
   -moz-animation-iteration-count: infinite;	
   -moz-animation-direction: normal;
   -moz-animation-delay: 15s;
   -moz-animation-play-state: running;
   -moz-animation-fill-mode: forwards;
   
   -o-animation-name: fruit2_fall;
   -o-animation-duration: 10s;
   -o-animation-timing-function: linear;
   -o-animation-iteration-count: infinite;	
   -o-animation-direction: normal;
   -o-animation-delay: 15s;
   -o-animation-play-state: running;
   -o-animation-fill-mode: forwards;
   
   -ms-animation-name: fruit2_fall;
   -ms-animation-duration: 10s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;	
   -ms-animation-direction: normal;
   -ms-animation-delay: 15s;
   -ms-animation-play-state: running;
   -ms-animation-fill-mode: forwards;
}

#fruit3 {
   position:absolute;
   top:100px;
   left:-600px;
   width: 0px;
    height: 0px;
    z-index:7;
   -webkit-animation-name: fruit3_fall;
   -webkit-animation-duration: 5s;
   -webkit-animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;	
   -webkit-animation-direction: normal;
   -webkit-animation-delay: 20s;
   -webkit-animation-play-state: running;
   -webkit-animation-fill-mode: forwards;
   
   animation-name: fruit3_fall;
   animation-duration: 5s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;	
   animation-direction: normal;
   animation-delay: 20s;
   animation-play-state: running;
   animation-fill-mode: forwards;
   
   -moz-animation-name: fruit3_fall;
   -moz-animation-duration: 5s;
   -moz-animation-timing-function: linear;
   -moz-animation-iteration-count: infinite;	
   -moz-animation-direction: normal;
   -moz-animation-delay: 20s;
   -moz-animation-play-state: running;
   -moz-animation-fill-mode: forwards;
   
   -o-animation-name: fruit3_fall;
   -o-animation-duration: 5s;
   -o-animation-timing-function: linear;
   -o-animation-iteration-count: infinite;	
   -o-animation-direction: normal;
   -o-animation-delay: 20s;
   -o-animation-play-state: running;
   -o-animation-fill-mode: forwards;
   
   -ms-animation-name: fruit3_fall;
   -ms-animation-duration: 5s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;	
   -ms-animation-direction: normal;
   -ms-animation-delay: 20s;
   -ms-animation-play-state: running;
   -ms-animation-fill-mode: forwards;
}



/* ***********************  fruit1_fall *******************/
@-webkit-keyframes fruit1_fall {
  0% {
    top:230px;
   left:600px;
    width: 1px;
    height: 1px;
	-webkit-transform: rotate(0deg);
    z-index:2;
  }
  50% {
    top:230px;
   left:600px;
    -webkit-transform: scale(.5,.5);
    z-index:2;
  }
  60% {
    top:234px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
   65% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:0;
  }
  
  70% {
    top:375px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
  75% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
	-webkit-transform: rotate(0deg);
    z-index:7;
  }
  80% {
    top:387px;
   left:600px;
    width: 15px;
    height: 15px;
	-webkit-transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:387px;
   left:450px;
    width: 15px;
    height: 15px;
	-webkit-transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
  }
  100% {
    top:401px;
   left:420px;
    width: 15px;
    height: 15px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
	-webkit-transform: rotate(0deg);
  }
}

@keyframes fruit1_fall {
  0% {
    top:230px;
   left:600px;
    width: 1px;
    height: 1px;
	transform: rotate(0deg);
    z-index:2;
  }
  50% {
    top:230px;
   left:600px;
    transform: scale(.5,.5);
    z-index:2;
  }
  60% {
    top:234px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
   65% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:0;
  }
  
  70% {
    top:375px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
  75% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
	transform: rotate(0deg);
    z-index:7;
  }
  80% {
    top:387px;
   left:600px;
    width: 15px;
    height: 15px;
	transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:387px;
   left:450px;
    width: 15px;
    height: 15px;
	transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
  }
  100% {
    top:401px;
   left:420px;
    width: 15px;
    height: 15px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
	transform: rotate(0deg);
  }
}

@-moz-keyframes fruit1_fall {
  0% {
    top:230px;
   left:600px;
    width: 1px;
    height: 1px;
	-moz-transform: rotate(0deg);
    z-index:2;
  }
  50% {
    top:230px;
   left:600px;
    -moz-transform: scale(.5,.5);
    z-index:2;
  }
  60% {
    top:234px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
   65% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:0;
  }
  
  70% {
    top:375px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
  75% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
	-moz-transform: rotate(0deg);
    z-index:7;
  }
  80% {
    top:387px;
   left:600px;
    width: 15px;
    height: 15px;
	-moz-transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:387px;
   left:450px;
    width: 15px;
    height: 15px;
	-moz-transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
  }
  100% {
    top:401px;
   left:420px;
    width: 15px;
    height: 15px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
	-moz-transform: rotate(0deg);
  }
}

@-o-keyframes fruit1_fall {
  0% {
    top:230px;
   left:600px;
    width: 1px;
    height: 1px;
	-o-transform: rotate(0deg);
    z-index:2;
  }
  50% {
    top:230px;
   left:600px;
    -o-transform: scale(.5,.5);
    z-index:2;
  }
  60% {
    top:234px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
   65% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:0;
  }
  
  70% {
    top:375px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
  75% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
	-o-transform: rotate(0deg);
    z-index:7;
  }
  80% {
    top:387px;
   left:600px;
    width: 15px;
    height: 15px;
	-o-transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:387px;
   left:450px;
    width: 15px;
    height: 15px;
	-o-transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
  }
  100% {
    top:401px;
   left:413px;
    width: 15px;
    height: 15px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
	-o-transform: rotate(0deg);
  }
}


@-ms-keyframes fruit1_fall {
  0% {
    top:230px;
   left:600px;
    width: 1px;
    height: 1px;
	-ms-transform: rotate(0deg);
    z-index:2;
  }
  50% {
    top:230px;
   left:600px;
    -ms-transform: scale(.5,.5);
    z-index:2;
  }
  60% {
    top:234px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
   65% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:0;
  }
  
  70% {
    top:375px;
   left:600px;
    width: 15px;
    height: 15px;
    z-index:7;
  }
  75% {
    top:300px;
   left:600px;
    width: 15px;
    height: 15px;
	-ms-transform: rotate(0deg);
    z-index:7;
  }
  80% {
    top:387px;
   left:600px;
    width: 15px;
    height: 15px;
	-ms-transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:387px;
   left:450px;
    width: 15px;
    height: 15px;
	-ms-transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
  }
  100% {
    top:401px;
   left:420px;
    width: 15px;
    height: 15px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
	-ms-transform: rotate(0deg);
  }
}


/* ***********************  fruit2_fall *******************/

@-webkit-keyframes fruit2_fall {
  0% {
    top:200px;
   left:480px;
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(0deg);
    z-index:7;
  }
  50% {
    top:200px;
   left:480px;
	-webkit-transform: scale(.4,.4); 
    z-index:7;
  }
  60% {
    top:200px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  65% {
    top:265px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  70% {
    top:265px;
   left:510px;
    width: 13px;
    height: 13px;
    z-index:7;
  }
  75% {
    top:378px;
   left:550px;
    width: 13px;
    height: 13px;
    -webkit-transform: rotate(0deg);
    z-index:0;
  }
  80% {
    top:378px;
   left:700px;
    width: 13px;
    height: 13px;
    -webkit-transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:545px;
   left:1000px;
    width: 13px;
    height: 13px;
    -webkit-transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
  100% {
    top:590px;
   left:900px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    -webkit-transform: rotate(360deg);
    z-index:-1;
  }
}

@keyframes fruit2_fall {
  0% {
    top:200px;
   left:480px;
    width: 0px;
    height: 0px;
    transform: rotate(0deg);
    z-index:7;
  }
  50% {
    top:200px;
   left:480px;
	transform: scale(.8,.8); 
    z-index:7;
  }
  60% {
    top:200px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  65% {
    top:265px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  70% {
    top:265px;
   left:510px;
    width: 13px;
    height: 13px;
    z-index:7;
  }
  75% {
    top:378px;
   left:550px;
    width: 13px;
    height: 13px;
    transform: rotate(0deg);
    z-index:0;
  }
  80% {
    top:378px;
   left:700px;
    width: 13px;
    height: 13px;
    transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:545px;
   left:1000px;
    width: 13px;
    height: 13px;
    transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
  100% {
    top:590px;
   left:900px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    transform: rotate(0deg);
    z-index:-1;
  }
}

@-moz-keyframes fruit2_fall {
  0% {
    top:200px;
   left:480px;
    width: 0px;
    height: 0px;
    -moz-transform: rotate(0deg);
    z-index:7;
  }
  50% {
    top:200px;
   left:480px;
	-moz-transform: scale(.8,.8); 
    z-index:7;
  }
  60% {
    top:200px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  65% {
    top:265px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  70% {
    top:265px;
   left:510px;
    width: 13px;
    height: 13px;
    z-index:7;
  }
  75% {
    top:378px;
   left:550px;
    width: 13px;
    height: 13px;
    -moz-transform: rotate(0deg);
    z-index:0;
  }
  80% {
    top:378px;
   left:700px;
    width: 13px;
    height: 13px;
    -moz-transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:545px;
   left:1000px;
    width: 13px;
    height: 13px;
    -moz-transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
  100% {
    top:590px;
   left:900px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    -moz-transform: rotate(0deg);
    z-index:-1;
  }
}

@-o-keyframes fruit2_fall {
  0% {
    top:200px;
   left:480px;
    width: 0px;
    height: 0px;
    -o-transform: rotate(0deg);
    z-index:7;
  }
  50% {
    top:200px;
   left:480px;
	-o-transform: scale(.8,.8); 
    z-index:7;
  }
  60% {
    top:200px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  65% {
    top:265px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  70% {
    top:265px;
   left:510px;
    width: 13px;
    height: 13px;
    z-index:7;
  }
  75% {
    top:378px;
   left:550px;
    width: 13px;
    height: 13px;
    -o-transform: rotate(0deg);
    z-index:0;
  }
  80% {
    top:378px;
   left:700px;
    width: 13px;
    height: 13px;
    -o-transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:545px;
   left:1000px;
    width: 13px;
    height: 13px;
    -o-transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
  100% {
    top:590px;
   left:900px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    -o-transform: rotate(0deg);
    z-index:-1;
  }
}

@-ms-keyframes fruit2_fall {
  0% {
    top:200px;
   left:480px;
    width: 0px;
    height: 0px;
    -ms-transform: rotate(0deg);
    z-index:7;
  }
  50% {
    top:200px;
   left:480px;
	-ms-transform: scale(.8,.8); 
    z-index:7;
  }
  60% {
    top:200px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  65% {
    top:265px;
   left:480px;
    width: 13px;
    height: 13px;
    z-index:0;
  }
  70% {
    top:265px;
   left:510px;
    width: 13px;
    height: 13px;
    z-index:7;
  }
  75% {
    top:378px;
   left:550px;
    width: 13px;
    height: 13px;
    -ms-transform: rotate(0deg);
    z-index:0;
  }
  80% {
    top:378px;
   left:700px;
    width: 13px;
    height: 13px;
    -ms-transform: rotate(360deg);
     opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
   86% {
    top:545px;
   left:1000px;
    width: 13px;
    height: 13px;
    -ms-transform: rotate(0deg);
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    z-index:7;
  }
  100% {
    top:590px;
   left:900px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    -ms-transform: rotate(0deg);
    z-index:-1;
  }
}


/* ***********************  fruit3_fall *******************/


@-webkit-keyframes fruit3_fall {
  0% {
    top:230px;
   left:715px;
    width: 0px;
    height: 0px;
    z-index:7;
  }
  20% {
    top:230px;
   left:715px;
	-webkit-transform: scale(.5,.5); 
  }
  35% {
    top:230px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  
  70% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  83% {
    top:540px;
   left:715px;
    width: 13px;
    height: 13px;
     opacity:1; 
     -webkit-animation-timing-function: ease-out;
  }
97% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:1;
    filter:alpha(opacity=100); 
  }
  100% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); 
  }
}

@keyframes fruit3_fall {
  0% {
    top:230px;
   left:715px;
    width: 0px;
    height: 0px;
    z-index:7;
  }
  20% {
    top:230px;
   left:715px;
	transform: scale(.8,.8); 
  }
  35% {
    top:230px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  
  70% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  83% {
    top:540px;
   left:715px;
    width: 13px;
    height: 13px;
     opacity:1; 
     animation-timing-function: ease-out;
  }
97% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:1;
    filter:alpha(opacity=100); 
  }
  100% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); 
  }
}

@-moz-keyframes fruit3_fall {
  0% {
    top:230px;
   left:715px;
    width: 0px;
    height: 0px;
    z-index:7;
  }
  20% {
    top:230px;
   left:715px;
	-moz-transform: scale(.8,.8); 
  }
  35% {
    top:230px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  
  70% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  83% {
    top:540px;
   left:715px;
    width: 13px;
    height: 13px;
     opacity:1; 
     -moz-animation-timing-function: ease-out;
  }
97% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:1;
    filter:alpha(opacity=100); 
  }
  100% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); 
  }
}

@-o-keyframes fruit3_fall {
  0% {
    top:230px;
   left:715px;
    width: 0px;
    height: 0px;
    z-index:7;
  }
  20% {
    top:230px;
   left:715px;
	-o-transform: scale(.8,.8); 
  }
  35% {
    top:230px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  
  70% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  83% {
    top:540px;
   left:715px;
    width: 13px;
    height: 13px;
     opacity:1; 
     -o-animation-timing-function: ease-out;
  }
97% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:1;
    filter:alpha(opacity=100); 
  }
  100% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); 
  }
}
}

@-ms-keyframes fruit3_fall {
  0% {
    top:230px;
   left:715px;
    width: 0px;
    height: 0px;
    z-index:7;
  }
  20% {
    top:230px;
   left:715px;
	-ms-transform: scale(.8,.8); 
  }
  35% {
    top:230px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  
  70% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
  }
  83% {
    top:540px;
   left:715px;
    width: 13px;
    height: 20px;
     opacity:1; 
     -ms-animation-timing-function: ease-out;
  }
97% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:1;
    filter:alpha(opacity=100); 
  }
  100% {
    top:590px;
   left:715px;
    width: 13px;
    height: 13px;
    opacity:0;
    filter:alpha(opacity=0); 
  }
}