@charset "UTF-8";

.animate_show{
	
}
.animate_hide{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0; 
}
.fade_in_left{
    left: -100px;
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1; 
	-webkit-transform: translate(100px, 0px);
	-moz-transform: translate(100px, 0px);
	-o-transform: translate(100px, 0px);
	-ms-transform: translate(100px, 0px);
	transform: translate(100px, 0px);
	-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition-delay: 0.5s;
}
.fade_in_left_out_right{
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0; 
	-webkit-transform: translate(200px, 0px);
	-moz-transform: translate(200px, 0px);
	-o-transform: translate(200px, 0px);
	-ms-transform: translate(200px, 0px);
	transform: translate(200px, 0px);
	-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition-delay: 0.5s;
}


.fade_in_right{
    left: 100px;
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1; 
	-webkit-transform: translate(-100px, 0px);
	-moz-transform: translate(-100px, 0px);
	-o-transform: translate(-100px, 0px);
	-ms-transform: translate(-100px, 0px);
	transform: translate(-100px, 0px);
	-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition-delay: 0.5s;
}
.fade_in_right_out_left{
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0; 
	-webkit-transform: translate(-200px, 0px);
	-moz-transform: translate(-200px, 0px);
	-o-transform: translate(-200px, 0px);
	-ms-transform: translate(-200px, 0px);
	transform: translate(-200px, 0px);
	-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition-delay: 0.5s;
}


.fade_in_top{
    top: -100px;
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1; 
	-webkit-transform: translate(0px, 100px);
	-moz-transform: translate(0px, 100px);
	-o-transform: translate(0px, 100px);
	-ms-transform: translate(0px, 100px);
	transform: translate(0px, 100px);
	-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition-delay: 0.5s;
}
.fade_in_top_out_bottom{
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0; 
	-webkit-transform: translate(0px, 200px);
	-moz-transform: translate(0px, 200px);
	-o-transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	transform: translate(0px, 200px);
	-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transition-delay: 0.5s;
}