@charset "utf-8";
/* CSS Document */
div#member_div{ 
	width:600px; /* ตั้งค่า Member Div */
	margin:0px auto;
	clear:both;
	overflow:hidden;
	border-right:solid #CCC 1px;
	
}
h1,h2,h3,h4,h5,h6,ul,li,ol,body,p,td,div{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
padding:0px;
margin:0px;
}
img{
	vertical-align:middle;
}
.hide{
	display:none;
}
.hand,.edit{
	cursor:pointer;
}
.small{
	font-size:11px;
	color:#999;
}
.width_100{
	width:99%;
}
#thank{
	padding:130px 0 0 80px;
}

/*--------- Next Page ---------*/
table.next_page td img{
	vertical-align:middle;
}
table.next_page {
	margin:0 0px 10px 30px;
	padding-right:0;
	
}
table.next_page td{
	color:#555;
	font-size:11px;
}

/*-------- navigator ---------------*/
#bg_navigator{
	margin:-12PX 50px 0 0;
	padding:0 0 0 0;
	overflow:hidden;
	clear:both;
	height:22px;
	float:right;
	
}
#bg_navigator ol{
	overflow:hidden;
	padding:0 0 0 0;
	margin:2px 0 0 10px;
	
}
#bg_navigator ol li{
	text-transform:uppercase ;
	font-size:11px;
	float:left;
	overflow:hidden;
	margin:0 2px 0 0;
	color:#999999;
	background-image:none;

}
#bg_navigator ol a,
#bg_navigator ol a:visited{

	color:#999999;
	
}
#bg_navigator ol a:hover{
	color:#333;
}

/*--------- Webboard --------------*/
#webboard_list #board_list,#swap_board,#answer,#comment,form#add_comment{
	clear:both;
	width:680px;
	margin:0px auto;
}
#add_comment table{
	background-color:#FFF;
}
#webboard_list #board_list tr.subj td{
	border-top:solid 1px #D7C6B2;
	border-bottom:solid 1px #D7C6B2;
	background-color:#E09000;
	height:22px;
	overflow:hidden;
	background-image:url(../images/webboard_42.png);
	background-repeat:repeat-x;
	background-position:center;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
}
#webboard_list #board_list tr.subj td:first-child{
	border-left:solid 1px #D7C6B2;
	width:35px;
}
#webboard_list #board_list tr.subj td:first-child img{
	position:absolute;
	margin:-25px 0 0 -20px;
	
}
#webboard_list #board_list tr.subj td:last-child{
	border-right:solid 1px #D7C6B2;
}
#webboard_list img#add_toppic{
	cursor:pointer;
	float:right;
	text-align:right;
	margin:10px 5px 10px 0;
	

	
}

#webboard_list #board_list tr td{
	font-size:12px;
	padding:5px;
}

#webboard_list #board_list tr.toppic_hold td{
	background-color:#EEE5C6;
}


#webboard_list a,
#webboard_list a:visited{
	color:#444;
	font-size:12px;
	font-weight:bold;
	
}
#webboard_list a:hover{
	color:#000;
	
}

.subject_add{
	background-color:#E09000;
	background-image:url(../images/webboard_56.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:670px;
	height:27px;
	text-indent:50px;
	color:#FFF;
	font-weight:bold;
	padding:5px 0 0 0;
	
}
.subject_add img{
	position:absolute;
	margin:-10px 0 0 -55px;
}
#answer td{
	padding:5px;
}

#answer #toppic_by{
	margin:5px 0 0 0;
	
}
#toppic_by #toppic_name{
	border:solid 1px #FF71BA;
	background-color:#98E7F5;
	height:22px;
	overflow:hidden;
	background-image:url(../images/webboard_42.png);
	background-repeat:repeat-x;
	background-position:center;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	
}
#toppic_by #by_name b{
	color:#903;
	font-weight:bold;	
}

#toppic_by_detail td{
	background-image:url(../images/webboard_46.png);
	background-color:#FFF;
	background-repeat:repeat-x;
	background-position:top;
}

#comment h3#subject{
	float:left;
	width:120px;
	overflow:hidden;
	background-image:url(../images/webboard_47.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding:5px 0 0 35px;
	margin:15px 0 0 0;
	font-size:13px;
	background-color:#D3DAE9;
	position:relative;
	
}
#comment div#subject{
	float:left;
	background-color:#D5CDC4;
	width:100%;
	height:6px;
	overflow:hidden;
	margin:-10px 0 0 0;
	
}
#comment #comment_list{
	clear:both;
	
}
#comment #comment_list #top_bar{
	margin:0px;
	padding:0px;
	background-color:#D3DAE9;
}
#comment #comment_list #top_bar div{
	background-color:#999;
	height:7px;
	overflow:hidden;
	margin:10px 0 0 0;
}
#comment #comment_list td{
	padding:5px;
}
#comment #comment_by {
	border-bottom: dotted 1px #333;
	padding:0px;
	margin:0px 0 10px 0;
}
#comment #comment_by b{
	color:#900;
	
}
table#add_comment{
	border:solid 1px #D1D1D1;
	border-top:solid 2px #999;
	margin-top:15px
}
#add_comment .comment_by{
	background-color:#E2E2E2;
	font-size:13px;
	font-weight:bold;
	
}
#add_comment input{
	width:95%;
}
#add_comment td{
	border-bottom: dotted #CCC 1px;
	padding:5px;
}


#comment .comment_bg{
	background-image:url(../images/webboard_46.png);
	background-color:#FFF;
	background-repeat:repeat-x;
	background-position:top;
}
#add_data table {
	border:solid 1px #CCC;
	border-top: solid 1px #CAC3BC;
	margin:5px 0 0 0;
}
#add_data table tr#subject td{
	color:#FFF;
	font-weight:bold;
	background-image:url(../images/webboard_42.png);
	background-position:center center;
	border:solid 1px #98E7F5;
	background-repeat: repeat-x;
	height:22px;
	overflow:hidden;
	background-color:#98E7F5;
}
#add_data table  td{
	padding:5px;
}
#add_data table td input{
	width:99%;
}


/*---------- Website --------------*/

body{
	background-color:#fff;
	background-image:url(../images/01.png);
	background-position:top;
}
#body{
	width:995px;
	margin:0px auto;
	overflow:hidden;
}
#body2{
	background-image:url(../images/02.png);
	background-repeat:repeat-x;
	background-position:top center;

}
#top{
	margin:0 0 0 0;
}
#top ul li{
	list-style:none;
	margin:0 0 0 0;
	float:left;
}
#top ul#menu{
	margin:40px 0 0 230px;
	background-image:url(../images/04.png);
	background-repeat:no-repeat;
	height:41px;
	
}
#top ul#menu li{
	margin:7px 22px 0 25px;
	float:left;
	list-style:none;
}

#top ul#logo li{
	margin:-15px 0 0 0;
}
#top ul#search{
	float:right;
	margin:-45px 5px 0 0;
}
#top ul#search li{
	float:right;
	margin:0 3px;
}
#top ul#search li.contact{
	float:none;
	margin:23px 0 0 0;
	color:#754c24;
	font-size:11px;
}
#top ul#search li.contact img{
	margin:-4px 0 0 2px;
}
form#search_product {
	background-image:url(../images/07.png);
	background-repeat:no-repeat;
	text-align:left;
	height:19px;
	margin:5px 0 0 0;
	width:185px;
}
form#search_product input{
	border:solid 1px #fff;
	margin:2px;
	font-size:11px;
	color:#754c24;
	background-color:#fff;
}
#go{
	margin:-1px 0 0 10px;
	float:right;
}

#banner{
	margin:30px 0 0 0;
}

#right{
	overflow:hidden;
	width:750px;
	float:left;
}
#footer{
	width:995px;
	margin:0px auto;
	overflow:hidden;

}
#footer ul#menu_foot{
	float:right;
	margin:48px 0 0 0;
	overflow:hidden;
	width:500px;
	
}
#footer ul#menu_foot li{
	list-style:none;
	float:right;
	margin:0 0 0 10px;
}
#footer ul#menu_foot li.copy{
	list-style:none;
	float:none;
	margin:15px 0 0 0;
	color:#fff;
	text-transform:uppercase;
	text-align:right;
	font-size:10px;
}
#footer ul#address{
	float:left;
	margin:45px 0 0 0;
	width:450px;
	overflow:hidden;
}
#footer ul#address li{
	list-style:none;
	line-height:170%;
	color:#fff;
	font-size:14px;
}

#bg_footer{
	background-image:url(../images/13.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height:150px;
}
#left{
	width:230px;
	overflow:hidden;
	margin:15px 0 0 0;
	float:left;
}
#left #category{
	margin:10px 0 0 0;
}
#left #category #bg_top{
	margin:0 0 0 0;
	background-image:url(../images/15.png);
	background-repeat:no-repeat;
	height:72px;
}
#left #category #bg_bottom{
	margin:0 0 0 0;
	background-image:url(../images/17.png);
	background-repeat:no-repeat;
	height:68px;
}
#left #category #bg{
	margin:0 0 0 0;
	background-image:url(../images/16.png);
	background-repeat:repeat-y;
}
#left #category ul{
	margin:0 0 0 0;
	background-image:url(../images/27.png);
	background-position:left top;
	background-repeat:no-repeat;
	min-height:150px;
}
#left #category ul li{
	margin:0 0 0 23px;
	list-style:none;
	line-height:250%;
	background-image:url(../images/18.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	color:#fff;
}
#left #call{
	background-image:url(../images/19.png);
	background-repeat:no-repeat;
	height:210px;
}
#left #call ul{
	padding:90px 0 0px 30px;
}
#left #call ul li.mail{
	list-style:none;
	color:#fff;
	font-size:13px;
	margin:12px 0 0 -2px;
}
#left #call ul li.tel{
	list-style:none;
	color:#f26522;
	font-size:18px;
	margin:5px 0 0 40px;
	font-weight:bold;
}
#left #visitor{
	margin:20px 0 50px 15px;

}
#home #news #text{
	margin:50px 0 50px 40px;
	overflow:hidden;
	width:650px;
}
h2.navi{
	float:right;
	margin:-20px 0px 0 565px;
	font-size:10px;
	font-weight:100;
	position:absolute;
	color:#999999;
}
h2.title{
	padding:60px 0 0 65px;
	color:#71a527;
	font-weight:100;
	font-size:13px;
}
img#pic{
	margin:0 20px 10px 0;
}
img#pic2{
	margin:10px 0 20px 0;
}
#bg_content_top{
	margin:0 0 0 0;
	background-image:url(../images/20.png);
	background-repeat:no-repeat;
	height:93px;
}
#bg_content_bottom{
	margin:0 0 50px 0;
	background-image:url(../images/22.png);
	background-repeat:no-repeat;
	height:55px;
}
#bg_content2{
	background-image:url(../images/33.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 0 0 0;
}
#bg_content3{
	background-image:url(../images/34.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0 0 0 0;
}
#bg_content{
	background-image:url(../images/21.png);
	background-repeat:repeat-y;
	overflow:hidden;
	width: 725px;

}
p.one{
	margin:0 0 0 0;
	text-indent:55px;
	font-size:14px;
	line-height: 180%;
}

div#contact{
	background-image:url(../images/bg_contact2.png);
	background-repeat:no-repeat;
	background-position:35px 5px;
	margin:0 0 0 0;
}
#contact form{
	margin:55px 0 70px 61px;
	float:left;
	width:380px;
	overflow:hidden;
}
#contact li input{
	margin:6px 0 0 80px;
	background-color:#ffffff;
	border:none;
	width:230px;
	color:#919191;
}
#contact li textarea{
	margin:6px 0 0 80px;
	background-color:#ffffff;
	border:none;
	width:230px;
	color:#919191;
	height:80px;
}
#contact li{
	margin:7px 0;
	list-style:none;
}
#contact li.name{
	background-image:url(../images/37.png);
	background-repeat:no-repeat;
	height:29px;
}
#contact li.mail{
	background-image:url(../images/38.png);
	background-repeat:no-repeat;
	height:29px;
}
#contact li.phone{
	background-image:url(../images/39.png);
	background-repeat:no-repeat;
	height:29px;
}
#contact li.subject{
	background-image:url(../images/40.png);
	background-repeat:no-repeat;
	height:29px;
}
#contact li.message{
	background-image:url(../images/41.png);
	background-repeat:no-repeat;
	height:93px;
}
#contact li.botton{
	margin:17px 0 0 55px;
}
#contact li.botton img{
	margin:0 5px 0 0;
}
#contact #address{
	float:left;
	overflow:hidden;
	margin:95px 0 50px 0;
	width:250px;
}
#contact #address li.add{
	height:50px;
	margin:0 0 0 0;
	width:210px;
}
#contact #address li.call{
	margin:48px 0 0 58px;
	font-size: 18px;
	color:#f26522;
	font-weight:bold;
}
#contact #address li.tel{
	margin:24px 0 0 58px;
	font-size: 18px;
	color:#f26522;
	font-weight:bold;
}
#contact #address li.mail2{
	margin:40px 0 15px 40px;
}
#bg_map{
	margin:0 0 50px 0;
}
#bg_map #map{
	overflow:hidden;
	clear:both;
	width:650px;
	height:179px;
	margin:0px auto;
	border:solid 3px #fbb405;
}
#service{
	margin:25px 0 550px 50px;
}
#service ul li{
	float:left;
	overflow:hidden;
	font-size:14px;
	margin:10px 0 10px 0;
	width:400px;
}
#service ul li.pic{
	width:214px;
	margin:0 30px 25px 0;
	list-style:none;
	padding:0 0 0 0;
}
#service ul li.pic2{
	width:634px;
	margin:0 20px 0 0;
	list-style:none;
	padding:30px 0 0 0;
	border-top:solid 1px #eee1d3;
}
#service ul li img{
	margin:0 10px 0 0;
}
#certi{
	margin:20px 0 50px 50px;
}
#certi ul{
	margin:10px 0 0 0 ;
	float:left;
	overflow:hidden;
	width:210px;
	height:190px;
}
#certi ul li{
	text-align:center;
	list-style:none;
}
#certi ul li.photo{
	margin:0 0 0 0;
}
#counter{
	margin:15px 0 0 35px;
}
.pic2{
	width:214px;
}
#left #call{
	margin-bottom:30px;
}
img#pic {
    margin: 0 20px 10px 0;
    width: 235px;
    border-radius: 10px;
}
img#pic2 {
    margin: 0 20px 10px 0;
    width: 214px;
    border-radius: 10px;
}
img#pic3 {
	height:154px;
}