/* CSS Document */
@font-face {
	font-family: 'ThaiSansNeueRegular';
	src: url('fonts/ThaiSansNeueRegular.eot');
	src: url('fonts/ThaiSansNeueRegular.eot?#iefix') format('embedded-opentype'),
	url('fonts/ThaiSansNeueRegular.woff') format('woff'),
	url('fonts/ThaiSansNeueRegular.ttf') format('truetype');
	font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('fonts/ThaiSansNeueRegular.eot');
	src: url('fonts/ThaiSansNeueRegular.eot?#iefix') format('embedded-opentype'),
	url('fonts/ThaiSansNeueRegular.woff') format('woff'),
	url('fonts/ThaiSansNeueRegular.ttf') format('truetype');
	font-weight: bold; font-style: normal;
}

img{ border:0;}
*{ margin:0; padding:0;}
a{ text-decoration:none;}

body {
	background: url(../images/bgtop.png) top center no-repeat #fff;
	font-family: 'ThaiSansNeueRegular';
	font-size:25px;
}

.bg_bottom{
	background: url(../images/bgbot.png) bottom center no-repeat;
}

.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}
.right{ float:right;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font24{ font-size:24px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font32{ font-size:32px;}
.font36{ font-size:36px;}
.font48{ font-size:48px;}
.font65{ font-size:65px;}
.font70{ font-size:70px;}

.fontkit55{ font-family: 'ThaiSansNeueRegular';}
.fontkit75{ font-family: 'ThaiSansNeue';}

.black{ color:#000;}
.white{ color:#fff;}
.red{ color:#f00;}
.grey{ color:#888;}
.blue{ color:#00356f;}
.yellow{ color:#ffe400;}

.text-center{ text-align:center;}
.text-indent{ text-indent:80px;}
.space20{ padding-left:20px; }

.wrapper{
	width:980px;
	margin:auto;
}

/*/////////////////////////////////////////////////Head//////////////////////////////////////////////////*/
.bg-header{
	background: #000;
}
#header{
	width:980px;
	margin:auto;
}
#header .head-left{
	width:300px;
	float:left;
	padding: 20px 0 70px;
}
#header .head-right{
	width:670px;
	float:left;
	font-size:48px;
	color:#00356f;
	font-family: 'ThaiSansNeue';
	padding: 64px 0 64px 10px;
}
.company{
	/*width:500px;*/
	padding-left: 10px;
}
.lang{
	width:155px;
	height:30px;
	float:right;
	color:#fff;
	margin-top: -60px;
	font-size:20px;
	text-align:center;
	font-family: 'ThaiSansNeueRegular';
    line-height: 27px;
	border-radius:5px;
	background: url(../images/bglang.png) no-repeat;
}
.lang img{
	vertical-align:middle;
}
/*/////////////////////////////////////////////////Head//////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////Main Menu//////////////////////////////////////////////////*/
#main_menu{
	width:980px;
	height:40px;
	margin:auto;
	border-radius:10px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
#main_menu ul{
	width:980px;
	list-style:none;
}
#main_menu ul li:first-child{
	margin-left:20px;
}
#main_menu ul li{
	float:left;
	text-align:center;
	display:inline;
	margin-right: 10px;
	min-width: 131px;
}
#main_menu ul li a{
	color:#000;
	font-size:24px;
	display:block;
	padding:6px 37px 7px 38px;
}
#main_menu ul li a:hover,#main_menu ul li a.current {
	color:#fff;
	background:#003772;
	background: -moz-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,55,114,1)), color-stop(100%, rgba(0,21,41,1)));
	background: -webkit-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
	background: -o-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
	background: linear-gradient(to bottom, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003772', endColorstr='#001529', GradientType=0 );
}
/*/////////////////////////////////////////////////Main Menu//////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////Content//////////////////////////////////////////////////*/
.bg-content{
	background: #00CC99;
}
#content{
	width:980px;
	margin:auto;
	/*min-height:300px;*/
	min-height:650px;
}
.content_left{
	float:left;
	width:280px;
	background: #ff0;
}
.content_right{
	float:left;
	width:700px;
	background: #f0f;
}
.welcome{
	width:980px;
	height:388px;
	margin: 30px 0;
	background: url(../images/welcome.png) no-repeat;
}
.detail_welcome{
	width:625px;
	float:right;
	margin-top: 33px;
    line-height: 30px;
	font-size:24px;
}
.pic_welcome{
	padding: 10px 300px;
}
.box_prodouct{
	width:980px;
	float:left;
}
.title_prodouct{
	font-size:36px;
	padding: 0 5px;
	font-family: 'ThaiSansNeue';
	color:#00356f;
}
.title_prodouct img{
	vertical-align:middle;
}
.pic_prodouct{
	width:230px;
	height:239px;
	float:left;
	padding:5px 7px 20px 7px;
	text-align:center;
	background:url(../images/bg_new.png)  top no-repeat;
}
.see{ 
	font-size:24px;
	background:#00356F;
	color:#FFF;
	padding:0 10px;
	border-radius:3px;
	float:right;
}
.see:hover{ 
	transition:1s;
	color:#e8e8e8;
	background:#00479C;
}
.box_pic{
    width: 230px;
    height: 181px;
}

.pic_prodouct img{
	max-width:230px;
	max-height:181px;
}
.detail_prodouct{
	width:230px;
	height:58px;
	font-size:24px;
	color:#fff;
	background:#032444;
	text-align:left;
}
.detail_prodouct a{
	color:#fff;
}
.detail_prodouct a:hover{
	color:#999;
}
.box_news{
	width:656px;
	float:left;
}
.title_activity{
	width:190px;
	height:40px;
	color:#fff;
	font-size:24px;
	text-align:center;
	line-height: 40px;
	float:left;
	margin: 0 3px 0 0;
	border-radius:10px 10px 0 0;
	background: rgba(0,37,73,1);
	background: -moz-linear-gradient(top, rgba(0,37,73,1) 0%, rgba(0,55,114,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,37,73,1)), color-stop(100%, rgba(0,55,114,1)));
	background: -webkit-linear-gradient(top, rgba(0,37,73,1) 0%, rgba(0,55,114,1) 100%);
	background: -o-linear-gradient(top, rgba(0,37,73,1) 0%, rgba(0,55,114,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,37,73,1) 0%, rgba(0,55,114,1) 100%);
	background: linear-gradient(to bottom, rgba(0,37,73,1) 0%, rgba(0,55,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002549', endColorstr='#003772', GradientType=0 );
}
.title_activity_current,
.title_activity:hover{
	background: rgba(5,86,173,1);
	background: -moz-linear-gradient(top, rgba(5,86,173,1) 0%, rgba(0,37,73,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,86,173,1)), color-stop(100%, rgba(0,37,73,1)));
	background: -webkit-linear-gradient(top, rgba(5,86,173,1) 0%, rgba(0,37,73,1) 100%);
	background: -o-linear-gradient(top, rgba(5,86,173,1) 0%, rgba(0,37,73,1) 100%);
	background: -ms-linear-gradient(top, rgba(5,86,173,1) 0%, rgba(0,37,73,1) 100%);
	background: linear-gradient(to bottom, rgba(5,86,173,1) 0%, rgba(0,37,73,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0556ad', endColorstr='#002549', GradientType=0 );}
.title_news{
	width:190px;
	height:40px;
	color:#fff;
	font-size:24px;
	text-align:center;
	line-height: 40px;
	float:left;
	margin: 0 3px 0 0;
	border-radius:10px 10px 0 0;
	background: rgba(0,55,114,1);
	background: -moz-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,37,73,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,55,114,1)), color-stop(100%, rgba(0,37,73,1)));
	background: -webkit-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,37,73,1) 100%);
	background: -o-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,37,73,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,37,73,1) 100%);
	background: linear-gradient(to bottom, rgba(0,55,114,1) 0%, rgba(0,37,73,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003772', endColorstr='#002549', GradientType=0 );}
.title_news_current,
.title_news:hover{
	background: rgba(0,37,73,1);
	background: -moz-linear-gradient(top, rgba(0,37,73,1) 0%, rgba(5,86,173,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,37,73,1)), color-stop(100%, rgba(5,86,173,1)));
	background: -webkit-linear-gradient(top, rgba(0,37,73,1) 0%, rgba(5,86,173,1) 100%);
	background: -o-linear-gradient(top, rgba(0,37,73,1) 0%, rgba(5,86,173,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,37,73,1) 0%, rgba(5,86,173,1) 100%);
	background: linear-gradient(to bottom, rgba(0,37,73,1) 0%, rgba(5,86,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002549', endColorstr='#0556ad', GradientType=0 );
}
.box_bg_news{
	width:645px;
	height:268px;
	float:left;
	background:url(../images/bg_ac.png) no-repeat;
	border: solid 1px #073b73;
}
.pic_news{
	width: 260px;
	height: 250px;
	float:left;
	margin: 5px ;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.pic_news img{
	/*max-width: 260px;*/
	max-width:100%;
	height: 250px;
	margin:auto;
}
.detail_news{
	width:260px;
	height:68px;
	overflow: hidden;
	text-align:center;
	color:#fff;
	line-height: 60px;
	font-size:24px;
	/*margin: 179px 11px;*/
	position: absolute;
	left:0;
	bottom:0;
	background: url(../images/detail_news.png);
}
.pic_news .detail_news:hover{
	background:#00356f;
	transition:1s;
}
.seemore{
	font-size:20px;
	float:left;
	margin: 230px 0 0 0;
}
.seemore a{
	color:#00356f;
}
.seemore a:hover{
	color:#fff;
}
.banner{
	width:279px;
	height:270px;
	float:left;
	margin: 40px 15px;
	font-family: 'ThaiSansNeue';
	background:url(../images/banner.png) no-repeat;
}
.text_banner{
	font-size:36px;
	color:#00356f;
	text-align: center;
    margin: 50px 0 0 100px;
}
.text_banner a{
	color:#00356f;
}
.text_banner a:hover{
	color:#ffe400;
}
.lang a:hover img,
.lang a.current img{ box-shadow: 1px 1px 5px #00356F;     transition: 0.3s cubic-bezier(.6,.2,.5,1.3); }
/*/////////////////////////////////////////////////about//////////////////////////////////////////////////*/

.about_txt1{
	float:left;
	width:550px;
	text-align:justify;
}
.about img{ margin:0 15px;     box-shadow: 0px 1px 3px 1px rgba(150,150,150,1);}

.title_head{
	font-size:36px;
	color:#00356E;
	border-bottom:2px solid #2FA0D7;
	margin:20px 0;
}
/*/////////////////////////////////////////////////product//////////////////////////////////////////////////*/
.cate_product{
	float:left;
	width:280px;
	padding:10px;
}
.cate_product li{
	list-style:none;
	background:#EDEDED;
	color:#00356E;
	padding:5px;
}
.cate_product li.current,
.cate_product li:hover{
	color:#FFF;
	background:#00356E;
	border-radius:3px;
	transition: 0.4s cubic-bezier(.6,.2,.5,1.3);
}
.product{
	/*margin:10px 20px;	*/
	float:right;
	width:650px;
}
.list_pd{
	padding:10px 0;
	border-bottom:1px solid #EDEDED;
}
.list_pd:hover{
	border-bottom:1px solid #00356E;
	transition: 0.3s cubic-bezier(.6,.2,.5,1.3);
}
.name_pd{ 
	padding:5px; 
	margin:5px;
	background:#EDEDED;
	color:#00356E;
 }
 .name_pd i { font-size:16px; }
.list_pd:hover .name_pd{
	padding-left:7px; 
	color:#FFF ; 
	background:#00356E; 
 }

.pic_pd{
	float:left;
	width:200px;
	height:150px;
	text-align:center;
}
.pic_pd img{
	max-width:200px;
	max-height:150px;
}
.detail_pd{
	float:right;
	width:400px;
	max-height: 190px;
    font-size: 22px;
    color: #252525;
    overflow: hidden;
}

.nameview_pd{
	padding:5px; 
	margin:5px;
	color:#FFF ; 
	background:#00356E; 
}
.picview_pd{
	margin:auto;
	text-align:center;
	/*width:250px;	*/
}
.picview_pd img{
	max-width:200px;	
	max-height:150px;
	margin:5px;
}
.detailview_pd{
	width:100%;
}
/*/////////////////////////////////////////////////News//////////////////////////////////////////////////*/
.list_news{
	padding:10px;
	margin:10px 0;
	border:1px solid #EDEDED;
	border-radius:3px;
	background:#FFF;
}
.list_news:hover{
	transition: 0.4s cubic-bezier(.6,.2,.5,1.3);
	border:1px solid #00356E;
}
.news_pic{
	float:left;
	width:250px;
	height:150px;
	text-align:center;
}
.news_pic img{
	max-width:250px;
	max-height:150px;
}
.news_detail{
	float:right;
	width:650px;
	color:#252525;
	/*position:relative;*/
}
.list_news:hover .more,
.list_news:hover .news_name{
	transition: 0.3s cubic-bezier(.6,.2,.5,1.3);
    color: #00356E;
}
.news_name{
	font-size: 26px;
    color: #252525;
	font-weight:bold;
    margin: 5px 0;
}
.more{
	/*position:absolute;
	top:0;
	right:0;*/
	float:right; 
	font-size:20px;
	color:#FFF;
}

.listview_news{
	padding:10px;
	margin:10px 0;
	border-radius:3px;
	background:#FFF;
	/*border:1px solid #00356E;*/
}
.newsview_name{
	font-size:28px;
    color: #FFF;
    background: #00356E;
    margin-bottom: 10px;
    padding: 5px;
}
.newsview_pic{
	float:left;
	width:100%;
	text-align:center;
}
.newsview_pic img{
	max-width:250px;
	max-height:150px;
}
.newsview_detail{
	width:900px;
	margin:auto;
}
/*/////////////////////////////////////////////////Portfolio//////////////////////////////////////////////////*/
.port{
}
.list_port{
	float:left;
	width:280px;
	padding:10px;
	margin:10px ;
	border:1px solid #EDEDED;
	border-radius:3px;
	background:#FFF;
}
.port_pic{
	width:280px;
	height:170px;
	text-align:center;	
}
.port_pic img{
	max-width:260px;
	max-height:170px;
}
.port_name{
	font-size:24px;
	color:#252525;
	text-align:center;
	height:27px;
	overflow:hidden;
}
.list_port:hover{
	transition: 0.3s cubic-bezier(.6,.2,.5,1.3);
	border:1px solid #00356E;
}
.list_port:hover .port_name{
	transition: 0.3s cubic-bezier(.6,.2,.5,1.3);
	color:#00356E;
}
/*/////////////////////////////////////////////////Contact//////////////////////////////////////////////////*/
.contact-list {
    list-style: none;
    font-size: 22px;
    color: #252525;
    width: 500px;
    float: left;
}
.contact-list a{ color:#252525; }
.contact-list i{ color:#666; margin-right:10px;}
.contact-form {
    width: 450px;
    float: right;
	color:#00356E;
}
.topic-title{
	font-size:26px;
	color:#666;
	margin-bottom:10px;
}
.form-contact label{
	float: left;
	width: 40%;
	margin-right: 35px;
	margin-bottom: 7px;
	font-size: 22px;
}
.form-contact input[type="text"], .form-contact textarea{
	width: 100%;
	height:30px;
	line-height: 26px;
	font-size: 14px;
	border: 1px solid #ccc;
	/*border-left: 2px solid #5F5F5F;*/
	padding-left: 5px;
	display: inline-block;
	border-radius: 4px;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 2px #c4c4c4;
	color:#5F5F5F;
}
.form-contact textarea{ height:130px;} 
.form-contact input:focus, .form-contact textarea:focus, .form-contact input:active, .form-contact textarea:active{
	outline: none;
	border-color: #003772;
}
.form-contact input.capchar{
	width: 50%;
	display: block;
}
.form-contact .verify-code, .form-contact .refresh{
	float: left;
	margin-top: 10px;
}
.form-contact .refresh{
	padding-top: 7px;
	color: #252525;
	font-size: 20px;
}
.form-contact .btn{
	width:80px;
	border:1px solid #003772;
	font-family: 'ThaiSansNeueRegular';
    background: #003772;
    background: -moz-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,55,114,1)), color-stop(100%, rgba(0,21,41,1)));
    background: -webkit-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
    background: -o-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
    background: linear-gradient(to bottom, rgba(0,55,114,1) 0%, rgba(0,21,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003772', endColorstr='#001529', GradientType=0 );
	color: #FFF;
	padding: 4px 20px 2px 20px;
	font-size: 20px;
	margin-top: 10px;
	cursor: pointer;
	border-radius:5px;
}
.form-contact .btn:hover{
	/*border: 2px solid #316478;*/
	background: #FFF;
	color: #003772;
	transition: 0.3s cubic-bezier(.6,.2,.5,1.3);
}

input#subject{ padding-left:30px ; background:#FFF url(../contact/images/subject.png) 5px 5px no-repeat ; }
input#name{ padding-left:30px ; background:#FFF url(../contact/images/user.png) 5px 5px no-repeat ; }
textarea#address{ padding-left:30px ; background:#FFF url(../contact/images/home.png) 5px 5px no-repeat ; }
input#email{ padding-left:30px ; background:#FFF url(../contact/images/mail.png) 5px 5px no-repeat ; }
input#telephone{ padding-left:30px ; background:#FFF url(../contact/images/tel.png) 5px 5px no-repeat ; }
input#fax{ padding-left:30px ; background:#FFF url(../contact/images/fax.png) 5px 5px no-repeat ; }
textarea#message{ padding-left:30px ; background:#FFF url(../contact/images/messages.png) 5px 5px no-repeat ; }
input#txtverfycode{ padding-left:30px ; background:#FFF url(../contact/images/log.png) 5px 5px no-repeat ; }
/****************page*******************/
#page {
	margin-top: 20px;
    padding: 10px 0px;
    margin-right: 20px;
    color: #333;
    text-align: right;
    text-decoration: none;
 }
 #page a{
	 text-align:right;
	 display:inline-block;
 }
.page , 
.page_curent {
	/*border: #CCC 1px solid;*/
	width:25px; height:25px;
	background:#adadad;
	margin: 0px 4px;
	color: #FFF;
	text-align:center;
	 border-radius: 5px;
	 background: #00356E;
	border:1px solid #efefef;
	font-size:20px;
}
.page {
	color:#252525;
	font-weight:bold;
	 background: #ededed;
}
.page:hover ,
.page_curent {
	color:#FFF;
	transition: all .15s ease-out .1s;
	border:1px solid #00356E;
}
.page:hover {
	color:#00356E ;
}
/****************page*******************/

/*/////////////////////////////////////////////////Footer//////////////////////////////////////////////////*/
#footer{
	width:980px;
	height:190px;
	margin:0px auto;
	margin-top: 40px;
	background:#00356f;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color: #999;
}
.contact{
	width:615px;
	float:left;
	font-size:20px;
	color:#fff;
	line-height: 25px;
	padding: 28px 10px 15px 25px;
}
/*/////////////////////////////////////////////////Footer//////////////////////////////////////////////////*/