body{ position:relative; background-image:url("../images/bg-template-002.jpg");  background-position:top center;   background-repeat: no-repeat;  background-size:100% 100%;
font-size:19px; font-family: 'CSChatThai'; color:black;}
p{font-size:20px; color:black; }
@font-face {
	font-family: 'supermarket';
	src: url('../fonts/supermarket.eot');
	src: local('☺'), url('../fonts/supermarket.woff') format('woff'), url('../fonts/supermarket.ttf') format('truetype'), url('../fonts/supermarket.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CSChatThai';
	src: url('../fonts/CSChatThai.eot');
	src: local('☺'), url('../fonts/CSChatThai.woff') format('woff'), url('../fonts/CSChatThai.ttf') format('truetype'), url('../fonts/CSChatThai.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: thaisanslite;
	src: url('../fonts/thaisanslite.eot');
	src: local('☺'), url('../fonts/thaisanslite.woff') format('woff'), url('../fonts/thaisanslite.ttf') format('truetype'), url('../fonts/thaisanslite.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: EDSense;
	src: url('../fonts/EDSense.eot');
	src: local('☺'), url('../fonts/EDSense.woff') format('woff'), url('../fonts/EDSense.ttf') format('truetype'), url('../fonts/EDSense.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: SarunThangLuang;
	src: url('../fonts/SarunThangLuang.eot');
	src: local('☺'), url('../fonts/SarunThangLuang.woff') format('woff'), url('../fonts/SarunThangLuang.ttf') format('truetype'), url('../fonts/SarunThangLuang.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: EDPenSook;
	src: url('../fonts/EDPenSook.eot');
	src: local('☺'), url('../fonts/EDPenSook.woff') format('woff'), url('../fonts/EDPenSook.ttf') format('truetype'), url('../fonts/EDPenSook.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: EDPenSook-Bold;
	src: url('../fonts/EDPenSook-Bold.eot');
	src: local('☺'), url('../fonts/EDPenSook-Bold.woff') format('woff'), url('../fonts/EDPenSook-Bold.ttf') format('truetype'), url('../fonts/EDPenSook-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: waan-free;
	src: url('../fonts/waan-free.eot');
	src: local('☺'), url('../fonts/waan-free.woff') format('woff'), url('../fonts/waan-free.ttf') format('truetype'), url('../fonts/waan-free.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* remember to define focus styles! */
:focus {outline: none;}
/* Change the white to any color ;) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #90c64b inset;}
.fa-s1 { font-size: 12px;}

#bgtop{background-color:#1c1c1c; padding-top:4px;  padding-bottom:4px; margin:0; }
.mission{font-family: 'supermarket'; color:#8cd6fd; font-size:18px;}
#bgheader{background-color:#2d9ef4; border-bottom:3px solid #1780d4; margin:0; }
.logo{float:left; margin-top:5px; margin-right:5px;}
.text-name {width: auto; text-align: left; font-family: thaisanslite; font-size: 34px; color: #676767; line-height: 35px; margin-top: 10px;}
.text-name-eng {font-size: 25px; color: white; text-transform: uppercase;}
/*.text-name {float:left; font-family: SarunThangLuang; font-size:35px; color:black; margin-top:10px; text-align:center; line-height:35px; display:block;}*/
/*.text-name-eng{float:left; font-family: SarunThangLuang;  font-size:14px; color:white; text-transform:uppercase; margin-bottom:8px; letter-spacing:2px; display:block;}*/
#width-logo{width:34%;}

/* textsize*/
#top {margin-top:30px;}
	.menu-textsize{ margin-right:15px; margin-top:-3px;}
	.menu-textsize ul {padding:0; margin:0; }
	.menu-textsize ul li {padding:0; margin:0; list-style:none; display:inline-block; zoom: 1; *display: inline;  vertical-align: bottom; }
	.menu-textsize ul li a{ text-decoration:none; }

	.c { margin-right:25px; }
	.c ul {padding:0; margin:0; }
	.c ul li {padding:0; margin: -3px; display:inline-block; zoom: 1; *display: inline; }
	.c ul li a{ text-decoration:none; }

	.flag {margin-right:25px;}
	.flag ul { padding:0; margin:0; }
	.flag ul li {padding:0; display:inline-block; zoom: 1; *display: inline; }
	.flag ul li a{ text-decoration:none; }

#width-topmenu{padding:0; margin:0; width:64%;}

/*TOPMENU*/
#topmenuxx {  margin-top: 35px;  position:relative; z-index: 2;  font-size:23px;  font-family: 'thaisanslite';color:black;  text-align:right; float:right;}
#topmenuxx  ul { padding:0; margin:0;}
	#topmenuxx  ul:after {content: ""; clear: both; display: block; text-align:center;  }
	 #topmenuxx  ul li {float: left;  display: block;  margin-left: 25px;  }
		#topmenuxx  ul li:hover { display: block; color:white; }
			#topmenuxx  ul li:hover a { color:black; }
#topmenuxx  ul li:hover > ul {display: block;	}
#topmenuxx  ul li a {color:black; display: block;  text-decoration: none; }
#topmenuxx  ul li a.active { display: block; color:white;  }
#topmenuxx  ul li.active a{   display: block; color:white;  }

#topmenuxx  ul ul {display: none; padding: 0;position: absolute; ;background-color: #54b4fd; z-index:2; font-size:20px; }
		#topmenuxx  ul ul li {float: none; position: relative; display:block; text-align:left; min-width:200px;  background-image:none; margin-left:0; margin-right:0; }
				#topmenuxx  ul ul li a {color:white;    background-image:none; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; background-image:none; border-bottom:1px solid #36a6d5;}
				#topmenuxx  ul ul li a:hover {color:black; background-color: #dddee0;  background-image:none;}
	
	#topmenuxx  ul ul ul {position: absolute; left: 100%; top:0; background-color: #faf9f9;}
		#topmenuxx  ul ul ul li a{ display: block;padding-bottom: 5px; }
		#topmenuxx  ul ul ul li.active {  display: block;}
		#topmenuxx  ul ul ul li a:hover {color:black ;  }
			#topmenuxx  ul ul li a.active-sup-topmenu{ color: black ;}



/*start search*/
	.sb-search {position: absolute; right:0px;	width: 0%;	min-width: 30px;	height: 30px;	float: right;	overflow: hidden;	-webkit-transition: width 0.3s; border-radius: 5px; top: 0;
		-moz-transition: width 0.3s;	transition: width 0.3s;	-webkit-backface-visibility: hidden;}
	.sb-search-input {	position: absolute;	top: 0;	right: 0px;	border: none;	outline: none; border-radius: 5px;height:33px;	margin: 0; width:40%;
		z-index: 2;	padding: 5px 5px;	font-family: 'Open Sans', sans-serif;	font-size: 13px;	color: #ffffff; background:#1d8bde url('../images/icon-search.png') no-repeat; background-position:right;}
	.sb-search-input::-webkit-input-placeholder {	color: #ffffff;}
	.sb-search-input:-moz-placeholder {	color: #ffffff;}
	.sb-search-input::-moz-placeholder {	color: #efb480;}
	.sb-search-input:-ms-input-placeholder {	color: #ffffff;}
	.sb-icon-search,.sb-search-submit  {	width:30px;	height:30px;	display: block;	position: absolute;	right: 0;	top: 0;	padding: 0;	margin: 0;	line-height: 45px;
		text-align: center;	cursor: pointer;}
	.sb-search-submit { 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
		filter: alpha(opacity=0); /* IE 5-7 */
		opacity: 0;	color: transparent;	border: none;	outline: none;	z-index: -1;	-webkit-appearance: none;}
	.sb-icon-search {border-left:1px solid white;	color: #fff;	 background:#2d9ef4 url('../images/icon-search.png') no-repeat;	z-index:2; border-radius:3px;     background-position: 10;}
	/* Open state */
	.sb-search.sb-search-open,.no-js .sb-search {	width: 100%;}
	.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {	background: url('../images/icon-search.jpg') no-repeat;
		color: #fff;	z-index: 2;}
	.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {	z-index: 2; }
	.label-search{display:none;}

/* Hilight*/
#highlight{padding:0; margin:0; }
#highlight img{ margin:0 auto; }

#text-hilight{  position:absolute;  top: 70px; left: 350px; }
	.slogan { font-family: waan-free; color:white; font-size:72px; text-shadow:none; padding-top: 41px; padding-left: 295px;  text-align: left;}
	.intro{font-family: EDPenSook; color:white; font-size:35px; text-shadow:none; text-align: left;padding-left:166px;}
	.intro-eng{font-family: EDPenSook; color:white; font-size:28px; text-shadow:none; text-align: left; line-height: 40px; text-transform:uppercase;padding-left:166px;}
.arrow-hilight{float:right; position:relative; z-index:1; color:white; margin-top:-50px; font-size:23px; margin-right:0px;}
.arrow-hilight img {margin-right:2px; margin-left:2px; }

/*NEWS */
#bg-news{background-image:url("../images/bg-body.jpg"); background-repeat:repeat; padding-top:15px;color:white; padding-bottom:10px;}
.row01{   background-color: #504943;   margin-bottom: 20px;    margin-top: 10px;  position:relative; }
.row02{   background-color: #148ce3;   margin-bottom: 20px;    margin-top: 10px;  position:relative; }
figure img{  width:100%; height:195px; overflow:hidden; }
article p {color:white; height:112px; overflow:hidden;}
#widthimg{width:37%;}
.sizetitlenew {font-size:22px; line-height:23px; padding-top:9px; padding-bottom:9px; padding-right:10px; border-bottom:1px solid #847b72; margin-bottom:10px; height:58px; overflow:hidden;}
.sizetitlenew2 {font-size:22px; line-height:24px; padding-top:9px; padding-bottom:9px; padding-right:10px; border-bottom:1px solid #3d9eef; margin-bottom:10px; height:58px; overflow:hidden;}
.glyphicon-folder-open,.glyphicon-user,.glyphicon-calendar,.glyphicon-eye-open,.glyphicon-comment{ padding: 5px;}
.title-news{font-family: 'supermarket'; font-size:30px; color:#333333; }
.newsday {background-color:#2288d4; font-size:19px; color:white;  text-align:center; display:block; width:25%; position:absolute;}
.day-number { font-size:36px; display:block;  line-height:30px;}

.viewall a {position:absolute; right:20px; top:10px; font-size: 19px; font-family: 'CSChatThai';  text-decoration: underline;}


/*VDO */
.title-vdo{font-family: 'supermarket'; font-size:30px; color:#333333; text-align:center;margin-bottom:10px;}
#vdo iframe{ margin:0 auto;display: block; width:100%; height:34%; margin-top:10px;}

/*Calendar */
.table-condensed{width: 100%; text-align:center;}
/*#calendar table{ margin-top:30px; border:1px solid #e9e9e8; background-color:white;}*/
/*#calendar table td {text-align:center;}*/
#month{ font-family: 'supermarket'; color:white; font-size:22px; line-height: 11px; }
#bg-month a.btn {height: 30px; line-height: 11px; color:white; }
#bg-month {text-align:center; width: 13px; background-color:#34a2f0; }
.name-day{font-family: tahoma; font-size:11px; color:#e57406; border-right: 1px solid #e9e8e8; border-bottom: 1px solid #e9e8e8; height: 35;}
/*#calendar tr{border-bottom:1px solid #e9e9e8;}*/
.calender-thumbnail{padding:10px; padding-bottom:5px; padding-top:15px; background-color:white; border:1px solid #d1d1d1; margin-top:17px; margin-bottom:17px;}
.day{ border-right: 1px solid #e9e8e8; border-bottom: 1px solid #e9e8e8; font-size:17px; }

/*JOB */
.job{margin-top:10px;}

/*PR */
#bgpr { background-color:#f1f1f1; margin:0; padding-bottom:35px;}
#box-pr{position:relative; }
.titlepr{color:#333333;  font-family: 'supermarket'; font-size:25px; text-align:center; margin-bottom:20px; margin-top:15px; position:relative; }
.caption-pr{ font-size:21px; background-image:url('../images/bg-caption-pr.png');  background-repeat:repeat; color:white; padding:10px; position:absolute; bottom:0px; line-height:22px; text-align:left; height:56px; overflow:hidden;}

/*Porcurement */
#bg-procurement{  background-image:url('../images/bg-procurement.jpg'); background-repeat:no-repeat; background-position:center bottom; padding-top:60px; padding-bottom:62px;background-position: center top; }
.border-procurement {background-color:white;   /*border:2px solid black; */ border-radius:12px;    position:relative;   z-index:0; padding-bottom:10px; margin-top:23px; margin-left:25px; width:62.6%}
.border-procurement:before {    content:"";    display:block;    position:absolute;    z-index:-1;    top:3px;    left:3px;    right:3px;    bottom:3px;    border:2px solid black;	border-radius:12px; }

.title-procurement{font-family: 'supermarket'; color:black; font-size:23px; border-top-left-radius:4px; border-top-right-radius:4px;  text-align:left;padding:2px; display:block;}
.list-procurement { background-color:white; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.list-procurement ul {padding:0; padding-top:10px; float:left; width:50%; margin:0;}
.list-procurement ul li {padding:0; margin:0;  list-style:none; }
.list-procurement ul li a{color:black; list-style:none; display:block;  padding:5px;  text-align:left; }
.number{width:37px; height:38px; text-align:center; background-image:url("../images/circle.png"); background-repeat:no-repeat; padding-top:6px;display:inline-block; margin-right:10px; color:black;}
.btn-view-pr {color:#3d8021;  display: block; margin-top: -33px;  margin-left: 126px; margin-bottom:5px; text-decoration:underline;}
a.btn-view-pr {color:#3d8021 !important;}
#bg-procurement-pattern {argin:0; background-image:url('../images/bg-procurement-pattern2.jpg'); background-repeat:repeat-x; background-position:center bottom; background-color:#33a7e4;background-position: center top;/* background-color: #7CB266; */margin-bottom: -54px; }
 
/*Link*/
.title-link{font-family: 'supermarket'; color:white; font-size:23px; background-color:#245e46;  text-align:center;padding:2px; display:block; width:55%; margin-left:40px; margin-top:-15px; }
.list-link ul {padding:0; margin-left:40px; margin-right:75px; margin-top:15px;}
.list-link ul li{padding:0; margin:0;list-style:none; font-size:23px;  border-bottom:1px dashed #d3e5cc; background-image:url("../images/icon-car.png"); background-repeat:no-repeat; background-position:left; padding-left:35px; padding-bottom:2px; padding-top:1px; }
.list-link ul li a {color:black;}

/*gallery*/
#bg-gallery{background-color:#A7A7A7; background-image:url('../images/bg-road.jpg');background-repeat:no-repeat; background-position:center top; margin:0;}
.title-gallery{font-family: 'supermarket'; color:white; font-size:23px;  margin-top:30px;}
#gallery ul {padding:0; margin-top:25px;margin-bottom:40px;}
#gallery ul li { list-style:none; display:inline-block;  margin:0px; padding:0; margin-right:21px;}
.frist-gallery{margin-left:0px; }
.last-gallery{margin-right:0px !important; }
.arrow-gallery{text-align:right; display:block; margin-top:-29px;margin-right:0px;}
.arrow-gallery img {padding-left:25px;}

/*banner*/
.banner ul {padding:0; margin:0; text-align:center;}
.banner ul li {padding:8px  25px ; margin:0;  list-style:none; display:inline-block;}
.banner ul li:hover{ opacity:.92; }
.banner ul li a { color:white;}
.banner ul li a:hover{text-decoration:none;}
#bg-banner{background-color:white;margin: 0; background-image:url("../images/bg-body.jpg"); background-repeat:repeat;}

/*Partner*/
.title-partner{text-align:center; padding-top:10px;}
#rowpartner{  margin:0; padding:0; background-image:url("../images/bg-partner.jpg"); background-repeat:no-repeat; background-position:center top; background-size:100% 100%;}
#rowpartner ul {padding:0; margin:0; text-align:center;}
#rowpartner ul li {padding-left: 25px; padding-right: 25px; padding-top:10px;  padding-bottom:10px;  margin:0;  list-style:none; display:inline-block; }
#arrow-left{background-image:none; margin-top:42px;   width: 40px; opacity:10;}
#arrow-right{background-image:none; margin-top:42px;  width: 40px;opacity:10;}

/*FOOTER*/
#bg-footer { background-color:#252525; margin:0;color:white;}
.title-footer{font-family: 'supermarket'; font-size:27px; margin-top:15px; }
.title-footer2{font-family: 'supermarket'; font-size:19px; }
.policy ul {padding:0; margin:0; padding-bottom:10px;}
.policy ul li {color:#8cd6fd; padding:0; margin:0;  list-style:none; display:inline-block; }
.policy ul li a{color:#8cd6fd;}

#copyright{ font-family: Arial; font-size:11px; text-transform:uppercase; padding:0; margin-top:10px;margin-bottom:10px;}
#bg-copyright{  background-color:#111111; color:#9b9c9d;padding:5;}
.padding-textfooter{padding-left:35px !important; color:white !important;}
.padding-textfooter-phone{padding-top:30px;}
.img-responsive{min-width:100%;}

#bordermap{border-radius:4px; margin-top:40px;}

/*PAGE*/
.title-page {font-family: 'supermarket'; font-size:24px; color:black;  margin-bottom:30px; border-bottom:1px solid #5eb4e1;}

/*breadcrumb*/
.breadcrumb_{font-size:17px; margin-top:6px;}
.breadcrumb_text {color:#1762a5;}
.curent {color:#787879;}
#page{color:black;}



/*หน้าจอต่างๆ*/
@media screen and (min-width: 1201px) and (max-width: 2000px) {
.text-name-mobile {display:none;}
.sb-search-mobile {display:none;}
}

@media screen and (min-width: 992px) and (max-width: 1201px) {
.text-name-mobile {display:none;}
.text-name{font-size:27px;}
#topmenuxx{/*width:102%;*/}
#text-hilight{   top:0px; left: 200px; }
.calender-thumbnail{padding:0; padding-top:0;}
.title-link{width: 75%;}
.list-link{width: 118%;}
#bg-procurement{background-size:100% 100%; background-position:bottom center;}
#bg-procurement-pattern{background-size:7% 100%;background-position:bottom center;}
.sb-search-mobile {display:none;}
.border-procurement {    width: 60%;}
.sb-search {top:-30px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.text-name{/*display:none;*/}
.text-name-mobile {float:left; font-family: SarunThangLuang; font-size:35px; color:black; margin-top:10px; text-align:center; line-height:35px; display:block;}
#width-logo{width:100%;}
.text-name-eng{margin-top: 8px;  margin-left: 2px;}
#width-topmenu{width:100%;}
#topmenuxx{margin-top:0;    margin-bottom: 5;}
.row1, .row2{width: 135% !important;}
#vdo iframe{  height:55%;}
.caption-pr{width:100%;}
#box-pr{ margin-bottom:20px; }
.border-procurement{width:91%;}
.title-link{width:100%; margin-top:30px; margin-left:20px; }
#bg-procurement{background-image:none;}
.list-link ul{margin-right:0;}
#bg-procurement{  background-image:url('../images/bg-procurement-mobile.png');  background-repeat:no-repeat; background-position:center bottom;  padding-top:60px; padding-bottom:62px;}
#gallery ul li{margin-bottom: 15px;}
.banner ul li{padding: 10px 10px;}
.banner{margin-top:20px; margin-bottom:20px;}
.padding-textfooter{padding-left:0 !important;}
.intro {font-size: 25px;}
.intro-eng{font-size: 20px !important;  line-height:25px !important;}
#text-hilight{   top:5px; left: 160px; }
.sb-search-mobile {display:none;}
.sb-search{top: -70px;}
}

@media screen and (min-width: 560px) and (max-width: 767px) {
.text-name{/*display:none;*/}
.text-name-mobile {float:left; font-family: SarunThangLuang; font-size:35px; color:black; margin-top:10px; text-align:center; line-height:35px; display:block;}
#width-logo{width:100%;}
.text-name-eng{margin-top: 8px;  margin-left: 2px;}
#width-topmenu {width:100%;    margin-top: -47px;}
#topmenuxx{margin-top:0;}
#vdo iframe{  height:55%;}
.caption-pr{width:100%;}
#box-pr{ margin-bottom:20px; }
.border-procurement{width:90%; height:62%;}
.title-link{width:100%; margin-top:30px; margin-left:20px; clear: both;}
#bg-procurement{background-image:none;}
.list-link ul{margin-right:0;}
#bg-procurement{  background-image:url('../images/bg-procurement-mobile.png');  background-repeat:no-repeat; background-position:center top; background-size:100% 100%;  padding-top:60px; padding-bottom:62px;}
#gallery ul li{margin-bottom: 15px;}
.banner ul li{padding: 10px 10px;}
.banner{margin-top:20px; margin-bottom:20px;}
.padding-textfooter{padding-left:0 !important;}
#text-hilight{   top:-15px; left:20px; }
.slogan{font-size: 50px;}
.intro {font-size: 20px;}
.intro-eng{font-size: 17px !important;  line-height:25px !important;}


.sb-search-pc{display:none !important;}
.sb-search-mobile {margin-top:10px;}
}

@media screen and (min-width: 452px) and (max-width: 559px) {
.text-name{/*display:none;*/}
.text-name-mobile {float:left; font-family: SarunThangLuang; font-size:25px; color:black; margin-top:10px; text-align:center; line-height:35px; display:block;}
#width-logo{width:100%;}
.text-name-eng{margin-top: 8px;  margin-left: 2px;  font-size:16px; }
#width-topmenu {width:100%;    margin-top: -47px;}
#topmenuxx{margin-top:0;}
#vdo iframe{  height:55%;}
.caption-pr{width:100%;}
#box-pr{ margin-bottom:20px; }
.border-procurement{width:90%; height:80%;}

.title-link{width:100%; margin-top:30px; margin-left:20px; }
#bg-procurement{background-image:none;}
.list-link ul{margin-right:0;}
#bg-procurement{  background-image:url('../images/bg-procurement-mobile.png');  background-repeat:no-repeat; background-position:center top; background-size:100% 100%;  padding-top:60px; padding-bottom:62px;}
#gallery ul li{margin-bottom: 15px;}
.banner ul li{padding: 10px 10px;}
.banner{margin-top:20px; margin-bottom:20px;}
.padding-textfooter{padding-left:0 !important;}
#text-hilight{   top:-30px; left:-50px; }
.slogan{font-size: 40px;}
.intro {font-size: 16px;}
.intro-eng{font-size: 14px !important;  line-height:25px !important;}
.border-procurement{width:91%;}
.sb-search-pc{display:none !important;}
.sb-search-mobile {margin-top:10px;}
}
@media screen and (min-width: 341px) and (max-width: 451px) {
.logo{width: 50px;}
.text-name{/*display:none;*/}
.text-name-mobile {float:left; font-family: SarunThangLuang; font-size:20px; color:black; margin-top:10px; text-align:center; line-height:35px; display:block;}
#width-logo{width:100%;}
.text-name-eng{margin-top: 8px;  margin-left: 2px;  font-size:16px; }
#width-topmenu {width:100%;    margin-top: -47px;}
#topmenuxx{margin-top:0;}
#vdo iframe{  height:55%;}
.caption-pr{width:100%;}
#box-pr{ margin-bottom:20px; }
.border-procurement{width:90%; height:80%;}
.title-link{width:100%; margin-top:30px; margin-left:20px; }
#bg-procurement{background-image:none;}
.list-link ul{margin-right:0;}
#bg-procurement{  background-image:url('../images/bg-procurement-mobile.png');  background-repeat:no-repeat; background-position:center top; background-size:100% 100%;  padding-top:60px; padding-bottom:62px;}
#gallery ul li{margin-bottom: 15px;}
.banner ul li{padding: 10px 10px;}
.banner{margin-top:20px; margin-bottom:20px;}
.padding-textfooter{padding-left:0 !important;}
#text-hilight{   top:-30px; left:-110px; }
.slogan{font-size: 30px;}
.intro {font-size: 15px;}
.intro-eng{font-size: 12px !important;  line-height:20px !important;}
.border-procurement{width:91%;}
.sb-search-pc{display:none !important;}
.sb-search-mobile {margin-top:5px;}
}
@media screen and (min-width: 0px) and (max-width: 340px) {
.logo{ margin-left:45px;}
.text-name{/*display:none;*/font-size:25px;line-height:30px; float:left;}
.text-name-mobile {float:left; font-family: SarunThangLuang; font-size:25px; color:black; margin-top:10px; text-align:center; line-height:35px; display:block;}
#width-logo{width:100%;}
.text-name-eng{margin-top: 8px;  margin-left: 2px;  font-size:14px; line-height:14px;}
#width-topmenu {width:100%;    margin-top: -47px;}
#topmenuxx{margin-top:0;}
#vdo iframe{  height:55%;}
.caption-pr{width:100%;}
#box-pr{ margin-bottom:20px; }
.border-procurement{width:70%; height:135%; margin-left: 10px;}
.title-link{width:100%; margin-top:30px; margin-left:20px;  clear:both;}
#bg-procurement{background-image:none;}
.list-link ul{margin-right:0;}
#bg-procurement{  background-image:url('../images/bg-procurement-mobile.png');  background-repeat:no-repeat; background-position:center top; background-size:100% 100%;  padding-top:60px; padding-bottom:62px;}
#gallery ul li{margin-bottom: 15px;}
.banner ul li{padding: 10px 10px;}
.banner{margin-top:20px; margin-bottom:20px;}
.padding-textfooter{padding-left:0 !important;}
#text-hilight{   top:-30px; left:-160px; }
.slogan{font-size: 17px;}
.intro {font-size: 13px;}
.intro-eng{font-size: 10px !important;  line-height:10px !important;}
.border-procurement{width:91%;}
.sb-search-pc{display:none !important;}
.sb-search-mobile {margin-top:5px;}
.navbar-toggle{margin-top:-130px; margin-right:-10px;}
.calender-thumbnail{padding:0;}
#month{font-size:15px;}
#bg-month{text-align:left;}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td{padding:0 !important;}
}