@charset "UTF-8";
a, a:hover {
    text-decoration: none;
    color: #894401
}

a {
    color: #cc6b0d;
}

body {
    color: #333;
    font-size:16px;
    font-family: Tahoma;
    background: url("../images/thac-ban-gioc.jpg");
    background-repeat: repeat-y;
    background-size: cover;
}


.logo{ text-align: center; margin-top: 20px;}
.logo img{ width: 160px;}

.btncate{ background-image: linear-gradient(to right, #0ab3be, #045e64);  border-radius: 10px; padding: 20px 0px; text-align: center; width: 90%; margin: 0 auto;  box-shadow: 5px 10px #000; margin-bottom: 30px; animation: pulse 2s infinite;}
.btncate a{ display: block; color: #fff; text-transform: uppercase; font-size: 25px;}
.btncate:hover a{ padding-left: 20px;}

.list_cate{ list-style: none;}
.list_cate li a{ display: block; padding: 8px 0; color: #fff;}

#intro_bottom{ text-align: left; color: #000; line-height: 15px; font-size: 15px; border-top: 2px solid #63c1d0; }
#intro_bottom h2{ font-size: 22px; margin-top: 0;}

hr{ margin-top: 50px; margin-bottom: 50px;}

.pnsocial{ position: absolute; right:10%; top: 10px;}

.pulse:hover,
.pulse:focus {
    animation: changcolor 1s;
    box-shadow: 0 0 0 2em rgba(#fff,0);
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 #000; }
}


@keyframes changcolor {
    0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}