@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; background:url(../images/bg.jpg)fixed center top #4fecfa; font-family:"Arial"; font-size:12px}
.container-main{ width:1000px; margin:auto; position:absolute; top:0; left:150px;}
.clr{ clear:both}
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}
@font-face {
	font-family: 'supermarket';
	src: url('../font/supermarket-webfont.eot');
	src: url('../font/supermarket-webfont.eot?#iefix') format('embedded-opentype'), url('../font/supermarket-webfont.woff') format('woff'), url('../web-font/supermarket-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'kunlasatribold';
    src: url('../font/kunlasatri-bold-webfont.eot');
    src: url('../font/kunlasatri-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/kunlasatri-bold-webfont.woff') format('woff'),
         url('../font/kunlasatri-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
input[type="submit"] {
border: none;
}
.flash{ position:relative; width:1300px; margin:auto;}
nav{ position: relative;}
.menu-top ul{ color:#fff200; margin:10px 0 10px 0; overflow:hidden}
.menu-top ul li{ float: left;font-size:14px; font-weight:bold; padding:10px 0px;}
.menu-top ul li a{ border-right:#FF0 solid 1px; color:#FF0; padding:0px 10px;}
a{ text-decoration:none;}
li{ list-style:none; padding:0px;}
ul{ margin:0px; padding:0px;}
header{ height:130px; border-bottom:#0CF solid 1px; border-top:#0CF solid 1px; padding:10px 0px;display:block; width:1000px;}
.lang{ margin:10px 0px;}
.lang ul li{ float:left; padding:0px 5px;}
.data-company{ float:left; width: 500px;}
.about-company{ float:left; width: 470px; padding:200px 0 0 25px; }
.about-company p{color: #fff; font-family:'kunlasatribold'; font-size:22px; line-height: 25px; text-align:justify;}
.box-show-data{overflow: hidden; margin: 10px 0 0 0;}
.box-show-data ul li{ width: 240px; float: left; padding:0px 10px 10px 0px; position:relative;}
.frame{ background:#d9f4fb; padding:10px; display:block; overflow:hidden;}
.frame img{ vertical-align: middle}
.titel-main{ margin:10px 10px; text-align: center; font-family:'kunlasatribold'; font-size:20px;}
.mark {
    position: absolute;
    display: block;
    width: 240px;
    height: 189px;
    top: 0;
    left: 0px;
    transition: all 0.3s ease-in-out;
}
.mark:hover{
    background: rgba(4, 174, 253, 0.5);
    display: block;
}
.fa{
	display:none;
}
.view{ border-radius:30px; width:50px; height:50px; /*background:#0151c9;*/ margin:auto; color: #fff; margin-top:70px; line-height:55px;}
.mark > .view{display: none; text-align: center}
.mark:hover > .view{display: block;}
.size-box{ width:224px; height:147px;}
.box-news-main{ margin:20px 0px; border-bottom:2px #ff0000 solid; border-radius:0 !important;}
.line-red{border-top:2px #ff0000 solid; min-width:100%; display: block; float: left; margin:10px 0 0 5px;}
.line-red2{border-top:2px #ff0000 solid; min-width:100%; display: block; float: left; margin:0;}
.line-red3{border-top:2px #ff0000 solid; width:480px; display: block; float: left; margin:0 10px;}
.img-news{ float: left; width: 150px;margin: 0 5px 0 0; padding: 4px; background: #fff;}
.desc-news{padding:0px 0px 0 10px; width:270px; float: left; word-wrap: break-word; line-height: 20px;}
.desc-news h2{font-size:14px; color:#ffff00;}
.area-news{ padding: 10px;}
.area-p{ padding: 10px 10px 10px 10px; background:#5EBFEC; width:470px;}
footer{
    margin: 30px 0px;
    height:100px;
    border-bottom: #dffbfe solid 1px;
    border-top: #dffbfe solid 1px;
    padding: 10px 0px;
    display: block;
    width: 1000px;
    padding: 20px 0px 0px 0px;
    line-height: 25px; 
	color:#fff;
    font-size: 14px;
    }
ul.img-s{}
ul.img-s li{ float:left; padding:3px;}
ul.img-s li img{ padding: 4px; background: #fff;}
.wrapper-page{ background:rgba(255,255,255,0.6); padding:10px; margin: 20px 0px;}
.title-page{ padding:0 0 15px 8px; font-size:30px; color:#03C;font-family:'kunlasatribold'; }
.box-left{ width: 234px; padding: 10px 10px 10px 0; float:left; position: relative}
.box-content{width:720px; float:left; padding-left:10px;}
.frame1{
    background: #d9f4fb;
    padding: 6px;
    width: 212px;
    position: relative;
   
    
}
.topic-page{font-size:40px; color:#fff200; margin: 0 0 20px 120px; font-family:Verdana, Geneva, sans-serif;}
.list-data{ overflow: hidden; margin: 20px 0px;}
.list-data ul{}
.list-data ul li{ float:left; padding: 5px 11px; width: 150px;}
.txt-name{ font-size: 12px; font-family: 'tahoma';text-align: center; word-wrap: break-word; line-height: 20px; color:#000}
.txt-name a:hover{ color:#F00;}
.detail-c{margin:40px 10px; 10px 10px}
.detail-c p{ line-height: 20px; /*padding: 10px 0 0 30px*/ padding-left:30px;}
.area-content{background: rgba(255,255,255,1.0); margin: 20px 0px 0 10px; padding:10px 10px; border-radius:5px;}
.topic-news{ border-bottom: 2px #ff0000 solid; display: block; padding: 5px 0px;}
.list-news{overflow: hidden;}
.list-news ul li{ padding: 10px 0px; border-bottom: 1px #fff dotted; position: relative;overflow: hidden;}
.list-news ul li img{ float: left; padding-right: 5px;/* width: 150px;*/}
.list-detail-news{ float:left; padding: 0 0 0 20px; display: block;}
.list-detail-news h2{ font-size: 16px; padding: 5px 0px; color:#024177}
.ref ul li{ width:220px;padding: 5px 5px;}
.con{ font-size: 22px; line-height: 25px;font-family:'kunlasatribold';}
p.con{ padding: 10px 10px;}
.lable-contact {
float: left;
padding: 10px 10px 0 0px;
width: 100px;
}
.input {float: left;width: 60%;}
.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;}
.form{ overflow: hidden; padding-left: 20px;}
.member{ color: #fff; font-size: 14px; float: right; padding: 25px 0 0 0;}
.member a{ color: #fff;}
.member a:hover{ color: #ff0;}
.title-con{ padding: 10px 10px 0 10px;}
.bg-b{
 padding: 15px 15px 50px 15px;
 background:rgba(210, 242, 253, 1);
 border-top: 8px solid #0042ba;
 line-height: 28px;
}
.img-thumbnail{ float:left; width:145px; padding-top:10px;}
.icon-new{ padding:10px 0 0 5px; float: left;}
.img-pro{ float: left; width: 210px; position:relative;}
.list-detail-pm {
float: left;
padding: 0 0 0 10px;
width: 470px;
}
.list-detail-pm h2
{
    font-size: 16px;
    padding: 5px 0px;
    color: #024177;
}
.txt-ca{ margin: 10px 0px;font-family:'kunlasatribold'; font-size:24px;}
.txt-ca img{vertical-align: middle;}
.list-job{ padding: 10px 0px;}
.topic-job{background:#83c8f9; padding: 6px; border-radius: 6px; -webkit-border-radius:6px; -moz-border-radius:6px; font-size:14px; font-size:14px; font-weight:bold; color:#F00;}
.list-job p{ padding:5px 0px 0 20px; line-height:25px; font-size:12px}
/*-------------------------txt----------------------------------*/
.red{ color:#ff0000}
.blue{ color:#039}
.title-news{}
//.block{ display: block; width: 520px; height:150px; }
.detail-news{ color:#000; font-size: 12px; width: 520px; height:80px; clear:both; margin-top:5px; text-align:justify; word-wrap: break-word; text-overflow:ellipsis; word-break: break-all; overflow:hidden;}
.font-f{ font-family:'kunlasatribold'; font-size:27px;}
.font-f a{color: #ff0000;}
.read{ color: #ff0000; font-size: 12px;  float: right; bottom: 0px; padding-top: 20px; padding-right: 5px;}
.read a{ color: #ff0000;}
.line-b{ height: 3px; background: #033ba2;}
.button{ padding: 5px 15px; background:#014ad0; color:#fff}
/*-------------------------txt----------------------------------*/


/*-------------------------------pagination---------------------------------------   -----------*/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
    font-family: 'tahoma';
    font-size: 12px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 10px;
  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:#06F;
  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: #0790DD;
  border-color: #4781D8;
}
.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;
}

/*-------------------------------end pagination---------------------------------------   -----------*/

.td01{
	width:100px;
	text-align:right;
	vertical-align:top;
}
.td02{
	width:10px;
	text-align:center;
	vertical-align:top;
}
.form01{
	width:192px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	border:1px solid #999;
}
.form02{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	border:1px solid #999;
}
.form03{
	width:190px;
	max-width:570px;
	height:50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	border:1px solid #999;
}
.pic_about{
	width:539px;
	float:left;
}
.pic_about img{
	width:539px;
}
.overpicnew{
	position:relative;
	width:158px;
	height:109px;
	float:left;
}
.overlay{
	background:url(../images/overlay.png);
	position:absolute;
	width:158px;
	height:109px;
	top:0;
	left:0;
}
.overlaypromotion{
	background:url(../images/overlay2.png);
	position:absolute;
	width:200px;
	height:120px;
	top:0;
	left:0;
}
.overpicref{
	width:220px;
	height:150px;
	float:left;
	position:relative;
}
.overlayref{
	background:url(../images/overlay3.png);
	position:absolute;
	width:220px;
	height:150px;
	top:0;
	left:0;
}
.circle_a{
	background:#00F;
	border-radius:50%;
	padding:3px 6px;
	color:#FFF;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
}
div{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.content{
    display:block; 
	width:510px; 
	height :100%;
	word-wrap:break-word; 
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:justify;
	text-indent: 30px;
    margin-top: 0px;
}
.amazingslider-bottom-shadow-1 img{
	display:none !important;
}