@charset "utf-8";

/* CSS Document */



body {
	margin-top:0px;
	margin-left:0px;
	/*margin:0 auto;*/
	background-color:#000;
	overflow:hidden;
}



#enchant-stage {
	#background-color:#CCCCCC;
	width:320px;
	height:430px;
	left:50%;
	margin-left:-160px;
	/*top:50%;
	margin-top:-207.5px;*/
}



#debug{
	position:absolute;
	top:0px;
	left:70%;
	background-color:#CCCCFF;
	display:none;
}


.runtext{
	background-image:url('../assets/runningtxt.png');
	background-repeat:repeat;
	/*background-position:0px 0px;*/
	
	-webkit-animation-name: movebg;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 5s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function:linear;

	-moz-animation-name: movebg;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-animation-duration: 5s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function:linear;
}

.tomititle{
	background-size: 90% 90%;
}

.txtload{
	margin-top:10px;
	font-size:30px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	color:#fff;
	cursor:default;
	border:medium;	
}

.loading{

	position:absolute;
	text-align:center;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	background: -moz-linear-gradient(top, #a8cee0 0%, #e3edf7 44%, #e8eaed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8cee0), color-stop(44%,#e3edf7), color-stop(100%,#e8eaed)); /* Chrome,Safari4+ */	

	
	display:block;
	width:200px;
	height:50px;
	opacity:0.8;
}



.button{
	position:absolute;
	text-align:center;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(230,230,230)),
		color-stop(0.53, rgb(173,173,173)),
		color-stop(0.77, rgb(122,122,122))
	);	
	background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 6%, rgb(173,173,173) 53%, rgb(122,122,122) 77%);	*/
	background: -moz-linear-gradient(top, #a8cee0 0%, #e3edf7 44%, #e8eaed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8cee0), color-stop(44%,#e3edf7), color-stop(100%,#e8eaed)); /* Chrome,Safari4+ */	

	display:block;
	width:200px;
	height:50px;
	opacity:0.9;
}



.txtbutton{
	margin-top:10px;
	font-size:18px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	color:#000;
	cursor:default;
	border:medium;
}



.txtscore{
	margin-top:10px;
	text-align:right;
	font-size:18px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	color:#000;
	cursor:default;
}



.txterr{
	margin-top:10px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	color:#000;
	cursor:default;
}



.txtcoin{
	margin-top:10px;
	text-align:center;
	font-size:45px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	color:#fff;
	cursor:default;
}



.paper {
  position: absolute;
  top:0px;
  left:100px; 
  width: 20px;
  height: 20px;   

  -webkit-animation-name: bounce2;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 4.2s;

  -moz-animation-name: bounce2;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-duration: 4.2s;
}



.bell {
   position: absolute;

  -webkit-animation-name: rotebell;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.3s;

  -moz-animation-name: rotebell;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;	
  -moz-animation-delay: 0.3s;	

}



.ropedown{
  position: absolute;

  -webkit-animation-name: rdown;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;

  -moz-animation-name: rdown;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;	
}



.showhelp{
  position: absolute;

  -webkit-animation-name: helpup;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 0.5s;

  -moz-animation-name: helpup;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 0.5s;	

}



.hidehelp{
  position: absolute;

  -webkit-animation-name: helpdown;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 0.5s;

  -moz-animation-name: helpdown;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 0.5s;	
}



.bg2show{
  opacity:0;
  -webkit-animation-name: alpha;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 0.5s;

  -moz-animation-name: alpha;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 0.5s;	
}



.mikofail{
  -webkit-animation-name: fail;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;

  -moz-animation-name: fail;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 0.5s;
}



.fadeout{
  -webkit-animation-name: fadehide;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;

  -moz-animation-name: fadehide;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0s;
}

.moveup{
  -webkit-animation-name: upmove;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0s;


  -moz-animation-name: upmove;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 0s;
}

.fadein{

  -webkit-animation-name: fadeshow;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;


  -moz-animation-name: fadeshow;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0s;
}



.tomikomove{
  -webkit-animation-name: slidein;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;

  -moz-animation-name: slidein;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0s;
}

@-webkit-keyframes movebg {
	from { background-position:0px 0px;}
		
	to{
	   background-position:-195px 0px;
	}
}

@-webkit-keyframes upmove {
  from { top:88px; }

  to   { 

  top:20px;

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }
}

@-moz-keyframes upmove {
  from { top:88px; }

  to   { 

  top:20px;

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }
}

@-webkit-keyframes slidein {

  from { left:-150px; }

  to   { 

  left:-60px;

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-moz-keyframes slidein {

  from { left:-150px; }

  to   { 

  left:-60px;

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-webkit-keyframes fadeshow {

  from { opacity:0; }

  to   { 

  opacity:1; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-moz-keyframes fadeshow {

  from { opacity:0; }

  to   { 

  opacity:1; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-webkit-keyframes fadehide {

  from { opacity:1; }

  to   { 

  opacity:0; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-moz-keyframes fadehide {

  from { opacity:1; }

  to   { 

  opacity:0; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }	

}



@-webkit-keyframes fail {

	from{ 

		top:260px; 

		

	}

	

	to{ 

		top:450px; 

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;

	}

}



@-moz-keyframes fail {

	from{ top:260px; }

	

	to{ 

		top:450px; 

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;

	}	

}



@-webkit-keyframes alpha {

  from { opacity:0; }

  to   { 

  opacity:0.5; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-moz-keyframes alpha {

  from { opacity:0; }

  to   { 

  opacity:0.5; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-webkit-keyframes helpdown {

	from {

		top: 0px;

	}

	

	to {

		top: 420px;

	}

}



@-moz-keyframes helpdown {

	from {

		top: 0px;

	}

	

	to {

		top: 420px;

	}

}



@-webkit-keyframes helpup {

	from {

		top: 420px;

	}

	

	to {

		top: 0px;

	}

}



@-moz-keyframes helpup {

	from {

		top: 420px;

	}

	

	to {

		top: 0px;

	}

}



@-webkit-keyframes rdown {

  from { 	  

  		top: 53px;

  }

  

  50%{

	 top: 73px;

  }

  

  to {

	  top: 53px;

  }

}



@-moz-keyframes rdown {

  from { 	  

  		top: 53px;

  }

  

   50%{

	 top: 73px;

  } 

  

  to {

	  top: 53px;

  }

}





@-webkit-keyframes rotebell {

  from { 	  

  		-webkit-transform: rotateZ(0deg);

	  	-moz-transform: rotateZ(0deg);

		-webkit-transform-origin: 50% 0%;

		-moz-transform-origin: 50% 0%;

  }

  

  20%{

  		-webkit-transform: rotateZ(10deg);

	  	-moz-transform: rotateZ(10deg);	

		-webkit-transform-origin: 50% 0%;

		-moz-transform-origin: 50% 0%;		 

  }

  

  40%{

  		-webkit-transform: rotateZ(-10deg);

	  	-moz-transform: rotateZ(-10deg);

		-webkit-transform-origin: 50% 0%;

		-moz-transform-origin: 50% 0%;			 

  }  

  

  to {

	  -webkit-transform: rotateZ(0deg);

	  -moz-transform: rotateZ(0deg);

	  -webkit-transform-origin: 50% 0%;

	  -moz-transform-origin: 50% 0%;	  

  }

}



@-moz-keyframes rotebell {

  from { 	  

  		-webkit-transform: rotateZ(0deg);

	  	-moz-transform: rotateZ(0deg);

		-webkit-transform-origin: 50% 0%;

		-moz-transform-origin: 50% 0%;

  }

  

  20%{

  		-webkit-transform: rotateZ(10deg);

	  	-moz-transform: rotateZ(10deg);	

		-webkit-transform-origin: 50% 0%;

		-moz-transform-origin: 50% 0%;		 

  }

  

  40%{

  		-webkit-transform: rotateZ(-10deg);

	  	-moz-transform: rotateZ(-10deg);

		-webkit-transform-origin: 50% 0%;

		-moz-transform-origin: 50% 0%;			 

  }  

  

  to {

	  -webkit-transform: rotateZ(0deg);

	  -moz-transform: rotateZ(0deg);

		-webkit-transform-origin: 50% 0%;

		-moz-transform-origin: 50% 0%;	  

  }

}



@-webkit-keyframes bounce2 {

  from { opacity:1;}

  

  to {

    top: 420px;

	opacity:0.3;

    -webkit-transform: rotateZ(360deg) rotateY(360deg);

	-moz-transform: rotateZ(360deg) rotateY(360deg);

  }

}



@-moz-keyframes bounce2 {

  from { opacity:1;}

  

  to {

    top: 420px;

	opacity:0.3;

    -webkit-transform: rotateZ(360deg) rotateY(360deg);

	-moz-transform: rotateZ(360deg) rotateY(360deg);

  }

}



/*

#helpbox{



}



#texthelp{

	position:absolute;

	left:50px;

	top:100px;



	font-size:14px;

	font-weight:bold;

	font-family:"Courier New", Courier, monospace;

	color:#000;

}



.showhelp{

	display:block;

	

  -webkit-animation-name: alpha;

  -webkit-animation-timing-function: ease-in;

  -webkit-animation-iteration-count: none;

  -webkit-animation-direction: alternate;

  -webkit-animation-duration: 0.5s;



  -moz-animation-name: alpha;

  -moz-animation-timing-function: ease-in;

  -moz-animation-iteration-count: none;

  -moz-animation-direction: alternate;

  -moz-animation-duration: 0.5s;	

}

.hidehelp{

	display:none;

}



#bgconfirm{

	position:absolute;

	width:320px;

	height:430px;	

}



#confirmbox{

	position:absolute;

	text-align:center;

	

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;



	background-image: -webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0.06, rgb(230,230,230)),

		color-stop(0.53, rgb(173,173,173)),

		color-stop(0.77, rgb(122,122,122))

	);	

	

	background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 6%, rgb(173,173,173) 53%, rgb(122,122,122) 77%);	

	



	display:block;

	width:200px;

	height:150px;

	

	opacity:0.9;

	

  -webkit-animation-name: dialog;

  -webkit-animation-timing-function: ease-in;

  -webkit-animation-iteration-count: none;

  -webkit-animation-direction: alternate;

  -webkit-animation-duration: 0.5s;



  -moz-animation-name: dialog;

  -moz-animation-timing-function: ease-in;

  -moz-animation-iteration-count: none;

  -moz-animation-direction: alternate;

  -moz-animation-duration: 0.5s;	

}



.dialog_button{

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	

	text-align:center;

		

	font-size:14px;

	font-weight:bold;

	font-family:"Courier New", Courier, monospace;

	color:#fff;	

}



#dialog_txt{

	margin-top:20px;



	font-size:14px;

	font-weight:bold;

	font-family:"Courier New", Courier, monospace;

	color:#000;

	display:none;

}



#debugg{

	position:absolute;

	top:0px;

	left:65%;

	background-color:#CCCCFF;

	display:none;

}



@-moz-keyframes dialog {

  from { opacity:0; width:0px; height:0px; left:160px; top:207.5px;}

  to   { 

  opacity:0.9; 

  width:210px;

  height:150px;

  left:55px;

  top:132.5px;

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-moz-keyframes alpha {

  from { opacity:0; }

  to   { 

  opacity:1; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-moz-keyframes travel2 {

  from { }

  30% {

    left: 150px;

    -webkit-animation-timing-function: ease-in;

	-moz-animation-timing-function: ease-in;

  }

  60% {

    left: -150px;

    -webkit-animation-timing-function: ease-out;

	-moz-animation-timing-function: ease-out;

  } 

  100% {

    left: 0px;

    -webkit-animation-timing-function: ease-in;

	-moz-animation-timing-function: ease-in;

  } 

}



@-moz-keyframes bounce2 {

  from { opacity:1;}

  

  to {

    top: 420px;

	opacity:0.3;

    -webkit-transform: rotateZ(360deg) rotateY(360deg);

	-moz-transform: rotateZ(360deg) rotateY(360deg);

  }

}



@-moz-keyframes l1 {

	from { 

		-webkit-transform:scale(0.3, 0.3);

		-moz-transform:scale(0.3, 0.3);

		opacity:0;

	}

	

	20%{

		opacity:1;

	}

	

	100% {

		-webkit-transform:scale(1,1); 

		-moz-transform:scale(1, 1);

		opacity:0;

	}

	

	to{

		opacity:0;

	}



}



@-moz-keyframes l2 {

	from { 

		-webkit-transform: rotateZ(-30deg);

		-moz-transform: rotateZ(-30deg);

		

		-webkit-transform:scale(0.2, 0.2);

		-moz-transform:scale(0.2, 0.2);

		opacity:0;

	

	}	

	

	20% {

		opacity:1;

   	 	-webkit-transform: rotateZ(0deg);

		-moz-transform: rotateZ(0deg);	



	}			

	

	60% {

		opacity:0.2;

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}	

	

	80% {

   	 	-webkit-transform: rotateZ(30deg);

		-moz-transform: rotateZ(30deg);				

		-webkit-transform:scale(1, 1);

		-moz-transform:scale(1, 1);

	

		opacity:0;

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;	

	}

	

	to{

		opacity:0;

	}	



}



@-moz-keyframes l3 {

	from { 

		-webkit-transform:scale(0.5, 0.5);

		-moz-transform:scale(0.5, 0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

	}

	

	60% {

		opacity:0;

		-webkit-transform:scale(1.3,1.3); 

		-moz-transform:scale(1.3, 1.3);

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}	

	

	100% {

		opacity:0;

	}

	

	to{

		opacity:0;

	}



}



@-moz-keyframes l4 {

	from { 

		-webkit-transform:scale(1, 1);

		-moz-transform:scale(1, 1);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(40px,-46.5px);

		-moz-transform: translate(40px,-46.5px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}



}



@-moz-keyframes l5 {

	from { 

		-webkit-transform:scale(1, 1);

		-moz-transform:scale(1, 1);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(10px,-65px);

		-moz-transform: translate(10px,-65px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}



}



@-moz-keyframes l6 {

	from { 

		-webkit-transform:scale(0.5, 0.5);

		-moz-transform:scale(0.5, 0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(-57px,-70px);

		-moz-transform: translate(-57px,-70px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-moz-keyframes l7 {

	from { 

		-webkit-transform:scale(0.5, 0.5);

		-moz-transform:scale(0.5, 0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(16px,-39px);

		-moz-transform: translate(16px,-39px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-moz-keyframes l8 {

	from { 

		-webkit-transform:scale(0.8, 0.8);

		-moz-transform:scale(0.8, 0.8);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(-73px,39px);

		-moz-transform: translate(-73px,39px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-moz-keyframes l9 {

	from { 

		-webkit-transform:scale(1.1, 1.1);

		-moz-transform:scale(1.1, 1.1);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(26px,54px);

		-moz-transform: translate(26px,54px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-moz-keyframes l10 {

	from { 

		-webkit-transform:scale(0.5,0.5);

		-moz-transform:scale(0.5,0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(-74px,110px);

		-moz-transform: translate(-74px,110px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-moz-keyframes l11 {

	from { 

		-webkit-transform:scale(0.5,0.5);

		-moz-transform:scale(0.5,0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(-26.5px,22.5px);

		-moz-transform: translate(-26.5px,22.5px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;	

	}

	

	to{

		opacity:0;

	}

}





@-webkit-keyframes dialog {

  from { opacity:0; width:0px; height:0px; left:160px; top:207.5px;}

  to   { 

  opacity:0.9; 

  width:210px;

  height:150px;

  left:55px;

  top:132.5px;

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-webkit-keyframes alpha {

  from { opacity:0; }

  to   { 

  opacity:1; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}



@-webkit-keyframes travel2 {

  from { }

  30% {

    left: 150px;

    -webkit-animation-timing-function: ease-in;

	-moz-animation-timing-function: ease-in;

  }

  60% {

    left: -150px;

    -webkit-animation-timing-function: ease-out;

	-moz-animation-timing-function: ease-out;

  } 

  100% {

    left: 0px;

    -webkit-animation-timing-function: ease-in;

	-moz-animation-timing-function: ease-in;

  } 

}



@-webkit-keyframes bounce2 {

  from { opacity:1;}

  

  to {

    top: 420px;

	opacity:0.3;

    -webkit-transform: rotateZ(360deg) rotateY(360deg);

	-moz-transform: rotateZ(360deg) rotateY(360deg);

  }

}



@-webkit-keyframes l1 {

	from { 

		-webkit-transform:scale(0.3, 0.3);

		-moz-transform:scale(0.3, 0.3);

		opacity:0;

	}

	

	20%{

		opacity:1;

	}

	

	100% {

		-webkit-transform:scale(1,1); 

		-moz-transform:scale(1, 1);

		opacity:0;

	}

	

	to{

		opacity:0;

	}



}



@-webkit-keyframes l2 {

	from { 

		-webkit-transform: rotateZ(-30deg);

		-moz-transform: rotateZ(-30deg);

		

		-webkit-transform:scale(0.2, 0.2);

		-moz-transform:scale(0.2, 0.2);

		opacity:0;	

	}	

	

	20% {

		opacity:1;

   	 	-webkit-transform: rotateZ(0deg);

		-moz-transform: rotateZ(0deg);	

	}			

	

	60% {

		opacity:0.2;

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}	

	

	80% {

   	 	-webkit-transform: rotateZ(30deg);

		-moz-transform: rotateZ(30deg);				

		-webkit-transform:scale(1, 1);

		-moz-transform:scale(1, 1);

	

		opacity:0;

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;	

	}

	

	to{

		opacity:0;

	}	



}



@-webkit-keyframes l3 {

	from { 

		-webkit-transform:scale(0.5, 0.5);

		-moz-transform:scale(0.5, 0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

	}

	

	60% {

		opacity:0;

		-webkit-transform:scale(1.3,1.3); 

		-moz-transform:scale(1.3, 1.3);

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}	

	

	100% {

		opacity:0;

	}

	

	to{

		opacity:0;

	}	

}



@-webkit-keyframes l4 {

	from { 

		-webkit-transform:scale(1, 1);

		-moz-transform:scale(1, 1);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(40px,-46.5px);

		-moz-transform: translate(40px,-46.5px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-webkit-keyframes l5 {

	from { 

		-webkit-transform:scale(1, 1);

		-moz-transform:scale(1, 1);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(10px,-65px);

		-moz-transform: translate(10px,-65px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}



}



@-webkit-keyframes l6 {

	from { 

		-webkit-transform:scale(0.5, 0.5);

		-moz-transform:scale(0.5, 0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(-57px,-70px);

		-moz-transform: translate(-57px,-70px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}



}



@-webkit-keyframes l7 {

	from { 

		-webkit-transform:scale(0.5, 0.5);

		-moz-transform:scale(0.5, 0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(16px,-39px);

		-moz-transform: translate(16px,-39px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}



}



@-webkit-keyframes l8 {

	from { 

		-webkit-transform:scale(0.8, 0.8);

		-moz-transform:scale(0.8, 0.8);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(-73px,39px);

		-moz-transform: translate(-73px,39px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-webkit-keyframes l9 {

	from { 

		-webkit-transform:scale(1.1, 1.1);

		-moz-transform:scale(1.1, 1.1);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(26px,54px);

		-moz-transform: translate(26px,54px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-webkit-keyframes l10 {

	from { 

		-webkit-transform:scale(0.5,0.5);

		-moz-transform:scale(0.5,0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(-74px,110px);

		-moz-transform: translate(-74px,110px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;			

	}

	

	to{

		opacity:0;

	}

}



@-webkit-keyframes l11 {

	from { 

		-webkit-transform:scale(0.5,0.5);

		-moz-transform:scale(0.5,0.5);

		opacity:0;

	}

	

	20%{

		opacity:1;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;		

	}

	

	60% {

		-webkit-transform: translate(-26.5px,22.5px);

		-moz-transform: translate(-26.5px,22.5px);

		

		opacity:0;

		

		-webkit-animation-timing-function: ease-in;

		-moz-animation-timing-function: ease-in;

	}		

	

	100% {

		opacity:0;

		-webkit-animation-timing-function: ease-out;

		-moz-animation-timing-function: ease-out;	

	}

	

	to{

		opacity:0;

	}



}





#txtscore {

	position: absolute;

	left:5px;

	top:390px;

	font-size:14px;

	font-weight:bold;

	font-family:"Courier New", Courier, monospace;

	color:#FFFFFF;

}



.wingame{

	-moz-animation-name : alpha;

	-moz-animation-duration : 3s;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	

	-webkit-animation-name : alpha;

	-webkit-animation-duration : 3s;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;	

}



.l1{

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l1;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l1;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;	



}



.l2{

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l2;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;



	-moz-animation-duration : 1s;

	-moz-animation-name : l2;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

}



.l3{

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l3;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l3;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;	

	

}



.l4 {

	opacity:0;

	

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l4;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	-webkit-animation-delay : -0.2s;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l4;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	-moz-animation-delay : -0.2s;		

}



.l5 {

	opacity:0;

	

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l5;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	-webkit-animation-delay : -0.2s;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l5;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	-moz-animation-delay : -0.2s;		

}



.l6 {

	opacity:0;

	

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l6;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	-webkit-animation-delay : -0.2s;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l6;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	-moz-animation-delay : -0.2s;		

}



.l7 {

	opacity:0;

	

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l7;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	-webkit-animation-delay : -0.2s;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l7;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	-moz-animation-delay : -0.2s;		

}



.l8 {

	opacity:0;

	

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l8;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	-webkit-animation-delay : -0.2s;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l8;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	-moz-animation-delay : -0.2s;		

}



.l9 {

	opacity:0;

	

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l9;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	-webkit-animation-delay : -0.2s;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l9;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	-moz-animation-delay : -0.2s;		

}



.l10 {

	opacity:0;

	

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l10;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	-webkit-animation-delay : -0.2s;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l10;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	-moz-animation-delay : -0.2s;		

}



.l11 {

	opacity:0;

	

	-webkit-animation-duration : 1s;

	-webkit-animation-name : l11;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	-webkit-animation-delay : -0.2s;

	

	-moz-animation-duration : 1s;

	-moz-animation-name : l11;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;

	-moz-animation-delay : -0.2s;		

}



.img_lose{

	

	-webkit-animation-duration : 3s;

	-webkit-animation-name : alpha;

	-webkit-animation-iteration-count : 1;

	-webkit-animation-direction : normal;

	

	-moz-animation-duration : 3s;

	-moz-animation-name : alpha;

	-moz-animation-iteration-count : 1;

	-moz-animation-direction : normal;	

	

}



.win {

  position: absolute;

  top:0px;

  left:0px;

  width: 320px;

  height: 390px;



  -webkit-animation-name: travel2;

  -webkit-animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  -webkit-animation-duration: 4.8s;



  -moz-animation-name: travel2;

  -moz-animation-timing-function: linear;

  -moz-animation-iteration-count: infinite;

  -moz-animation-direction: alternate;

  -moz-animation-duration: 4.8s;

}







.paper {

  position: absolute;

  top:0px;

  left:100px; 

  width: 20px;

  height: 20px;   

  background: red;



  -webkit-animation-name: bounce2;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-direction: normal;

  -webkit-animation-duration: 4.2s;



  -moz-animation-name: bounce2;

  -moz-animation-iteration-count: infinite;

  -moz-animation-direction: normal;

  -moz-animation-duration: 4.2s;

}



*/