a:hover {background-color:white; color:blue; text-decoration:none;}
img.n,img.s {box-shadow:none; border:none; padding:0px; border-radius:0;}
img.s {width:20px; height:20px;}
img.n:hover {animation:shake 0.5s; animation-iteration-count:infinite;}
@media (max-width:600px) { /* MObile */
    table {width:100%;}
    table,thead,tbody,th,td,tr {display:block;} 
    thead tr {position:absolute; top:-9999px; left:-9999px;}
    tr {margin-bottom:15px; border:1px solid #ccc;}
    td {border:none; border-bottom:1px solid #eee; position:relative; padding-left:5px; text-align:left;}
    td::before {content:attr(data-label); position:absolute; left:6px;
        width:45%; padding-right:10px; white-space:nowrap; text-align:right; font-weight:bold;}
    img.n {width:200px; height:100px;}
}
@media screen and (min-width:601px) {
    body {font-family:'Kanit',sans-serif;}
    table {margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto;}
    table {width:800px;}
    td.c {padding:5px;}
    img.n {width:500px; height:300px;}
}