.text-donghua{

position:relative;
animation:myfirst 1s;
-moz-animation:myfirst 1s; /* Firefox */
-webkit-animation:myfirst 1s; /* Safari and Chrome */
-o-animation:myfirst 1s; /* Opera */
}
@keyframes myfirst
{
0%   {left:-1000px; top:0px;}
100% { left:0; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {left:-1000px; top:0px;}
100% { left:0; top:0px;}
}
}

@-webkit-keyframes myfirst /* Safari บอ Chrome */
{
0%   {left:-1000px; top:0px;}
100% { left:0; top:0px;}
}
}

@-o-keyframes myfirst /* Opera */
{
0%   {left:-1000px; top:0px;}
100% { left:0; top:0px;}
}

.text-donghua2{

position:relative;
animation:myfirst2 1s;
-moz-animation:myfirst2 1s; /* Firefox */
-webkit-animation:myfirst2 1s; /* Safari and Chrome */
-o-animation:myfirst2 1s; /* Opera */
}
@keyframes myfirst2
{
0%   {right:-1000px; top:0px;}
100% { right:0; top:0px;}
}

@-moz-keyframes myfirst2 /* Firefox */
{
0%   {left:-1000px; top:0px;}
100% { left:0; top:0px;}
}
}

@-webkit-keyframes myfirst2/* Safari บอ Chrome */
{
0%   {left:-1000px; top:0px;}
100% { left:0; top:0px;}
}
}

@-o-keyframes myfirst2 /* Opera */
{
0%   {left:-1000px; top:0px;}
100% { left:0; top:0px;}
}

.viewImg-list{
	-webkit-animation-name: viewImg-list;
	-moz-animation-name: viewImg-list;
	-o-animation-name: viewImg-list;
	animation-name: viewImg-list;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes viewImg-list {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes viewImg-list {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes viewImg-list {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.viewImg-list {
	-webkit-animation-name: viewImg-list;
	-moz-animation-name: viewImg-list;
	-o-animation-name: viewImg-list;
	animation-name: viewImg-list;
}
