html, body {
    /*font-family: 'TH Sarabun New' !important;*/
    /*font-family: Tahoma,"MS Sans Serif",Thonburi !important;
    font-size: 14px !important;
    background-color: #fff;*/
    height: 100%; /* ให้ html และ body สูงเต็มจอภาพไว้ก่อน */
   margin: 0;
   padding: 0;
}

/*footer*/
.wrapper {
   display: block;
   min-height: 100%; /* real browsers */
   height: auto !important; /* real browsers */
   height: 100%; /* IE6 bug */
   margin-bottom: 0px; /* กำหนด margin-bottom ให้ติดลบเท่ากับความสูงของ footer */
}
.footer {
   height: 20px !important; /* ความสูงของ footer */
   display: block;
   text-align: center;
}


 
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

/*Header*/


.font_logo_sub{
    color: #b5b5b5;
}

/*Slide*/
.img_slide{
  width: 100% !important;
  height: 100% !important;
}



/*number all*/
.color_box_left{
    background-color: whitesmoke;
    margin-right: 0px;
    margin-bottom: 15px;
    padding: 0px 10px;
    border: 1px solid #efecec;
}
.box_left{
    background-color: whitesmoke;
    margin-right: 0px;
    margin-bottom: 15px;
    padding: 0px 10px;
    border: 1px solid #efecec;
}
.icon_stat{
    background-color: rgba(154, 152, 152, 0.35);
    width: 51px;
    padding: 5px;
    border-radius: 37px;
}
.font_titlehead{
    font-size: 15px;
    font-weight: bold;
    color: #9c9292;
    letter-spacing: 1px;
    border-bottom: 2px solid #dad9d9;
}
.box_header{
    border-bottom: 1px solid #dad9d9;
    margin-bottom: 5px;
    padding: 5px 1px 0px 0px;
}
.color_tab{
    margin: 0px;
    padding: 5px;
    margin-bottom: 5px;
}
.color_tab.t1{
    background-color: rgba(230, 78, 78, 0.16);
}
.color_tab.t2{
    background-color: rgba(253, 216, 132, 0.48);
}
.color_tab.t3{
    background-color: rgba(182, 247, 123, 0.53);
}
.font_num{
  color: #6d6c6c;
}

/*Box search*/
.box_right{
    background-color: #f5f5f5;
    padding: 0px 15px;
    border: 1px solid #efecec;
    margin-bottom: 15px;
}
.box_search{
    background-color: #f5f5f5;
    padding: 0px 15px 12px 15px;
    border: 1px solid #efecec;
    margin-bottom: 15px;
}
.btn.clear{
    background-color: #f56868;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.btn.clear:hover{
    background-color: #c74747;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.btn.search{
    background-color: #7db6de;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.btn.search:hover{
    background-color: #6a9dc1;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}


/*Tag cloud*/
.btn-tag-could {
    color: #fff !important;
    font-size: 87.5%;
    margin: 5px 0 5px 5px;
}

.btn-tag-could:hover {
    color: #f5f5f5;
}
.font_selec_box{
    border: 1px solid #e2e2e2;
}

.ctword {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis;
    /* background-color: rgb(184, 138, 226); */
    padding: 5px;
    border-bottom: 1px solid #dad9d9;
    transition: all 0.5s ease 0s;
    /* color: #739ac3; */
}
a.ctword:hover{
  background-color: rgb(222, 238, 243);
  text-decoration: none;
  cursor: pointer;
}
.btn.showmore {
    background-color: #f9cb63;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.btn.showmore:hover {
    background-color: #e2ad34;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.posi_date{
  text-align: right;
  padding: 5px 0px;
  color: #3f7296;
}
.img_banner{
  height: 56px;
  width: 100%;
  margin-bottom: 5px;
}



/*Page search*/
.header_title{
  padding-bottom: 5px;
  border-bottom: 2px solid #dad9d9;
  margin-bottom: 15px;
}
.icon_header{
  background-color: rgba(154, 152, 152, 0.35);
    width: 42px;
    padding: 5px;
    border-radius: 37px;
}
.font_header{
    font-size: 24px;
    color: #3b5a80;
    font-weight: bold;
    letter-spacing: 1px;
}
.button_searchextra{
    text-align: center;
    font-size: 25px;
    background-color: #75baca;
    padding: 8px 5px;
    color: white;
    text-shadow: 2px 2px 2px #8c8b8b;
    border-radius: 6px;
    margin-right: 0px;
    transition: all 0.5s ease 0s;
}
.button_searchextra:hover{
    text-align: center;
    font-size: 25px;
    background-color: #64a1af !important;
    padding: 8px 5px;
    color: white;
    text-shadow: 2px 2px 2px #8c8b8b;
    border-radius: 6px;
    margin-right: 0px;
    cursor: pointer;
}
.boxcolor_search{
    background-color: #4f8f9e;
    padding: 19px 0px;
    border-radius: 6px;
}
.box_normal{
    background-color: #f5f5f5;
    padding: 0px 15px;
    border: 1px solid #efecec;
    margin-bottom: 15px;
}
.box_detailcheck{
    padding: 15px 15px 0px 15px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 15px;
    background-color: white;
    color: #336198;
    border-radius: 0px 6px 6px 6px;
}

.boxcolor_detail{
    background-color: #f5f5f5;
    border: 1px solid #efecec;
    margin-bottom: 15px !important;
    margin: 0px 0px;
}
.box_detail{
    background-color: #f5f5f5;
    border: 1px solid #efecec;
    margin-bottom: 15px !important;
}
.detail_header{
    background-color: #75cab2;
    padding: 5px 10px;
    border-radius: 6px 6px 0px 0px !important;
    font-size: 17px;
    color: white;
}
.detail_header > a {
    color: white;
    text-decoration: none;
    cursor: pointer;
}
.detail_inner{
    padding:10px 15px;
    line-height: 23px;
}
.detail_inner > table {
  margin-bottom: 0px !important;
}
.btn.searchselect{
    background-color: #72dc5f;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.btn.searchselect:hover{
    background-color: #62bf52;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.btn.searchnotselect{
    background-color: #fd962d;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.btn.searchnotselect:hover{
    background-color: #f18e29;
    color: #fafffa;
    transition: all 0.5s ease 0s;
}
.box_right_detail {
    background-color: #f5f5f5;
    /* padding: 0px 15px; */
    border: 1px solid #efecec;
    margin-bottom: 15px;
    margin-right: -15px;
}
.detail_headerdownload {
    background-color: #fbb07a;
    padding: 5px 10px;
    border-radius: 6px 6px 0px 0px !important;
    font-size: 17px;
    color: white;
}
.detail_headerrecom {
    background-color: #e8e8e8;
    padding: 5px 10px;
    border-radius: 6px 6px 0px 0px !important;
    font-size: 17px;
    border-bottom: 1px dashed #d2d2d2;
}
.detail_headerrecom > a {
  text-decoration: none;
  color: #406682 !important;
  cursor: pointer;
} 
.detail_recomsub{
  padding: 5px;
    font-size: 12px;
    color: #6cb953;
}





/*Responsive*/
@media only screen and (max-width: 2000px) and (min-width: 500px){
  .font_logo_main{
    font-size: 18px;
    font-weight: bold;
    color: #e6eaef;
  }
  .box_font_logo{
    margin-top: 12px;
  }
    .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #fdfdfd;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

}
@media only screen and (max-width: 500px) and (min-width: 0px){
  .font_logo_main {
      font-size: 14px;
      font-weight: bold;
      color: #e6eaef;
  }
  .box_font_logo{
    margin-top: 12px;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #fdfdfd;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .font_logo_sub {
    color: #b5b5b5;
    font-size: 13px !important;
  }
}