/* stylelint-disable stylistic/selector-list-comma-newline-after */
@import url("fonts/kanit/fonts.css");
body{ font-family: 'Kanit', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.link1{color: #007bff;text-decoration-line: none;}.link1:hover{color: #154360;text-decoration-line: none;}
.linkfacebook{color: #1178F2;text-decoration-line: none;}.linkfacebook:hover{color: #1178F2;text-decoration-line: none;}
.linkline{color: #00B800;text-decoration-line: none;}.linkline:hover{color: #00B800;text-decoration-line: none;}
.linkyoutube{color: #FF0F1C;text-decoration-line: none;}.linkyoutube:hover{color: #FF0F1C;text-decoration-line: none;}
.im-thumbnail {object-fit: cover;object-position: 50% 0;width: 260px;height: 190px;margin-top: 10px;}

.text-hide{display: none}
.im-thumbnail {object-fit: cover;object-position: 50% 0;width: 260px;height: 190px;margin-top: 10px;}
.bg-led {
  --bs-bg-opacity: 1;
  background-color: #E7258A;
}

.bg-led2 {
  --bs-bg-opacity: 1;
  background-color: #E91E63;
}

.bg-led3 {
  --bs-bg-opacity: 1;
  background-color: #154360;
}
 .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }
.blog-header-logo {
  font-family: "Kanit", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Kanit", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}

.flex-auto {
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}

#news-box div img, .news-box div img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 180px;
}
.media-object {
    display: block;
}

#news-box h4.media-heading a, .news-box h4.media-heading a, .news-box div.media-heading a, .news-box li.media-heading a{
    display: block;
    margin-top: 10px;
    font-family: 'Kanit','THSarabunNew', arial, sans-serif;
    font-size: .98em;
    line-height: 1.4em;
    text-decoration: none;
    font-weight: 300;
	width: auto;
    max-width: 300px;
	  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
    /* text-shadow: 0 0 1px rgba(0,0,0,.4); */
}

#news-box2 h4.media-heading2 a, .news-box2 h4.media-heading2 a, .news-box2 div.media-heading2 a, .news-box2 li.media-heading2 a{
    display: block;
    margin-top: 5px;
    font-family: 'Kanit','THSarabunNew', arial, sans-serif;
    font-size: .98em;
    line-height: 1.4em;
    text-decoration: none;
    font-weight: 300;
	width: auto;
	  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
    /* text-shadow: 0 0 1px rgba(0,0,0,.4); */
}

.biframe{
	width: 100%;
	height: 600px;
	margin:0 !important;
}
.biframe2{
	width: 100%;
	height: 300px;
	margin:0 !important;
}
iframe { overflow: hidden !important;}


.login-form .form-title {
  text-align:center;
  font-size:30px;
  font-weight:600;
  margin:20px 0px 30px;
  color:#111;
}
.login-form .form-input {
  margin:10px 0px;
}
.login-form .form-input label,
.login-form .captcha label {
  display:block;
  font-size:15px;
  color:#111;
  margin-bottom:10px;
}
.login-form .form-input input {
  width:100%;
  padding:10px;
  outline: none;
  border-radius: 4px;
  border:1px solid #888;
  font-size:15px;
}
.login-form .captcha {
  margin:15px 0px;
}
.login-form .captcha .preview {
  color:#555;
  width:250px;
  text-align:center;
  height:40px;
  line-height:40px;
  letter-spacing:8px;
  border:1px dashed #888;
  border-radius: 4px;
  font-family:"monospace";
}
.login-form .captcha .preview span {
  display:inline-block;
  user-select:none;
}
.login-form .captcha .captcha-form {
  display:flex;
}
.login-form .captcha .captcha-form input {
  width:250px;
  outline: none;
  padding:8px;
  border-radius: 4px;
  border:1px solid #888;
}
.login-form .captcha .captcha-form .captcha-refresh {
  width:40px;
  border:none;
  outline:none;
  background:#888;
  border-radius: 4px;
  color:#eee;
  cursor:pointer;
}

#login-btn:hover{
  opacity: .8;
}