@charset "UTF-8";
/* CSS Document */

#cssType {
	height: 0px;
}
@media all and (display-mode: standalone) {
	#cssType {
		height: 1px;
	}
}


@media screen and (min-width:640px) {
	#cssType {
		width: 640px;
	}
	#close_me {
		position: absolute;
		right: -14px;
		top: -9px;
		z-index:2001;
	}
	#OnTime {
		height: 525px;
		width: 640px;
		overflow-x: hidden;
		z-index:2000;
	}
}

@media screen and (max-width:639px) {
	#cssType {
		width: 320px;
	}
	#close_me {
		position: absolute;
		right: -18px;
		top: -9px;
		z-index:2001;
	}
	#OnTime {
		height: 475px;
		width: 315px;
		overflow-x: hidden;
		z-index:2000;
	}
}

#fadeandscale {
	-webkit-transform: scale(0.3);
	   -moz-transform: scale(0.3);
		-ms-transform: scale(0.3);
			transform: scale(0.3);
}
.popup_visible #fadeandscale {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}

#fall_background {
	-webkit-transition: all 3s;
	   -moz-transition: all 3s;
			transition: all 3s;
}
#fall_wrapper {
	-webkit-transition: all 3s;
	   -moz-transition: all 3s;
			transition: all 3s;
   -webkit-perspective: 1300px;
	  -moz-perspective: 1300px;
		   perspective: 1300px;
}
#fall {
	-webkit-transition: all 3s ease-in;
	   -moz-transition: all 3s ease-in;
			transition: all 3s ease-in;
-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
	   transform-style: preserve-3d;
	 -webkit-transform: translateZ(600px) rotateX(20deg);
		-moz-transform: translateZ(600px) rotateX(20deg);
		 -ms-transform: translateZ(600px) rotateX(20deg);
			 transform: translateZ(600px) rotateX(20deg);
}
.popup_visible #fall {
	 -webkit-transform: translateZ(0px) rotateX(0deg);
		-moz-transform: translateZ(0px) rotateX(0deg);
		 -ms-transform: translateZ(0px) rotateX(0deg);
			 transform: translateZ(0px) rotateX(0deg);
}