/*header all*/
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap');
body {
    font-family: "Sarabun", sans-serif !important;
}
.information-header{
	padding-bottom: 10px;
	border-bottom:2px dashed #f5f5f5;
	/*margin: 0px 0 20px 0;   */ 
	margin: 0px 0 5px 0;
}
.information-card {

	margin-top: 25px;
}
p.information-page{

	font-size: 14px;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
    letter-spacing: 0.4px;
    font-weight: 300;
}

h2.title-information {

	color: #000;
	margin: 18px 0px 15px 0px;
    font-size: 34px;

}

.mFont {

    float: right;
}

button.btn.btn-default-up {

	color: #9B9B9B;
    background-color: #fff;
    border-color: #ccc;
    padding: 4px 17px;
    margin : 0px 5px;
}

button.btn.btn-default-up:hover {

  background-color: #f5f5f5
}


button.btn.btn-default-down {

	color: #9B9B9B;
    background-color: #fff;
    border-color: #ccc;
    padding: 4px 17px;

}

button.btn.btn-default-down:hover {

  background-color: #f5f5f5
}
/*--------------------*/

/*main*/
.news-card {

    margin-top: 25px;
}

.captions-news{

	padding: 0px 15px 0px 15px;
	text-align: left;
}

h3.title-new-news{

    font-size: 19px;
    margin-top: 10px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 2px;
    line-height: 25px;

}

.news_content{

	text-align: left;
	color: #9B9B9B;
	margin: 5px 0px;
	overflow: hidden;
    height: 18px;
    letter-spacing: 0.4px;
    font-weight: 300;
}

.news_box{

	padding:0px;
	/* border:2px solid #f5f5f5; */
	border-radius: 4px;
	margin-bottom: 25px;
	padding-bottom: 15px; 
    box-shadow: 0px 2px 14px 0px #0000001A;
}
.news_box:hover{

	box-shadow: 0 0 12px rgba(0,0,0,.3);
    border-radius: 4px;
    border: 2px solid transparent;

}


.detail-content-news img  {

    width: 100% !important;
}

.captions-news2 iframe {
    width: 100%;
    position: relative;
   
}

/*pagination*/
.information-pagination .pagination {
    display: inline-block;
    border-radius : 0px;
}

.information-pagination .pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    margin: 0 4px;
    border-radius: 0px; 
}

.pagination a.active {
    background-color: #20498E;
    color: white;
    border: 1px solid #20498E;
}
.information-pagination .paginationjs .paginationjs-pages li.active>a {

    height: 32px;
    line-height: 32px;
    background: #20498E;

}
.information-pagination .paginationjs .paginationjs-pages li>a {

    height: 30px;
    line-height: 27px;

}

.pagination a:hover:not(.active) {background-color: #ddd;}

/*--------------------*/
/*หน้า detail*/


.box-title-sub-sidenews {

    text-align: left;
}

h2.title-promotion-text {

    font-size: 24px;
    margin-bottom: 15px;

}

a.btn.btn-info {

 margin: 0px 2px 0px 2px;
}

a.btn.btn-success {

 margin: 0px 2px 0px 2px;
}

.btn_social {

    margin-top: 5px;
}

.box-header-news {

	padding-bottom: 15px;
    /*border-bottom: 1px solid #b1b1b1;*/
    margin-bottom: 20px;
    /*display: inline-block;*/
    /*border-style: dotted;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px*/

}

.header-news{

  font-size: 2.5em;
  font-weight: bold;
  margin: 0px 0px;
  line-height: 47px;
  
}

.nopadding {

	padding: 0px;
}

i.fa.fa-clock-o{

	margin-right: 5px; 

}
.time {

	color: #666;
	width: 100%;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.4px;
}

.share {

	margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

b.review {

    float: left;
    font-size: 38px;
    color: #189008;
    margin-right: 10px;
    
}

.review-sub {

    color: #9B9B9B;
    margin-top: 24px;
    margin-left: 0px;
    font-weight: 300;
    letter-spacing: 0.4px;

}

.detail-content-news {

    line-height: 1.7;
    font-weight: 400;
}

.captions-news2{

	text-align: left;
	margin-top: 20px;
	font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.4px;
}

a.btn.btn-primary.share {

    width: 40%;
    background-color: #20498E;
    border-color: #20498E;
    margin: 0px 2px 0px 2px;

}

a.btn.btn-primary.share:hover {

    color: #fff;
    background-color: #20498ee6;
    border-color: #20498ee6;
}


.news-box-detail{

    padding:0px;
    box-shadow: 0px 2px 14px 0px #0000001A;
    border-radius: 12px;
    margin-bottom: 25px;
    padding-bottom: 15px; 
}
.news-box-detail:hover{

    box-shadow: 0 0 12px rgba(0,0,0,.3);
    border-radius: 4px;
    border: 2px solid transparent;

}

.news-box-detail a img {
 /*   height: 170px;*/
    object-fit: contain;
    border-radius: 12px 12px 0px 0px;
}

.detail-info {

    margin-top: 5px;

}
.news_box a img {

    width: 100%;
/*    height: 220px;*/
    object-fit: contain;
    /* padding: 10px; */
    border-radius: 12px 12px 0 0;
}

.detail-content-news p {
    
    word-wrap: break-word;
}

.detail-content-news span {
    
    white-space: initial !important;
}

img.img-responsive.sub-img {
    height: 100px;
    /* object-fit: contain; */
    width: auto;
}

img.img-responsive.lg-img  {
    object-fit: contain;
}

@media (max-width: 420px) and (min-width:  320px)  {

  .box-header-news {

      border: none;
  }

  a.btn.btn-primary.share {

    width: 100%;
}

.btn-info {

    width: 100%;
    margin-top: 5px;
}


.btn-success {

    width: 100%;
}
.detail-content-news{

    position: relative;
    
}

.mFont {

    text-align: center;
    margin-top: 20px;
    width: 100%;
}
.colsidebar {

   padding: 0px;
}
.captions-news2 iframe {
    width: 100%;
    position: relative;
    height: 100%;
   
}


}



/* paginition */
.page-item{
    display: inline-block;
}
.pagination-padding{
    padding-top: 70px;
    padding-bottom:50px;
}
.page-link.pagination-arrow{
    border: none!important;
    padding: 0px 10px 0px 10px!important;
    box-shadow: 0 1px 7px -2px rgba(0,0,0,0.18)!important;
    font-size: 24px!important;
    color: #000 !important;
    border-radius: 4px!important;
    margin-right: 5px!important;
}

.nodata-All.disabled{
    display: none;
}
.nodata-Helath.disabled{
    display: none;
}
.nodata-Laboratory.disabled{
    display: none;
}
.nodata-MedicalEquipment.disabled{
    display: none;
}
.nodata-MedicalSupply.disabled{
    display: none;
}
.paginAll-plus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginAll-minus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginHelath-plus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginHelath-minus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginLaboratory-plus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginLaboratory-minus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginMedicalEquipment-plus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginMedicalEquipment-minus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginMedicalSupply-plus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}
.paginMedicalSupply-minus.disabled .pagination-arrow{
    background-color: #f5f5f5!important;
}

/* setrow */
.set-row{
    display: flex !important;
    flex-wrap: wrap !important;
}

  /* loader ellips in separate pen CSS */

  #inifiniteLoader{
    position: fixed;  
    z-index: 2;  
    bottom: 15px;   
    right: 10px; 
    display:none;
    font: 300 4em/150% Impact;
    text-align: center;
    left: 0%;
    top: 22%;
}

/* loading dots */

.loading:after {
    content: ' .';
    animation: dots 1s steps(5, end) infinite;}
  
  @keyframes dots {
    0%, 20% {
      color: rgba(0,0,0,0);
      text-shadow:
        .25em 0 0 rgba(0,0,0,0),
        .5em 0 0 rgba(0,0,0,0);}
    40% {
      color: gray;
      text-shadow:
        .25em 0 0 rgba(0,0,0,0),
        .5em 0 0 rgba(0,0,0,0);}
    60% {
      text-shadow:
        .25em 0 0 gray,
        .5em 0 0 rgba(0,0,0,0);}
    80%, 100% {
      text-shadow:
        .25em 0 0 gray,
        .5em 0 0 gray;
    }
}