body{background-color:white; font-size:14px; color:black; font-family:tahoma;}

@font-face {
	font-family: 'thaiSananeue-bold';
	src: url('../fonts/thaiSananeue-bold.eot');
	src: local('☺'), url('../fonts/thaiSananeue-bold.woff') format('woff'), url('../fonts/thaiSananeue-bold.ttf') format('truetype'), url('../fonts/thaiSananeue-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'thaiSananeue-regular';
	src: url('../fonts/thaiSananeue-regular.eot');
	src: local('☺'), url('../fonts/thaiSananeue-regular.woff') format('woff'), url('../fonts/thaiSananeue-regular.ttf') format('truetype'), url('../fonts/thaiSananeue-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* remember to define focus styles! */
:focus {outline: none;}

#background-top{ padding-bottom:5px;  background-color:#be1917;}
/*#bg-gray-top {background-color:#ecf0f1; background-image:url("../images/bg-web.jpg"); background-repeat:no-repeat; background-position: bottom center; height:713px; padding-top:5px;}*/
#bg-gray-top {background-color:#ecf0f1; background-image:url("../images/bg-web.jpg"); background-repeat:no-repeat; background-position: bottom center; height:490px; padding-top:5px;}

#logo-padding{padding:0;}
#logo{ width:522px; height:140px; background-image:url("../images/logo-name.png"); background-size:100% 100%;}

#social {padding:0;}
#social ul {padding:0; margin:0;}
#social ul li {display:inline-block; zoom: 1; *display: inline; padding-right:20px;  padding-top:12px; }
#social ul li a{display:inline-block; zoom: 1; *display: inline; vertical-align:bottom;}
	.icon1 {width:7px; height:15px; background-image:url("../images/icon-facebook-reg.png"); background-repeat:no-repeat; }
	.icon1:hover{width:7px; height:15px; background-image:url("../images/icon-facebook-hot.png"); background-repeat:no-repeat;}
	.icon2 {width:13px; height:12px; background-image:url("../images/icon-twitter-reg.png"); background-repeat:no-repeat; }
	.icon2:hover{width:13px; height:12px; background-image:url("../images/icon-twitter-hot.png"); background-repeat:no-repeat;}
	.icon3 {width:20px; height:19px; background-image:url("../images/icon-youtube-reg.png"); background-repeat:no-repeat; }
	.icon3:hover{width:20px; height:19px; background-image:url("../images/icon-youtube-hot.png"); background-repeat:no-repeat;}
	.icon4 {width:13px; height:14px; background-image:url("../images/icon-rss-reg.png"); background-repeat:no-repeat; }
	.icon4:hover{width:13px; height:14px; background-image:url("../images/icon-rss-hot.png"); background-repeat:no-repeat;}

#mail {padding:0; margin:0; float:right;}
#mail ul {padding:0; margin:0; float: right;}
#mail ul li {display:inline-block; zoom: 1; *display: inline;}
#mail ul li a{display:inline-block; zoom: 1; *display: inline;}
	.icon5 {padding-left:25px; padding-top:10px;  background-image:url("../images/icon-mail.png"); background-repeat:no-repeat; color:white; background-position: 0px 20px; line-height:30px; font-size:13px;}
	.icon5:hover {color:white;}
	.icon5:visited {color:white;}
	.icon6 {padding-left:25px; padding-top:10px;  background-image:url("../images/icon-phone.png"); background-repeat:no-repeat; color:white; background-position: 0px 17px; line-height:30px; font-size:13px;}
	.icon6:hover {color:white;}
	.icon6:visited {color:white;}
	.icon7 {font-size:14px; color:white;  padding-right:5px !important; }
	#search{height: 25px; font-size:12px; background-color:#a32f2d; border: none; border-radius: 0px; color:white;}

/* textsize*/
#ccc {margin-top: 25px; }
	.menu-textsize{ float:right; margin-right:25px; 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 { float:right; 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 { float:right; }
	.flag ul {padding:0; margin:0;}
	.flag ul li {display:inline-block; zoom: 1; *display: inline; }
	.flag ul li a{ vertical-align: bottom; margin-left:7px;}

#login { float:right; margin-top:5px; margin-right:25px;}
#login a {font-size:12px; color:#817e7e; font-weight:bold; text-transform:uppercase; }
#login a:hover {text-decoration:underline !important;}

/* search advance*/

#search-advance{height: 30px; font-size:12px; background-color:#dddddd; border: none; border-radius: 0px; color:#333333;  background-image:url("../images/icon-search.png"); background-position:right;background-repeat:no-repeat; padding:5px;}
	.text-search-advance{text-align:right;}
#search-advance-padding{padding:0; margin-top:10px; float: right;  width: 35%;}
.text-search-advance{padding-top:5px; padding-right:5px; }
.text-search-advance-2 a{font-size:13px; color:#b45250; text-decoration:underline !important; float:right; margin-top:3px; font-weight:bold;}
.text-search-advance-2 a:hover {color:#ee2724; text-decoration:underline !important; }

/* Topmenu*/
#topmenu{font-family: 'thaiSananeue-bold'; font-size:21px; font-weight:normal; color:#585757;}
#topmenu li {}
	/*#topmenu li a:hover,#topmenu li a:active{background-color:#145bc0;color:white !important; border-radius:4px;  }*/
	#topmenu li a:hover,#topmenu li a:active,#topmenu li a:focus{color:#cf0000; }
/*#supmenu{background-color:#3270c9;  border-radius:0px; z-index:1; }*/
#supmenu ul {z-index:1; margin-top:10px;}
#supmenu li a {font-family: 'thaiSananeue-regular'; font-size:20px; background-color:#424242; color:white;font-weight:normal;}
#supmenu li a:hover{font-size:20px; background-color:#f0423c; color:white;font-weight:normal; display:block;}

/* Hilight*/
#carousel-width{padding:0; margin:0; }
/* Slide*/
	#run { position:absolute; margin:0 auto;  width:100%; text-align:center; line-height: 25px;}
		#run ol{padding:0; margin:0; list-style:none;}
		#run ol li{padding:2; margin:0; list-style:none;display:inline-block; zoom: 1; *display: inline; font-size:13px; font-weight:bold;}
		#run ol li a{color:white; padding:0; margin:0; list-style:none; display:inline-block; zoom: 1; *display: inline; float:left; text-decoration:none;
		width:10px;  height:10px;  -moz-border-radius: 50%;   -webkit-border-radius: 50%;   border-radius: 50%;   background: #828e96;  }
		#run ol li a:hover{ padding:0; margin:0; list-style:none; display:inline-block; zoom: 1; *display: inline; float:left;  text-decoration:none;
		width:10px;  height:10px;  -moz-border-radius: 50%;   -webkit-border-radius: 50%;   border-radius: 50%;   background-color:#d44c4b; }
		#run ol li a.active{padding:0; margin:0; list-style:none; display:inline-block;width:10px;  height:10px;  -moz-border-radius: 50%;   -webkit-border-radius: 50%;   border-radius: 50%;   background:#d44c4b;}
		.run-all a{color:#828e96; font-size:12px; font-weight:bold; text-align:center; padding-left:10px;}
		.run-all:hover{text-decoration:underline;}

		.arrow-highlight-right{width:30px; position:relative;  float:right; height:23px; margin-top:-30px; margin-right:30px; }
	
#carousel-width-right{padding:0; margin:0;  width:316px; float:right;}

/* NEWS*/
#margin-news{margin-top:30px;}
#padding-news{padding:0; margin:0; position:relative;}
#padding2-news{padding:0; margin:0; float:right; width: 47.5%;}
.title-news {font-family: 'thaiSananeue-bold'; font-size:27px; font-weight:bold; color:#585757; border-bottom:3px solid #cf0000; line-height:32px;}
.title-text01{color:#cf0000;font-size:27px!important;}
.btn-viewall {font-family:Tahoma; font-weight:bold; color:white; background-color:#cf0000; float:right; font-size:11px; border:0; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px;  line-height:20px; margin-top:10px;}
.btn-viewall:hover { background-color:#df2626;}
.title-new{font-family: 'thaiSananeue-regular'; font-size:23px; font-weight:normal; color:white;background-color:#e2120c;  padding:10px; margin-right:22px; line-height:24px;}
.title-new a{color:white;}
#new-pr-news{padding:0; margin:0;}
.thumbnail-news{border:1px solid #dedfdf; }
.title-new2{height:60px; overflow:hidden; line-height:18px; width:157px; padding-top:5px;}
#pic-news1{margin-left:13px;}
#pic-news2{float:right;}
#pic-news3{ margin-left:13px; margin-top:10px;}
#pic-news4{float:right; margin-top:10px;}
.date-news{color:#b0b0b0; font-size:11px; }
#carousel-pr-news .item img { min-width: auto;}
	#carousel-pr-news .icon-prev:before {   color: white; font-size:50px;   content: '\2039'; margin-left: -30px;}
	#carousel-pr-news .icon-next:before {    color: white; font-size:50px;   content: '\203a'; margin-right: -30px;}

#carousel-training01-news .item img { min-width: auto; }
	#carousel-training01-news .icon-prev:before {   color: #c5c0c0; font-size:40px;   content: '\2039'; margin-left: -23px; top:-29px; left:40%;   position: absolute; }
	#carousel-training01-news .icon-next:before {    color: #c5c0c0; font-size:40px;   content: '\203a'; margin-right: -10px; top:-29px; right:0;   position: absolute;}
		.arrow-training01{ }

#carousel-training02-news .item img { min-width: auto; }
	#carousel-training02-news .icon-prev:before {   color: #c5c0c0; font-size:40px;   content: '\2039'; margin-left: -23px; top:-29px; left:40%;   position: absolute; }
	#carousel-training02-news .icon-next:before {    color: #c5c0c0; font-size:40px;   content: '\203a'; margin-right: -10px; top:-29px; right:0;   position: absolute;}

#carousel-training03-news .item img { min-width: auto; }
	#carousel-training03-news .icon-prev:before {   color: #c5c0c0; font-size:40px;   content: '\2039'; margin-left: -23px; top:-29px; left:40%;   position: absolute; }
	#carousel-training03-news .icon-next:before {    color: #c5c0c0; font-size:40px;   content: '\203a'; margin-right: -10px; top:-29px; right:0;   position: absolute;}

#carousel-training04-news .item img { min-width: auto; }
	#carousel-training04-news .icon-prev:before {   color: #c5c0c0; font-size:40px;   content: '\2039'; margin-left: -23px; top:-29px; left:40%;   position: absolute; }
	#carousel-training04-news .icon-next:before {    color: #c5c0c0; font-size:40px;   content: '\203a'; margin-right: -10px; top:-29px; right:0;   position: absolute;}

#carousel-training05-news .item img { min-width: auto; }
	#carousel-training05-news .icon-prev:before {   color: #c5c0c0; font-size:40px;   content: '\2039'; margin-left: -23px; top:-29px; left:40%;   position: absolute; }
	#carousel-training05-news .icon-next:before {    color: #c5c0c0; font-size:40px;   content: '\203a'; margin-right: -10px; top:-29px; right:0;   position: absolute;}

#carousel-training06-news .item img { min-width: auto; }
	#carousel-training06-news .icon-prev:before {   color: #c5c0c0; font-size:40px;   content: '\2039'; margin-left: -23px; top:-29px; left:40%;   position: absolute; }
	#carousel-training06-news .icon-next:before {    color: #c5c0c0; font-size:40px;   content: '\203a'; margin-right: -10px; top:-29px; right:0;   position: absolute;}

/*COL-right*/
#col-right {padding: 0;  margin: 0;  width: 316px;  float: right; position: relative;}

/*Search Terms*/
	#search-advance-padding2{padding:0; margin-top:10px; margin:0 auto; width:90%; background-color: white; background-image: url(../images/icon-search2.png);
		background-position: left; background-repeat: no-repeat; padding: 5px;  padding-left: 25px;  height: 39px;  font-size: 12px; border: 2px solid #dadada;  border-radius: 3px;  color: #333333; }
	.text-search-advance2{padding-top:5px; padding-right:5px;  }
	.text-search-advance2 a{font-size:13px; color:#b45250; text-decoration:underline !important; float:right; margin-top:3px; font-weight:bold;}
	.text-search-advance2 a:hover {color:#ee2724; text-decoration:underline !important; }
	.btn-search-advance {background-color: #cf0000; font-size:13px; font-weight:bold; color:white; border:0; padding:9px;height: 39px; right:18px; position: absolute;}
	.btn-search-terms {background-image: url(../images/btn-search-advance-reg.png);  background-repeat:no-repeat; width:135px; height:31px; border:0; background-color:transparent;  display:block; margin:0 auto; margin-top:20px;}
	.btn-search-terms:hover {background-image: url(../images/btn-search-advance-hot.png); width:135px; height:31px; border:0;}
	.bg-search-terms {background-image: url(../images/bg-search-advance.png); background-repeat:no-repeat; padding-left:15px; padding-right:15px; padding-top:70px;padding-bottom:50px;}

/*Procurement News*/
.procurement ul {padding:0; margin:0;}
.procurement ul li{background-image: url(../images/arrow-red.png);  background-repeat:no-repeat; background-position:top left; padding-left:15px;}
.hr01{line-height:2px; margin-top:-10px; margin-bottom:8px;}
#carousel-procurement .icon-prev:before {  color: #c5c0c0;}
#carousel-procurement .icon-next:before {  color: #c5c0c0;}
 
/*TESTER*/
 #col-right-tester {padding: 0;  margin: 0;  width: 316px;  height: 239px; float: right; position: relative; background-image:#F4F4F4;  background-repeat:no-repeat; }
 .title-tester {font-family: 'thaiSananeue-bold'; font-size:27px; font-weight:bold; color:#585757; line-height:32px; text-align:center;}

/*CIO*/
 #col-right-cio {padding: 0;  margin: 0;  width: 316px;  height: 239px; float: right; position: relative; background-image: url(../images/bg-oic.jpg);  background-repeat:no-repeat; }
 .title-cio {font-family: 'thaiSananeue-bold'; font-size:27px; font-weight:bold; color:#585757; line-height:32px; text-align:center;}
.menu-cio ul{padding:0; margin-top:15px;}
.menu-cio ul li {padding-bottom:10px; padding-top:15px; margin:0; text-align:center; font-size:14px; font-weight:bold; color:black;}
.menu-cio ul li a{padding:0; margin:0; text-align:center; font-size:14px; font-weight:bold; color:black;}
.menu-cio ul li a:hover {color:gray;}


/*TAB*/
#Mytab a{ font-family: 'thaiSananeue-bold';   font-size: 22px;  color:#9c9b9b;}
#Mytab li.active a,#Mytab li.active a:hover, #Mytab li.active a:focus, #Mytab li.active a:active{ background-color:#be1917;  color:white; margin-left:-1px;}

.nav-tabs #Mytab >li>a:hover { background-color:#e7e7e7;}
#Mytab>li.active>a, #Mytab>li.active>a:focus,#Mytab>li.active>a:hover {border:none; border-radius:0px;}
#Mytab>li>a {  position: relative;   display: block; padding: 4px 10px 8px 10px; background-color:#e7e7e7; color:#9c9b9b; border-radius:0px; line-height:22px; text-align:center; margin-left: -1px;}
#Mytab>li>a:hover {background-color:transparent; border:1px solid transparent; cursor:pointer;color:white;  background-color:#be1917;}

#training-news{margin-top:4px;}
.date-news2{color:#b0b0b0; font-size:11px;  margin-bottom:25px; vertical-align:bottom;}
.title-new3{height:55px; overflow:hidden; line-height:18px; width:157px; padding-top:5px; margin-bottom:5px;}
#padding-tab{padding:0; margin-right: -30px;}
#padding2-tab{margin-left: 0px;margin-right: 10px;}

.tab-content { border-top: 4px solid #be1917; margin-top:-7px; z-index:1; position:absolute; margin-bottom:30px;}
.viewall2 a{display:block; font-family:Tahoma; font-weight:bold; color:#be1917; float:right; font-size:13px; border:0; padding-top:0px; padding-bottom:5px; padding-left:2px; padding-right:2px;  line-height:20px; margin-top:10px; text-decoration:underline !important;}
.viewall2 a:hover {display:block; color:#e1312f; }

#margin-news2{clear:both; margin-top:40px;}
#padding1-cal {padding:0; margin:0; }
#padding2-cal{ padding:0; margin:0; }

/*SERVICE*/
#banner-service ul{padding:0; margin-top:10px;  margin-bottom:20px;}
#banner-service ul li {padding-right:35px;  margin:0; list-style:none; display:inline-block; border:0; }
.arrow-service {position: absolute; top: 40px; width:100%;}
.item-banner { padding-right:0px !important;}

/*GALLERY*/
#bg-gallery{background-color:#f9f1ee; padding-bottom:30px; }
.title-gallery{font-family: 'thaiSananeue-bold'; font-size:27px; font-weight:bold; color:#585757; line-height:32px; margin-top:33px;}
.title-gallery2{font-family: 'thaiSananeue-bold'; font-size:27px; font-weight:bold; color:#585757; line-height:32px; margin-top:-35px;}

#pic-gallery ul{padding:0; margin:0;}
#pic-gallery ul li {padding:0;  margin-right:-9px; list-style:none; display:inline-block; border:0; }
#pic-gallery ul li.active{background-color:#f64851; display:inline-block;  }

.arrow-gallery{position:absolute; top:0; right:-15px;}
#padding-gallery{margin-top:20px;margin-bottom:20px;}

.imgteaser {    margin-bottom: 25px;	overflow: hidden;	float: left;	position: relative; }
.imgteaser a {	text-decoration: none;	float: left;}
/* ถ้าไม่ใส่ cursor: pointer ไป ตอนแสดงใน ie6 caption จะหน่วงนิดนึง*/
.imgteaser a:hover {	cursor: pointer;  }
/* ตกแต่งภาพให้ดูคล้ายๆ ภาพโพลารอยด์*/
.imgteaser a img {float: left;	border: none; background: #fff;}
/* เมื่อเอาเมาส์ไปชี้ที่รูปภาพ ให้แสดงตัว caption ขึ้นมา โดยกำหนดความโปร่งแสงไว้ที่ 75%*/
/* ตรงนี้แหละที่เป็นจุดสำคัญ  CSS ตรงนี้จะทำงานก็ต่อเมื่อเอาเมาส์ไปชี้ที่ภาพเท่านั้น  โอ้วเหมือน javascript เลย*/
.imgteaser a:hover .desc { padding-top:30px;display: block;font-size: 14px; background-image:url("../images/red-hover.png");
	color:white; font-family:tahoma;	position: absolute; width:197px;	height:152px;	text-align:center;	vertical-align:center; }

/* ตอนแสดงขึ้นมาครั้งแรก ให้ซ่อน caption ไว้ก่อน*/
.imgteaser a .desc {	display: none; vertical-align:center;  line-height: 100px; font-weight:bold;}
.btn-gallery{width:100%;margin:0 auto; text-align:center;}
.btn-viewall-gallery {font-family:Tahoma; font-weight:bold; color:white; background-color:#f0423c; font-size:13px; border:0; padding-top:2px; padding-bottom:2px; 
padding-left:38px; padding-right:38px;  line-height:24px; }
.btn-viewall-gallery:hover { background-color:#df2626;}


/*VDO*/
.viewall-vdo a{display:block; font-family:Tahoma; font-weight:bold; color:#be1917; text-align:right;  font-size:13px; border:0; margin-right:-20px; text-decoration:underline !important; line-height:50px;}
.viewall-vdo a:hover {display:block; color:#e1312f; }
.title-vdo{font-family: 'thaiSananeue-bold'; font-size:27px; font-weight:bold; color:#585757; }
#vdoo{width: 30%; margin-top:-40px;}

/*Banner System*/
.item-banner-system { padding-right:0px !important;}
#bg-banner-system{background-color:#f7f7f7;  border:1px solid white; padding-top:50px;}
#bg-banner-system ul{padding:0; margin-top:10px;  margin-bottom:20px;}
#bg-banner-system ul li {padding-right:31px;  padding-bottom:30px;  margin:0; list-style:none; display:inline-block; border:0; }

/*Banner Weblink*/
#banner-weblink ul{padding:0; margin-top:10px;  margin-bottom:20px;}
#banner-weblink ul li {padding-right:59px;  margin:0; list-style:none; display:inline-block; border:0; }
.arrow-weblink {position: absolute; top: 0px; width:100%;}

		.menu-partners{left: 130px;  top: 35px; position:absolute; z-index:1;}
		/* Style The Dropdown Button */
		.dropbtn {    background-color: white;   color: #333333; text-align:left;   padding: 7px; padding-left: 16px; width:150px;  font-size: 14px;   border: none;   cursor: pointer; 
		background-image:url("../images/arrow-down-gray.png"); background-position:130px 15px;  background-repeat:no-repeat;   border-radius:3px; opacity: 0.9; 
		-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2); }

		/* The container <div> - needed to position the dropdown content */
		.dropdown {   position: relative;   display: inline-block;}

		/* Dropdown Content (Hidden by Default) */
		.dropdown-content { opacity: 0.9;   border-radius:3px;  display: none;    position: absolute;    background-color: #f9f9f9;    min-width: 160px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);}

		/* Links inside the dropdown */
		.dropdown-content a {    color: black;    padding:8px;    text-decoration: none;  font-size: 14px;   display: block;	border-bottom:1px solid #e3e2e2; padding-left: 16px; border-radius:3px; }

		/* Change color of dropdown links on hover */
		.dropdown-content a:hover {background-color: #f1f1f1;}

		/* Show the dropdown menu on hover */
		.dropdown:hover .dropdown-content {    display: block;}

		/* Change the background color of the dropdown button when the dropdown content is shown */
		.dropdown:hover .dropbtn {    background-color:white;}

/*FOOTER*/
#footer{font-size:12px;}
#bottom-menu ul li{font-size:12px; color:white; display:inline-block;}
#bottom-menu ul li a{font-size:12px; color:white; display:inline-block;}
#line-footer{border-top:3px solid #f0423c; background-color: #f7f7f7; position:relative;}
.title-footer{color:#424242; font-family: 'thaiSananeue-bold'; font-size:24px; line-height:25px;}
.map a{padding-left:10px;color:#f0423c; text-decoration:underline !important;}
.map a:hover{color:#e70503; text-decoration:underline;}
.more-stat a{padding-left:10px; text-decoration:underline !important;}
.more-stat a:hover{color:#e70503; text-decoration:underline;}
.title-footer2{color:#424242; font-family: 'thaiSananeue-bold'; font-size:22px; line-height:25px;}
#subscribe{background-color:white; border:1px solid #e5e5e5; border-radius:0;box-shadow:none;-moz-box-shadow: none; -webkit-box-shadow: none; height:50px; margin-top:18px; position:relative; }
.btn-subscribe{background-color:#f0423c; padding:13.5px; border:0; text-transform:uppercase; color:white; right:0; top:44px; position:absolute;}
.btn-subscribe:hover{background-color:#e42c26; padding:13.5px; border:0; text-transform:uppercase; color:white;}
#name-footer{padding:0;}

/*GO TOP*/
.scroll-top-wrapper {   position: absolute;opacity: 0;	visibility: hidden;	overflow: hidden;	text-align: center;	z-index: 99999999;  
	color: #eeeeee;	width: 50px;	height: 48px;	line-height: 48px;	right:0px;	bottom:75px;	padding-top: 2px;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
.scroll-top-wrapper:hover {	}
.scroll-top-wrapper.show {    visibility:visible;    cursor:pointer;	opacity: 1.0;}
.scroll-top-wrapper i.fa {	line-height: inherit;}

.hilight-responsive{min-width:100%;}

/*W3C*/
.visuallyhidden {  border: 0;  clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;
  position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;}

/*PAGE*/
.breadcrumb_{text-align:right; font-size:13px; color:#939090; padding: 3px 8px;   list-style: none;   background-color: #efe6e7;   border-radius: 4px;}
.breadcrumb_ a {color:#939090;}
.breadcrumb_ a:hover {color:#889aca;}
.curent{color:black;}
.title-page { font-family: 'thaiSananeue-regular'; font-size:30px; color:#1686CC; }
#bg-gray-top2 {background-color:#ecf0f1; background-image:url("../images/bg-web.jpg"); background-repeat:no-repeat; background-position: bottom center; height:220px; padding-top:5px;}
#page{padding-top:20px;padding-bottom:50px;}


/*หน้าจอต่างๆ*/
@media screen and (max-width:420px) {
#search-advance-padding{width:95%;}
#logo { width: 290px;  height: 78px;}
#carousel-width-right{padding:0; margin-top:30px; float:left;}
#carousel-pr-news .item img {min-width: auto; }
img.issue-item {width: 100%; }
.title-new{margin-right: 0px; }
.arrow-news{position:relative; width: 90%; margin: 0 auto; top: -200px; }
.carousel-control {width:14% !important;}
#new-pr-news{margin-bottom:10px;}
#pic-news1 {float: left; margin:0 auto; padding-bottom:5px;}
#pic-news2 {float: left; margin:0 auto; padding-bottom:5px;}
#pic-news3 {float: left; margin:0 auto; padding-bottom:5px; }
#pic-news4 {float: left; margin:0 auto; padding-bottom:5px;}
#col-right {float:left; margin-top:20px; width: 100%;}
.bg-search-terms{background-size:100% 100%; }
#padding-tab{float: left;   padding: 0;  margin-left: 10px; margin-right: 10px;}
#padding2-tab{float: left;   padding: 0;  margin-left: 10px;  margin-right: 10px;}
.clear-tab-news{ margin-top: 1650px;}
.nav-tabs>li {width:50%;margin-bottom:1px;  height:60px; }
#Mytab li.active a, #Mytab li.active a:hover, #Mytab li.active a:focus, #Mytab li.active a:active {margin-bottom:1px  height:60px; font-size:19px; }
#Mytab>li>a {  position: relative;  display:block; padding: 4px 10px 8px 10px; background-color:#e7e7e7; color:#9c9b9b; border-radius:0px; text-align:center; margin-left: -1px; font-size:19px; height:60px; line-height:16px;}
#margin-news2 {margin-top: 0px;}
#padding-news-cal-1{padding:0; margin:0;}
#padding-news-cal{padding:0; margin:0; position:relative; width: 100%;  float:left;}
#padding2-news-cal{padding:0; margin:0; float:right;width: 100%;}
#padding1-cal {padding:0; margin:0; float: left; }
#float-cal{padding:0; margin:0;}
#col-right-cio{clear:both; width: 100%; margin-top:20px;  margin-bottom:20px; background-size:100% 100%; }
#padding-news {98%; }
#vdoo{clear:both; float:left; margin-top:20px; width:96%;padding: 10px;}
.title-vdo{float:left;}
#vdoo iframe{width:100%;}
#bg-banner-system ul li {padding-right: 20px;}
#banner-service ul li {margin:10px; }
#banner-weblink ul li {padding-bottom: 10px;}
.arrow-weblink {  top: 28px;}
.arrow-gallery{top: -30px;  right: 0;}
#name-footer{ padding-left:10px; padding-bottom: 20px;}
#num-visit{padding-left:10px; padding-bottom: 20px;}
#newsletter { padding-left:10px; padding-bottom: 20px;}
.dropdown { margin-top: -38px;  position: absolute;}
.scroll-top-wrapper {top: -342;}
#page{padding-top:70px;}
}

@media screen and (min-width: 421px) and (max-width: 700px) {
#logo { width: 450px;  height: 121px;}
#carousel-width-right{padding:0; margin-top:30px; float:left;}
#carousel-pr-news .item img {min-width: auto; }
img.issue-item {width: 100%; }
.title-new{margin-right: 0px; }
.arrow-news{position:relative; width: 90%; margin: 0 auto; top: -200px; }
.carousel-control {width:14% !important;}
#new-pr-news{margin-bottom:10px;}
#pic-news1 {float: left; padding:15px; }
#pic-news2 {float: left;  padding:15px; }
#pic-news3 {float: left;padding:15px; }
#pic-news4 {float: left;padding:15px; }
#col-right {float:left; margin-top:20px; width: 100%;}
.bg-search-terms{background-size:100% 100%; }
#padding-tab{float: left;   padding: 0;  margin-left: 10px; margin-right: 10px;}
#padding2-tab{float: left;   padding: 0;  margin-left: 10px;  margin-right: 10px;}
.clear-tab-news{ margin-top: 860px;}
#Mytab a {font-size:20px;}
#Mytab>li>a {  position: relative;  display:block; padding: 4px 10px 8px 10px; background-color:#e7e7e7; color:#9c9b9b; border-radius:0px; text-align:center; margin-left: -1px; font-size:19px; height:60px; line-height:22px;}
#Mytab>li>a:hover {background-color:transparent; border:1px solid transparent; cursor:pointer;color:white;  background-color:#be1917;line-height:22px;  }
#margin-news2 {margin-top: 0px;}
#padding-news-cal-1{padding:0; margin:0;}
#padding-news-cal{padding:0; margin:0; position:relative; width: 47%;  float:left;}
#padding2-news-cal{padding:0; margin:0; float:right;width: 47%;}
#padding1-cal {padding:0; margin:0; float: left; }
#float-cal{padding:0; margin:0;}
#col-right-cio{clear:both; width: 100%; margin-top:20px;  margin-bottom:20px; background-size:100% 100%; }
#padding-news {98%; }
#vdoo{clear:both; float:left; margin-top:20px; width:96%;padding: 10px;}
.title-vdo{float:left;}
#vdoo iframe{width:100%;}
#bg-banner-system ul li {padding-right: 20px;}
#banner-service ul li {margin:10px; }
#banner-weblink ul li {padding-right:20px; margin: 10px;}
.arrow-gallery{top: -30px;  right: 0;}
#name-footer{ padding-left: 40px; padding-bottom: 30px;}
#num-visit{padding-bottom: 30px;}
.dropdown {margin-top: -35px;  position: absolute;}
.scroll-top-wrapper {top: -337;}
#page{padding-top:70px;}
}

@media screen and (min-width: 701px) and (max-width: 900px) {
#carousel-width-right{padding:0; margin-top:30px; float:left;}
#carousel-pr-news .item img {min-width: auto; }
img.issue-item {width: 100%; }
.title-new{margin-right: 0px; }
.arrow-news{position:relative; height:40%; width: 100%; top: -300px; }
#new-pr-news{margin-bottom:10px;}
#pic-news1 {float: left;   padding: 0;  margin-left: 0; margin-right: 30px;}
#pic-news2 {float: left;   padding: 0;  margin-right: 17px;}
#pic-news3 {float: left; padding: 0;  margin-right: 30px; margin-top: 0px;}
#pic-news4 {float: left;   padding: 0; margin-top: 0px;}
#col-right {float:left; margin-top:20px; width: 100%;}
.bg-search-terms{background-size:100% 100%; }
#padding-tab{float: left;   padding: 0;  margin-left: 10px; margin-right: 10px;}
#padding2-tab{float: left;   padding: 0;  margin-left: 10px;  margin-right: 10px;}
.clear-tab-news{ margin-top: 480px;}
#Mytab a {font-size:20px;}
#margin-news2 {margin-top: 0px;}
#padding-news-cal-1{padding:0; margin:0;}
#padding-news-cal{padding:0; margin:0; position:relative; width: 47%;  float:left;}
#padding2-news-cal{padding:0; margin:0; float:right;width: 47%;}
#padding1-cal {padding:0; margin:0; float: left; }
#float-cal{padding:0; margin:0; float:right;}
#col-right-cio{clear:both; width: 100%; margin-top:20px;  margin-bottom:20px; background-size:100% 100%; }
#padding-news {98%; }
.arrow-gallery {top: -30px;  right: 5px;}
#vdoo{clear:both; float:left; margin-top:20px; width:100%;}
.title-vdo{float:left;}
#vdoo iframe{width:100%;}
#banner-service ul li { margin: 9px;}
#banner-weblink ul li { margin: 10px;}
.arrow-weblink {  top: 41px;}
.dropdown { margin-top: -36px;  position: absolute;}
#name-footer{ padding-left: 40px; padding-bottom: 30px;}
#num-visit{padding-bottom: 30px;}
.dropdown { margin-top: -23px;}
.scroll-top-wrapper {top: -337;}
#page{padding-top:70px;}
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
#carousel-width{width:100%;}
#carousel-width-right{padding:0; margin-top:30px; float:left;}
#padding-news{width:100%;}
#carousel-pr-news .item img {min-width: auto; }
img.issue-item {width: 100%; }
.title-new{margin-right: 0px; }
.arrow-news{ position:relative; height:40%; width: 100%; top: 150px;}
#new-pr-news{margin-bottom:10px;}
#pic-news1 { margin-left: 42px; }
#pic-news3 { margin-left: 42px;}
#col-right {float:left; margin-top:20px; width: 100%;}
.bg-search-terms{background-size:100% 100%; }
.clear-tab-news{ margin-top:565px;}
#Mytab a {font-size:22px;}
#margin-news2 {margin-top: 0px;}
#padding-news-cal-1{padding:0; margin:0; width: 100%;}
#padding-news-cal{padding:0; margin:0; position:relative; float:left;}
#padding2-news-cal{padding:0; margin:0; float:right;}
#padding1-cal {padding:0; margin:0; float: left; }
#float-cal{padding:0; margin:0; float:right;}
#col-right-cio{clear:both; width: 100%; margin-top:20px;  margin-bottom:20px; background-size:100% 100%; }
#padding-news {98%; }
#vdoo{clear:both; float:left; margin-top:20px; width:100%;}
.title-vdo{float:left;}
#vdoo iframe{width:100%;}
#banner-service ul li {  margin: 10px;}
#banner-weblink ul li {margin: 10px;}
.arrow-weblink {  top: 38px;}
#name-footer{ padding-left: 0px; padding-bottom: 0px;}
#num-visit{padding-bottom: 30px;}
.dropdown { margin-top: 0px;}
.scroll-top-wrapper {top: -28px;}
.arrow-gallery {  top: -32px;}
}

 @media screen and (min-width: 1201px) and (max-width: 3000px) {
.arrow-news{ position:relative; height:40%; width: 100%; top: 150px;}
#padding-news-cal-1{padding:0; margin:0;}
#padding-news-cal{padding:0; margin:0; position:relative;}
#padding2-news-cal{padding:0; margin:0; float:right; width: 47.5%;}
.arrow-weblink {top: 30px;}
 }
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 250px!important;
}