/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	/*max-width: 100%;*/
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {/*
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -40px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: -40px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px;font-family:Arial; font-size:14px;}
ul{ margin:0px; padding:0px;}
li{list-style:none;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}
@font-face {
	font-family: 'supermarket';
	src: url('../web-font/supermarket-webfont.eot');
	src: url('../web-font/supermarket-webfont.eot?#iefix') format('embedded-opentype'), url('../web-font/supermarket-webfont.woff') format('woff'), url('../web-font/supermarket-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'quarkbold';
    src: url('../web-font/quark-bold-webfont.eot');
    src: url('../web-font/quark-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../web-font/quark-bold-webfont.woff') format('woff'),
         url('../web-font/quark-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kunlasatribold';
    src: url('../web-font/kunlasatri-bold-webfont.eot');
    src: url('../web-font/kunlasatri-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../web-font/kunlasatri-bold-webfont.woff') format('woff'),
         url('../web-font/kunlasatri-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*---------------------------------preload------------------------------------------*/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#5f5f5f; /* change if the mask should have another color then white */
	z-index:10000; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/*---------------------------------endpreload------------------------------------------*/

iframe{border:none;}
img{ border:none;}
header{ background:url(../images/bg-header.jpg); height:135px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); 
position:relative; z-index:90; display:block; min-width:1120px;}
.area-header{ padding:10px 0 0 0}
#bg-slide-main{ background:url(../images/bg-slide.jpg);height:505px;}
#bg-slide-p2{/* background:url(../images/bg-slide-p2.jpg); height:472px;*/}
#bg-slide-r4{ background:url(../images/bg-slide-r4.jpg); height:472px;}

.logo{ float:left; width:200px;}
.search{padding:10px 0 0 0; float:right;}
.area-navbar{}
.navbar{ padding:5px 0 0 0; float:right; width:810px;}
.navbar ul{}
.navbar ul li{ float:left; padding:0px 10px; font-family:supermarket; font-size:18px; color:#333; height:44px;}
.navbar li{position:relative;}
.navbar ul li a{ color:#333;}
.navbar li:hover ul{display:block;}
.menu-sub {
	display: none;
	position: absolute;
	width:220px;
	top:44px;
	left:0px;
	background:#EEE;
	padding:0px;
	}
ul.menu-sub li{ width:200px; padding:5px 10px; height:30px; border-bottom:solid #83c320 1px;}
ul.menu-sub li a{ background:url(../images/icons/dot-g.png) 0px 10px no-repeat; padding:0 0 0 15px;}
ul.menu-sub li a:hover{color:#FFF;}
ul.menu-sub li:hover{ background:#8fca34;}

.active1 { border-bottom:#91ba11 solid 3px; padding:0px 5px;}
ul.menu-sub li a.active1{border-bottom:none;}

.slide-main{background:#96c30a; height:505px; min-width:1120px; display:block;}
.container{ width:1120px; margin:auto; }
.clr{ clear:both;}

/*----------------------search------------------------------*/
.form-wrapper {
	/*	width:  ;
*/	padding: 8px;
	height: 50px;/*	background: #444;
	background: rgba(0,0,0,.2);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
*/	/*border-radius: 10px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);*//*	box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
*/
}
.form-wrapper input {
	width: 220px;
	height: 35px;
	padding-left:5px;
	float: left;
	border: 0;
	background: #eee;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.form-wrapper input:focus {
	outline: 0;
	background: #fff;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
	box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 .form-wrapper input::-webkit-input-placeholder {
 color: #999;
 font-weight: normal;
 font-style: italic;
}
 .form-wrapper input:-moz-placeholder {
 color: #999;
 font-weight: normal;
 font-style: italic;
}
 .form-wrapper input:-ms-input-placeholder {
 color: #999;
 font-weight: normal;
 font-style: italic;
}
.form-wrapper button {
	overflow: visible;
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	height: 36px;
	width: 65px;
	color: #fff;
	text-transform: uppercase;
	background: #08978C;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper button:hover {
	background: #066;
}
.form-wrapper button:active, .form-wrapper button:focus {
	background: #08978C;
}
.form-wrapper button:before {
	content: '';
	position: absolute;
	border-width: 8px 8px 8px 0;
	border-style: solid solid solid none;
	border-color: transparent #08978C transparent;
	top: 10px;
	left: -6px;
}
.form-wrapper button:hover:before {
	border-right-color: #066;
}
.form-wrapper button:focus:before {
	border-right-color: #08978C;
}
 .form-wrapper button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/*----------------------endsearch------------------------------*/
.wrapper-main{ background:#e3e3e3; height:655px; width:100%; display:block;}
.wrapper-main{min-width:1120px;}
#bg-gray-main{height:350px; background:#e3e3e3;width:100%; display:block;}
#bg-gray-main{min-width:1120px;}
#col-main1{ float:left; width:660px;background:url(../images/bg-line-diagonal.png);background-repeat:no-repeat;}
#col-main2{ float:left; width:430px; padding:0 0 0 25px;}
#box-vdo{ margin:40px 0 0 15px;}
#box-bg-vdo { 
	 
	/*padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#FFF;*/
	}
#bg-white-main{background:#fff;}	
#text-main{padding:30px 0 0 0px; color:#333; font-size:14px; line-height:20px;}
.box-main{ margin:10px 0px 30px 0px;}
.box-col-3{ float:left; padding:5px 5px 10px 5px;}
.icon{ float:left;}
.topic-main{ float:left; color:#05790E; font-family:quarkbold; font-size:26px; padding:5px 0 0 10px;}
.box-topic-main{border-bottom:#439804 solid 1px; width:360px; margin:auto;}
.area-box-main{width:340px; margin:auto; padding:3px 0 0 0}
.box-show-project{ background:#FFF; border:#e1e1e1 solid 1px; padding:8px 4px; margin:5px 0 0 0; width:350px;}
.topic-name-project{ padding:10px 0px 0px 0;color:#077421; font-family:quarkbold; font-size:20px;}
.detail-project{ font-size:12px; color:#333; line-height:18px; padding:0 0 10px 0}
.more{ float:right; padding:5px; font-size:11px; background:#333; color:#FFF;}
.more a{color:#fff;}
.more a:hover{color:#F90;}
#nav-footer{ background:#4a9b10; height:200px; padding:20px 0 0 0; width:100%; display:block;}
#nav-footer{min-width:1120px;}
.section-footer-nav{ width:250px; padding:5px 10px 10px 20px; float:left; border-right:#7CBE14 solid 1px; height:180px;}
.section-footer-nav1{ width:250px; padding:5px 0px 10px 20px; float:left; border-left:#117503 solid 1px;border-right:#7CBE14 solid 1px; height:180px;}
.section-footer-nav2{ width:250px; padding:5px 10px 10px 20px; float:left; border-left:#117503 solid 1px;height:180px;}
.title-footer{color:#fff; font-family:quarkbold; font-size:20px;}
.link-footer{font-size:14px; color:#FFF;}
ul.link-footer li{ line-height:20px;}
ul.link-footer li a{ color:#FFF}
ul.link-footer li a:hover{ color:#FF0}
.footer{ background:#484846; height:100px; padding-top:10px; color:#FFF;}
.footer{ min-width:1120px;}
.section-footer1{ float:left; width:620px; line-height:20px; padding-top:10px;}
.section-footer2{ float:right; padding:0 0px 0 0; width:400px;}
.icon-social{margin:10px 0 0 0}
ul.icon-social li{ float:left; padding:0px 0px;}
.icon-fb{ background:url(../images/icons/icon-fb.png) no-repeat; width:39px; height:39px; cursor:pointer;}
.icon-fb:hover{ background:url(../images/icons/icon-fb.png) no-repeat; width:39px; height:39px; cursor:pointer; opacity:0.8;}
.icon-yb{ background:url(../images/icons/icon-youtube.png) no-repeat; width:39px; height:39px; cursor:pointer;}
.icon-yb:hover{ background:url(../images/icons/icon-youtube.png) no-repeat; width:39px; height:39px; cursor:pointer; opacity:0.8;}
.icon-in{ background:url(../images/icons/icon-in.png) no-repeat; width:39px; height:39px; cursor:pointer;}
.icon-in:hover{ background:url(../images/icons/icon-in.png) no-repeat; width:39px; height:39px; cursor:pointer; opacity:0.8;}

.wrapper-banner-page{ background:url(../images/bg-gray.jpg); height:306px;}
.wrapper-page{padding:10px 0px 100px 0;}
.banner-page{padding:10px 0px;}
#line-green{background:#a4d116; height:10px; display:block;}
#line-b{background:#249992; height:8px; display:block;}
#page-col1{float:left; width:740px; padding:0 35px 0 0}
#page-col2 img{background:#FFF; padding:4px;  margin-bottom:5px; border:#CCC solid 1px;}
#page-col2{float:left; width:330px;}
.icon-title{float:left; padding:0px;}
.topic{margin:15px 0px;}
.title-green{float:left; font-size:30px; color:#407d04; font-family:kunlasatribold; padding:0px 0 0 5px;}
.title-green1{float:left; font-size:16px; color:#407d04; padding:0px 0 0 8px;}
.title-green2{font-size:25px; color:#060; padding:0px 0 0 8px;font-family:kunlasatribold;}
.title-green3{font-size:25px; color:#579802; padding:0px 0 0 30px;font-family:quarkbold;}
.title-page{font-size:30px; color:#616161; padding:7px 0 0 60px;font-family:quarkbold;}
#box-right{ background:#FFF; border-radius:8px; padding:5px;}
.box-content{ 
	background:#f6f6f6; 
	padding:10px; 
	display:block; 
	border-left:#80a704 solid 4px; 
	border-top:#e2e2e2 solid 1px;
	border-bottom:#e2e2e2 solid 1px;
	border-right:#e2e2e2 solid 1px;
	font-size:14px; 
	line-height:20px;
}
.box-content p{padding:10px 0px 5px 0; color:#464646}
.txt-green{ color:#005e20; font-weight:bold;}
.box-c3{ width:360px; margin:0px 13px 0 0; float:left}
.nav-title{ /*background:#50AC0E;*/ height:44px;}
.head-title{ position:relative}
.txt-normal{
  color:#FFF;font-family:kunlasatribold; padding:10px 0 0 5px; font-size:35px; position:absolute; top:0px;
  padding:5px 0 0 40px;
  /*text-shadow:0px 1px 1px #060;*/
  background:url(../images/icons/icon-square1.png) no-repeat 20px 20px;
}
.txt-normal a{color:#FFF;text-shadow:0px 1px 1px #060;}
.txt-title1{
  color:#FFF;font-family:kunlasatribold; padding:10px 0 0 5px; font-size:27px; position:absolute; top:0px;
  padding:5px 0 0 15px;

}
.area-title{
   width:300px; 
   background:#18AD5F;
   height:44px;
   -webkit-transform: skew(20deg); 
   -moz-transform: skew(20deg); 
   -o-transform: skew(20deg);
   transform: skew(20deg);
}
.area-title1{
   width:410px; 
   background:#18AD5F;
   height:44px;
   -webkit-transform: skew(20deg); 
   -moz-transform: skew(20deg); 
   -o-transform: skew(20deg);
   transform: skew(20deg);
}
.wrap-bg-gray{ background:#f0f0f0; min-width:1120px;}
.col-news{width:90%; margin:auto;}
.col-news-in{ float:left; width:300px; padding:0 5px 15px 15px;}
.col-news-in img{ background:#FFF; padding:4px; border:solid #dbdada 1px;}
.col-vdo{float:left; width:480px; background:#E7E7E7; padding:5px; border-top:#090 solid 4px;}
.col-vdo-sub{float:left; width:220px; padding:0 0 0 5px;}
.txt-date{font-size:12px; color:#630; padding:10px 0 5px 0;}
.txt-titel-news{font-size:12px; color:#060; font-weight:bold; padding:0 0 5px 0;}
.txt-titel-news a{color:#060; font-weight:bold;}
.txt-titel-news a:hover{color:#F60;}
.txt-detail{ font-size:12px; color:#666;padding:0 0 20px 0;}
.read{ width:300px; text-align:center;}
.txt-gray{ font-size:30px; color:#666; padding:0px 0 0 10px; float:left; font-family:supermarket;}
.vdo-main{ margin:0px auto; width:450px;}

/*-----------------------bottonstyle---------------------------------*/
input[type="button"]{ border:none;}
input[type="submit"]{ border:none;}
.button-gray{ background:#DADBDB; border-radius:6px; padding:6px 8px; color:#666; font-size:12px;}
.button-gray:hover{ background:#c7c7c7}

.botton-green{background:#05aba1; border-radius:4px; padding:6px 8px; color:#fff; font-size:12px; cursor:pointer;}
.botton-green-type{background:#5db118; border-radius:4px; padding:8px 10px; color:#fff; font-size:14px; width:100px; text-align:center}


/*-----------------------endbottonstyle---------------------------------*/


/*-----------pagination--------------------*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color:#1C7705;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #48B3DD;
  border-color: #189FC2;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/*-----------pagination--------------------*/
.col-job1{ width:720px; float:left;}
.col-job2{ width: 380px;float: left;margin: 0px 0 0 20px; text-align:center}
#box-job{ 
	padding:10px; 
	background:#fff; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#555555;
	width:550px;
	}
#box-job p{ line-height:25px; padding:5px 0 0 30px;}
.title-job{ 
	color:#060;
	margin:10px 0px;
	background:#E4E4E4; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	padding:4px 10px;
	font-size: 25px;
    font-family: kunlasatribold;
}
.form-applyjob{ margin:10px 10px; text-align:start;}
.lable{ float:left; padding:15px 10px 0 0px; width:80px;}
.lable-contact{ float:left; padding:15px 10px 0 0px; width:120px;}
.lable-contact1{ float:left; padding:15px 10px 0 0px;}
.input{ float:left; width:60%}
.input-project{ float:left; width:40%}

/*-------------form---------------------------*/
.box-form{ padding:5px; display:block; width:300px; margin-left:30px;color: #555555;}
.form-control {
display: block;
margin:5px 0px;
width: 100%;
padding: 6px 12px;
font-size: 12px;
line-height: 1.428571429;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#botton-center{ text-align:center; padding-top:5px;}
#box-address{ border-top:#999 solid 5px; display:block; margin:25px 0 0 0; color:#555;}
.title-txt {
color: #060;
line-height:40px;
font-size: 25px;
font-family: kunlasatribold;
clear:both;
}
.col-page-left{width:1000px; margin:20px 10px 0 10px; color:#555;}
.col-page-right{ float:left; width:520px; margin:20px 10px 0 20px; color:#555;}
.col-page-left p{ line-height:25px;}
.news-detail{width:550px; word-wrap:break-word; float:left}
.news-detail p{ line-height:20px; color:#555; text-indent:20px;}
.img-news{ margin:10px 0px; width:600px;}
.img-news ul li{ float:left; padding:0px 4px 0 0; width:170px; margin:0px;}
.box-project-home{ 
	
	padding:8px 3px; 
	margin:5px 0 0 0; 
	width:350px;
}
#col-seach-img{ float:left; width:220px; padding:0px 10px 0 0;}
#col-seach-img img{ background:#FFF; padding:6px; border:#e3e2e2 solid 1px;}
.txt-titel-seh{ font-size:14px;color:#060; font-weight:bold;}
#col-seach-txt{ float:left; width:800px; padding:0px 10px;}
#col-seach-txt p{ color:#555; line-height:20px; word-wrap:break-word; padding:10px 0px;}
.row-sch{ padding:10px 0px 20px 0; border-bottom:dashed #999 1px; overflow:auto;}

/*----------------------------------project-------------------------------------------------*/
.main-menu {/*background:url(../images/bg-header-p.jpg);*/height:120px; width:100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); background:#FFF;
position:fixed; z-index:93;}
#skew-line { width:1120px; height:120px; margin:auto; padding:0}
.navbar-p {padding:5px 0 0 0; /*width:790px;*/}
.navbar-p ul{}
.navbar-p ul li{ float:left; padding:0px 0px 0 24px; font-family:supermarket; font-size:18px; color:#666; height:44px;}
.navbar-p li{position:relative;}
.navbar-p ul li a{ color:#333; background:url(../images/icons/dot-g.png) 0px 9px no-repeat; padding:0 10px 0 10px;}
.navbar-p ul li a.active{border-bottom: #91ba11 solid 3px;}
.navbar-p ul li a:hover{ color:#060}
#bg-slide-p{ background:url(../images/bg-slide.jpg); height:488px; position:relative;}



/*----------------------------------project-------------------------------------------------*/

.con-page{ margin:0px 10px 0 30px;}
.area-form-project{ width:400px;}
.inner-type {margin:0px 0 0px 20px; overflow:hidden; padding:20px 0 50px 0;}
.inner-type p{color:#515151; line-height:25px; margin:20px 0px;}
.col-plan{ float:left; width:450px; padding:0px 0 0 40px;}
.page-wrapper{padding:30px 0px;}
.page-wrapper p{ line-height:25px;color:#515151; }



#bg-slide-p2 .bx-wrapper .bx-pager{
	position: absolute;
	bottom: -30px!important;
	width: 100%;
}
#bg-slide-p2 .bx-pager.bx-default-pager a.active {
background: #555!important

}
#bg-slide-p2 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #d0cfcf;
	text-indent: -9999px;
	display: block;
	width: 15px!important;
	height: 5px!important;
	-moz-border-radius: 0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	margin: 0 3px;
	outline: 0;
}
.box-map-project{ width:520px; background:#efefef;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:8px;
	margin:0 0 0 15px;
}
.txt-g{ font-size:12px; color:#060}

.background{ background:#fff url(../images/noise1.png)}
.wrap-project{ background:#FFF; width:1120px; margin:auto;}
.img-g{ padding:0px 0px 5px 0;}
.clear{ overflow:hidden}
.address{ 
	font-size: 22px;
	color: #666;
	font-family: kunlasatribold;
	padding: 0px 0 0 25px;
	line-height:35px;
}
.address img{ margin-right:10px;}

.area-box-main .bx-wrapper .bx-pager{bottom:-5px!important; z-index:80;}
.area-box-main .bx-pager.bx-default-pager a{
	width: 6px!important;
	height: 6px!important;
	margin: 0 2px!important;
	background:#FFF!important;
}
.area-box-main .bx-pager.bx-default-pager a.active{
	background:#438a10!important;
}
.topic-ab{
	padding: 20px 0px;
	font-family:kunlasatribold;
	font-size:30px;
	color:#535353;
}
.topic-ab-g{
	padding: 10px 0px;
	font-family:kunlasatribold;
	font-size:30px;
	color:#00a99d;
}
.content-ab{ font-family:supermarket; font-size:16px; line-height:25px; color:#6a6c6b}
.green-ab{ color:#690; font-size:20px}
.green-ab1{ color:#0c4626; font-size:18px;font-family:supermarket; padding:10px 0 0 0}
.col-right-ab{ border-left:#CCC dotted 1px; height:auto; padding:0 0 0 10px;}
.box-project-s{overflow:hidden;}
.img-s{ float:left; padding:0 0 0 0px}
.year-link{ float:left; padding:0 0 0 10px; font-size:18px; font-family:supermarket; padding-top:40px; text-align:center;}
.year-link a{ color:#397F06;}
.year-link a:hover{ color:#060}
.table-g{ border:#dcdcdc solid 1px;}
.table-g > tbody > tr > td{ border-bottom:solid #e1e1e1 1px;border-right:solid #e1e1e1 1px;}

/*--------------------------------------scrollbar-----------------------------------------*/
/*.scrollbar {height: 650px; overflow: auto;}
.scrollbar.scroller { padding: 0; }
.scroller .scroller-content, .scroller-active .scroller-content { padding:0px; }
.create_click { display: none; }
.scroller p { margin: 0 0 20px; }
.scrollbar_horizontal { height: 320px; padding: 0; }
.wide_load { width: 2400px; overflow: hidden; padding: 20px 0 20px 20px; }
.wide_load p { float: left; margin: 0 25px 0 0; width: 450px; }
.advanced .scroller-handle { background: #DB0209; border-color: rgba(0,0,0, 0.25); border-radius: 3px; right: 2px; width: 15px; }*/
/*--------------------------------------scrollbar-----------------------------------------*/

.col-promotion-in{ width:300px; padding:15px; background:#FFF; float:left; margin:10px 10px;}
.map-project{ background:url(../images/map-project.jpg); width:1100px; height:800px; position:relative}
.wrap-button{
	position: absolute;
	left: 553px;
	top: 440px;
	height: 80px;
	width: 180px;
	font-size: 14px;
}
.talkbubble {
   width: 150px;
   height: 50px;
   padding-top:20px;
   color:#FFF;
   background:#06abd1;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
}
.talkbubble:before {
   content:"";
   position: absolute;
   left: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top:8px solid transparent;
   border-left:12px solid #06abd1;
   border-bottom:8px solid transparent;
}
.font-s{ font-size:12px;} 
.banner-link{ position:absolute; bottom:0px; top:-470px; z-index:80;}
.banner-link img{
-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 0.5s ease-in-out;}
  
.banner-link img:hover{ opacity: 0.7; filter: alpha(opacity=40); }
.close{
	position: absolute;
	right:0px;top:0px;
	cursor:pointer;
}


.area-map{ float:left; width:740px;}
.search-map{ float:left; padding:0 0 0 20px;}
.box-search-map{ background:#dcdede; padding:10px; width:325px; margin:auto; overflow:hidden;}
.topic-search-map{ background:url(../images/topic-bg-s.jpg); width:325px; height:42px;}
.txt-title{
  color:#FFF;font-family:kunlasatribold; padding:10px 0 0 5px; font-size:28px;
  padding:8px 0 0 15px;
}
.type-select{ float:left; margin:15px 0px 0 0px; text-align:center}
.bg-fact1{ background:url(../images/bg-fact1.png) no-repeat; width:1115px; height:451px;}
.fact{ padding: 5px 0px;font-family:kunlasatribold; font-size:22px; overflow:hidden;}
.topic-detail-fact{ font-weight:bold; width:150px; float: left}
.detail-fact{float:left}
.detail-home{ float:left; text-align: center; padding: 10px 50px 0 0px;}
.txt-home{font-family:kunlasatribold;font-size:18px; padding:10px 0;}
.txt-yellow{ color:#030}
.message-top-f{ font-size:12px; line-height:20px; color:#666;}
.img-radius{border-radius: 50%;}
.content{ height:650px!important; width:330px!important;}
.bg-intro{ background:url(../images/bg-intro.jpg);}
.wrap-intro{ width:1000px; margin:auto; padding-top:60px;}
.img-intro{ /*background:#FFF; border:#e1e1e1 1px solid; padding:6px;*/}

.col-plan1 {
    float: left;
    padding: 0px 0 0 15px; }
.txt-year{ font-size:22px;}
.fac{padding:60px 0 20px 0}
.box-list{ float:left; padding:10px; width:230px;}
.box-list li{ line-height:25px; font-family:"kunlasatribold"; font-size:20px; color:#555; list-style:circle; padding-left:20px;}
.area-list-Facility{ margin:30px 20px 0 17px; background:#E0E0E0; overflow:hidden; padding:20px;}
.topic-Facility{ font-weight:bold; color:#060;font-size:22px;font-family:"kunlasatribold";}