body{ position:relative; background-image:url("../images/road-lane3.jpg");  background-position:bottom center;   background-repeat: no-repeat;  font-size:20px; 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;
}
/* remember to define focus styles! */
:focus {outline: none;}
/* Change the white to any color ;) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #8dcdff  inset;}

#bg-top{ background-image:url("../images/bg-top.jpg"); background-repeat:repeat-x; background-position:center top;  height:66px; font-family: supermarket; font-size:16px;
color:white; margin:0;}
#bg-top a{color:white;}
#icon1 ul {padding:0; margin:0;}
#icon1 ul li {padding:0; margin:0; list-style:none; display:inline-block; width:80px; text-align:center;}
#icon2 {padding-top:17px;}

/* textsize*/
	.menu-textsize{  float:right;  margin-right:10px; margin-top:0px;}
	.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:20px; }
	.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:30px;}
	.flag ul { float:right;  padding:0; margin:0; }
	.flag ul li {padding:0; display:inline-block; zoom: 1; *display: inline; }
	.flag ul li a{ text-decoration:none; }
	.flag-active img {
	    opacity: 0.5;
	    filter: alpha(opacity=50);
	}

	.flag-active.active img, .flag-active:hover img {
	    opacity: 1;
	    filter: alpha(opacity=100);
	}

/*start search*/
	.sb-search {position: absolute; right:0px;	width: 0%;	min-width: 30px;	height: 28px;	float: right;	overflow: hidden;	-webkit-transition: width 0.3s; border-radius: 5px;
		-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;	background:#27262b; border-radius: 5px; width: 60%;	height: 28px;	margin: 0;
		z-index: 2;	padding: 5px 30px;	font-family: 'Open Sans', sans-serif;	font-size: 13px;	color: #ffffff;}
	.sb-search-input::-webkit-input-placeholder {border:1px solid white;  color: #ffffff; line-height:25px; }
	.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 {
		background: #fff; /* IE needs this */
		-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 {	color: #fff;	 background: 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;  }

.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; line-height: 45px;}

#bg-top-b{margin:0; background-image:url("../images/bg-top_b2.jpg"); background-repeat:repeat-x; background-position:center top;  height:auto; position:relative;}

/*TOPMENU*/
#topmenuxx {margin:0 auto;z-index: 2; position: relative; text-align:right;  font-size:23px;  font-family: 'thaisanslite';color:black; margin-top: -28px; }
#topmenuxx  ul {  list-style: none; position: relative; display: inline-table; margin:0; padding:0;  }
	#topmenuxx  ul:after {content: ""; clear: both; display: block;	}
	 #topmenuxx  ul li {float: left;  display: block;   margin-left:5px; margin-right:5px; margin-top:5px;    margin-bottom: 5px;}
		#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; padding:2px 8px; text-decoration: none;}
#topmenuxx  ul li a.active { display: block; color:white;  background-color:#f79016; }
#topmenuxx  ul li.active a{ display: block; color:white !important;  background-color:#f79016; }

#topmenuxx  ul ul {display: none; padding: 0;position: absolute;  color:black ;background-color: #F6F6F6; z-index:2; font-size:20px; }
		#topmenuxx  ul ul li {float: none; position: relative; display:block; text-align:left;    min-width:200px; }
				#topmenuxx  ul ul li a {color:black;  }
				#topmenuxx  ul ul li a:hover {color:black; background-color: #fff5c0; }

	#topmenuxx  ul ul ul {position: absolute; left: 100%; top:0; background-color: #faf9f9;}
		#topmenuxx  ul ul ul li a{ display: block; }
		#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 ;}

/* Topmenu*/
#topmenu {margin-top:6px;}
#topmenu ul{padding:0; margin:0; }
#topmenu li { font-family: 'thaisanslite'; color:black; font-size:23px;  display:inline-block; margin-left:5px; margin-right:5px;}
		#topmenu li a { display:inline-block; text-decoration:none;color:black; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; }
		#topmenu li.active,#topmenu li a:hover  { background-color:#f79016; color:white !important;}
.fa-s1 { font-size: 12px;}

.mission{ font-family: 'supermarket'; color:white; font-size:22px; top:61px; position:relative; z-index:1; text-align: right; }

/* Hilight*/
.intro{font-family: EDSense; color:black; font-size:34px;}
.intro-eng{font-family: EDSense; color:black; font-size:28px;}

/*#caption{top:0; padding-top:114px; left:-231px; position:absolute; text-shadow:none; background-image:url("../images/bg-welcome.png"); background-repeat:no-repeat; background-position:center;}
*/

#caption{top:-50px;  left:-231px; position:relative; z-index:0; text-shadow:none; background-image:url("../images/bg-welcome.png"); background-repeat:no-repeat; background-position:center;}



/*NEWS */
.title-news1{font-family: thaisanslite;font-size:24px; color:white; background-color:#005cbb; margin:15px; padding:1px; text-align:center;}
.title-news2{font-size:20px; color:black; line-height:20px; margin-top:10px;  background-image:url("../images/line-p.jpg"); background-repeat:no-repeat;   background-position: left bottom; padding-bottom:10px;}
.p-news2{font-size:19px; color:#555555;  line-height:20px;margin-top:10px; }
.viewall a{float:right;font-size:19px;  color:white;font-family: 'CSChatThai';margin-top: -41px;  margin-right: 25px; text-decoration:underline; }
.viewall2 a{float:right;font-size:19px;  color:white;font-family: 'CSChatThai';margin-top: -28px;  margin-right: 25px; text-decoration:underline; }

.title-news3{font-family: thaisanslite;font-size:24px; color:black; background-color:#fea814; margin:15px; margin-top:20px; padding:1px; text-align:center;}
.title-news4{font-size:20px; color:black; line-height:18px; margin-top:10px;}
.title-news5{font-family: thaisanslite;font-size:24px; color:black; background-color:#00978b; margin-top:30px; margin-left:15px; margin-right:15px; padding:1px; text-align:center;}

/*Porcurement */
.list-procurement { margin-left:15px; margin-right:15px; }
.list-procurement ul {border-radius: 0 0 20px 0;    -moz-border-radius: 0 0 20px 0;    -webkit-border-radius: 0 0 20px 0; padding:0;  float:left; width:50%; padding-left:20px;  padding-right:20px;  padding-top:30px;  padding-bottom:30px; }
.list-procurement ul li {padding:0; margin:0;  list-style:none; }
.list-procurement ul li a{color:black; list-style:none; display:block;  padding:7px;  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;}

/*Calendar */
/* #calendar table{width:100%; 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;}
#bg-month{background-color:#8e8e8d; }
#bg-month a.btn {height: 30px; line-height: 11px;}
.name-day{font-family: tahoma; font-size:11px; color:#e57406; }
/* #calendar tr{border-bottom:1px solid #e9e9e8;} */

.banner{width:100%; margin-top:30px;text-align:center;}

/*Link*/
.link {padding-top:15px; margin-top:30px; height:509px; position:relative;}
.link-img{background-image:url("../images/bg-link2_.png"); background-repeat:no-repeat; position:absolute; background-position: bottom center;
width:489px; height:99px; z-index:-1; right:-35%; bottom:-20px;  }
.link ul {padding:0; margin:0;background-image:url("../images/post.png"); background-repeat:no-repeat;  background-position:center 5px; height: 500px;}
.link ul li {padding:3px; margin:0;display:block; list-style:none; text-align:center; }
.link000{margin-top:10px !important;}

#bg-banner02{ background-image:url("../images/road.png"); background-repeat:repeat-x;  background-position: bottom; margin-top:20px; }
.banner02{}
.banner02 ul {padding:0; margin:0; text-align:center;}
.banner02 ul li {padding: 17px; margin:0;    margin-top: 10px;  list-style:none; display:inline-block; }
.banner02 ul li a:hover{opacity:.9;}


/*Partner*/
#bg-partner{background-color:#e5fbd1;  margin:0; padding:0;}
#partner ul {padding:0; margin:0; text-align:center;}
#partner 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:50px;     width: 40px;}
#arrow-right{background-image:none; margin-top:50px;     width: 40px;}


/*FOOTER*/
#bg-footer{background-image:url("../images/bg-footer_.jpg"); background-repeat:repeat-x; background-position: top; color:white; background-color:#0164A7; padding-bottom:5px;padding-top:5px;}
.title-footer{font-family: 'supermarket'; font-size:22px; margin-top:15px; }
.title-footer2{font-family: 'supermarket'; font-size:19px; }
.policy ul {padding:0; margin:0; }
.policy ul li {color:white; padding:0; margin:0;  list-style:none; display:inline-block; }
.policy ul li a{color:white;}
.display-support{font-size:17px; color:white;margin-top:10px !important; }
#copyright{ font-family: tahoma; font-size:11px; text-transform:uppercase; padding:0; margin-top:10px;margin-bottom:10px;}
#bg-copyright{  background-color:#0b3a66; color:white;padding:0;}
.padding-textfooter{padding-top:25px;}


/*PAGE*/
.title-page {font-family: 'supermarket'; font-size:24px; color:black;  margin-bottom:30px; border-bottom:1px solid #f79016;}
#fullcarousel-example img{margin: 0 auto;}

/*breadcrumb*/
.breadcrumb_{font-size:17px; margin-top:6px;}
.breadcrumb_text {color:#1762a5;}
.curent {color:#787879;}
#page{background-color:white;}
.text-name-pad{display:none;}


/*หน้าจอต่างๆ*/

@media screen and (min-width: 1250px) and (max-width: 1350px) {
.text-name{line-height: 30px;}
#caption { top: -50px; left: -162px; background-size:100%;}
.link-img{    right: -72px;   bottom: -30px; }

}
@media screen and (min-width: 1200px) and (max-width: 1250px) {
.text-name{line-height: 30px;}
#caption { top: -50px; left: -162px; background-size:100%;}
.link-img{    right: -25px;   bottom: -30px; }
.banner img{width:100%;}
/* #calendar table th {padding:0;} */
#month {    font-size: 16px;}
}

@media screen and (min-width: 990px) and (max-width: 1999px) {
.text-name{line-height: 37px; }
.text-name-eng{    line-height: 25px;    display: block;    margin-bottom: 5px; padding-left: 99px;}
#caption { top: -50px; left: -162px; background-size:100%;}
.link-img{    right: -21px;   bottom: -68px; }
.banner img{width:100%;}
/* #calendar table th {padding:0; text-align: center;} */
#month {    font-size: 16px;}

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

.link ul li img {width:200px;}
.link-img {right: -17px;}
}

@media screen and (min-width: 769px) and (max-width: 990px) {

#topmenuxx  ul li.active a{background-color: white; color: black !important;}
#bg-top{background-color:#27262B; height:118px  !important;background-position:bottom;}
#pad{margin-top:1px;}
#pad img {position:relative; z-index:3;}
#bg-top-b{height: 151px;  background-position:0px 10px;   background-color:white; background-image:url("../images/bg-top_b2.jpg"); background-repeat:repeat-x; background-position:center top}
.text-name-eng{    line-height: 25px;    display: block;    margin-bottom: 5px; padding-left: 99px;}
.text-name{}
.text-name-pad {display:block; width:auto;  text-align:left; font-family: thaisanslite; font-size:36px; color:#676767; line-height:35px; margin-top:40px;}
.mission { clear: both;  font-size: 22px;   top: -28px;  left: -212px;}
#caption { top: 0px; left: -110px; background-size:100%;}
.intro{font-size:27px; }
.intro-eng{font-size:25px; }
.link-img{    right: 0; left:60px; margin-left:0; margin-right:0;  bottom: -20px; }
#pad {width: 80%;}
#bg-banner02{background-color: #C6C6C6; background-image:url("../images/road-bottom.png"); background-repeat:repeat-x; background-position: bottom; }
}

@media screen and (min-width: 600px) and (max-width: 768px) {
#bg-top{background-color:#27262B; height:113px !important;background-position:bottom;}
#icon1 ul li { width:70px;}
.text-name {font-size: 28px; line-height:34px;  text-align:left;}
.text-name-eng{font-size:22px;    line-height: 25px;    display: block;    margin-bottom: 5px; padding-left: 99px;}
#toggle-mobile{  height:100%;  z-index:3; top:0; right:0; }
.mission {    font-size: 22px;    top: 71px;    position: absolute;    z-index: 1;    left: 114px;}
#topmenuxx { margin-top: 0; float:left; background-color: #f79016;}
#topmenuxx  ul { float: left; margin-left: 80px;}
#topmenuxx  ul li.active a{background-color: white; color: black !important;}
.navbar-default .navbar-collapse{     border-color: #f79016;}
#bg-top-b{height: auto;     background-color:#F89017; }
.list-procurement {margin-left:5px; margin-right:5px; }
.list-procurement ul {padding:0; background-color:white; float:left; width:100%; padding-left:7px;  padding-right:7px;  padding-top:5px;  padding-bottom:5px; }
.list-procurement ul li {padding:0; margin:0;  list-style:none; }
.list-procurement ul li a{color:black; list-style:none; display:block;  padding:0px;  text-align:left; }
.link-img{ right:-10px; bottom:-20px;  }
.banner02 ul {margin-top:10px; margin-bottom:10px; }
.banner02 ul li{padding:10px;}
#partner ul li {padding: 0px;   margin:5;  list-style:none; display:block; }
#arrow-right{margin-right:0; margin-top: 150px;  z-index:2;}
#arrow-left{margin-left:0; margin-top: 150px;}
#event-mobile img{text-align:center;     margin-right: auto;  margin-left: auto;}
#caption { top: 0px; left: -80px; background-size:100%;}
.intro{font-size:20px; }
.intro-eng{font-size:19px; }
#pad {width: 80%;}
#bg-banner02{background-color: #C6C6C6; background-image:url("../images/road-bottom.png"); background-repeat:repeat-x; background-position: bottom; }
}

@media screen and (min-width: 600px) and (max-width: 645px) {
.text-name {font-size: 25px; line-height:34px;  text-align:left;}
.text-name-eng{font-size:20px;    line-height: 25px;    display: block;    margin-bottom: 5px; padding-left: 99px;}

}

@media screen and (min-width: 490px) and (max-width: 600px) {
#bg-top{background-color:#27262B; height:113px !important;background-position:bottom;}
#caption { top: 10px; left: -50px; background-size:100%;}
.intro{font-size:17px; }
.intro-eng{font-size:16px; }
#icon1 ul li { width:70px;}
.text-name {font-size: 23px; line-height:34px;  text-align:left;}
.text-name-eng{font-size:18px;    line-height: 25px;    display: block;    margin-bottom: 5px; padding-left: 99px;}
#toggle-mobile{  height:100%;  z-index:3; top:0; right:0; }
.mission {    font-size: 19px;    top: 71px;    position: absolute;    z-index: 1;    left: 114px;}
#topmenuxx { margin-top: 0; float:left;background-color: #f79016; font-size: 21px; }
#topmenuxx  ul { float: left; margin-left: 80px;}
#topmenuxx  ul li.active a{background-color: white; color: black !important;}
.navbar-default .navbar-collapse {  border-color: #f79016;}
#pad {width: 83%;}
.title-news1,.title-news3,.title-news5{text-indent:-70px;}
#bg-top-b{height: auto;     background-color:#F89017; }
.list-procurement {margin-left:5px; margin-right:5px; }
.list-procurement ul {padding:0; background-color:white; float:left; width:100%; padding-left:7px;  padding-right:7px;  padding-top:5px;  padding-bottom:5px; }
.list-procurement ul li {padding:0; margin:0;  list-style:none; }
.list-procurement ul li a{color:black; list-style:none; display:block;  padding:0px;  text-align:left; }
.banner img{width:100%;}
.link-img{ right:0px; bottom:-20px;  }
.banner02 ul {margin-top:10px; margin-bottom:10px; }
.banner02 ul li{padding:10px;}
#partner ul li {padding: 0px;   margin:5;  list-style:none; display:block; }
#arrow-right{margin-right:0; margin-top: 150px;}
#arrow-left{margin-left:0; margin-top: 150px;}
#event-mobile img{text-align:center;     margin-right: auto;  margin-left: auto;}
#bg-banner02{background-color: #C6C6C6; background-image:url("../images/road-bottom.png"); background-repeat:repeat-x; background-position: bottom; }
}
@media screen and (min-width: 512px) and (max-width: 541px) {
.text-name {font-size: 20px; line-height:34px;  text-align:left;}
.text-name-eng{font-size:15px;    line-height: 25px;    display: block;    margin-bottom: 5px; padding-left: 99px;}
#pad {width: 80%;}
#topmenuxx {  font-size:17px; }
.mission {    font-size: 16px;  }
}
@media screen and (min-width: 0px) and (max-width: 511px) {
.text-name {font-size: 18px; line-height:34px;  text-align:left;}
.text-name-eng{font-size:15px;    line-height: 25px;    display: block;    margin-bottom: 5px; padding-left: 99px;}
#pad {width: 80%;}
#topmenuxx {  font-size:17px; }
.mission {    font-size: 16px;  }
}

@media screen and (min-width: 0px) and (max-width: 490px) {
#bg-top{background-color:#27262B; height:190px ;background-position:bottom;}
.text-name {font-size: 19px; line-height:34px;  text-align:left;}
.text-name-eng{font-size:15px;    line-height: 25px;    display: block;    margin-bottom: 5px; padding-left: 99px;}
#pad {width: 85%;}
.mission {    font-size: 15px;    top: 71px;    position: absolute;    z-index: 1;    left: 114px;}
#toggle-mobile{  height:100%;  z-index:4; top:0; right:0; }
#caption{top:10px;  left:0px; background-size:100%;}
.intro{ font-size:11px;}
.intro-eng{font-size:10px;}
.navbar-default .navbar-collapse {  border-color: #f79016;}
#topmenuxx { margin-top: 0; float:left;background-color: #f79016; font-size:17px; }
#topmenuxx  ul { float: left; margin-left: 80px;}
#topmenuxx  ul li.active a{background-color: white; color: black !important;}

.title-news1,.title-news3,.title-news5{text-indent:-70px;}
#bg-top-b{height: auto;     background-color:#F89017;  }
.list-procurement {margin-left:5px; margin-right:5px; }
.list-procurement ul {padding:0; background-color:white; float:left; width:100%; padding-left:7px;  padding-right:7px;  padding-top:5px;  padding-bottom:5px; }
.list-procurement ul li {padding:0; margin:0;  list-style:none; }
.list-procurement ul li a{color:black; list-style:none; display:block;  padding:0px;  text-align:left; }
.banner img{width:100%;}
.link-img{ right:0px; bottom:-20px;  }
.banner02 ul {margin-top:10px; margin-bottom:10px; }
.banner02 ul li{padding:10px;}
#partner ul li {padding: 0px;   margin:5;  list-style:none; display:block; }
#arrow-right{margin-right:0; margin-top: 150px;}
#arrow-left{margin-left:0; margin-top: 150px;}
#event-mobile img{text-align:center;     margin-right: auto;  margin-left: auto;}
#bg-banner02{background-color: #C6C6C6; background-image:url("../images/road-bottom.png"); background-repeat:repeat-x; background-position: bottom; }
}

@media screen and (min-width: 447px) and (max-width: 490px) {
#bg-top{ height:115px }
#icon1 ul li {   width: 63px;}
}
@media screen and (min-width: 0px) and (max-width: 481px) {
.text-name {font-size: 18px;}
.text-name-eng{font-size:15px; }
#pad {width: 85%;} 
#topmenuxx{font-size:16px;}
#topmenuxx ul li {   margin-left: 2px;  margin-right: 2px;}
}


@media screen and (min-width: 410px) and (max-width: 490px) {
#bg-top-b {  height: auto;  background-color:#F89017;  }
.text-name{  font-size: 24px;}
.text-name-eng{ font-size: 17px;  line-height: 16px;padding-left: 0px;}
#pad {width: 85%;} 
#topmenuxx{font-size:14px; width:100%; }
#topmenuxx ul {margin-left:18px;}
#topmenuxx ul li {   margin-left: 1px;  margin-right: 1px;}
.mission { left: 34px;    width: 70%;    top: -10px; text-align:left; position:relative;}
.navbar-collapse {    margin-top: 12px; padding-right: 0px;  padding-left: 0px; }
.navbar-header{margin-top: -75px;}
}

@media screen and (min-width: 279px) and (max-width: 295px) {
#bg-top{ height:250px ;}
.text-name{ clear: both; line-height: 21px; font-size: 24px;}
.text-name-eng{ font-size: 17px;  line-height: 16px;padding-left: 0px;}
.mission { left: 14px;    width: 70%;    top: 176px; text-align:left;}
#topmenuxx{font-size:14px; width:100%;}
#topmenuxx ul li {   margin-left: 1px;  margin-right: 1px;}
#topmenuxx ul {margin-left:-18px;}
}

@media screen and (min-width: 0px) and (max-width: 278px) {
#bg-top{ height:250px ;}
.text-name{ clear: both; line-height: 21px; font-size: 24px;}
.text-name-eng{ font-size: 17px;  line-height: 16px;padding-left: 0px;}
.mission { left: 14px;    width: 70%;    top: 198px; text-align:left;}
#topmenuxx{font-size:14px; width:100%;}
#topmenuxx ul li {   margin-left: 1px;  margin-right: 1px;}
#topmenuxx ul {margin-left:-18px;}
}

@media screen and (min-width: 0px) and (max-width: 409px) {
#bg-top-b{height: auto;     background-color:#F89017;  }
.text-name{ clear: both; line-height: 21px; font-size: 24px;}
.text-name-eng{ font-size: 17px;  line-height: 16px;padding-left: 0px;}
#pad {width: 85%;} 
#topmenuxx{font-size:14px; width:100%;}
#topmenuxx ul {margin-left:-18px;}
#topmenuxx ul li {   margin-left: 1px;  margin-right: 1px;}
.mission { left: 14px;    width: 70%;    line-height: 16px;  top: 181px; text-align:left;}
#caption { top: 40px; left: 0px; background-size:100% 100%;}
}




.link ul {
		padding-top:35px;
	}
	.link li.item-list {
		display:inline-block;
		width:100%;
		background:#F89022;
		border-radius:4px;
		margin-bottom:10px;
	}
	.link li.item-list a {
		display:inline-block;
		width:100%;
		border:solid 1px #fff;
		border-radius:4px;
		color:#fff;
		font-weight:bold;
		font-size:25px;
		line-height:30px;
		padding:5px 0;
		text-decoration:none;
	}