html {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
   }
  body{
    font-family: 'Sarabun', sans-serif;
    color:#ecbea7; background-color:#212529;
    margin:0px;
    padding:0px;
    font-size:medium;
  }

  h1{ font-size:20px; }
  h2{ font-size:18px; }
  h3{ font-size:16px; }
  h4{ font-size:14px; }
  h5{ font-size:14px; }
  h6{ font-size:14px; }

  small{
    font-size:11px;
  }
  a:link, a:visited, a:active { color:#ccc; text-decoration:none; }
  a:hover { color:#fff; font-weight:bold; text-decoration:underline;  }
  .btsmall{
    padding:3px !important;
    font-size:small;
  }
  .subed:hover { background-color:#FFF; }
  
  textarea, input[type="text"], input[type="password"], input[type="datetime"] { border-radius:0px !important; }
  button { border-radius:0px !important; }

  .alert{ border-radius:0px !important; }

  .centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
  }


  @media (max-width: 500px) { //สำหรับ Mobile

  }
  @media (min-width: 766px) {

  }
/* สำหรับ สไลด์ */
.carousel-indicators button.thumbnail {
  width: 100px;
}
.carousel-indicators button.thumbnail:not(.active) {
  opacity: 0.7;
}
.carousel-indicators {
  position: static;
}
@media screen and (min-width: 992px) {
  .carousel {
    max-width: 70%;
    margin: 0 auto;
  }
}
/* สำหรับ สไลด์ */


.text-title { color: #12dbcc; font-weight:bold }

/* สำหรับ maincat_menu */

/* สำหรับ maincat_menu */