a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}
* { border:none}
input, textarea{outline:none !important}


.containerContent {
    width: 960px;
  
} 

.containerContract {
    width: 960px;
  
} 
.col1, .col2, .col3, .cols { float:left;}

.col1{ width:200px;}
.col2{ width:680px}
.col3{ width:440px}
.col4{width: 275px; position: relative; float: left;}
.col5{width: 270px; position: relative; float:right; right:170px;top:0px;}
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }

.wrapper {width:100%; overflow:hidden; }

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left  {float:left}
.right  {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body {background:url(../images/bg_top.gif) 0 0 repeat-x #000;border:0;font:16px Arial, Helvetica, sans-serif;color:#808080;line-height:24px;min-width:980px;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;	width:960px;position:relative}
.bg1 {background:#FFF;}
/* ============================= main layout ====================== */
a {color:#5f870e;text-decoration:none;outline:none}
a:hover {color:#fff}
h1 { padding:5px 0 0 0;float:left;}
h2 {font-size:33px;color:#4f2571;font-weight:700;line-height:1.2em;padding:30px 0 11px 0;letter-spacing:-1px}
h3 {font-size:20px;color:#4f2571;font-weight:900;line-height:1.2em;padding:0px 0 17px 0;letter-spacing:-1px}
h4 {font-size:18px;color:#4f2571;font-weight:900;line-height:1.2em;padding:0px 0 17px 0;letter-spacing:-1px}
h3.color1 {padding:0 0 7px 0}
p {padding-bottom:24px}
/* ============================= header ====================== */
header {height:179px}
#page1 header {height:662px}
#logo {display:block;text-indent:-9999px;background:url(../images/logo.png) 0 0 no-repeat;width:558px;height:102px}
#search {float:right;padding:50px 10px 0 0 }
#search .bg {background:url(../images/search.png) 0 0 no-repeat;width:220px;height:23px}
#search .input {background:none;padding:3px 13px;font:14px Arial, Helvetica, sans-serif;color:#000;height:17px;width:194px;margin:0}
#menu  {padding-top:6px}
#menu > li  {float:left;padding-right:5px}
#menu .last {padding-right:0px}
#menu > li > a {width:188px;display:block;font-size:20px;color:#fff;text-transform:uppercase;font-weight:400;height:41px;line-height:38px;border-top:1px solid #1f1f1f;background:#3C3C3C;text-align:center;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;position:relative}
#menu > li > a:hover, #menu > .active > a {background:#3778fb;border-color:#184cb4;}
#menu > li > a span {display:block;position:relative; color:#FFF;}
#slider {
	position: absolute;
	top: 161px;
	left: 1px;
	width: 100%;
	height: 453px;
	overflow: hidden;
	z-index: 1
	/* Box shadow for < IE9 is defined in ie8.css and ie7.css */
	-webkit-box-shadow:0 0 10px #888;
	   -moz-box-shadow:0 0 10px #888;
	        box-shadow:0 0 10px #888;

	/* Improve fluid motion of the the panel */
	-webkit-transition:left, top 100ms ease-out;
	   -moz-transition:left, top 100ms ease-out;
	    -ms-transition:left, top 100ms ease-out;
	     -o-transition:left, top 100ms ease-out;
	        transition:left, top 100ms ease-out;
}
.items {display:none}
.pagination {position:absolute;bottom:82px;right:274px;z-index:2}
.pagination li {float:left;padding-left:3px}
.pagination a {display:block;width:17px;height:17px;background:url(../images/buttons.png) right 0 no-repeat;text-indent:-9999px}
.pagination a:hover, .pagination .current a {background-position:left}
.banner {position:absolute;top:87px;z-index:2;right:32px;color:#a0a0a0;width:350px}
.title {font-size:47px;line-height:1.2em;letter-spacing:-2px;display:block;padding-bottom:9px}
.title .color2 {color:#000}
.title span {display:block;margin-top:-17px}
.banner .button1 {font-size:28px;padding:0 24px;height:49px;line-height:46px;margin-top:-1px;letter-spacing:-2px}
.banner .button1:hover {background:#090909;color:#fff}
.signature {text-align:right;display:block;color:#5f870e;line-height:20px;padding-top:6px}
.signature strong {display:block;color:#fff}
/* ============================= content ====================== */
#content{padding:0 20px;}
#content2 {padding:0 20px; height:482px;}
#product {padding:10px; 20px; height:600px;}
#product1 {padding:10px; 20px; height:auto;}
#product2 {padding:10px; 20px; height:auto;}
#product3 {padding:10px; 20px; height:auto;}
#product4 {padding:10px; 20px; height:auto;}
#product5 {padding:10px; 20px; height:auto;}
#product6 {padding:10px; 20px; height:auto;}
#product7 {padding:10px; 20px; height:600px;}
#product8 {padding:10px; 20px; height:600px;}
#company {padding:0 20px; height:auto;}
#content {padding-bottom:9px}
#content2 {padding-bottom:21px}
.pad_bot1 {padding-bottom:12px}
.marg_right1 {margin-right:40px}
.marg_right2 {margin-right:20px}
.no_pad { padding-bottom:0}
.color1 {color:#5f870e; font-weight:bold;}
.color2 {color:#fff}
.button1 {display:inline-block;font-size:22px;color:#fff;padding:0 18px;background:#3d53f1;height:45px;line-height:44px;position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;letter-spacing:-1px;margin-top:-4px}
.button1:hover {background:#fff;color:#000}
.list1{}
.list1 a {color:#808080;padding-left:15px;background:url(../images/marker_1.png) 0 5px no-repeat}
.list1 a:hover {color:#5f870e}
.list2{}
.list2 li {padding-left:15px;background:url(../images/marker_1.png) 0 9px no-repeat;padding-bottom:12px}
figure {padding-top:2px}
.dropcap_1 {float:left;background:url(../images/dropcap_1.png) 0 0 no-repeat;width:45px;height:45px;text-align:center;font-size:33px;line-height:42px;color:#fff;font-weight:700;margin-right:15px;margin-top:2px;margin-bottom:10px}
.address span {float:left;width:88px}
.address a {text-decoration:underline}
/* ============================= footer ====================== */
footer  {padding:49px 20px 0;height:98px}
footer a {color:#808080}
footer a:hover {color:#fff}
#icons {width:184px;float:right;}
#icons li {float:right;padding:10px 0px 0px 0px}
/* Tooltips */
.aToolTip  {background:#3778fb;color:#fff; margin-right:10px;padding:2px 10px 3px;font-size:12px;line-height:1.2em;position:absolute; }
.aToolTip .aToolTipContent  {position:relative;	margin:0;padding:0}
/* ============================= forms ============================= */
  
.google_map{
	margin:0; 
	width:270px; 
	height:210px; 
	background:#fff; 
}



#ContactForm {
	padding:0; 
}

#ContactForm .title1{
    display: inline-block;
    width: 75px;
    color: #808080;
    float: left;
    position: relative;
    font-size: 15px;
    line-height: 26px;
}

#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success {
	padding-bottom: 10px; 
    text-transform:uppercase; 
	font-size:10px; 
    position:relative; 
    float:left; 
	color:#03F; 
	width: 100%; 
	line-height: 11px;
}
#ContactForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 4px;
}
#ContactForm span {
	display:block
}
#ContactForm .error,#ContactForm .empty {
	font-size:9px; 
	color:#F00; 
	line-height:9px; 
	display:none; 
	width: 200px; 
	top:0px; 
	position:relative; 
    text-transform:uppercase; 
	float: right;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:underline; }
#ContactForm .input {
	width: 185px; 
	padding: 3px 4px; 
	color: #808080; 
	outline:none; 
	font-size: 12px; 
	font-family:Arial;  
	border: 1px solid #4C4C4C;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 185px; 
	height: 176px; 
	padding: 2px 4px; 
	color: #808080; 
	resize:none; 
	outline:none; 
	font-size: 15px; 
	font-family:Arial; 
	border: 1px solid #4C4C4C;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .magRight1{margin-right:16px; }
.w2{
 width:560px; 
}
.formButtons{position:relative; float: right; margin-top: 14px; display: inline-block;margin-right: 60px;}
.formBtn{display:inline-block;  position:relative;  }
.moreButton{font-size: 15px; color: #000; bottom: 0; position: relative; padding: 5px 15px; background: url(../images/sprite_1.png);}
.moreButton:hover{text-decoration:none; }
.footer{
	text-align:center;
	color:#000;
	
}

/* css กำหนดพื้นที่ของ div ข้อความเลื่อน   */
.containMarquee{
 	position:relative;
	width:900px;
	margin:auto;
	display:block;
	height:35px;
	border: thin 1px #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
   	line-height:35px;
	font-size:28px;
	font-weight:bold;
	color:#4f2571;
	background-color:#ffffff;	
	overflow:hidden;
}
/* css กำหนดข้อความ สำหรับการทำ marquee  */
.obj_marquee{
	position:absolute;
	display:block;
	white-space:nowrap;
}



/*table right */
#tableright {
       width:920px; /* col1 + col2 + col3 + padding + border */
   /* border-top: 4px solid #e3e7e7; /* เส้นกรอบด้านบน */
       background-color: #FFF; /* สีพื้นของตาราง */
	   margin-top:30px;
   }
   #tableright p {
       clear: both;
       width: 100%;
       margin: 0px;
   }
   #tableright span {
       float: left;
       padding: 0px; /* padding ของแต่ละคอลัมน์ */
/*  border-left: 1px solid #e3e7e7; /* เส้นกรอบด้านซ้ายของแต่ละเซล */
/*  border-bottom: 1px solid #e3e7e7; /* เส้นกรอบด้านล่างของแต่ละเซล */
   }
   #tableright span.right1 {
	   text-align:center;
       width:300px; /* ความกว้างของคอลัมน์ 1 */
	   height:170px;
	    text-align:center;
   }
   #tableright span.right2 {
	width: 300px; /* ความกว้างของคอลัมน์ 2 */
	height:170px;
	padding-left:5px;
	 text-align:center;
   } 
   #tableright span.right3 {
	width: 300px; /* ความกว้างของคอลัมน์ 2 */
	height:170px;
	padding-left:5px;
	 text-align:center;
   }
   
   
   
   
   
   
#tableproduct {
       width:920px; /* col1 + col2 + col3 + padding + border */
   /* border-top: 4px solid #e3e7e7; /* เส้นกรอบด้านบน */
       background-color: #FFF; /* สีพื้นของตาราง */
	   margin-top:30px;
   }
   #tableproduct p {
       clear: both;
       width: 100%;
       margin: 0px;
   }
   #tableproduct span {
       float: left;
       padding: 0px; /* padding ของแต่ละคอลัมน์ */
/*  border-left: 1px solid #e3e7e7; /* เส้นกรอบด้านซ้ายของแต่ละเซล */
/*  border-bottom: 1px solid #e3e7e7; /* เส้นกรอบด้านล่างของแต่ละเซล */
   }
   #tableproduct span.right1 {
	   text-align:center;
       width:280px; /* ความกว้างของคอลัมน์ 1 */
	   height:290px;
	    text-align:left;
   }
   #tableproduct span.right2 {
	width: 635px; /* ความกว้างของคอลัมน์ 2 */
	height:290px;
	padding-left:5px;
	 text-align:left;
   } 
   

   
    
   .cw{  
background-image: linear-gradient(bottom, rgb(157,235,245) 0%, rgb(59,92,227) 69%);
background-image: -o-linear-gradient(bottom, rgb(157,235,245) 0%, rgb(59,92,227) 69%);
background-image: -moz-linear-gradient(bottom, rgb(157,235,245) 0%, rgb(59,92,227) 69%);
background-image: -webkit-linear-gradient(bottom, rgb(157,235,245) 0%, rgb(59,92,227) 69%);
background-image: -ms-linear-gradient(bottom, rgb(157,235,245) 0%, rgb(59,92,227) 69%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(157,235,245)),
	color-stop(0.69, rgb(59,92,227))
);
border-radius:5px;
width:200px;
height:38px;
margin-left:50px;
color:#FFFFFF;
font-size:25px;
font-weight:bold;
font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	   
	   
   }
   .p1{
	   padding-top:5px;
	   padding-bottom:5px;
    border-style: solid;
	border-top-width:1px;
    border-top-color:#4f2571;
    border-right-width:1px;
	border-right-color: #4f2571;
	border-left-width:1px;
    border-left-color:#4f2571;
	border-bottom-width:1px;
    border-bottom-color:#4f2571;
    border-radius:5px;
	margin-bottom:20px;
	height:auto;
	 }
	 .p2{
		 margin-top:10px;
		 width:700px;
		 height:auto;
		 position:relative;
		 float:right;
	 }
	 .p3{
	 padding-left:15px;
	 padding-top:5px;
	 padding-bottom:5px;
	border-style: solid;
	border-top-width:1px;
    border-top-color: #4f2571;
    border-right-width:1px;
	border-right-color: #4f2571;
	border-left-width:1px;
    border-left-color:#4f2571;
	border-bottom-width:1px;
    border-bottom-color:#4f2571;
    border-radius:5px;
	margin-bottom:20px;
	height:auto;
	 }.p4{
		 text-align:left;
		 
		 
	 }
	   .p5{
		  padding:15px 15px 15px 15px;
	border-style: solid;1;
	border-bottom-width:2px;
    border-bottom-color:#4f2571;
	margin-bottom:20px;
	height:auto;
	text-align:left;
	 }
	  .p_news{
		  padding:15px 15px 15px 15px;
	border-style: solid;
	border-top-width:1px;
    border-top-color: #4f2571;
    border-right-width:1px;
	border-right-color: #4f2571;
	border-left-width:1px;
    border-left-color:#4f2571;
	border-bottom-width:1px;
    border-bottom-color:#4f2571;
    border-radius:5px;
	margin-bottom:20px;
	height:auto;
	text-align:left;
	 }
	 #cen_ter{
		 text-align:center;
	 }