body{background-color:white; font-size:15px; color:#555555; font-family: 'Sarabun','Roboto',sans-serif;}

:focus {outline: none;}
a:hover { cursor:pointer; }

@font-face {
	font-family: 'cs-chatthai';
	src: url('template/template_1/fonts/cs-chatthai.eot');
	src: local('☺'), url('../../../template/template_1/fonts/cs-chatthai.woff') format('woff'), url('../../../template/template_1/fonts/cs-chatthai.ttf') format('truetype'), url('template/template_1/fonts/cs-chatthai.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'db-adman-x';
	src: url('template/template_1/fonts/db-adman-x.eot');
	src: local('☺'), url('../../../template/template_1/fonts/db-adman-x.woff') format('woff'), url('../../../template/template_1/fonts/db-adman-x.ttf') format('truetype'), url('template/template_1/fonts/db-adman-x.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'db-adman-x-bold';
	src: url('template/template_1/fonts/db-adman-x-bold.eot');
	src: local('☺'), url('template/template_1/fonts/db-adman-x-bold.woff') format('woff'), url('template/template_1/fonts/db-adman-x-bold.ttf') format('truetype'), url('template/template_1/fonts/db-adman-x-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'maxpimjohnv2';
	src: url('../../../template/template_1/fonts/maxpimjohnv2.eot');
	src: local('☺'), url('../../../template/template_1/fonts/maxpimjohnv2.woff') format('woff'), url('template/template_1/fonts/maxpimjohnv2.ttf') format('truetype'), url('template/template_1/fonts/maxpimjohnv2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clearfix{clear:both;}

/* Navigation */
.head{background-color: #21723e; margin: 0; position: relative; }
.logo{ background-image: url(../../../template/template_1/images/logo_de_2.png); width:130px; height:130px; position: absolute; top:-12px; left:-30px; z-index:1; }
.name{position:absolute; color:white; font-size: 30px; font-family: 'maxpimjohnv2'; line-height:25px; top:37px; left:90px; z-index:1 ; text-shadow: 0px 1px 4px #000;}
.name_eng{font-size: 26px;}
.align-topmenu{ margin: 0 auto !important; text-align: center !important;  position: relative;padding-right: 0;}
#topmenu{text-align: left; color: white; font-family: 'db-adman-x'; font-size: 20px; padding-bottom:10px;}
#topmenu a {color: white;}
#topmenu a:hover{color: #dcfc06; border-bottom: 2px solid #dcfc06;}
#topmenu .active a {color: #dcfc06; border-bottom: 2px solid #dcfc06; }
#topmenu a.nav-link{padding-bottom:0px;}
#topmenu li{padding-right: 0.7rem; padding-left: 0.7rem;  line-height: 25px;}
#topmenu ul li div.dropdown-menu{border:0;background-color: rgba(202, 248, 135, 0.9); border-radius: 2px;}
#topmenu ul li div.dropdown-menu a{ font-size: 14px; color: #333;}
#topmenu ul li div.dropdown-menu a:hover{background-color: #aad25b;}
#topmenu ul li div.dropdown-menu a.dropdown-item {padding: .35rem 0.9rem;}
#topmenu ul li div.dropdown-menu a.dropdown-item.active {background-color: #aad25b;}
	#topmenu ul.navbar-nav li:hover > ul.dropdown-menu {display: block;border:0;
		background-color: rgba(202, 248, 135, 0.9); border-radius: 2px;}
	.dropdown-submenu {	position:relative;}
	.dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:-6px; }
	.bg-submenu{border:0;background-color: rgba(202, 248, 135, 0.9); border-radius: 2px;}
	.dropdown-menu li a:hover,.dropdown-menu li:hover{background-color: #aad25b;display: block;}
	.dropdown-submenu a:hover,.dropdown-submenu:hover{background-color: #aad25b; display: block;}
	/* rotate caret on hover */
	.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);	}

/* TOOL */
.wrap-tool{position: relative; }
.tool{ position: absolute; right:-25px;top:-65px; z-index:1;	}
.tool ul{padding:0; margin:0;}
.tool ul li{list-style: none; padding-bottom:8px; margin:0; display: block; text-align: center; }
.tool ul li:hover{opacity: .9;}

/*tag*/
#tag-cloud a.tag-item
{
    color:#555;
    text-decoration: none;
}

/*modal-subscribe*/
#modal-subscribe,
#modal-subscribe .modal-header,
#modal-subscribe .modal-body
{
    color:#333;
}

#modal-subscribe label {
    font-weight:bold;
}


/* SLIDE */
.wrap-slide{margin:0;background-color: #f4f5f9;}
#slide{text-align: center; min-width: 100%;-webkit-clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
	clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0); height:400px; }
.img-slide{width:100%; }
.arrowslideright{background-image: url(../../../template/template_1/images/arrowright-slide-hot.png); width:32px; height:31px; top:35%; right:6%;}
.arrowslideleft{background-image: url(../../../template/template_1/images/arrowleft-slide.png); width:31px; height:31px;top:35%; left: 6%;	}
.text-box {	position: absolute;	top: 170px;	left: 15%;	right: 15%;	color: #FFF;	transform: translateY(-50%); font-family: 'maxpimjohnv2';	}
.text-slide001{ font-family: 'maxpimjohnv2'; font-weight: normal; font-size:35px ; text-shadow: 0px 1px 4px #666; letter-spacing: 1px; }
.text-slide002{ font-family: 'maxpimjohnv2'; font-weight: normal;  font-size:47px ;text-shadow: 0px 1px 4px #666;letter-spacing: 1px; margin-top:-10px;}
.text-slide003{ font-family: 'maxpimjohnv2'; font-weight: normal;  font-size:28px ;text-shadow: 0px 1px 4px #666;letter-spacing: 1px;}
.text-slide004{ font-family:tahoma; font-weight: normal;  font-size:8px ;color:#909090; position: absolute; right: 180px; bottom: -22px;}
.line-text-slide{margin-top:10px; vertical-align: sub;	}
.btn-readmore-slide{margin-top:10px; vertical-align: sub;}
.text-slide-vdo1{ font-family: 'maxpimjohnv2'; font-weight: bold; font-size:35px ; text-shadow: 0px 1px 4px #000; letter-spacing: 1px; }
.text-slide-vdo2{ font-family: 'maxpimjohnv2'; font-weight: bold;  font-size:28px ;text-shadow: 0px 1px 4px #000;letter-spacing: 1px;}

/* WIFI */
.wifi{position:relative;	top: -250px;left: 250px;}
.wifi-symbol {	display: none;  }
.wifi-symbol [foo], .wifi-symbol {	position: absolute;	display: inline-block; width: 60px; height: 60px;
    -ms-transform: rotate(-45deg) translate(-100px);	-moz-transform: rotate(-45deg) translate(-100px);
	-o-transform: rotate(-45deg) translate(-100px);	-webkit-transform: rotate(-45deg) translate(-100px);
    transform: rotate(-45deg) translate(-100px);
}
.wifi-symbol .wifi-circle {	box-sizing: border-box;	-moz-box-sizing: border-box;	display: block;	width: 100%;	height: 100%;
	font-size: 21.42857px;	position: absolute;	bottom: 0;	left: 0;	border-color: #FFF;	border-style: solid; border-width: 10px 10px 0 0;
	-webkit-border-radius: 8px 100% 8px 8px;	border-radius: 8px 100% 8px 8px;	opacity: 0;
	-o-animation: wifianimation 2s infinite;	-moz-animation: wifianimation 2s infinite;	-webkit-animation: wifianimation 2s infinite;
    animation: wifianimation 2s infinite;
}
.wifi-symbol .wifi-circle.first {	-o-animation-delay: 800ms;	-moz-animation-delay: 800ms;	-webkit-animation-delay: 800ms;	animation-delay: 800ms;  }
.wifi-symbol .wifi-circle.second {	width: 40px;	height: 40px;	-o-animation-delay: 400ms;	-moz-animation-delay: 400ms;
    -webkit-animation-delay: 400ms;	animation-delay: 400ms;
}
.wifi-symbol .wifi-circle.third {	width: 24px;	height: 24px;  }
.wifi-symbol .wifi-circle.fourth {	width: 10px;	height: 10px;	opacity:0.7;	background-color: #FFF;
    -o-animation: none;	-moz-animation: none;	-webkit-animation: none;	animation: none;
}

@keyframes wifianimation {
    0% { opacity: 0.6; }
    5% { opacity: 1; }
    6%, 100% { opacity: 0.1; }
}
@-o-keyframes wifianimation {
    0% { opacity: 0.6; }
    5% { opacity: 1; }
    6%, 100% { opacity: 0.1; }
}
@-moz-keyframes wifianimation {
    0% { opacity: 0.6; }
    5% { opacity: 1; }
    6%, 100% { opacity: 0.1; }
}
@-webkit-keyframes wifianimation {
    0% { opacity: 0.6; }
    5% { opacity: 1; }
    6%, 100% { opacity: 0.1; }
}

/* VDO */
.vdo {position: relative;	background-color: black;	/*height: 479px;*/	min-height: 25rem;	width: 100%; 	overflow: hidden;  }
.vdo .overlay {	position: absolute;	top: 0;	left: 0;height: 100%;width: 100%;background-color: black;	opacity: 0.5;z-index: 0;  }
.vdo video {
	position: absolute;	top: 50%;	left: 50%;	min-width: 100%;	min-height: 100%;	width: auto;	height: auto;	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);	transform: translateX(-50%) translateY(-50%);  }


/* บริการประชาชน */
.wrap-service{margin:0; background-color: #f4f5f9; margin-top:-28px; padding-bottom: 5px; }
.service{font-family: 'db-adman-x'; font-size: 20px; color:#333; line-height:35px; padding:0;}
.service a{font-family: 'db-adman-x'; font-size: 20px; color:#333; line-height:35px;text-decoration: none;  }
.service div{ display:inline-block;vertical-align: bottom; }
.text-btn-service, .text-btn-service a { color:#4a9f24; text-decoration: none; letter-spacing: 1px;	font-size: 24px;z-index: 1;
	position: relative;}
.anchor { position: absolute;  top: -50px;  left: 0; right: 0; margin: auto; z-index: 1;}
.service-price div:hover,.service-download div:hover,.thump-knowledge div:hover,.thump-knowledge2 div:hover,.anchor div:hover
{-webkit-transform: scale(1.04);	transform: scale(1.04);-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out; z-index:1 ;cursor: pointer;}

/* MISSION */
.wrap-mission{margin:0; background-color: #FFF;  padding-top: 5px; padding-bottom: 5px; position: relative;  }
#mission{text-align: center;}
.mission01{background-image: url(../../../template/template_1/images/mission01.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer; margin: 0 auto;}
.mission01:hover{background-image: url(../../../template/template_1/images/mission01-hot.png); width:206px; height:92px;}
.mission02{background-image: url(../../../template/template_1/images/mission02.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer;margin: 0 auto;}
.mission02:hover{background-image: url(../../../template/template_1/images/mission02-hot.png); width:206px; height:92px;}
.mission03{background-image: url(../../../template/template_1/images/mission03.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer;margin: 0 auto;}
.mission03:hover{background-image: url(../../../template/template_1/images/mission03-hot.png); width:206px; height:92px;}
.mission04{background-image: url(../../../template/template_1/images/mission04.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer;margin: 0 auto;}
.mission04:hover{background-image: url(../../../template/template_1/images/mission04-hot.png); width:206px; height:92px;}
.mission05{background-image: url(../../../template/template_1/images/mission05.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer;margin: 0 auto;}
.mission05:hover{background-image: url(../../../template/template_1/images/mission05-hot.png); width:206px; height:92px;}
.mission06{background-image: url(../../../template/template_1/images/mission06.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer;margin: 0 auto;}
.mission06:hover{background-image: url(../../../template/template_1/images/mission06-hot.png); width:206px; height:92px;}
.mission07{background-image: url(../../../template/template_1/images/mission07.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer;margin: 0 auto;}
.mission07:hover{background-image: url(../../../template/template_1/images/mission07-hot.png); width:206px; height:92px;}
.mission08{background-image: url(../../../template/template_1/images/mission08.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer;margin: 0 auto;}
.mission08:hover{background-image: url(../../../template/template_1/images/mission08-hot.png); width:206px; height:92px;}
.mission0{background-image: url(../../../template/template_1/images/mission0.png); width:206px; height:92px; text-indent:-9999px; cursor:pointer;margin: 0 auto;}
.p-mission{padding:25px; letter-spacing:1px; font-size: 16px; line-height:27px;}
.img-tel2{width:16px; float:left;margin-right:10px;}
.title-tel2{color:#17bc01;font-family: 'db-adman-x'; font-size:20px; line-height:20px; padding-top:9px;}

.line-end-mission{border-top: 1px solid #e4e6ea; height: 1px; line-height: 1px; margin-bottom: 40px;margin-top: 10px;}
.mission-right-banner {
    background-image: url(../../../template/template_1/images/mission-right-banner.png);
    background-repeat: no-repeat;    background-position: right;    width: 20px;    opacity: 1;    right: -17px;    position: absolute;}
.mission-left-banner {
    background-image: url(../../../template/template_1/images/mission-left-banner.png);
    background-repeat: no-repeat;    background-position: right;    width: 20px;
	opacity: 1;    right: 17px;    position: absolute;}
.mission-thumbnail{display: inline-block; margin:10px; text-align:center; }
.mission-thumbnail div{ position: relative;  z-index: 2;}

/* ข่าวเด่น */
.wrap-topnews{margin:0; padding-bottom: 40px;}
.title-pr{font-family:'db-adman-x';	color:#6a6a6a; font-size: 33px;	letter-spacing: 2px; text-align: center;}
.tablet{background-image: url(../../../template/template_1/images/tablet.png); width:543px; height:334px; position: relative;	}
.pic-news{ margin-top: 24px; margin-left:23px; max-width: 100%; max-height: 100%;}
.title-top-news{font-family: 'db-adman-x'; color:#6a6a6a; font-size: 25px;}
.title2-top-news{font-family: 'cs-chatthai'; font-size: 17px; color:#028026;  margin-top:15px; line-height: 27px; max-width:94%;overflow: hidden;}
.p-top-news{font-family: 'cs-chatthai'; font-size: 16px; color:#333333; margin-top:15px; line-height: 26px; max-height:130px; max-width:93%; overflow: hidden;}
.btn-more-topnews img{margin-left: 0px; margin-top: 0px;}
.btn-more-topnews:hover{opacity: 0.9;}

/* ข่าวประชาสัมพันธ์ */
.wrap-prnews{margin:0; padding-top: 40px; padding-bottom: 40px; background-color:#f4f5f9;	}
.pr-news {margin-left: 158px;}
.pr-news .nav-link.active, .pr-news .show>.nav-link {background-color: #6bb601; font-family:'db-adman-x';color:white; font-size: 21px;padding: .1rem 1rem;}
.pr-news .nav-link{font-family:'db-adman-x';	color:#999999; font-size: 21px;padding: .1rem 1rem; }
.slash{font-family:'db-adman-x';	color:#999999; font-size: 21px;  padding: 0.1rem 0.5rem; margin-top:10px;}
.p-news{max-height:75px; overflow: hidden;font-family: 'cs-chatthai'; font-size: 17px; color:#333333; margin-top:20px;}
.p-news a{color:#333; text-decoration: none;}
.p-news a:hover{color:#555; text-decoration: none;}
.img-news{
	border-radius: 10px; margin-top:30px; 
	/* max-width: 100%; */
	width:100%;
	max-width:360px;
}
#pills-tabContent{padding-top: 20px;}
.wrap-date{position: relative; float:left;}
.date-prnews{ background-color: #FFF; border-radius: 6px; font-family: 'cs-chatthai'; font-size: 30px; color:#000;	line-height:15px; padding-left: 6px;padding-right: 6px;padding-bottom: 6px; padding-top: 10px;  display: block; position: absolute; top:0px; left:25px;z-index:1;}
.month-prnews{ font-family: 'cs-chatthai'; font-size: 15px; color:#000;}
.pr-pr{width:93%;}
.viewall-pr-news{font-family:'db-adman-x';	color:#4da64e; font-size: 20px; letter-spacing: 1px; text-align:center;}
.viewall-pr-news a{font-family:'db-adman-x';	color:#4da64e; font-size: 20px; letter-spacing: 1px; text-decoration: none;}
.viewall-pr-news a:hover{color:#4ecb15;}
.new-prnews,.new-prnews2{ background-color: #DC3545;border-radius: 6px;font-family: 'cs-chatthai';font-size: 12px !important;color: #fff;line-height: 15px;padding: 7px;display: block;position: absolute;top: 55px;left: 25px;z-index: 1;}
.new-prnews2{ top: 4px;left: 19px;}


/* ข่าวจัดซื้อจัดจ้าง */
.date-procurement{ font-family: tahoma; color: #CCC; font-size: 13px; padding-left: 10px;}
.nav-tabs{float: left;}
.procurement{width: 75%; float: left;}

.link_viewall {margin-top: 0px; padding:5px; border:0;  float: right;  font-family: 'Kanit'; font-weight: normal; color:#5cb208; font-size: 16px; display:block; background-color: #e8ffca; border-radius: 3px;  }
.link_viewall:hover {background-color: #f1ffb9;}

.procurement ul {padding: 0; margin: 0;}
.procurement ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/leaf_icon.png); background-position: 0px 13px; background-repeat: no-repeat;
	 padding-left: 25px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.procurement ul li a {color: #333;}

.procurement2{    width: 100%; float: left;}
.procurement2 ul {padding: 0; margin: 0;}
.procurement2 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/pdf.png); background-position: 0px 13px; background-repeat: no-repeat;
	 padding-left: 35px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.procurement2 ul li a {color: #333;}

.procurement3{    width: 100%; float: left;}
.procurement3 ul {padding: 0; margin: 0;}
.procurement3 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-persone.png); background-position: 0px 11px; background-repeat: no-repeat;
	 padding-left: 30px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.procurement3 ul li a {color: #333;}

.procurement4{ width: 100%;  float: left;}
.procurement4 ul {padding: 0; margin: 0;}
.procurement4 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-microphone.png); background-position: 0px 18px; background-repeat: no-repeat;
	 padding-left: 25px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.procurement4 ul li a {color: #333;}
.procurement-width{padding-left: 80px;}


/* VDO */
.wrap-vdo{margin: 0; background-color: #eaebec;	padding-top: 20px; padding-bottom: 30px; position: relative;}
.box-vdo{background-color: #FFF; text-align: center; padding:20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); position: relative; z-index:1;}
	.title-vdo{ font-family: 'cs-chatthai'; font-size: 18px; color:#333; padding-bottom: 10px;padding-top: 20px;}
	.shape1{width:28px; height:2px; background-image: url(../../../template/template_1/images/shape1.png); background-repeat:no-repeat; background-position: center center; margin:0 auto;}
	.intro-vdo{ padding-top: 20px; font-family: 'cs-chatthai'; font-size: 16px; color:#333; min-height:90px; overflow: hidden;}
.btn-vdo-all{  padding-left:15px;padding-right:15px; padding-top:2px;padding-bottom:2px;border-radius: 4px;  background-color: #63af00;    font-family: 'db-adman-x';    color: white;    font-size: 20px;  }
.btn-vdo-all:hover{ color: white; text-decoration: none; background-color: #77c315;}
.box-frame{border:1px solid #FFF; padding:0; margin-left: -40px;margin-top: -10px;}

/* E-BOOK */
.ebook{margin: 0; background-image: url(../../../template/template_1/images/bg-ebook.jpg);background-repeat: no-repeat; background-size: 100% 100%; border-top:1px solid white; padding:30px; }
.viewall-ebook{ color: #4da64e; font-family:'db-adman-x'; font-size: 20px; float: right; margin-top: -34px; margin-right: 5px;}
.viewall-ebook:hover{color: #77c315; text-decoration: none; }
.name-book{ display: block; text-align:center; position: relative;margin-top: 238px; color: #000; }

/* event calendar */
.event{margin: 0;}
.bg-event{background-image: url(../../../template/template_1/images/bg-event.jpg);background-repeat: no-repeat; background-size: 100% 100%; padding-left: 100px; }
.title-event{ color:#9df852;font-family:'db-adman-x'; font-size: 27px; letter-spacing: 2px; padding-top: 20px; padding-bottom: 20px;}
.date-event{text-align: center; line-height: 18px;border-right:1px solid #318854;}
.num{color: #9df852; font-family: 'cs-chatthai'; font-size:22px;  }
.month-event{color: #FFF; font-family: 'cs-chatthai'; font-size:14px;}
.tb-event th,.tb-event td {border-bottom:1px solid #318854; border-top:1px solid #318854; color:white; font-size:16px;}
.tb-event td a{color:white;}
.viewall-event{ color: #7de22b; font-family:'db-adman-x'; font-size: 20px; float: right; margin-top: -30px;}
.viewall-event:hover{color: #9df852; text-decoration: none; }
.bg-banner-event{ background-image: url(../../../template/template_1/images/bg-banner-event.jpg);background-repeat: no-repeat; background-size: 100% 100%;padding-left:45px;padding-top:37px;padding-bottom:36px;}
.bg-banner-event img:hover{opacity:0.95;}


/* WEBLINK */
.banner-bg{background-color: #e2f2d0; margin:0; padding-top: 20px;padding-bottom: 20px;}
#banner{margin-left:70px;}
.no-padding{padding-left: 0; padding-right: 0;}
.weblink{display: inline-block; margin:10px;  }
.weblink-left{background-image: url(../../../template/template_1/images/arrow-left-partner.png); background-repeat: no-repeat; background-position:left; width: 30px; opacity: 1;  }
.weblink-right{background-image: url(../../../template/template_1/images/arrow-right-partner.png); background-repeat: no-repeat; background-position:right; width: 30px;opacity: 1; right: -17px; position: absolute; }

.weblink-left-banner{background-image: url(../../../template/template_1/images/arrow-left.png); background-repeat: no-repeat; background-position:left; width: 20px; opacity: 1; z-index:2;}
.weblink-right-banner{background-image: url(../../../template/template_1/images/arrow-right.png); background-repeat: no-repeat; background-position:right; width: 20px; opacity: 1;right:70px; position: absolute;z-index:2;}

/* แนะนำลิงค์ */
.banner-recommend{background-color: #f4f5f9; margin:0; padding-top: 30px; padding-bottom: 0px;}
.title-recommend{color: #6a6a6a; font-family:'db-adman-x'; font-size: 24px; margin-bottom: 15px;  margin-left:25px;letter-spacing: 1px;}
.selectlink{position: relative; margin-top:0px;  z-index:1;font-family: 'cs-chatthai'; font-size:14px !important; margin-left:-100px;}
.selectlink select option { font-size:16px; padding:20px;}
#logolink{margin-left:40px;}
.logolink{display: inline-block; margin:19px;  }

/* Address */
.address{background-color: #186a48; margin:0; padding-top: 10px; padding-bottom: 10px; margin-top: -15px;}
.mapgoogle{ float:left; position:relative;}
.mapgoogle iframe{ float:left; border: 6px solid #186a48; top:10px;}
.tel{float:left; color:white; line-height:35px;margin-top:20px; width: 15%; }
.w3c{padding-top:20px;text-align:right; }
.w3c img{ margin:5px; }
.w3c img:hover{opacity:0.9;}
.num-visit{background-color: #074a2e; padding-left:10px; padding-right:10px;padding-top:5px;padding-bottom:5px;font-family: 'cs-chatthai'; font-size:18px; margin-bottom:5px; margin-left:10px; border-radius: 4px;}
.visit{float:right; margin-top: 20px;}
.name-ministry{ font-family:'db-adman-x'; font-size:22px; color: #c1fc73; margin-top: 10px;}
.address-mark{font-family: 'cs-chatthai'; font-size:14px; color: #FFF; }
.padding-address{    padding-left: 35px;}

/* Copyright */
.bg-copyright{background-color: #d6d5d5; padding-top: 9px; padding-bottom: 9px; margin-top: -15px; font-family: 'cs-chatthai'; font-size:13px; }
.text-copy{padding:0;}
.policy{padding-left: 10px; padding-right: 10px; color:#035a36;}


/* SOCIAL SHARE */
/* - old version */
.share{ position: fixed;  z-index: 1; bottom:5%; right:0;}
.share ul li{list-style:none; }
.share ul li:hover{opacity: 0.9; }
/* - new version */
.social-buttons
{
	position:fixed;
	bottom:20%;
	right:0;
	border-radius:4px;
}

.social-buttons > a
{
	display:inline-block;
}

.social-buttons > a:hover
{
	opacity:0.9;
}

/* BACK TO TOP */
.scroll-top {	width: 41px;	height: 41px; float:right;	position: relative;	margin-top: -185px;	margin-right: 60px;	display: none; z-index:5;}
.scroll-top em{	display: inline-block;	color: #FFFFFF; }
.up{ background-color: #a7e654; border-radius: 50%; border:none; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.up:hover{ background-color: #b0f753;}

/* PAGE */
#header-page{text-align: center; min-width: 100%; -webkit-clip-path: polygon(50% 63%, 100% 35%, 100% 0, 0 0, 0 35%);
	clip-path: polygon(50% 63%, 100% 35%, 100% 0, 0 0, 0 35%);}



.wrap-header{/*background: rgba(244, 245, 249, 1);*/ background-color:#FFF; height: 115px; margin: 0; }
.wrap-content{background-color: #FFF;margin: 0;	padding-bottom: 60px;}
.wrap-page-header{margin:0;background-color: #f4f5f9; height:105px;}
.bg-executive{background-color: #e7f7ce; padding-bottom: 20px;}

/* BREADCRUMP */
.bread {background-color: transparent; margin-top: 0px;font-family: tahoma; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

.text-go {	color: #333;	font-weight: normal;	font-family:'db-adman-x'; font-size:22px; 	padding-top: 10px;	padding-bottom: 10px;}
.text-standard {	color: #78b91f;	font-weight: normal;	padding-top: 10px;}

.act1{width: 69%; float: left;}
.act1 ul {padding: 0; margin: 0;}
.act1 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-auction.png); background-position: 0px 15px; background-repeat: no-repeat;
	 padding-left: 31px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.act1 ul li a {color: #333;}

.act2{width: 69%; float: left;}
.act2 ul {padding: 0; margin: 0;}
.act2 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-rule.png); background-position: 0px 10px; background-repeat: no-repeat;
	 padding-left: 30px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.act2 ul li a {color: #333;}

.act3{width: 69%; float: left;}
.act3 ul {padding: 0; margin: 0;}
.act3 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-law.png); background-position: 0px 15px; background-repeat: no-repeat;
	 padding-left: 30px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.act3 ul li a {color: #333;}

.act4{width: 69%; float: left;}
.act4 ul {padding: 0; margin: 0;}
.act4 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-page.png); background-position: 0px 15px; background-repeat: no-repeat;
	 padding-left: 30px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.act4 ul li a {color: #333;}

.act5{width: 69%; float: left;}
.act5 ul {padding: 0; margin: 0;}
.act5 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-load.png); background-position: 0px 12px; background-repeat: no-repeat;
	 padding-left: 30px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.act5 ul li a {color: #333;}

.act6{width: 69%; float: left;}
.act6 ul {padding: 0; margin: 0;}
.act6 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-book.png); background-position: 0px 12px; background-repeat: no-repeat;
	 padding-left: 30px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.act6 ul li a {color: #333;}

.act7{width: 69%; float: left;}
.act7 ul {padding: 0; margin: 0;}
.act7 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-faq.png); background-position: 0px 10px; background-repeat: no-repeat;
	 padding-left: 30px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.act7 ul li a {color: #333;}

.act8{width: 69%; float: left;}
.act8 ul {padding: 0; margin: 0;}
.act8 ul li {padding: 0; margin-left: 20px; list-style:none ; background-image: url(../../../template/template_1/images/icon-doc.png); background-position: 0px 15px; background-repeat: no-repeat;
	 padding-left: 30px; line-height: 25px; border-bottom: 1px solid #e1e0e0; padding-bottom: 10px;padding-top: 10px;}
.act8 ul li a {color: #333;}
.faq-answer{background-color: rgb(249, 245, 238); padding: 15px;}

/*for service 34*/
li.header-standard{
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

/* POP UP พ.ร.บ. */
#popup_content_wrap {	width: 100%;			height: 100%;   			top: 0;			left: 0;   	 position: fixed;
			background: rgba(0, 0, 0, 0.74);			z-index: 9999999;	}
	#popup_content {			width: 50%;			height: 300px;			padding:20px;		 position: relative;		top: 15%;			left: 25%;
			background: #FFF;			border: 10px solid #4da64e; border-radius: 8px; }




/* ข่าว */

#tv{margin-left: 50px;}
.title-news-pr{font-family: 'TST-back-power'; font-size: 24px; color: #7ebf25;text-align: center;padding: 15px;}
.bgnew-home{background-color: #effcd9;}















/* TAB services */


/* คลังความรู้ */
.title-knownledge{ font-weight: normal; color: #333; padding-top: 10px; padding-bottom: 10px; font-family: 'Kanit'; font-size: 18px; line-height:22px; max-height: 86px; overflow: hidden;}
.title2-knownledge{ font-weight: normal; color: #FFF; padding-top: 20px; padding-bottom: 10px; font-family: 'Kanit'; font-size: 27px; line-height:30px;}
.title3-knownledge{ font-weight: normal; color: #FFF; padding-top: 20px; padding-bottom: 10px; font-family: 'Kanit'; font-size: 22px; line-height:30px;}
.p-knownledge{height: 130px; overflow: hidden;}
.date-knownledge{color: #888; font-size: 13px;margin-top: -5px;}
.date2-knownledge{color: #fff; font-size: 13px;margin-top: -5px; }
.img-publicacion-home img{height: auto; overflow: hidden; width:100%; }

.publicaciones-blog-home {	background: url("") no-repeat fixed center center;    background-size: 100% auto;}
.publicaciones-blog-home h2 {	text-align: center;    font-weight: 300;    margin-bottom: 30px;    font-size: 44px;    margin-top: 70px;}
.publicaciones-blog-home h2 b {	color: #a5dd58;}
.publicaciones-blog-home .fondo-publicacion-home {	background: #eee;    border-radius: 3px;    overflow: hidden;    height: 410px;    margin-bottom: 20px;
    display: block;    color: inherit;    text-decoration: none;    position: relative;}
.publicaciones-blog-home .fondo-publicacion-home:hover h3 {	color: #a5dd58;/*    box-shadow: 0px 4px 3px 3px rgba(0, 0, 0, 0.08);*/}
.publicaciones-blog-home .fondo-publicacion-home:hover .mascara-enlace-blog-home {
    height: 410px;    width: 100%;    color: #aaa;    background-color: #a5dd58;
    position: absolute;    top: 0;    opacity: 0.95;
    -webkit-transition: all 0.4s ease-out 0s;    -o-transition: all 0.4s ease-out 0s;    transition: all 0.4s ease-out 0s;
}
.publicaciones-blog-home .black {
	background: #a5dd58;
}
.publicaciones-blog-home .fondo-publicacion-home .img-publicacion-principal-home {
	display: inline-block;    width: 50%;    overflow: hidden;    height: 100%;
}
.publicaciones-blog-home .fondo-publicacion-home .img-publicacion-principal-home img {
	height: 100%;    width: auto;
}
.publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home {
    display: inline-block;    vertical-align: top;    width: 49%;    padding: 0 10px;
}
.publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home h3 {
    font-weight: 900;    color: #fff;    text-transform: uppercase;    font-size: 30px;
}
.publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home p {
    color: #ffffff;    font-size: 16px;    font-weight: 300;
}
.publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-home {
    padding: 0 10px;
}
.publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-home h3 {
    font-weight: 900;    font-size: 20px;    text-transform: uppercase;
}
.publicaciones-blog-home .fondo-publicacion-home .img-publicacion-home  {
    overflow: hidden;    max-height: 180px;
}
.mascara-enlace-blog-home {
    height: 410px;    width: 0%;    color: #aaa;    background-color: #a5dd58;    position: absolute;
    top: 0;    opacity: 0.0;    -webkit-transition: all 0.4s ease-out 0s;    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;    text-align: center;    padding-top: 180px;
}
.mascara-enlace-blog-home span {
    text-align: center;    max-height: 410px;    border: 1px solid #fff;    display: inline-block;
    padding: 10px 30px;    border-radius: 3px;    color: #fff;    font-weight: 900;    font-size: 16px;
}
.publicaciones-blog-home .todas-las-publicaciones-home {
    background: #a5dd58;    height: 410px;    width: 100%;    display: inline-block;    padding: 20px;    text-decoration: none;    border-radius: 3px;
}
.publicaciones-blog-home .todas-las-publicaciones-home span {
    color: #fff;    font-weight: 900;    text-transform: uppercase;    font-size: 25px;    line-height: 26px;
}
@media (max-width: 768px) {
    #menu-7-20 > div{display: inline-block; width: 100%;}
    .card-news{min-height: 200px;}
    .publicaciones-blog-home, .cardnews-box {
        width: 100%;
        display: inline-block;
        padding: 10px;
    }
    .publicaciones-blog-home h2 {
    text-align: center;    font-weight: 300;    margin-bottom: 30px;    font-size: 34px;    margin-top: 70px;
    }
    .publicaciones-blog-home .fondo-publicacion-home {
    background: #ffffff;    border-radius: 3px;    overflow: hidden;    height: inherit;    margin-bottom: 20px;    display: block;    color: inherit;    text-decoration: none;
    position: relative;
    }
    .publicaciones-blog-home .fondo-publicacion-home .img-publicacion-principal-home {
    display: inline-block;    width: 100%;    overflow: hidden;    height: auto;
    }
    .publicaciones-blog-home .fondo-publicacion-home .img-publicacion-principal-home img {
    height: auto;    width: 100%;
    }
    .publicaciones-blog-home .black {
    background: #fff;
    }
    .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home {
    display: inline-block;    vertical-align: top;    width: 100%;    padding: 0 10px;
    }
    .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home h3 {
    font-weight: 900;    color: #333;    text-transform: uppercase;    font-size: 20px;
    }
    .publicaciones-blog-home .fondo-publicacion-home .contenido-publicacion-principal-home p {
	color: #333;    font-size: 14px;    font-weight: 400;
	}
    .publicaciones-blog-home .todas-las-publicaciones-home {
    background: #a5dd58;    height: 100%;    width: 100%;    display: inline-block;    padding: 20px;    text-decoration: none;    border-radius: 3px;
    }
}

/* pagination */
.page-pagin{margin-top: 30px; }
.page-pagi.active {  background-color: #79b445; color: #fff; border: 0; border-radius:4px; margin: 3px; }
.page-pagi {  background-color: #e2e2de; color: #333; border: 0; border-radius:4px; margin: 3px; }


/* E-BOOK */
.title-ebook{color: #333333; font-family: 'Kanit'; font-weight: normal;font-size: 20px; padding-top: 20px;  padding-bottom: 20px;  padding-left: 15px; }
.sum-load{color: #797a7a;font-size: 13px;text-align: center;padding-top: 5px;	}
.btn-ebook{ text-align:center; margin: 10px; }
.btn-ebook button{margin-left: 5px;}
.btn-infobook{background-color: #5bc0de; color: #fff;}
.btn-infobook:hover{background-color: #40afd0;color: #fff;}

/* ปฏิทินกิจกรรม */
#external-events {	float: left;	width: 150px;	padding: 0 10px;	text-align: left;	}
#external-events h4 {	font-size: 16px;	margin-top: 0;	padding-top: 1em;	}
.external-event { /* try to mimick the look of a real event */
	margin: 10px 0;	padding: 2px 4px;	background: #3366CC;	color: #fff;	font-size: .85em;	cursor: pointer;	}
#external-events p {	margin: 1.5em 0;	font-size: 11px;	color: #666;	}
#external-events p input {	margin: 0;	vertical-align: middle;	}
#calendar {padding:0; margin: 40px auto; max-width: 900px; width: 95%;	background-color: #FFFFFF;	  border-radius: 3px;	border:1px solid #e1e1e1; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}
#calendar h2 {
    font-family:'Roboto', sans-serif;
    font-weight:normal;
    color:#777;
}
/* HEADER */
#calendar div.fc-toolbar.fc-header-toolbar {
    padding:10px;
    margin:0;
}
#calendar button.fc-button {
    font-family:'Roboto', sans-serif;
    border-color:#21723e;
    background:#fff;
    color:#21723e;
}
#calendar button.fc-state-active {
    color:#fff;
    background:#21723e;
}
#calendar button.fc-state-disabled {
    color:#777;
    background:#ddd;
}
/* Content table */
#calendar th.fc-day-header.fc-widget-header {
    padding:5px 0;
    color:#fff;
    background:#21723e;
}
/* Event */
#calendar .fc-event {
    padding:5px;
    color:#fff;
    background:#1ccc83;
    border:none;
    border-radius:0;
}
#calendar h2,
#calendar .fc-day-header,
#calendar .fc-content
{

    font-family:'db-adman-x';
}

#calendar .fc-day-header,
#calendar .fc-content {
    font-size:16px;
}

/* สัมมนา */
.title-seminar{color: #214cc5; font-family: 'Kanit'; font-weight: normal;font-size: 18px; padding-top: 20px;  padding-bottom: 8px;  }
.title2-seminar{color: #c8a812; font-family: 'Kanit'; font-weight: normal;font-size: 18px;  padding-bottom: 8px;  }
.btn-regis-seminar{color: #FFF; font-family: 'Kanit'; font-weight: normal;font-size: 20px; background-color: #94d261; border:0; padding: 3px;}
.btn-regis-seminar:hover{background-color: #86c750;}
.btn-regis-seminar-plus{margin-bottom: 30px; margin-top: 10px; font-size: 16px;	font-family: 'Kanit';  border-radius:20px; background-color: white; border: 2px solid #94d261;  color: #65ac2a;}
.btn-regis-seminar-plus:hover{color: #65ac2a; background-color: #f7fedc;border: 2px solid #79c23e; }
.title3-seminar{color: #000;font-family: 'Kanit'; font-weight: normal;font-size: 18px;}
.key-seminar{color: #a7a6a6; font-size: 14px;padding-top: 10px;}
.seminar input::placeholder{color: #a7a6a6; font-size: 14px;padding-left: 0px; }
.seminar input{background-image: url(../../../template/template_1/images/icon-search2.jpg); background-position: center right; background-repeat: no-repeat;}
.text1-seminar{color: #2346b7; font-weight: bold;}
.date-seminar{color: #4a9607; font-size: 13px; margin-top: -10px;}
.place-seminar{color: #888986; font-size: 13px;}
.btn-seminar{background-color: #94d261;color: #FFF; font-family: 'Kanit'; font-weight: normal;font-size: 20px; margin-top: 10px; padding: 0; border:0; }
.btn-seminar:hover{background-color: #89cc52;color: #FFF;}
.pic-seminar{float:left; padding-right: 15px;}
.card-seminar{padding: 10px; margin: 20px; background-color: #fff; width:46%;  border: 1px solid rgba(0,0,0,.125);border-radius: .25rem; float:left;}
/* Modal */
/* #register-modal .modal-body div:hover {background: #eee;} */
#register-modal a {text-decoration: none;}



/* EBOOK */
.title-ebook-home{color: #7ebf25; font-family: 'SuperspaceBold'; font-size: 24px; text-transform: uppercase; text-align: center; display:block;  padding: 10px;	}
.box-ebook{ width:49%; background-color: #eefcdb; float:right; margin-left: 10px; position: relative;padding-bottom: 20px;}
.padding-book img{padding-bottom: 20px;}
.padding-book img:hover{ opacity:0.9; }


/* CALENDAR */
.box-calendar{padding: 0; float:right; }
.calendar{margin:0;}
.table-calendar{width:90%; float:right;padding-top: 10px; margin-top: -10px;}
.btn-calendar{margin-bottom: 10px;}
.btn-calendar img:hover{opacity: 0.8;}
.btn-calendar a.active{opacity: 0.6;}
.table-calendar .table td, .table th {padding: 0.65rem;}

/* NEWS */
.link_viewall_news {margin-bottom: 10px;margin-top: -15px; padding-left:5px; padding-right:5px; border:0;  float: right; font-family: 'Kanit'; font-weight: normal; color:#01896e; font-size: 16px; display:block; background-color: #cdf298; border-radius: 3px; line-height: 25px; }
.link_viewall_news:hover {background-color: #c3ea8b;}



/* FOOTER */
.footer1{ background-image: url(../../../template/template_1/images/bg-footer-green_repeat.jpg); background-repeat: repeat-x; background-position: top center; }
.footer{padding-top: 200px; background-image: url(../../../template/template_1/images/bg-footer-green.jpg); background-repeat: no-repeat; background-position: top center; }
.bgfooter{background-color: #79ac36; border-bottom: 10px solid #557927;}
.digital{font-family: 'Kanit'; color:black; font-size: 19px;}
.digital-map{font-family: 'Kanit'; color:black; font-size: 16px; margin-top: 20px; }
.digital-map span{padding-right: 10px;}
.digital-map span a{color: #000;}
.icon-pin{padding-bottom: 10px; padding-left: 0px !important; padding-right:0px !important; opacity:1;}
.digital-map img{padding-left: 5px;padding-right: 5px;}
.digital-map img:hover{opacity:0.9;}
.address{ color: #FFF; font-size: 13px;}
.title-newsletter{text-transform: uppercase; color: #000; }
.title-visit{font-family: 'Sarabun'; font-size: 13px; color: #000;}

.visit{color: #FFF; font-size: 12px; padding-right: 0; line-height: 22px;}
.letter{background-color: #e7f9cf; border-radius: 0;border:0; height: 33px;}
.letter::placeholder{font-family: tahoma; font-size: 12px; color: #95c750; }
.mail{float:right;}
.btn-subscribe{background-color: #accd7f; padding-left: 5px; padding-right: 5px; padding-top:2px; padding-bottom:2px; color: #557927; font-size: 14px; font-weight: bold; border-radius:0; letter-spacing: 1px; margin-top: -5px; margin-bottom: 10px;}
.btn-subscribe:hover{background-color: #b4da7f; }
.copyright{background-color: #a7a7a7; border-top:5px solid #757575; padding: 0; margin: 0; color: #FFF; text-transform: uppercase; font-size: 12px;}
.policy{padding-top: 4px; padding-bottom: 4px; position: relative;}
.terms{ margin-left: 40px;color: #015fa5;}
.terms a{color: #015fa5;}
.help{position: fixed; right: 0; bottom: 0;}
.sitemap{position: absolute; right:0; bottom: 0; text-align: center;}
.sitemap a{color: #FFF;}
#form-subscribe_retire label {
    font-weight:bold;
}


/* PAGE */
.greenline{background-color: #87c03a; height: 20px; margin-top: -50px;}
.title-page{font-family: 'db-adman-x'; font-weight: normal; color:#5cb208; font-size: 25px; border-bottom:1px solid #a6cfa5;}

/* Horizontal Tabs */
.name-ceo2 {	color: #308804;		font-weight: normal;	font-size: 16px;}
.title-ceo2{ font-weight: normal;font-family: 'Kanit';font-size: 16px;}
.exe td, .exe th{border-top: 1px solid #cedcb8;}
.exe thead th{border-bottom: 2px solid #cedcb8;}
.title-ceo {	color: #037ed4;	font-family: 'db-adman-x';	font-weight: normal;	font-size: 23px; display:block; margin-right:30px; margin-top:30px;}

/* Vertical Tabs */
.vertical-tabs{font-size:14px;padding:10px;color:#333; font-family: 'Sarabun'; font-size: 15px;	}
.vertical-tabs .nav-tabs .nav-link{width:247px ; margin-top: 10px; margin-bottom: 10px;text-align:right;
 background:#FFF;color:#363636; font-family: 'db-adman-x'; font-size: 22px; border-radius:6px;padding-left: 5px;
   min-height: 50px; line-height: 20px; }

.vertical-tabs .nav-tabs .nav-link.active{	font-family: 'db-adman-x'; font-size: 22px;
	background-color:#7dbb00!important;color:#FFF; border-radius:6px;
padding-left: 5px;min-height: 50px;  line-height: 20px;border-bottom: 2px solid #699c01;  border-left:0; border-right:0; border-top:0;
}
a.nav-link{padding-top: 12px !important;}
.vertical-tabs .tab-content>.active{background:none;display:block;}
.vertical-tabs .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;display:block;float:left;margin-right:30px;
	position: relative;	z-index: 1;}
/*.vertical-tabs div.tab-content{border:solid 1px #4CAF50!important;max-height:200px;}*/
.vertical-tabs .sv-tab-panel{background:none; padding-top:10px; }
.vertical-tabs div#home-v.tab-pane .sv-tab-panel{background:#FFF;}
.vertical-tabs div#profile-v.tab-pane .sv-tab-panel{background:#FFF;}
.vertical-tabs div#messages-v.tab-pane .sv-tab-panel{background:#FFF}
.vertical-tabs div#settings-v.tab-pane .sv-tab-panel{background:#FFF}
.link-item{font-family: 'Kanit'; font-size: 16px;border-radius:50px; color: #2e3192; background-color: #e2edfd; border: 1px solid #bfcce0;min-height: 50px;  line-height: 20px; margin-bottom: 10px; }
.link-item a{text-decoration: none;color: #2e3192; }
.link-item a:hover{color: blue; }
.card-news{float: left; margin-bottom: 30px; overflow: hidden;}
.card-body-news{padding-top: 10px; padding-bottom: 10px;}
.date-news{ color: #9e9e9e; font-family: tahoma; font-size: 11px;     text-align: right;}
.readmore {margin-top: 10px; display:block; padding: 0; font-size: 13px; position: relative; z-index: 1;}
.readmore a{color: #6cb801;float: left; }
.card-title-news{display:block; color: #333; font-family: 'Sarabun';padding: 0; height: 68px; overflow: hidden;}

.newsp p{ padding-left: 15px; padding-top: 10px;padding-right: 20px; margin-bottom: 10px;}
.lineclearfix{clear:both; height: 40px;}
#newsdetail {margin-top: 40px; margin-bottom: 40px; text-align: center; margin:0 auto;}
#newsdetail .carousel-indicators li.active { position: relative; bottom: -50px;  width: 12px; height: 12px; margin-right: 4px; margin-left: 3px; cursor: pointer;    background-color: #7cce1b; opacity: 1; }
#newsdetail .carousel-indicators li {position: relative; bottom: -50px;  width: 12px; height: 12px; margin-right: 4px; margin-left:3px; cursor: pointer;   background-color: #cfd0ce; opacity: 1; }



/* ร้องเรียน */
.title-page-complaint{font-family: 'Kanit'; font-weight: normal; color:#3d6eeb; font-size: 20px;}

/* about */
.bg-intro-about{width:74%; float:right; background-color: #edfcd6; border-radius: 3px; padding: 10px; }
.bg-intro-about2{display: flex; background-color: #edfcd6; border-radius: 3px; padding: 10px; font-size:23px; }
.title-intro-about{color: #037ed4; font-family: 'db-adman-x'; font-weight: normal;font-size: 23px; padding-top: 20px;  padding-bottom: 8px;  }
.width-intro-about{width:74%; float:right;}
.ol-intro-about ol {padding-left: 20px; }
.ol-intro-about ol li{padding-top: 5px; padding-bottom: 5px;}
.title-intro-about2{color: #69a813; font-family: 'Kanit'; font-weight: normal;font-size: 19px; padding-top: 10px;  padding-bottom: 8px; }
.name-ceo{color: #308804; font-family: 'Kanit'; font-weight: normal;font-size: 16px; text-align:center; padding-top: 10px; clear:both;}
.name-ceo a{color: #308804;}
.pic-ceo{ display: block;  margin: 0 auto;  }
.text-green{font-family: 'Sarabun'; font-size: 14px; color: #79ac36; padding-left: 20px;}
.element{ background: #fff;	border-radius: 2px; box-shadow: 0px 0px 5px #333; padding: 5px;  width: 70%; margin: 0 auto;}
.element1{  border: 1px solid #FFF; margin-bottom: 3px;}
.element1 img{border:1px solid #9f9f9f;}
.element2{ background: #fff; border-radius: 2px; box-shadow: 0px 0px 5px #333; padding: 5px;  width: 78%; margin: 0 auto;}
.element3 {	border: 1px solid #FFF;	margin-bottom: 3px;	max-width: 11.6%;}
.element3 img{border:1px solid #9f9f9f;}
.logo-ceo { margin:0 auto; width:100%;  padding-top: 30px; }
.logo-ceo img{text-align:center;margin-left: 25px; margin-right: 25px;  display:block; float:left; }
.logo-ceo img:hover{opacity:0.8;}


#accordion .panel{
	border: none;	border-radius: 0;	box-shadow: none; /* margin: 0 30px 10px 30px;*/	overflow: hidden;	position: relative;}
#accordion .panel-heading{
	padding: 0;	border: none;	border-radius: 0;	position: relative;}
#accordion .panel-title a{	display: block;	padding: 15px 20px;	margin: 0;	background: #7dbb00; font-family: 'db-adman-x';
	font-size: 22px;	letter-spacing: 1px;	color: #fff;	border-radius: 0;	position: relative;border-radius: 4px;}
#accordion .panel-title a.collapsed{ background: #356740;}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
	content: "\f068";
	font-family: fontawesome;	width: 30px;	height: 30px;	line-height: 25px;	border-radius: 50%;	background: #7dbb00;
	font-size: 14px;	font-weight: normal;	color: #fff;	text-align: center;	border: 3px solid #fff;	position: absolute;
	top: 10px;	right: 14px;}
#accordion .panel-title a.collapsed:before{
	content: "\f067";	background: #3ca552;	border: 4px solid #54b669;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
	content: "";	width: 17px;	height: 7px;	background: #fff;	position: absolute;	top: 22px;	right: 0;
}
#accordion .panel-title a.collapsed:after{
	width: 19px;	background: #3ca552;}
#accordion .panel-body{
	border-left: 3px solid #7dbb00;	border-top: none;	background: #fff;/*font-size: 15px;*/	color: #1c2336;	line-height: 27px;	position: relative;
}
#accordion .panel-body:before{
	content: "";	height: 3px;	width: 50%;	background: #7dbb00;	position: absolute;	bottom: 0;	left: 0;
}
#accordion .panel-body p{padding: 10px;}

.icon-th{line-height: 15px;}
.icon-en{margin-top:-16px;}
.icon-vdo{width: 77px; height: auto;}
.arrowslideright,.arrowslideleft {z-index: 1;}
.text-vdo{position: relative; z-index: 1; margin-top: 120px;}
#slide ul.carousel-indicators{  bottom: 60px;}
.service{position:relative;}
.left-mission{    left: 50px;	width: 30px; }
.right-mission{    right: 50px;	width: 30px; }
.logo_link{position: relative; top: -20px;}
.mobileservice{display: none;}
.tel2{display:none;}
.buddist{width: 80%;}
.inspection-work{float: none;display:inline-block; max-width: 24%;padding: 5px;}
.pic-structure{margin:0 auto; display: block; margin-bottom: 30px;margin-top: 20px;}
.strategic{width: 69%;}
.line-th{ margin-bottom: -15px;}
.tool ul li{line-height: 9px;}
.cardnews-box .procurement2{width: 100%; margin-bottom: 10px;}
#menu-7-20 .strategic{width: 69%;}
.law-box{width: 69%}
.list-box{margin:10px 0;}
.list-box > .strategic, .list-box .act4, .list-box .act8, .list-box .act6, .list-box .act7, .list-box .act5, .list-box .width-intro-about {width: 100%;}
#header-tools ul li a {
	color:#fff;
	font-size:18px;
	text-decoration: none;
}
.qa-box.act7{
    width: 100% !important;
}

/* หน้าจอต่างๆ */
@media screen and (min-width: 320px) and (max-width: 320px) {
	.service-download { margin-top: 40px !important; float: right;}
	.service-price { float: left;}
	.name { left: 61px; font-size: 20px !important;}
}
@media screen and (min-width: 320px) and (max-width: 410px) {
	.logo{ background-size:60%; background-repeat:no-repeat; top: -5px; left: -7px;}
	.head_index{height: 55px !important;}
	.head{height: 55px;}
	.name{font-size: 24px;line-height: 20px; top: 17px; left:65px;}
	.name_eng { font-size: 21px;}
	.wrap-slide{margin-top: -16px;}
	.tool {right: 0; top: -5px;}
	.tool ul li{display: inline-block; vertical-align: top;}
	.icon-en{margin-top:0;}
	.icon-th{line-height: 21px;}
	.line-th{display: none;}
	#tv{margin-left:0; }
	.tablet{background-size: 100% 100%;}
	/* Toggle menu */
	.align-topmenu { width: 100%; top: 24px;  right: -16px; z-index:2;}
	.menu{float: left;}
	.toggle-mobile{ top:-20px; right:0; position: absolute;background-color: #21723e;}
	#topmenu ul {background-color: #21723e;}
	#topmenu ul li a{padding:5px 10px;}
	/* Slide */
	.text-vdo{position: relative; z-index: 1; margin-top: 83px;}
	.text-slide-vdo1{font-size: 23px; line-height: 25px;}
	.text-slide-vdo2{font-size: 19px; line-height: 25px;}
	.text-slide004{right: 150px;}
	#slide{height: 230px;}
	.img-slide {min-width: 175%; min-height: 230px; left: -40%;		position: relative;}
	#slide ul.carousel-indicators{  bottom: 20px;}
	.text-slide001{font-size: 21px;line-height: 38px;}
	.text-slide002{font-size: 25px;line-height: 25px;}
	.text-box{top: 128px;}
	.wrap-service{padding-top: 10px;text-align: center; }
	.anchor { top: -35px;}
	.mobileservice{ width: 30%;}
	.mobileservicehide{display:none;}
	.service div{display:inline-block; vertical-align: middle;transform: scale(0.97); line-height: 22px;}
	.service div:hover{transform: scale(1.02);}
	.service a{ line-height: 22px;}
	.service img { padding-bottom:7px;}
	.service-price{margin-top:10px;}
	.service-download{margin-top:-9px;}
	.thump-knowledge{margin-top:-40px;}
	.thump-knowledge2{margin-top:-17px;}
	.text-service-price{ z-index:1; position: relative;}
	.text-service_{width:60%; text-align:center;}
	.btn-readmore-slide{width:40%; height:40%;margin-top: -10px;vertical-align: top;}
	.line-text-slide{ margin-top: 0px;vertical-align: top;}
	.left-mission{left:0px; }
	.right-mission{ right:0px; }
	.mission-thumbnail{margin: 3px;}
	.tablet{width: 100%;	height: 100%;}
	.pic-news{margin: 0 auto;	display: block; transform:scale(0.93,0.87); }
	.line-end-mission{margin-bottom: 30px;}
	.pr-news{margin-left:0;	}
	.pr-news .nav-link{padding: 0rem 1rem; font-size:19px;}
	.pr-news .nav-link.active, .pr-news .show > .nav-link{padding: 0rem 1rem; line-height:25px; }
	.slash{padding:0;margin-top:10px;}
	.wrap-date{padding:0;}
	.wrap-date img{max-width:100%;}
	.date-prnews,.new-prnews{left: 12px;}
	.procurement2 ul li,.procurement3 ul li,.procurement4 ul li {margin-left: 0;}
    .box-frame{margin-left: 0px;}
    .ebook{padding-left: 0;padding-right: 0;}
	.name-book{margin-top: 128px;font-size: 12px;padding: 5px;}
	.bg-event{padding-left: 0px;}
	.bg-banner-event{  padding-left:0px;padding-right:0px; padding-top:25px; padding-bottom:25px; text-align: center;}
	#banner{margin-left:0px;}
	.weblink{text-align:center; }
	.weblink-right-banner{right:0;}
	.title-recommend{margin-left:-50px;}
	.selectlink{margin-left:0;}
	.logo_link{ top: 0px;left: -25px;}
	.w3c{text-align: left; padding-top: 30px;padding-left: 0;}
	.w3c img {margin: 1px;}
	.visit{float:none; text-align: left;}
	.text-copy {padding: 10px;}
	.padding-address {padding-left: 0px;}
	.mapgoogle{margin-left: 25px;}
	.tel{width:auto;}
	/* Page */
	#header-page{margin-top: -16px;}
	.bread{margin-top: 5px;}
	.bg-intro-about{width: 100%;}
	.buddist{width: 100%;}
	.logo-de{margin: 0 auto; display: block;float: none!important; padding-bottom:8px; }
	.width-intro-about{width: 100%;}
	.vertical-tabs .nav-tabs .nav-link{width:100%;text-align: left;}
	.vertical-tabs .nav.nav-tabs{margin-right: 0; width:100%;}
	.inspection-work{ max-width: 100%;}
	.bg-intro-about2{display: inline-block;}
	.pic-structure{max-width: 100%; height: 100%;}
	.logo-ceo img{margin:0 auto; transform: scale(0.8);  }
	.logo-ceo{padding-top: 0;}
	.person{margin-bottom:35px;}
	.strategic{width: 100%;}
    .element3{ max-width: 38.6%;}
    .viewall-ebook{font-size: 19px;}
}
@media screen and (min-width: 411px) and (max-width: 411px) {
	.head_index{height: 55px !important;}
	.head{height: 38px;}
	.tool{top: 14px !important;}
	.bread{margin-top: 25px;}
}
@media screen and (min-width: 414px) and (max-width: 812px) {
	.tool{top: 14px !important;}
	.bg-intro-about{width:100%;}
    .width-intro-about{width:100%;}
    .vertical-tabs .nav-tabs .nav-link,.vertical-tabs .nav.nav-tabs{width: 100%;text-align: left;}
	.bg-intro-about2 {display: inline-block;}
	.bg-intro-about2 img{margin-left: 0px !important;}
	.bg-intro-about2 p{font-size: 19px;margin-left: 10px!important;}
	.person {margin-bottom: 35px;}
	.strategic{width:100%;}
	.inspection-work{max-width: 49%;}
    .bread{margin-top: 25px;}
    .pic-structure{max-width: 100%; height: 100%;}
}
@media screen and (min-width: 411px) and (max-width: 569px) {
	.logo{ background-size:60%; background-repeat:no-repeat; top: -5px; left: -7px;}
	.head_index{height: 55px  !important;}
	.head{height: 55px;}
	.name{font-size: 24px;line-height: 20px; top: 17px; left:65px;}
	.name_eng { font-size: 21px;}
	.wrap-slide{margin-top: -16px;}
	.tool {right: 0; top: -5px;}
	.tool ul li{display: inline-block; vertical-align: top;}
	.icon-en{margin-top:0;}
	.icon-th{line-height: 21px;}
	.line-th{display: none;}
	#tv{margin-left:0; }
	.tablet{background-size: 100% 100%;}
	/* Toggle menu */
	.align-topmenu { width: 100%; top: 24px;  right: -16px; z-index:2;}
	.menu{float: left;}
	.toggle-mobile{ top:-20px; right:0; position: absolute;background-color: #21723e;}
	#topmenu ul {background-color: #21723e;}
	#topmenu ul li a{padding:5px 10px;}
	/* Slide */
	.text-vdo{position: relative; z-index: 1; margin-top: 83px;}
	.text-slide-vdo1{font-size: 23px; line-height: 25px;}
	.text-slide-vdo2{font-size: 19px; line-height: 25px;}
	.text-slide004{right: 150px;}
	#slide{height: 230px;}
	.img-slide {min-width: 175%; min-height: 230px; left: -40%;		position: relative;}
	#slide ul.carousel-indicators{  bottom: 20px;}
	.text-slide001{font-size: 21px;line-height: 38px;}
	.text-slide002{font-size: 25px;line-height: 25px;}
	.text-box{top: 128px;}
	.wrap-service{padding-top: 10px;text-align: center; }
	.anchor { top: -35px;}
	.mobileservice{ width: 30%;}
	.mobileservicehide{display:none;}
	.service div{display:inline-block; vertical-align: middle;transform: scale(0.97); line-height: 22px;}
	.service div:hover{transform: scale(1.02);}
	.service a{ line-height: 22px;}
	.service img { padding-bottom:7px;}
	.service-price{margin-top:10px;}
	.service-download{margin-top:-9px;}
	.thump-knowledge{margin-top:-40px;}
	.thump-knowledge2{margin-top:-17px;}
	.text-service-price{ z-index:1; position: relative;}
	.text-service_{width:60%; text-align:center;}
	.btn-readmore-slide{width:40%; height:40%;margin-top: -10px;vertical-align: top;}
	.line-text-slide{ margin-top: 0px;vertical-align: top;}
	.thump-knowledge{clear:left; padding-left:40px;}
	.thump-knowledge2{clear:right;padding-left:0px;padding-top:3px;}
	.left-mission{left:0px; }
	.right-mission{ right:0px; }
	.mission-thumbnail{margin: 3px;}
	.tablet{width: 100%;	height: 100%;}
	.pic-news{margin: 0 auto;	display: block; transform:scale(0.93,0.87); }
	.line-end-mission{margin-bottom: 30px;}
	.pr-news{margin-left:0;	}
	.pr-news .nav-link{padding: 0rem 1rem; font-size:19px;}
	.pr-news .nav-link.active, .pr-news .show > .nav-link{padding: 0rem 1rem; line-height:25px; }
	.slash{padding:0;margin-top:10px;}
	.wrap-date{padding:0;}
	.wrap-date img{max-width:100%;}
	.date-prnews,.new-prnews{left: 12px;}
	.procurement2 ul li,.procurement3 ul li,.procurement4 ul li {margin-left: 0;}
	.box-frame{margin-left: 0px;}
	.ebook{padding-left: 0;padding-right: 0;}
	.name-book{margin-top: 200px;font-size: 14px;padding: 5px;}
	.bg-event{padding-left: 0px;}
	.bg-banner-event{  padding-left:0px;padding-right:0px; padding-top:25px; padding-bottom:25px; text-align: center;}
	#banner{margin-left:0px;}
	.weblink{text-align:center; }
	.weblink-right-banner{right:0;}
	.title-recommend{margin-left:-50px;}
	.selectlink{margin-left:0;}
	.logo_link{ top: 0px;left: 0;}
	.w3c{text-align: left; padding-top: 30px;padding-left: 0;}
	.w3c img {margin: 1px;}
	.visit{float:none; text-align: left;}
	.text-copy {padding: 10px;}
	.padding-address {padding-left: 0px;}
	.mapgoogle{margin-left: 25px;}
	.tel{width:auto;}

}
@media screen and (min-width: 568px) and (max-width: 568px) {
	.bg-intro-about{width:100%;}
	.width-intro-about{width:100%;}
	.vertical-tabs .nav-tabs .nav-link,.vertical-tabs .nav.nav-tabs{width: 100%;text-align: left;}
	.bg-intro-about2 {display: inline-block;}
	.bg-intro-about2 img{margin-left: 0px !important;}
	.bg-intro-about2 p{font-size: 19px;margin-left: 10px!important;}
	.person {margin-bottom: 35px;}
	.strategic{width:100%;}
	.inspection-work{max-width: 49%;}
	.bread{margin-top: 25px;}
}
@media screen and (min-width: 640px) and (max-width: 731px) {
.tool{top: 13px !important;}
.bg-intro-about{width:100%;}
.width-intro-about{width:100%;}
.vertical-tabs .nav-tabs .nav-link,.vertical-tabs .nav.nav-tabs{width: 100%;text-align: left;}
.bg-intro-about2 {display: inline-block;}
.bg-intro-about2 img{margin-left: 0px !important;}
.bg-intro-about2 p{font-size: 19px;margin-left: 10px!important;}
.person {margin-bottom: 35px;}
.strategic{width:100%;}
.inspection-work{max-width: 49%;}
.bread{margin-top: 25px;}
.element3{ max-width: 25.6%;}
.act4,.act8,.act6,.act7,.act5{width:100%;}
}
@media screen and (min-width: 570px) and (max-width: 767px) {
    .vertical-tabs .nav-tabs .nav-link,.vertical-tabs .nav.nav-tabs{width: 100%;text-align: left;}
	.logo{ background-size:75%; background-repeat:no-repeat; top: -7px; left: -7px;}
	.head_index{height: 55px !important;}
	.head{height: 38px;}
	.name{font-size: 28px;line-height: 20px; top: 17px; left:85px;}
	.name_eng { font-size: 24px;}
	.wrap-slide{margin-top: -16px;}
	.tool {right: 0; top: -5px;}
	.tool ul li{display: inline-block; vertical-align: top;}
	.icon-en{margin-top:0;}
	.icon-th{line-height: 21px;}
	.line-th{display: none;}
	#tv{margin-left:0; }
	.tablet{background-size: 100% 100%;}
	/* Toggle menu */
	.align-topmenu { width: 100%; top: 24px;  right: -16px; z-index:2;}
	.menu{float: left;}
	.toggle-mobile{ top:-20px; right:0; position: absolute;background-color: #21723e;}
	#topmenu ul {background-color: #21723e;}
	#topmenu ul li a{padding:5px 10px;}
	/* Slide */
	.text-vdo{position: relative; z-index: 1; margin-top: 83px;}
	.text-slide-vdo1{font-size: 23px; line-height: 25px;}
	.text-slide-vdo2{font-size: 19px; line-height: 25px;}
	.text-slide004{right: 150px;}
	#slide{height: 230px;}
	.img-slide {min-width: 175%; min-height: 230px; left: -40%;		position: relative;}
	#slide ul.carousel-indicators{  bottom: 20px;}
	.text-slide001{font-size: 21px;line-height: 38px;}
	.text-slide002{font-size: 25px;line-height: 25px;}
	.text-box{top: 128px;}
	.wrap-service{padding-top: 10px;text-align: center; }
	.anchor { top: -35px;}
	.service div{display:inline-block; vertical-align: middle;transform: scale(0.97); line-height: 22px;}
	.service div:hover{transform: scale(1.02);}
	.service a{ line-height: 22px;}
	.service img { padding-bottom:7px;}
	.service-price{margin-top:10px;}
	.service-download{margin-top:-9px;}
	.thump-knowledge{margin-top:-40px;}
	.thump-knowledge2{margin-top:-17px;}

	.text-service-price{ z-index:1; position: relative;}
	.text-service_{width:60%; text-align:center;}
	.btn-readmore-slide{margin-top: -10px;vertical-align: top;}
	.line-text-slide{ margin-top: 0px;vertical-align: top;}
	.thump-knowledge{clear:left; margin-left: 30px;}
	.thump-knowledge2{clear:right;padding-top:3px;}
	.left-mission{left:0px; }
	.right-mission{ right:0px; }
	.tablet{width: 100%;	height: 100%;}
	.pic-news{margin: 0 auto;	display: block; transform:scale(0.96,0.87); }
	.line-end-mission{margin-bottom: 30px;}
	.pr-news{margin-left:0;	}
	.pr-news .nav-link{padding: 0rem 1rem; font-size:19px;}
	.pr-news .nav-link.active, .pr-news .show > .nav-link{padding: 0rem 1rem; line-height:25px; }
	.slash{padding:0;margin-top:10px;}
	.wrap-date{ padding: 10px;}
	.wrap-date img{max-width:100%;}
	.date-prnews,.new-prnews{left: 12px;}
	.procurement2 ul li,.procurement3 ul li,.procurement4 ul li {margin-left: 0;}
	.box-frame{margin-left: 0px;}
	.ebook{padding-left: 0;padding-right: 0;}
	.name-book{margin-top: 200px;font-size: 14px;padding: 5px;}
	.bg-event{padding-left: 0px;}
	.bg-banner-event{  padding-left:0px;padding-right:0px; padding-top:25px; padding-bottom:25px; text-align: center;}
	#banner{margin-left:0px;}
	.weblink{text-align:center; }
	.weblink-right-banner{right:0;}
	.weblink img{max-width:145%;}
	.title-recommend{margin-left:-50px;}
	.selectlink{margin-left:0;}
	.logo_link{ top: 0px;left: 0;}
	.w3c{text-align: left; padding-top: 30px;padding-left: 0;}
	.w3c img {margin: 1px;}
	.visit{float:none; text-align: left;}
	.text-copy {padding: 10px;}
	.padding-address {padding-left: 0px;}
	.mapgoogle{margin-left: 25px;}
	.tel{width:auto;}

}
@media screen and (min-width: 0px) and (max-width: 823px) {
.text-right { text-align: left !important;}
.w-mobile{max-width:100% !important;}
.w2-mobile{min-width:100% !important;text-align: left !important;}
}
@media screen and (min-width: 640px) and (max-width: 736px) {
	.w-mobile{min-width:100% !important; max-width:100% !important; text-align:left !important; }
	.text-right { text-align: right !important;}
	.w2-mobile{min-width:100% !important;text-align: left !important;}
	}
@media screen and (min-width: 667px) and (max-width: 667px) {
	.logo{top: -2px;}
	.name{top: 17px;}
}
@media screen and (min-width: 768px) and (max-width: 768px) {
	.mission-thumbnail{transform: scale(0.6) !important; margin:1px;}
	.name-book{ margin-top: 208px !important;}
    .tool{top: -50px !important;}
    #header-tools ul li a{font-size: 17px;}
    .tool ul li{line-height: 7px;}
}

/* ipad */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .container{ display: block;}
	.name{font-size: 26px;line-height: 25px; left:90px; top: 20px;}
	.name_eng { font-size: 23px; }
    #topmenu{font-size: 19px;}
    #topmenu li {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }
    /* Slide */
    .text-vdo{position: relative; z-index: 1; margin-top: 83px;}
    .text-slide-vdo1{font-size: 27px; line-height: 35px;}
    .text-slide-vdo2{font-size: 21px; line-height: 35px;}
    .text-slide004{right: 150px;}
    #slide{height: 300px;}
    .img-slide {min-width: 150%; min-height: 230px; left: -30%;		position: relative;}
    #slide ul.carousel-indicators{  bottom: 30px;}
    .text-slide001{font-size: 23px;line-height: 40px;}
    .text-slide002{font-size: 27px;line-height: 35px;}
    .text-box{top: 162px;}
	.mission-thumbnail{transform: scale(0.8); margin:1px;}
	.tablet{background-size: 100% 100%;width: 100%;	height: 100%;}
	.pic-news{margin: 0 auto;	display: block; transform:scale(0.93,0.87); }
	
	.pr-news { margin-left: 0px;}
	.bg-event{padding-left: 0px;}
	.bg-banner-event{height: 100%; padding-top: 30px; padding-left: 12px;}
	#banner{margin-left:20px; }
	.weblink-right-banner{right:20px;}
	.weblink img{max-width:145%;}
	.weblink{margin-right: 10px;}
	.wrap-service{margin-top:0px;}
	.anchor { top: -54px;}
	.service div { vertical-align: top;  line-height: 22px;}
	.service a{line-height:22px;}
	.service-download{margin-top:18px;}
	.thump-knowledge{margin-top:-11px;}
	.thump-knowledge2{margin-top: -8px;}
	.title-recommend{margin-left:-20px;}
	.selectlink{margin-left:0px;}
	.weblink{transform:scale(0.9);}
	.logolink{max-width: 18%;text-align: center;}
	.padding-address {  padding-left: 0px;}
	.name-ministry{line-height: 22px;}
	.address{padding-bottom: 30px;}
	.tel{display: none;}
	.tel2{display: inherit;clear:both; margin-top:100px; margin-left: -40px;}
	.w3c{max-width: 40%;}
	.padding-address{max-width: 40%;}
	.bg-copyright{font-size: 12px;}
	#carrousel {margin: 10px 0px 0px 0px !important;}
	.bg-intro-about{width:100%;}
	.width-intro-about{width:100%;}
	.strategic {width: 100%;}
    .p-top-news,.intro-vdo{font-size: 14px;}
    .title2-top-news,.title-vdo{font-size: 15px;}
    .btn-vdo-all{font-size: 16px;}
    .intro-vdo{padding-top: 10px;}
    .icon-vdo{width: 50px;}
}
/*services */
@media screen and (max-width: 1023px) {
    .act1,.act2,.act3,.act4,.act5,.act6,.act7,.act8,.procurement2,#menu-7-20 .strategic,.law-box {width: 100%;}
}
@media screen and (max-width: 1024px) and (min-width: 1024px){
    .name {top: 38px !important;}
}

@media screen and (min-width: 1024px){
    .bg-intro-about{width:69%;}
	.width-intro-about{width:69%;}
    .strategic {width: 69%;}
    .cardnews-box .strategic{width: 100%;}
    .card-news{min-height: 260px;}
}

.-warning {
	color:#f00;
}


/* Change for service?a=29 */
#service .tab-content {
	padding:0 15px;
}

.wrap-content {
	padding-top:45px;
}


/* แก้ไข nav row */
#row-breadcrumb *,
#row-breadcrumb .breadcrumb-item,
#row-breadcrumb .breadcrumb-item * {
	font-size:11px;
	line-height:30px;
 }


 .text-view {
	 margin-left: 10px;
	 color:#aaa;
	 font-size:12px;
 }