@keyframes topletter {
  0% {margin-top: 200px;opacity: 0; }
  100% {margin-top: inherit; opacity: 1}
}

@keyframes letter {
  from {opacity: 0; display:none;}
  to {opacity: 1; display:inline-block;}
}
.anima .topletter{
	animation-name: topletter;
	 animation-duration: 800ms;
	 animation-timing-function : ease-out;
	 animation-delay: 300ms;
	 animation-fill-mode: forwards;
}
.anima .letter-2{
	animation-name: topletter;
	 animation-duration: 800ms;
	 animation-timing-function : ease-out;
	 animation-delay: 800ms;
	 animation-fill-mode: forwards;
}
.anima .letter-3{
	animation-name: topletter;
	 animation-duration: 1200ms;
	 animation-timing-function : ease-out;
	 animation-delay: 1s;
	 animation-fill-mode: forwards;
}
.anima .letter-4{
	animation-name: topletter;
	 animation-duration: 1500ms;
	 animation-timing-function : ease-out;
	 animation-delay: 1400ms;
	 animation-fill-mode: forwards;
}
/*body .anima .pos_label{
	animation-name: letter;
	 animation-duration: 800ms;
	 animation-timing-function : ease-out;
	 animation-delay: 3200ms;
	 animation-fill-mode: forwards;
	 display: inline-block;
}*/
/*.letter-5{
	animation-name: letter;
	 animation-duration: 800ms;
	 animation-timing-function : ease-out;
	 animation-delay: 2s;
	 animation-fill-mode: forwards;
}*/