@charset "windows-874";
/* CSS Document */

@font-face {
    font-family: 'Kanit-Regular';
    src: url('../font/Kanit-Regular.eot');
    src: url('../font/Kanit-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/Kanit-Regular.woff') format('woff'),
         url('../font/Kanit-Regular.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
html, body {font-family: 'Kanit-Regular';}
.form-control{color:#2E86C1}
input[type=checkbox],input[type=radio]{transform : scale(1.5);}
.chosen-container-single .chosen-single span{color:#2E86C1}
.input-hidden{visibility: hidden;} /* ซ่อน input กรณีใช้ required*/
@media screen and (max-width: 600px) {
  h1,.h1{font-size:20px}
  h2,.h2{font-size:18px}
  h3,.h3{font-size:15px}
  h4,.h4{font-size:12px}
  h5,.h5{font-size:10px}

}
@media screen and (min-width: 601px) {
  h1,.h1{font-size:30px}
  h2,.h2{font-size:28px}
  h3,.h3{font-size:20px}
  h4,.h4{font-size:18px}
  h5,.h5{font-size:16px}

}
.note_comment{
  padding:5px 20px 5px 20px;
  margin-top: 20px;
  border:3px solid indianred;
  background-color: #FADBD8;
  color:#000;
  border-radius: 15px;
}

.reason{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.table th{
  text-align: center !important;
}
.table .text-white th{
  color: #fff !important;
}
.pointer{
  cursor: pointer;
}
.my-table {
  border-collapse: collapse;
  width: 100%;
}

.table td, .table th {
  border: 1px solid #333;
  padding: 8px;
}