@media (print), (prefers-reduced-motion) { 
  .animated { 
    animation: unset !important; 
    transition: none !important; 
  } 
} 


body{
  margin: 0 auto;
  padding: 0 auto;
}

.banner{
  margin: 0 auto;
  padding: 0 auto;

}

.table-banner{
  text-align: center;
  border: 0px solid black;
  height: 120px;
  width: 95%;
 
  background: -webkit-linear-gradient(left, rgba(205,0,0,0.8), rgba(139,26,26,1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,  rgba(205,0,0,0.8), rgba(139,26,26,1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,  rgba(205,0,0,0.8), rgba(139,26,26,1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  rgba(205,0,0,0.8), rgba(139,26,26,1)); /* Standard syntax (must be last) */
 } 


.menu{
  margin: 0 auto;
  padding: 0 auto;
}
.table-menu{
  margin: 0 auto;
  border: 0px ;
  height: 50px;
  width: 100%;

}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:#003366; /* พื้นหลัง  */
}

li {
  float: left;
  border-right:1px solid #bbb; /* เส้นขอบ */
}

li:last-child {
  border-right: none;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #000080; /* พื้นหลังเวลากด*/
}

.showdata{

}