/* CSS Document */
*{ margin:0; padding:0;}
body {
	margin:0; padding:0;
	background: #fff;
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:14px; 
	color:#000; 
	line-height:25px;
}
.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;}

.mg_right20{margin-right:20px;}

.mg_left10{margin-left:10px;}
.mg_left20{margin-left:20px;}

.text_center{text-align:center;}
.justify{text-align:justify;}
.float_right{float:right;}


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

/*font-size*/
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font36{ font-size:36px;}
.font48{ font-size:48px;}
/*flot*/
.left{float:left;}
.right{float:right;}
/*space*/
.space10{ padding-left:10px;}
.space20{ padding-left:20px;}
.space30{ padding-left:30px;}
.space40{ padding-left:40px;}
.space90{ padding-left:90px;}
/*color*/
.red{ color:#4f0e20;}
/*style*/
.bold{ font-weight:bold;}
/*border*/
.border-bottom{ border-bottom:1px solid #fff;}
/*************************************************wrapper*/
#wrapper-outer{
	background:#efefef;
	width:100%;
}
#wrapper-head{ 
	width:100%;
	margin:auto; 
	padding:0; 
	background:#50b4f5;
}
#wrapper-content{
	width:100%;
	margin:auto;
	padding:0;
	background:url(../images/bg-wrapper.png) repeat-x;
}
#wrapper-slider{
	background:#ababb0;
	margin:auto;
	padding:0;
}
#wrapper-footer{
	background: #0f628b url(../images/bg-footer.png) repeat-x;
	width:100%;
	margin:auto;
}
#wrapper{
	width:980px; 
	margin:auto; 
	padding:0;
}
/*************************************************head*/
#header{
	width:960px;
	height:204px;
	margin:auto;
	padding:10px;
	text-align:center;
	background: url(../images/bg-head.png) center top no-repeat;
}
.head-left{
	float:left;
	display:inline-block;
	width:460px;
	margin:10px;
}
.head-right{
	float:right;
	display:inline-block;
	margin:90px 0 0 0;
}
.head-right h1{
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-size: 50px;
	color:#0c32b0;
	line-height:50px;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 75px #fff;
}
.head-right h2{
	font-size:35px;
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-weight:normal;
	text-align:right;
	color:#0c32b0;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 75px #fff;
}
/*************************************************main-menu*/
#main-menu{
	width:980px;
	height:36px; 
	margin:13px auto 0 auto;
	background: url(../images/bg-menu.png) no-repeat;
}
#main-menu ul{
	width:970px;
	margin:0;
	padding:0 5px;
	list-style:none;
}
#main-menu ul li{
	margin:0 20px;
	/*height:36px;*/
	padding:0;
	font-size:20px;
	text-align:center;
	display:inline-block;
	font-size:22px;
	font-family: 'Conv_ThaiSansNeue-Regular';
	float:left;
	line-height:35px;
	position:relative;
}
#main-menu ul li:hover, #main-menu ul li.current{
	/*height:31px;*/
	border-bottom:5px #50b4f5 solid;
} 
#main-menu ul li a{
	color:#fff;
	display:block; 
	text-decoration:none;
}
/*////////////////////////////////////*/
#main-menu ul li:hover .sub1 {
	display:block;
}
#main-menu ul li .sub1 {
	padding-top:0;
	width:195px;
	position:absolute;
	top: 35px;
	left:-20px;	
	z-index:1250;
   display:none;
}
#main-menu ul li .sub1 ul { 
	width:230px;
	margin:0;
	list-style: none;
	padding-left:0px;
	border:none;
}
#main-menu ul li .sub1 ul li {
	text-align:left;
	display: inline;
	position:relative;
	width:230px;
	padding:0;
	list-style:none;
	border-bottom:solid #989CAB 1px;
	border-right:none;
	background:#3561F3;
}
#main-menu ul li .sub1 ul li:hover {
	text-align:left;
	display: inline;
	z-index:500;
	background:#103FDC;	
}
#main-menu ul li .sub1 ul li  a {
	width:200px;	
	margin:0 ;
	padding:2px 0 2px  10px;
	display: inline-block;
	color:#FFF;
	text-decoration: none;
	outline: none;
	text-align:left;
	font-size:22px;
	line-height:20px;
}
#main-menu ul li .sub1 ul li  a:hover{
	/*color:#000;
	text-shadow:  none;
	-webkit-transition: all 0.3s ease-in;*/
}

#main-menu ul li .sub1 ul li a.current{
	text-shadow:  none;
	/*background:none;*/
}
#main-menu ul li .sub1 ul li  a span{
	font-size:14px;
	text-align:left;
	color:#FFF;
}
/*////////////////////////////////////*/
#main-menu ul li:hover .sub1 ul li:hover .sub2 {
	display:block;
}
#main-menu ul li .sub1 ul li .sub2{
	width:180px;
	position:absolute;
	left:200px;
	top:0;
	z-index:4500;
	display:none;
	padding:0;
	margin:0;
	
}
#main-menu ul li .sub1 ul li .sub2 ul { 
	margin:0;
	list-style: none;
	padding-left:0px;

 }
#main-menu ul li .sub1 ul li .sub2 ul li {
	text-align:left;
	display: inline;
	position:relative;
	background:#3561F3;
	border-bottom:solid #989CAB  1px;
	border-right:none;
	
}
#main-menu ul li .sub1 ul li .sub2 ul li:hover {
	text-align:left;
	display: inline;
	background:#103FDC;	
}
#main-menu ul li .sub1 ul li .sub2 ul li  a {
	display: inline-block;
	color:#FFF;
	text-decoration: none;
	outline: none;
	text-align:left;
	font-size:20px !important;
	padding: 3px 5px;

}
#main-menu ul li .sub1 ul li .sub2 ul li  a:hover, #main-menu ul li .sub1 ul li .sub2 ul li a.current{
	text-shadow:  none;
}
#main-menu ul li .sub1 ul li .sub2 ul li  a span{
	font-size:14px;
	text-align:left;
	color:#FFF;	
}
/*************************************************Slider*/
#slider{ 
	width:780px; 
	height:250px; 
	margin:auto;
}
/*************************************************CONTENT*/
#content{
	width:980px;
	margin:-6px auto;
	padding:20px 0;
	display:block;
}
.content-left{
	margin:0 10px 0 0;
	width:175px;
	float:left;
	display:inline-block;
}
/*title-bg*/
.content-left .title-bg{
	background: url(../images/bg-5.png) no-repeat;
	margin:10px 0;
	width:175px;
	height:28px;
	text-align:center;
	color:#fff;
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-size:24px;
}
/*menu-left*/
.content-left .menu-left{
	width:175px;
	float:left;
	position:relative;
}
.content-left .menu-left .title-menu{
	background:url(../images/bg-1.png) no-repeat;
	width:175px;
	height:175px;
	position:absolute;
}
.content-left .menu-left .title-menu p{
	color:#fff;
	text-align:center;
	font-family: 'Conv_ThaiSansNeue-Regular';
	vertical-align:text-bottom;
	font-weight:bold;
	font-size:24px;
	margin:150px 0 0 0;
	text-transform:uppercase;
}
.content-left .menu-left .menu-top{
	margin:90px 0 0 0;
	background: url(../images/bg-menu-left_01.png) top no-repeat;
	width:175px;
	height:67px;
}
.content-left .menu-left .menu-center{
	background: #5794b2 url(../images/bg-menu-left_02.png) top no-repeat;
	width:175px;
}
.content-left .menu-left .menu-center ul{
	width:165px;
	padding:20px 5px;
	display:block;
}
.content-left .menu-left .menu-center ul li{
	width:170px;
	display:block;
	list-style:none;
	font-size:20px;
	font-weight:bold;
	font-family: 'Conv_ThaiSansNeue-Regular';
	line-height:20px;
	margin:2px 0;
}
.content-left .menu-left .menu-center ul li p{
	color:#1249ff;
	margin:0 0 5px 0;
	display:inline-block;
}
.content-left .menu-left .menu-center ul li a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
	padding:0 10px;
	font-size:18px;
}
.content-left .menu-left .menu-center ul li a:hover{
	color:#1249ff;
	text-decoration:none;
}
.content-left .menu-left .menu-bottom{
	margin:0;
	background: url(../images/bg-menu-left_03.png) top no-repeat;
	width:175px;
	height:69px;
}
/*call-center*/
.content-left .call-left{
	margin:10px 0;
	width:175px;
	float:left;
	position:relative;
}
.content-left .call-left .title-call{
	background:url(../images/bg-3.png) no-repeat;
	width:175px;
	height:183px;
	position:absolute;
	left:0;
	top:0;
}
.content-left .call-left .title-call p{
	color:#fff;
	text-align:center;
	font-family: 'Conv_ThaiSansNeue-Regular';
	vertical-align:text-bottom;
	font-weight:bold;
	font-size:24px;
	margin:150px 0 0 0;
	text-transform:uppercase;
}
.content-left .call-left .call-top{
	margin:90px 0 0 0;
	background: url(../images/bg-4_01.png) top no-repeat;
	width:175px;
	height:90px;
	display:block;
	float:left;
}
.content-left .call-left .call-center{
	margin:0;
	background: #5ebbea url(../images/bg-4_02.png) top no-repeat;
	padding:10px;
	display:block;
	float:left;
	width:155px;
}
.content-left .call-left .call-center ul{
	margin:20px auto auto auto;
	width:150px;
}
.content-left .call-left .call-center ul li{ 
	list-style:none;
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-size:20px;
}
.content-left .call-left .call-center ul li p{
	color:#fff;
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-weight:bold;
	text-align:center;
}

.content-left .call-left .call-center ul li img{
	margin:0 10px 0 0;
}/*content-right*/
.content-right{
	font-family: 'Conv_ThaiSansNeue-Regular';
	width:780px;
	float:right;
	display:inline-block;
}
/*about-us*/
.content-right .about-home{
	margin:5px 0;
	height:219px;
	background:url(../images/bg-2.png) left no-repeat;
	padding:10px;
	color:#1249ff;
	font-family: 'Conv_ThaiSansNeue-Regular';
}
.content-right .about-home p{
	font-size:35px;
	text-align:right;
	font-family: 'Conv_ThaiSansNeue-Regular';
	margin:10px 0 0 0;
}
.content-right .about-home .box-about{
	width:500px;
	font-size:20px;
	float:right;
	text-align:justify;
	margin:10px 0 0 0;
	text-indent:10px;
}
/*new-product*/
.content-right .new-product{
	width:780px;
	display:block;
	margin:0;
}
.title-new{
	width:760px;
	height:29px;
	background:url(../images/bg-title.png) no-repeat;
	color:#fff;
	padding:0 10px;
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-size:25px;
}
.content-right .new-product ul{
	width:780px;
	display:block;
	list-style:none;
	margin:10px 0;
}
.content-right .new-product ul li{
	width:181px;
	height:250px;
	display:inline-block;
	list-style:none;
	margin:0 auto;
	overflow:hidden;
	position: relative;
}
.box_listimgpd{
	width:165px;
	height:142px;
	padding:5px;
	margin:5px 0;
	text-align:center;
	overflow:hidden;
	border: 1px solid #999999;
}
.list_imgpd{
	max-height:142px;
	max-width:180px;
	border:none;
}

.content-right .new-product ul li a{
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-weight:bold;
	text-decoration:none;
	display:block;
	font-size:18px;
	color:#000;
	text-align:center;
}
.content-right .new-product ul li.first{ margin:5px;	position:relative;text-align:center;}
.content-right .new-product ul li.larst{ margin:0;}
/*recommended-product*/
.content-right .recommended-product{
	width:780px;
	display:block;
	margin:0;
}
.content-right .recommended-product .title-recommended{
	width:760px;
	height:29px;
	background:url(../images/bg-title.png) no-repeat;
	color:#fff;
	padding:0 10px;
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-size:25px;
}
.content-right .recommended-product ul{
	width:780px;
	display:block;
	list-style:none;
	margin:10px 0;
}
.content-right .recommended-product ul li{
	width:180px;
	display:inline-block;
	list-style:none;
	margin:0 11px;
}
.content-right .recommended-product ul li img{
	border:1px solid #999999;
	display:block;
	width:180px;
	height:142px;
	margin:5px 0;
}
.content-right .recommended-product ul li a{
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-weight:bold;
	text-decoration:none;
	display:block;
	font-size:18px;
	color:#000;
	text-align:center;
}
.content-right .recommended-product ul li.first{ margin:0;}
.content-right .recommended-product ul li.larst{ margin:0;}
/*button*/
.bt-readmore{
	background:url(../images/bt-reamore.png) no-repeat;
	width:114px;
	height:25px;
	padding:0 15px;
	text-align:left;
	display:block;
	border:none;
	margin:10px auto;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	cursor:pointer;
	position:absolute;
	bottom:0;
	left:30px;
}
.bt-readmore:hover{
	color:#f00;
	text-shadow:1px 1px 0 #000;
}
/*brand-logo*/
.brand{
	width:770px;
	border:1px solid #999999;
	padding:10px 5px;
	margin:50px 0 0 0;
}
.brand p{
	text-transform:uppercase;
	font-size:36px;
	border-bottom:1px solid #1249ff;
	background: -webkit-linear-gradient(#1cb3ff, #0f6089);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Conv_ThaiSansNeue-Regular';
	line-height:35px;
}
.brand .box-logo{
	margin:20px 0; 
}
.brand .box-logo img{
	margin:0 3px;
	display:inline-block;
}
/* Float */
.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
/*************************************************FOOTER*/
#footer{
	width:940px;
	padding:10px 20px;
	margin:20px auto auto auto;
	color:#000;
	font-family: 'Conv_ThaiSansNeue-Regular';
	font-size:20px;
	line-height:25px;
	text-align:center;
}
#footer p{
	font-weight:bold;
}
.copyright a{
	 color:#fff; 
	 text-decoration:none;
}
/***************************/
.gall_box {
  border: 1px solid #ddd;
  width:360px;
  height:290px;
  padding: 5px;
  margin: 10px auto  10px 10px  ;
  box-shadow: 1px 1px 5px #ccc;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#F0F0F0,direction=120,strength=8);
  text-align: center;
  float:left;
  position: relative;
}
.boximg_galllarge{
  width:346px;
  height:220px;	
  margin:5px auto;
  padding:0;
  overflow:hidden;
}
.img_galllarge{
  width:346px;
  /*height:220px;*/
  border:none;
  transition: all 0.4s ease-in-out;	
  -ms-transform: scale(0.4,0.4);
  
}
.name_gall {
	font-weight:bold;
	color:#666;
}

.img_galllarge:hover{
	opacity: 0.6;
    filter: alpha(opacity=60);
}
.name_gall{
	padding:5px;
	font-size:26px;
	color:#333;
}
/***********************************/
.boximg_gall{
	margin:5px 4px 10px 5px;
	width:181px;
	height:180px;
	float:left;
	display:inline-block;
	position:relative;
	border:0;
	overflow:hidden;
	position:relative;
	border:solid 2px #DFDFDF;
}
.boximg_gall:hover .box_imghover{
	display:block;
}
.box_imghover{
		position:absolute;
		top:0;
		display:none;	
}
.img_galllist{
	height:180px;
	border:none;
}
/*********************************Contact*/
.contact{
	font-size:20px;
}
.form_con, .form_con2, .form_con3 {
	float: left;
	width: 250px;
	height: 25px;
	padding: 3px;
	color: #000;
	border-radius: 4px;
	border: 1px solid #CCC;
	box-shadow: 1px 1px 2px #c4c4c4;
}
.form_con2 {
	height:120px;
}
.form_con3{ width:150px; }
.sendmail {
	width: 80px;
	height: 30px;
	color: #FFF;
	border:none;
	font-weight: bold;
	border-radius: 5px;
	background: #203E98 ; /* Old browsers */
	background: -moz-linear-gradient(top,  #203E98  0%, #40A2ED  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203E98 ), color-stop(100%,#40A2ED )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #203E98  0%,#40A2ED  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #203E98  0%,#40A2ED  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #203E98  0%,#40A2ED  100%); /* IE10+ */
	background: linear-gradient(to bottom, #203E98  0%,#40A2ED  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203E98 ', endColorstr='#40A2ED ',GradientType=0 ); /* IE6-9 */
}
.sendmail:hover{
	color:#000;
	transition: 0.3s cubic-bezier(.6,.2,.5,1.3);
	cursor:pointer;
}
input#subject{ padding-left:30px ; background:url(../contact/images/subject.png) 5px 5px no-repeat ; }
input#name{ padding-left:30px ; background:url(../contact/images/user.png) 5px 5px no-repeat ; }
textarea#address{ padding-left:30px ; background:url(../contact/images/home.png) 5px 5px no-repeat ; }
input#email{ padding-left:30px ; background:url(../contact/images/mail.png) 5px 5px no-repeat ; }
input#telephone{ padding-left:30px ; background:url(../contact/images/tel.png) 5px 5px no-repeat ; }
input#fax{ padding-left:30px ; background:url(../contact/images/fax.png) 5px 5px no-repeat ; }
textarea#message{ padding-left:30px ; background:url(../contact/images/messages.png) 5px 5px no-repeat ; }
input#cap{ padding-left:30px ; background:url(../contact/images/log.png) 5px 5px no-repeat ; }
.acontact_us{color:#000; text-decoration:none;}
.acontact_us:hover{color:#666;}
.map{
	width:100%;
	height:300px !important;
	border:1px solid #bbbbbb;
	border-radius:3px;
	float:right;
}
.img_map{height:300px ; border:none; border: solid 1px #999;}
.img_map:hover{
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
 }
 #verify-code{margin-left:20px;}
/*-----List Page-----///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.badoo {
	margin-top:20px;
	padding:10px 0px;
	margin-right:20px;
	font-size:14px; 
	color: #333; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;text-decoration:none;
}
div.badoo a{
	border: #4E4A4C 1px solid;
	padding: 3px 8px;
	margin: 0px 4px;
	color: #181516;
	text-decoration: none;
	background: #FFFFFF;
	border-radius: 4px;
}
div.badoo a:hover {
	border:#333 1px solid;
	color:#FFF;
	background: #ff5db1; /* Old browsers */
	background: -moz-linear-gradient(top, #8F8C8D 0%, #221F21 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8F8C8D), color-stop(100%,#221F21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8F8C8D 0%,#221F21 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8F8C8D 0%,#221F21 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8F8C8D 0%,#221F21 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8F8C8D 0%,#221F21 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8F8C8D', endColorstr='#221F21',GradientType=0 ); /* IE6-9 */
}

div.badoo span.current {
	padding: 3px 8px;
	border: #75676E 1px solid;
	background: #8B8287;
	background: -moz-linear-gradient(top, #8F8C8D 0%, #221F21 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92898E), color-stop(100%,#8F8C8D));
	background: -webkit-linear-gradient(top, #8D8388 0%,#999497 100%);
	background: -o-linear-gradient(top, #8F8C8D 0%,#221F21 100%);
	background: -ms-linear-gradient(top, #8F8C8D 0%,#221F21 100%);
	background: linear-gradient(to bottom, #B9B9B9 0%,#2E2C2D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8F8C8D', endColorstr='#221F21',GradientType=0 );
	color: #FFFFFF;
	margin: 0px 4px;
	border-radius: 4px;
}
div.badoo span.disabled {
	display:none;
}
/**************************************/
.text_notfound{
	margin:20px 30px;
	font-size:24px;
	color:#F00;
}
.new_topic{
	font-size:24px;
	border-bottom: #006291 solid 1px;
}
/*****************PRODUCTS****************************/
.list-box{
	font-size:22px;
}

.boximg_pdlarge{
	width:500px;
	/*height:250px;*/
	margin:10px auto 20px auto;
	padding:10px;
	text-align:center;
}
.img_pdlarge{
	max-width:500px;
	border:solid #E4E4E4 1px;
}
.box_smallimg{
	max-width:500px;
	border:none;
}
.box_smallimg{
	width:140px;
	height:100px;
	border:solid #E8E8E8 1px;
	float:left;
	margin:5px;
	overflow:hidden;
}
.img_pdlarge:hover{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.small_pdimg{
	width:142px;
	border:none;
}
.small_pdimg:hover{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
/**********************************************/
.left{float:left;}
.box_tel{
	margin-left:5px;
}
.call_cen{
	color: #fff;
    font-family: 'Conv_ThaiSansNeue-Regular';
    font-weight: bold;
    text-align: center;
	font-size:22px;
}

.box_vdo{
	width:550px;
	height:300px;
	border:solid 2px #333;
	margin:auto;
}
.box_vdo iframe{
	padding-top:0px !important;
}