@keyframes header{
	from{ transform: scale(0.7,0.7); }
	to{ opacity: 1; }
}
.header .logo{
	animation:'header' 0.6s ease-in-out 0s forwards;
	-ms-animation:header 0.6s ease-in-out 0s forwards;
	-moz-animation:header 0.6s ease-in-out 0s forwards;
	-o-animation:'header' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'header' 0.6s ease-in-out 0s forwards;
}

.header .topic{
	animation:'header' 0.6s ease-in-out 0.4s forwards;
	-ms-animation:header 0.6s ease-in-out 0.4s forwards;
	-moz-animation:header 0.6s ease-in-out 0.4s forwards;
	-o-animation:'header' 0.6s ease-in-out 0.4s forwards;
	-webkit-animation:'header' 0.6s ease-in-out 0.4s forwards;
}

.header .infor{
	animation:'header' 0.6s ease-in-out 0.8s forwards;
	-ms-animation:header 0.6s ease-in-out 0.8s forwards;
	-moz-animation:header 0.6s ease-in-out 0.8s forwards;
	-o-animation:'header' 0.6s ease-in-out 0.8s forwards;
	-webkit-animation:'header' 0.6s ease-in-out 0.8s forwards;
}


@keyframes text1{
	from{ transform: scale(0.8,0.8); }
	to{ opacity: 1; }
}

.active.text,
.active.end{
	animation:'text1' 0.6s ease-in-out 0s forwards;
	-ms-animation:text1 0.6s ease-in-out 0s forwards;
	-moz-animation:text1 0.6s ease-in-out 0s forwards;
	-o-animation:'text1' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'text1' 0.6s ease-in-out 0s forwards;
}

@keyframes link{
	from{ margin-top: -2em; }
	to{ opacity: 1; }
}

.active.link{
	animation:'link' 0.6s ease-in-out 0s forwards;
	-ms-animation:link 0.6s ease-in-out 0s forwards;
	-moz-animation:link 0.6s ease-in-out 0s forwards;
	-o-animation:'link' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'link' 0.6s ease-in-out 0s forwards;
}