.marquee {  
        width: 100%;  
        height: 25px;  
        overflow: hidden;  
        position: relative;  
        margin: auto;    
    }

    .marquee p {
        position: absolute;
        font-family: Tahoma, Arial, sans-serif;
        width: 100%;
        height: 100%;
        margin: 0;
        color: red;
        line-height: 25px;
        text-align: center;
        font-weight: bold;
    }  

    /* Hieu ung chu chay len tren */
    .marquee.up p {   
        transform:translateY(100%);  
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
    }  
    .marquee.up p:nth-child(1) {  
        animation: up-one 20s ease infinite;  
        -webkit-animation: up-one 20s ease infinite;
        -moz-animation: up-one 20s ease infinite;
    }  
    .marquee.up p:nth-child(2) {  
        animation: up-two 20s ease infinite; 
        -webkit-animation: up-two 20s ease infinite; 
        -moz-animation: up-two 20s ease infinite;  
    }  
    
    @keyframes up-one {  
        0%  {  
            transform:translateY(100%);  
        }  
        10% {  
            transform:translateY(0);  
        }  
        40% {  
            transform:translateY(0);  
        }  
        50% {  
            transform:translateY(-100%);  
        }  
        100%{  
            transform:translateY(-100%);  
        }  
    }  

    @-webkit-keyframes up-one {  
        0%  {  
            -webkit-transform:translateY(100%);  
        }  
        10% {  
            -webkit-transform:translateY(0);  
        }  
        40% {  
            -webkit-transform:translateY(0);  
        }  
        50% {  
            -webkit-transform:translateY(-100%);  
        }  
        100%{  
            -webkit-transform:translateY(-100%);  
        }  
    } 

    @-moz-keyframes up-one {  
        0%  {  
            -moz-transform:translateY(100%);  
        }  
        10% {  
            -moz-transform:translateY(0);  
        }  
        40% {  
            -moz-transform:translateY(0);  
        }  
        50% {  
            -moz-transform:translateY(-100%);  
        }  
        100%{  
            -moz-transform:translateY(-100%);  
        }  
    } 
    
    @keyframes up-two {  
        0% {  
            transform:translateY(100%);  
        }  
        50% {  
            transform:translateY(100%);  
        }  
        60% {  
            transform:translateY(0);          
        }  
        90% {  
            transform:translateY(0);          
        }  
        100%{  
            transform:translateY(-100%);  
        }  
    }

    @-webkit-keyframes up-two {  
        0% {  
            -webkit-transform:translateY(100%);  
        }  
        50% {  
            -webkit-transform:translateY(100%);  
        }  
        60% {  
            -webkit-transform:translateY(0);          
        }  
        90% {  
            -webkit-transform:translateY(0);          
        }  
        100%{  
            -webkit-transform:translateY(-100%);  
        }  
    }

    @-moz-keyframes up-two {  
        0% {  
            -moz-transform:translateY(100%);  
        }  
        50% {  
            -moz-transform:translateY(100%);  
        }  
        60% {  
            -moz-transform:translateY(0);          
        }  
        90% {  
            -moz-transform:translateY(0);          
        }  
        100%{  
            -moz-transform:translateY(-100%);  
        }  
    }

    /* Hieu ung chu chay xuong duoi */

    .marquee.down p {  
        transform:translateY(-100%); 
        -webkit-transform:translateY(-100%);  
        -moz-transform:translateY(-100%); 
    }  

    .marquee.down p:nth-child(1) {  
        animation: down-one 20s ease infinite; 
        -webkit-animation: down-one 20s ease infinite; 
        -moz-animation: down-one 20s ease infinite;
    }  
    .marquee.down p:nth-child(2) {  
        animation: down-two 20s ease infinite;  
        -webkit-animation: down-two 20s ease infinite; 
        -moz-animation: down-two 20s ease infinite; 
    }  

    @keyframes down-one {  
        0%  {  
            transform:translateY(-100%);  
        }  
        10% {  
            transform:translateY(0);  
        }  
        40% {  
            transform:translateY(0);  
        }  
        50% {  
            transform:translateY(100%);  
        }  
        100%{  
            transform:translateY(100%);  
        }  
    }  

    @-webkit-keyframes down-one {  
        0%  {  
            -webkit-transform:translateY(-100%);  
        }  
        10% {  
            -webkit-transform:translateY(0);  
        }  
        40% {  
            -webkit-transform:translateY(0);  
        }  
        50% {  
            -webkit-transform:translateY(100%);  
        }  
        100%{  
            -webkit-transform:translateY(100%);  
        }  
    }  

    @-moz-keyframes down-one {  
        0%  {  
            -moz-transform:translateY(-100%);  
        }  
        10% {  
            -moz-transform:translateY(0);  
        }  
        40% {  
            -moz-transform:translateY(0);  
        }  
        50% {  
            -moz-transform:translateY(100%);  
        }  
        100%{  
            -moz-transform:translateY(100%);  
        }  
    }  


    @keyframes down-two {  
        0% {  
            transform:translateY(-100%);  
        }  
        50% {  
            transform:translateY(-100%);  
        }  
        60% {  
            transform:translateY(0);          
        }  
        90% {  
            transform:translateY(0);          
        }  
        100%{  
            transform:translateY(100%);  
        }  
    }    

    @-webkit-keyframes down-two {  
        0% {  
            -webkit-transform:translateY(-100%);  
        }  
        50% {  
            -webkit-transform:translateY(-100%);  
        }  
        60% {  
            -webkit-transform:translateY(0);          
        }  
        90% {  
            -webkit-transform:translateY(0);          
        }  
        100%{  
            -webkit-transform:translateY(100%);  
        }  
    } 

    @-moz-keyframes down-two {  
        0% {  
            -moz-transform:translateY(-100%);  
        }  
        50% {  
            -moz-transform:translateY(-100%);  
        }  
        60% {  
            -moz-transform:translateY(0);          
        }  
        90% {  
            -moz-transform:translateY(0);          
        }  
        100%{  
            -moz-transform:translateY(100%);  
        }  
    } 

    /* Hieu ung chu chay sang trai */

    .marquee.left p:nth-child(1) {  
        animation: left-one 20s ease infinite; 
        -webkit-animation: left-one 20s ease infinite; 
        -moz-animation: left-one 20s ease infinite;
    }  
    
    .marquee.left p:nth-child(2) {  
        animation: left-two 20s ease infinite; 
        -webkit-animation: left-two 20s ease infinite; 
        -moz-animation: left-two 20s ease infinite;
    }  


    @keyframes left-one {  
        0%  {  
            transform:translateX(100%);  
        }  
        10% {  
            transform:translateX(0);  
        }  
        40% {  
            transform:translateX(0);  
        }  
        50% {  
            transform:translateX(-100%);  
        }  
        100%{  
            transform:translateX(-100%);  
        }  
    }  

    @-webkit-keyframes left-one {  
        0%  {  
            -webkit-transform:translateX(100%);  
        }  
        10% {  
            -webkit-transform:translateX(0);  
        }  
        40% {  
            -webkit-transform:translateX(0);  
        }  
        50% {  
            -webkit-transform:translateX(-100%);  
        }  
        100%{  
            -webkit-transform:translateX(-100%);  
        }  
    }


    @-moz-keyframes left-one {  
        0%  {  
            -moz-transform:translateX(100%);  
        }  
        10% {  
            -moz-transform:translateX(0);  
        }  
        40% {  
            -moz-transform:translateX(0);  
        }  
        50% {  
            -moz-transform:translateX(-100%);  
        }  
        100%{  
            transform:translateX(-100%);  
        }  
    }    
    
    @keyframes left-two {  
        0% {  
            transform:translateX(100%);  
        }  
        50% {  
            transform:translateX(100%);  
        }  
        60% {  
            transform:translateX(0);          
        }  
        90% {  
            transform:translateX(0);          
        }  
        100%{  
            transform:translateX(-100%);  
        }  
    }  

    @-webkit-keyframes left-two {  
        0% {  
            -webkit-transform:translateX(100%);  
        }  
        50% {  
            -webkit-transform:translateX(100%);  
        }  
        60% {  
            -webkit-transform:translateX(0);          
        }  
        90% {  
            -webkit-transform:translateX(0);          
        }  
        100%{  
            -webkit-transform:translateX(-100%);  
        }  
    }  

    @-moz-keyframes left-two {  
        0% {  
            -moz-transform:translateX(100%);  
        }  
        50% {  
            -moz-transform:translateX(100%);  
        }  
        60% {  
            -moz-transform:translateX(0);          
        }  
        90% {  
            -moz-transform:translateX(0);          
        }  
        100%{  
            -moz-transform:translateX(-100%);  
        }  
    }  



    /* Hieu ung chu chay sang phải */
    @keyframes right-one {  
        0%  {  
            transform:translateX(-100%);  
        }  
        10% {  
            transform:translateX(0);  
        }  
        40% {  
            transform:translateX(0);  
        }  
        50% {  
            transform:translateX(100%);  
        }  
        100%{  
            transform:translateX(100%);  
        }  
    }  

    @-webkit-keyframes right-one {  
        0%  {  
            -webkit-transform:translateX(-100%);  
        }  
        10% {  
            -webkit-transform:translateX(0);  
        }  
        40% {  
            -webkit-transform:translateX(0);  
        }  
        50% {  
            -webkit-transform:translateX(100%);  
        }  
        100%{  
            -webkit-transform:translateX(100%);  
        }  
    } 

    @-moz-keyframes right-one {  
        0%  {  
            -moz-transform:translateX(-100%);  
        }  
        10% {  
            -moz-transform:translateX(0);  
        }  
        40% {  
            -moz-transform:translateX(0);  
        }  
        50% {  
            -moz-transform:translateX(100%);  
        }  
        100%{  
            -moz-transform:translateX(100%);  
        }  
    }   

    
    @keyframes right-two {  
        0% {  
            transform:translateX(-100%);  
        }  
        50% {  
            transform:translateX(-100%);  
        }  
        60% {  
            transform:translateX(0);          
        }  
        90% {  
            transform:translateX(0);          
        }  
        100%{  
            transform:translateX(100%);  
        }  
    }  


    @-webkit-keyframes right-two {  
        0% {  
            -webkit-transform:translateX(-100%);  
        }  
        50% {  
            -webkit-transform:translateX(-100%);  
        }  
        60% {  
            -webkit-transform:translateX(0);          
        }  
        90% {  
            -webkit-transform:translateX(0);          
        }  
        100%{  
            -webkit-transform:translateX(100%);  
        }  
    }  


    @-moz-keyframes right-two {  
        0% {  
            -moz-transform:translateX(-100%);  
        }  
        50% {  
            -moz-transform:translateX(-100%);  
        }  
        60% {  
            -moz-transform:translateX(0);          
        }  
        90% {  
            -moz-transform:translateX(0);          
        }  
        100%{  
            -moz-transform:translateX(100%);  
        }  
    }  

    /*.marquee.right p:nth-child(1) {  
        animation: right-one 20s ease infinite;  
        -webkit-animation: right-one 20s ease infinite;  
        -moz-animation: right-one 20s ease infinite;  
    }  
    .marquee.right p:nth-child(2) {  
        animation: right-two 20s ease infinite; 
        -webkit-animation: right-two 20s ease infinite;   
        -webkit-animation: right-two 20s ease infinite;  
    }*/