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

.blockall{
	margin:0;
	padding:0;
	min-height:636px;
	margin-top: -180px;
	position:relative;
	padding-top: 180px!important;
	background:url(../images/blockall/bg.png) top center no-repeat;
}

/**************************************************************/
.blockall .news{
	margin:0;
	padding:0;
	margin-top: 30px;
}
.blockall .news .top{
	padding-left: 57px;
	min-height:48px;
	background:url(../images/blockall/star.png) top left no-repeat;
	font:24px/48px 'lineseed', Arial, sans-serif;
	color:#008cff;
	font-weight:bold;
}
.blockall .news .top span{
	color:#33018f;
}
.blockall .news .mid{
	margin:0;
	padding:0;
	padding: 0;
}
.blockall .news-block{
	background: #dc2e84;
	/* padding:18px; */
	/* width: 315px; */
}
.blockall .news-block .pic{
	margin:0;
	padding:0;
}
.blockall .news-block .pic img{
	max-width:100%;
	height:auto;
}
.blockall .news-block .text{
	margin:0;
	padding: 10px;
	margin:15px 0px;
	font:14px/18px 'Kanit', Arial, sans-serif;
	height: 50px;
}
.blockall .news-block .text a{
	color: #fff;
}
.blockall .news-block .social{
	margin:0;
	padding:0;
	margin-top:5px;
}

.blockall .news .bottom{
	margin:0;
	padding:0;
	padding-top:5px;
	text-align:center;
}
.blockall .news .bottom-2{
	margin:0;
	padding:0;
	margin-top: 30px;
	text-align:right;
}
/**************************************************************/
/**************************************************************/
.blockall .banner{
	margin:0;
	padding:0;
	padding-top: 29px;
}
.blockall .banner .top{
	padding-left: 57px;
	min-height:48px;
	background:url(../images/blockall/chart.png) top left no-repeat;
	font:24px/48px 'lineseed', Arial, sans-serif;
	color:#008cff;
	font-weight:bold;
}
.blockall .banner .top span{
	color:#33018f;
}
.blockall .banner .banner-block{
	margin: 8px 0px;
	padding:8px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0fab57+0,0290e6+100 */
	background: #0fab57; /* Old browsers */
	background: -moz-linear-gradient(left,  #0fab57 0%, #0290e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0fab57 0%,#0290e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0fab57 0%,#0290e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fab57', endColorstr='#0290e6',GradientType=1 ); /* IE6-9 */
	/* width:363px; */
	min-height:77px;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blockall .banner .banner-block:hover{
	background:#008cff;
}

.blockall .banner-icon{
	width:69px;
	height:66px;
	text-align:center;
	background: #4fb0ff;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
.blockall .banner-icon img{
	max-width:100%;
	height:auto;
}
.blockall .banner-text{
	height:66px;
	font: 18px/20px 'Kanit', Arial, sans-serif;
}
.blockall .banner-text a{
	color:#000;
}
.blockall .banner .banner-block:hover{
	cursor:pointer;
}
.blockall .banner .banner-block:hover a{
	color:#fff;
}
/**************************************************************/






/* ------------------------------------------------ */

@media (min-width: 375px) and (max-width: 419px) {
	.blockall{
		margin-top: 0;
	}
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		/* margin-top: 0px !important; */
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.blockall{
		margin-top: 0;
	}
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		/* margin-top: 0px !important; */
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		/* margin-top: -10px !important; */
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		/* margin-top: -10px !important; */
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		/* margin-top: -10px !important; */
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		/* margin-top: -10px !important; */
	}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.blockall .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}