.highlight{
	width:100%;
	height:auto;
	}

.highlight-block{
	width:100%;
	height:auto;
	} 
.highlight-block .top{
	width:100%;
	height:auto;
	position: relative;
    left: 10px;
	}
.highlight-block .title{
	padding-left: 75px;
	height: 105px;
	font: 29px/122px 'Kanit', Arial, sans-serif;
	color: #000;
	background:url(../images/block-all/top-h.png) 0 0 no-repeat;
	}
.highlight-block .h-mid{
	margin:0;
	padding:0;
	margin-top: 0px;
}
.highlight-block .h-mid a{
	color:#fff;
}
.highlight-block .h-mid a:hover{
	color:#fff;
}
.highlight-block .h-block{
	padding:22px 17px;
	border:1px solid #e2e2e2;
	/* border-left: #8ad2ff 14px solid; */
	border-radius: 15px;
	width:100%;
	height:122px;
	font: 16px/24px 'Kanit', Arial, sans-serif;
	-webkit-box-shadow: 8px 8px 14px -2px rgba(0,0,0,0.05);
	-moz-box-shadow: 8px 8px 14px -2px rgba(0,0,0,0.05);
	box-shadow: 8px 8px 14px -2px rgba(0,0,0,0.05);
}



.highlight-block .bg-1{
	background: #042c71;
}
.highlight-block .bg-2{
	background: #fe0096;
	/* border-left: #ffce68 14px solid; */
}
.highlight-block .bg-3{
	background: #fff;
}

.highlighttoday-137-1 .highlight .h-bottom{
	margin:0;
	padding:0;
	margin-top: 25px;
}
.highlight-block .list{
	width:100%;
	height:auto;
	}
.highlight-block .list ul{
	width:100%;
	height:auto;
	}	
.highlight-block .list ul li{
	width:100%;
	height:auto;
	margin-top: 20px;
	font: 16px/24px 'Kanit', Arial, sans-serif;
	background: url(../images/block-all/li-h.png) 2% 16% no-repeat;
	padding-left:30px;
	padding-bottom:20px;
	border-bottom: 2px solid #c4c4c4;
	}	
.highlight-block .list ul li a{
	color:#000;
	}
.highlight-block .list ul li a:hover{
	color: #000;
	}
.highlight-block .bottom{
	width:100%;
	height:
	auto;
	/* margin-top: -26px; */
	}

@media (max-width: 374px) { 

.highlight-block {
    margin-top: 20px;
}

.highlight-block .top {
    text-align: center;
}
	}
@media (min-width: 375px) and (max-width: 413px) {

.highlight-block .top {
    text-align: center;
}
	}

@media (min-width: 414px) and (max-width: 575px) {


.highlight-block {
    margin-top: 20px;
}
.highlight-block .top {
    text-align: center;
}
	}
	@media (min-width: 576px) and (max-width: 991px) {

.highlight-block {
    margin-top: 20px;
}
.highlight-block .top {
    text-align: center;
}
.highlight-block .list ul li{
	border-bottom: 2px solid #ffffeb;	
}

	}
@media (min-width: 992px) and (max-width: 1199px) {

.highlight-block .list ul li{
    margin-top: 0;	
}


.highlight-block {
    margin-top: 20px;
}
.highlight-block .top {
    text-align: center;
}
.highlight-block .title{
	padding-top: 40px;
	font: 29px/29px 'Kanit', Arial, sans-serif;
}

	}
@media (min-width: 1200px) and (max-width: 1360px) {

	}