body,html {
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
  width: 100%;
  cursor: default;
  color:#272c30;
  word-wrap: break-word;
}
a { text-decoration: none; }
.fix-page{ min-width: 1320px; }
.h-page{ min-height: 500px; }
.bg-all {
  background-color: #0174BE;
}
.bg-head {
  background-image: url("img/logo-main.png");
  background-position: top center;
  background-repeat: no-repeat;
}
.bg-main {
  background-image: url("img/BG-01.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #c9ffef;
}
.bg-ft {
  background-image: url("img/BG-01.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #c9ffef;

}
.bg-psn{
  background-image: url("img/BG-PSN.jpg");
  background-position: center;
          background-size: cover;
          -o-background-size: cover;
          -moz-background-size: cover;
          -webkit-background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  background-attachment: fixed;
}
.showTab { display:none; }
@media screen and (max-width:992px) {
  .hideTab { display:none; }
  .showTab { display:block; }
}
/*------------- text ------------*/
.fw-300{ font-weight: 300;}
.fw-400{ font-weight: 400;}
.fw-500{ font-weight: 500;}
.fw-700{ font-weight: 700;}
.fs-70{font-size: 70px;}
.fs-36{font-size: 36px;}
.fs-30{font-size: 30px;}
.fs-26{font-size: 26px;}
.fs-24{font-size: 24px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-14{font-size: 14px;}
.fs-12{font-size: 12px;}
.fs-11{font-size: 11px;}
/*-------------------------------*/
.bg-cl-0 { background-color: #c9ffef; }
.bg-cl-1 { background-color: #c42554; }
.bg-cl-2 { background-color: #042254; }
.bg-cl-5 { background-color: #eeeeee; }
.fcl-cl-1 { color:#fff1ce; }
.fcl-cl-2 { color:#042254; }
.bg-txt-head{ 
  font-size: 38px;
  font-weight: 700;
  background-color: #042254;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #FFF;
  margin-top: -10px;
}
.txt-head{ 
  font-size: 38px;
  font-weight: 700;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.box-link { 
  background-color:#EEE;
  font-size: 16px;
}

.img_nameny{
  position: relative;
  z-index: 2;

}
.img_nameny_fading{
  animation:fading 12s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
.img_esv{ 
  min-width: 100px;
}
.img_esv_1:hover { content: url("img/Menu02-01.png");}
.img_esv_2:hover { content: url("img/Menu02-02.png"); }
.img_esv_3:hover { content: url("img/Menu02-03.png"); }
.img_esv_4:hover { content: url("img/Menu02-04.png"); }
.img_esv_5:hover { content: url("img/Menu02-05.png"); }
.img_esv_6:hover { content: url("img/Menu02-06.png"); }
.img_esv_7:hover { content: url("img/Menu02-07.png"); }
.img_esv_8:hover { content: url("img/Menu02-08.png"); }
.img_esv_9:hover { content: url("img/Menu02-09.png"); }
.img_esv_10:hover { content: url("img/Menu02-10.png"); }

.img_esv:hover{
  opacity:1;
  transition: 1s ease;
  }
.box_eser {
  padding-top: 30px;
  padding-top: 30px;
}
.box_dataeser {
  width:750px;
  border-radius: 10px;
  padding: 30px;
  border: 1px solid #ffd3b6;
}

.btn_search {
  background-color: #e76776;
  color:#FFF;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}
.btn_search:hover { background-color: #BAD7E9; }

.div_cookie{
  background-color: #000; 
  color: #FFF; 
  position: fixed; 
  bottom: 0; 
  padding: 1em 20px; 
  width: 100%; 
  height: auto;
  z-index: 9999; 
  display: block; 
  margin-left: 0; 
  margin-right: 0; 
  background: rgba(0,0,0,.7);
}
.mh_slmain{ 
  width: 955px;
  height: 568px; 
}
.mh_pic{ max-height: 500px;min-height: 500px; }
.mh_1pic{ max-height: 600px;}
.img_weblink{width:200px;height:50px;}
/*----------------------- menu bar -------------------------------*/
.bg-menu{
  background-color:#fcc337;
  padding:12px;
  z-index: 6;
  height:80px;
  margin:15px;
  border-radius: 100px;
}
.bdleft_mainmenu {
  border-right: 0px solid #fbffe8;
  margin-right: 21px;
  padding-right: 21px;
}
.navbar_mainmenu { overflow:hidden; }
.navbar_mainmenu a , .subnav_mainmenu a {
  font-size: 18px;
  font-weight: 400;
  color:#0c3569;
  text-align: center;
  text-decoration: none;
  outline: none;
}

.subnav_mainmenu {
  display: inline-flex;
  overflow: hidden;
}

.navbar_mainmenu a:hover, .subnav:hover .subnav_btn {
  color: #b57f11;
  text-decoration: none;
}

.subnav-content {
  display: none;
  position: absolute;
  background-color:#b57f11; 
  z-index: 6;
  text-align: left;
  line-height: 34px;
  margin-top: 50px;
  font-size: 16px;
  border-radius: 5px;
  min-width: 200px;
}
.subnav-content a {
  color:#FFF;
  text-decoration: none;
  display: block;
  font-size: 15px;
  font-weight: 300;
  width: 100%;
  text-align: start;
  text-shadow: none;
}

.subnav-content a:hover { 
  color: #fcc337;
  text-decoration: none;
}

.subnav_mainmenu:hover .subnav-content { display: block; }

/*----------------------- backdrop -------------------------------*/
.abackdrop {
  display: block;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.div_backdrop{ 
  width: auto;
  height: auto;
  border-radius: 6px;
  margin-top: 10%;
}
.close_btn {
  font-size:27px;
  background-color:#FFF;
  padding: 0px;
  margin-top: -20px;
  margin-bottom: -40px;
  margin-left: 730px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: inline-block;
  z-index: 12;
  position: absolute;
  cursor: pointer;
}
/*----------------------- vertical-tab -------------------------------*/

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.btn_about{
  margin-left: 0px;
  text-align: left;
  font-weight: 300;
  color:#111;
  border-bottom: 1px solid #c5bdbe;
  border-right: 1px solid #c5bdbe;
  background-color: #fff;
}
.btn_about:hover{
  color:#ec455f;
}
.btn_about:focus{
  font-weight: 500;
  border-right: 0px;
  color:#ec455f;
  border-left: 20px solid #ec455f;
}
.nav > .active{
  font-weight: 500;
  border-right: 0px;
  border-left: 20px solid #ec455f;
}
strong{
  font-weight: 700;
}
table > td{
  line-height: 10px;
}

/*----------------------- new -------------------------------*/
.box_visit {
  width: 550px;
}
.box_main {
  background-color: rgba(255, 255, 255, 0.7);
  min-height: 350px;
}
.box_main2 {
  background-color: rgba(255, 255, 255, 0.6);
  min-height: 100px;
}
.img_box_main {
  position: relative;
  margin-top: -50px;
  margin-left: -25px;
}
.img_box_main_show {
  height: 220px;
  width: 100%;
  max-width: 372;
  object-fit: cover;
  object-position: top center;
}
.cut-text_box_main{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bg_eqp{
  /* background-color: rgba(255, 255, 255, 0.8); */
  /* border-radius: 6px; */
  padding: 7px;
  max-height: 35px;
  border-bottom: 1px dashed #ff8f8e;
}
.bd_linebt{
  border-bottom: 2px dashed #ff8f8e; 
}
.box_new {
  height: 140px;
  max-width: 1000px;
}
.np_box_new { max-width: 1000px;}
.img_new {
  width: 220px;
  height: 140px;
  object-fit: cover;
  object-position: top center;
}
.box_new2{
  max-width: 1000px;
}
.btn_idnew{
  background-color: #042254;
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.cut-text-line3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cut-text-line1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-line-1{ 
  height: 1px;width: 100%;
  background-color: #042254;
}
.btn_bachtopmenu{
  background-color: #042254;
  width: 130px;
  border-radius: 50px;
  padding: 5px;
  margin-top: -25px;
  cursor: pointer;
  color:#ffffff;
}

.box_datapsn{
  /* background-image: url("img/bg-datapsn.png");
  background-position: top center;
  background-repeat: no-repeat;
  height: 530px; */
  width: 380px;
  background-color: #042254;
  border-radius: 10px;
}

.modal-backdrop{
  width: 100%;
  height: 100%;
}

/*----------------------- img popup -------------------------------*/
.imgpopup{
  cursor: pointer;
}
.mh_imgpopup{
  max-height: 900px;
}
.bd_imgpopup{
  display: none;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
  margin: 0;
}
.bd_imgpopup_slide{
  display: none;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
  margin: 0;
}
.imgpopupshow{
  max-width: 1000px;
  max-height: 1000px;
  background: #FFF;
  position: absolute;
  top: 40%;
  transform: translate(-50%,-50%);
}
.div_imgpopupshow_slide{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.btn_close_imgpopupshow{
  top: 95%;
  position: absolute;
  transform: translate(-50%,-50%);
}