.chieuso1 {
    animation: chieu1 1s forwards!important; /*!important là dc ưu tiên hơn*/
}

@-webkit-keyframes chieu1 {
    0% {
        transform: translateX(0px) translateY(0);
    }

    25% {
        transform: translateX(200px) translateY(0px);
    }

    50% {
        transform: translateX(200px) translateY(200px);
    }

    80% {
        transform: translateX(500px) translateY(200px);
    }

    90% {
        transform: translateX(500px) translateY(500px);
    }

    100% {
        transform: translateX(700px) translateY(500px);
    }
}

#kcd {
    animation: chieu2 3s forwards;
}

@-webkit-keyframes chieu2 {
    0% {
        transform: translateX(700px) translateY(500px);
    }

    25% {
        transform: translateX(500px) translateY(500px);
    }

    50% {
        transform: translateX(500px) translateY(200px);
    }

    80% {
        transform: translateX(200px) translateY(200px);
    }

    90% {
        transform: translateX(200px) translateY(0px);
    }

    100% {
        transform: translateX(0px) translateY(0);
    }

}

.khongchuyendong {
	animation: none!important;
}