body {background-image:url(../images/background/bg01.jpg) ; 
font-family:Verdana, Geneva, sans-serif; 
font-size:12px; 
line-height:20px; 
color:#545353;}

#t-body {
   width:1024px;/*ขนาดความกว้างของเพจ*/
   margin: auto;
}
#header2{ width:1024px; height:400px;
	font-size:13px;}

	/* margin: บน ขวา ล่าง ซ้าย; ตามเข็มนาฬิกาครับ*/
#left{ float:left; width:550px;
    height:auto;
    font:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:500;}
#right{ float:right; width:474px; 
    height:auto;
    font:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:500;}


#map_google{clear:both;
 height:300px;

 }
 .map_google_link{
	 position:relative;
	 top:30px;
	 left:-210px;
 
 }

#footer{clear:both;
width:1024px;
}
.sr {
	width:1024px;
	height:28px;
	margin-bottom:2px;
	background-image:url(../images/etc/search_bg.png);
	background-repeat:no-repeat;
	
	}



#select {
   background: transparent #ffffff;
   width: 150px;
   padding:0px;
   font-size:13px;
   border: 1px solid #fae5a7;
   height: 21px;
}

.submit_login_member {
	text-align: center;
}
.contact_sale {
	padding-right:75px;
	color:#090;
	font-size:11px;
}

/** table left  */

#tableleft {
       width: 550px; /* col1 + col2 + col3 + padding + border */
   /*   border-top: 4px solid #e3e7e7; /* เส้นกรอบด้านบน */
       background-color: #FFF; /* สีพื้นของตาราง */
   }
   #tableleft p {
       clear: both;
       width: 100%;
       margin: 0px;
   }
   #tableleft span {
       float: left;
       padding: 0px 0px; /* padding ของแต่ละคอลัมน์ */
   /*    border-left: 1px solid #e3e7e7; /* เส้นกรอบด้านซ้ายของแต่ละเซล */
 /*    border-bottom: 1px solid #e3e7e7; /* เส้นกรอบด้านล่างของแต่ละเซล */
   }
   #tableleft span.left1 {
       width:270px; /* ความกว้างของคอลัมน์ 1 */
	   height:280px;
   }
   #tableleft span.left2 {
	width: 277px; /* ความกว้างของคอลัมน์ 2 */
	height:280px;
 /*   	border-right: 1px solid #e3e7e7; /* เส้นกรอบด้านขวาของแต่ละเซล */
   }
  #tableleft span.left3 {
       width:270px; /* ความกว้างของคอลัมน์ 1 */
	   height:220px;
   }
   #tableleft span.left4 {
	width: 277px; /* ความกว้างของคอลัมน์ 2 */
	height:220px;
 /*   border-right: 1px solid #e3e7e7; /* เส้นกรอบด้านขวาของแต่ละเซล */
   }
   
     #tableleft span.left5 {
       width:270px; /* ความกว้างของคอลัมน์ 1 */
	   height:80px;
   }
   #tableleft span.left6 {
	width: 277px; /* ความกว้างของคอลัมน์ 2 */
	height:80px;
 /*   border-right: 1px solid #e3e7e7; /* เส้นกรอบด้านขวาของแต่ละเซล */
   }

/*table right */
#tableright {
       width:470px; /* col1 + col2 + col3 + padding + border */
   /*    border-top: 4px solid #e3e7e7; /* เส้นกรอบด้านบน */
       background-color: #FFF; /* สีพื้นของตาราง */
   }
   #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:right;
       width:102px; /* ความกว้างของคอลัมน์ 1 */
	   height:45px;
   }
   #tableright span.right2 {
	width: 280px; /* ความกว้างของคอลัมน์ 2 */
	height:45px;
	padding-left:5px;
	 /*   border-right: 1px solid #e3e7e7; /* เส้นกรอบด้านขวาของแต่ละเซล */
   } #tableright span.right3 {
	clear:both;
	width: 385px; /* ความกว้างของคอลัมน์ 2 */
	height:40px;
  /*    border-right: 1px solid #e3e7e7; /* เส้นกรอบด้านขวาของแต่ละเซล */
   } #tableright span.right4 {
    text-align:right;
	width: 101px; /* ความกว้างของคอลัมน์ 2 */
	height:110px;
	 /*   border-right: 1px solid #e3e7e7; /* เส้นกรอบด้านขวาของแต่ละเซล */
   } #tableright span.right5 {
	width: 280px; /* ความกว้างของคอลัมน์ 2 */
	height:120px;
  /*    border-right: 1px solid #e3e7e7; /* เส้นกรอบด้านขวาของแต่ละเซล */
   }#tableright span.right6 {
	clear:both;
	margin-top:150px;
	text-align:center;
	width: 400px; /* ความกว้างของคอลัมน์ 2 */
	height:40px;
     /*    border-right: 1px solid #e3e7e7; /* เส้นกรอบด้านขวาของแต่ละเซล */
   }


	.ajaxSubmit{ padding:20px;
	 background:none repeat scroll 0 0 #FFF;
	 	border: solid 0px #E5E5E5;
	 color:#514721;
	 display:none;
	 font-weight:bold;}
	 textarea { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
	
 #name { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
	 #email { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
 #phone { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
	 #h_subject { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
textarea { 
	width: 200px;
	max-width: 200px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}


.submit input {
	width: auto;
	padding: 10px 14px;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	}
#form-div { 
background-color:#FFFFFF;

}

#wrapper { 
margin:0px 0px 0px 0px;
width:390px;
}
.fieldset {
	border: 1px solid #B5B8C8;
	width:400px;
	margin-left:40px;
}