@charset "utf-8";
table{color:#eee;width:100%;margin:20px 0;border-collapse:collapse;border-spacing:0}
td,th{border:1px solid transparent;padding:10px;transition:all .3s}
th,.table-respon h3{font-family:"Thaineue Bold";background:#35789d}
td{background:#FAFAFA;text-align:center;font-size:18px;width:20%}
.container-page td{width:auto}
td a{width:100%;display:inline-block;color:#fff}
tr:nth-child(even) td{background:#1c324a}
tr:nth-child(odd) td{background:#1f3650}
tr td:hover{background:#3caad2}
.table-respon table{margin:0 0 20px}
.table-respon h3{text-align:center;padding:10px}
@media screen and (max-width:1024px) {
.table-respon{overflow-x:auto}
}
@media screen and (max-width:640px) {
.table-respon tr{display:block;width:50%;float:left}
.table-respon td{display:block;width:93%}
}
@media screen and (max-width:480px) {
.table-respon td{width:90%}
}