@charset "utf-8";
/* CSS Document */

.news-list-sub{
	margin:0;
	padding:0;	
}
.news-list-sub .card-deck{
	margin:0px 0px;
	margin-bottom:20px;	
}
.news-list-sub .hr-top{
	margin:0;
	 margin-top: 24px;
	padding:0;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px solid #d6d6d6;
	letter-spacing:1px;
	font: 26px/35px 'thaisanslite', Arial, sans-serif;	
}
.news-list-sub .card{
	margin:0;
	padding:0;
	margin: 0px;
}

.news-list-sub .card a{
	margin:0 !important;
	padding:0  !important;
	margin: 0px  !important;
}

.news-list-sub .card img{
	max-width:100%;
	height:auto;
}
.news-list-sub .card-body{
    padding: 10px 15px;
}
.card-title{
	font: 26px/26px 'thaisanslite', Arial, sans-serif !important;	

}
.news-list-sub .card-title a{
	color: #ad8c1c;
}
.news-list-sub .card-title a:hover{
	color:#04449f;
}
.news-list-sub .card-text{
	    font: 20px/22px 'thaisanslite', Arial, sans-serif;
}
.news-list-sub .card-text a{
	color:#333;
}
.news-list-sub .card-text a:hover{
	color:#04449f;
}
.news-list-sub .news-list-bottom{
	margin: 30px 0px 10px 0px;
	padding:0;
}
.news-list-sub .news-list-bottom .page-item .page-link {
	color:#bea75a;
}
.news-list-sub .news-list-bottom .page-link{
	border:1px solid #bea75a;	
}
.news-list-sub .news-list-bottom .page-link:hover{
	    background-color: #ece6d3;
}

/* for VDO */

.card .btnPlay {
        background: url(../img/play.png) 0 0 no-repeat;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 95px;
        height: 95px;
        display: block;
        margin: -77.5px 0 0 -47.5px;
        z-index: 2;
    }

@media (max-width: 575px) { 
	
	#listdisplay{ 
		padding-left:  0px!important;
		padding-right: 0px!important;
	}
	
	.card-bottom{
		margin-bottom: 15px !important;
	}
	
}

@media (min-width: 576px) and (max-width: 767px) { 
	#listdisplay{ 
		padding-left:  0px!important;
		padding-right: 0px!important;
	}
	
	.card-bottom{
		margin-bottom: 15px !important;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	#listdisplay{ 
		padding-left:  0px!important;
		padding-right: 0px!important;
	}
	
	.card-bottom{
		margin-bottom: 15px !important;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) { 
	#listdisplay{ 
		padding-left:  0px!important;
		padding-right: 0px!important;
	}
	
	.card-bottom{
		margin-bottom: 15px !important;
	}

}

/* card */

.new {
       top: -3px;
    right: 0;
    width: 64px;
    /* height: 34px; */
    position: absolute;
    z-index: 9;
}

.special {
    top: -3px;
    right: 0;
    width: 64px;
    /* height: 34px; */
    position: absolute;
    z-index: 9;
}

/* BOX Search */
#btn-quickSearch{
   background: url('../images/search-btn.png') center 8px no-repeat #3d84c3;
   width: 60px;
   height: 40px;
   display: block;
   border: none;
   float: right;
   cursor: pointer;
}
                            
.pad8{
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 6px;
 }
                            
.boxSearch{
      padding-bottom: 25px;
      margin-bottom: 30px;
      padding-top: 25px;
      border: 2px double #dddddd;
      background: #dddddd;
      font: 20px/22px 'thaisanslite', Arial, sans-serif;
} 
                            
.boxSearch-head{
     font: 26px/35px 'thaisanslite', Arial, sans-serif !important;
     text-align: center !important;
     color: #0e3b5a !important;
 }