#canh3{
    margin-top: 20px;
}
#canh3 p.tinhden{
    margin: 15px;
    color: rgb(118, 233, 6);
}
#canh3-wrap .wrap-top10nv{
    float: left;
    margin: 20px 5px;
    width: 48%;
    border: 2px outset #17a4fd;
    -moz-border-radius: 5px;/*Firefox*/
    -webkit-border-radius: 5px;/*Safari, Chrome*/
    border-radius: 5px;
    padding-top: 20px;
}

#canh3-wrap .wrap-top10nv:hover{
    border: 2px outset #1bfd46;
}

#canh3-wrap .wrap-top10nv .imgTop10NV
{
    text-align: center;
    margin: 5px auto;
}
#canh3-wrap .wrap-top10nv .infoTop10{
    width: 100%;
}
#canh3-wrap .wrap-top10nv .infoTop10 .tenNV{
    text-align: center;
    color: #fa7f12;
    font-weight: bold;
}

#canh3-wrap .wrap-top10nv .infoTop10 .thaydoi{
    text-align: center;
}
/* iPhone 4 ----------- */
/*MOBILE*/
@media all and (max-width: 599px){
    #canh3-wrap .wrap-top10nv{
        float: none;
        margin: 20px auto;
        width: 98%;
        padding-top: 20px;
    }
}



/*TABLET*/
@media all and (min-width: 600px) and (max-width:799px){
    #canh3-wrap .wrap-top10nv{
        float: none;
        margin: 30px auto;
        width: 100%;
        padding-top: 20px;
    }

}
/* WIDTH 800*/
@media all and (min-width: 800px) and (max-width:1023px){

}


.topGiam {
    text-transform: uppercase;
    animation: topGiam 2s ease-out infinite;
    color: red;
}
@keyframes topGiam {
    from {
        color: red;
    }
    to{
        color: #ffe407;
    }
}
.topTang {
    text-transform: uppercase;
    animation: topTang 2s ease-out infinite;
    color: #59df1f;
}
@keyframes topTang {
    from {
        color: #1bfd46;
    }
    to{
        color: #f2fff8;
    }
}