@charset "utf-8";
/* CSS Document 

img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}
*/

div#member_div{ 
	width:600px; /* ตั้งค่า Member Div */
	margin:0px auto;
	clear:both;
	overflow:hidden;
	border-right:solid #CCC 1px;
	
}
.head_TB {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #06C;
	text-align: center;
	vertical-align: middle;
	border: 1px groove #999;
	font-style: normal;
	line-height: 26px;
}
.body_TB1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #CCC;
	text-align: center;
	vertical-align: middle;
	border: 1px groove #999;
	font-style: normal;
	line-height: 20px;
}
.body_Service {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	background-color: #FFF;
	vertical-align: middle;
	border: 1px none #999;
	font-style: normal;
	line-height: 20px;
}

.body_TB2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #06C;
	text-align: right;
	vertical-align: middle;
	font-style: normal;
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: groove;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}



h1,h2,h3,h4,h5,h6,ul,li,ol,body,p,td,div{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
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%;
}
/*--------- 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:0 0 0 0;
	padding:4px 4px 4px 15px;
	overflow:hidden;
	clear:both;
	background-color:#EBEBEB;
}
#bg_navigator ol{
	float: left;
	overflow:hidden;
	padding:0 0 0 0;
	margin:0px 0 0 0;
	
}
#bg_navigator ol li{
	text-transform:capitalize;
	font-size:12px;
	float:left;
	overflow:hidden;
	margin:0 2px 0 0;
	color:#444;
		background-image:none;

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

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

/*--------- Webboard --------------*/
#webboard_list #board_list{
	clear:both;
	border-bottom: solid 2px #524A49;
}
#webboard_list #board_list tr.subj td{
	border-top:solid 1px #D7C6B2;
	border-bottom:solid 1px #D7C6B2;
	background-color:#524A49;
	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:0 0 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:#524A49;
	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 -50px;
}
#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-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:#F6EEE5;
	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;
}
#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-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-image:url(../images/11.png);


}
#bg_top_web{
		background-image:url(../images/01.png);
	background-repeat:repeat-x;
	background-position:top;
}
#bg_banner{
	background-image:url(../images/09.png);
	background-repeat: repeat-x;
	background-position:0 124px;
}

#body{
	width:995px;
	margin:0px auto;
	min-height:750px;
	
}



#top_menu ul{
	float:right;
	background-image:url(../images/02.png);
	background-repeat:no-repeat;
	width:253px;
	height:19px;
}

#top_menu ul li{
	list-style:none;
	float:left;
	font-size:11px;
	margin:2px 0 0 18px;
}

#top_menu ul li a,
#top_menu ul li a:visited{
	color:#FFF;
}
#top_menu ul li a:hover{
	color:#F90
}

#top_menu img#logo{
	margin:0 0 0 20px;
	clear:both;
	float:left;
	overflow:hidden;
	
}

#top_menu #menu{
	width:690px;
	height:35px;
	background-image:none;
	float:left;
	overflow:hidden;
	margin:49px 0 0 0;
}

#top_menu #menu li{
	list-style:none;
	float:left;
	overflow:hidden;
	width:143px;
	
}


#top_menu #bar_phone{
	clear:both;
	float:right;
	overflow:hidden;
	margin:21px 0 0 0;
	
}

#left{
	float:left;
	margin:30px 0 0 0;
	overflow:hidden;
}
#left #bg_top{
	background-image:url(../images/12.png);
	background-repeat:no-repeat;
	width:243px;
	height:29px;
	overflow:hidden;
}
#left #bg_body{
	background-repeat:repeat-y;
	background-image:url(../images/14.png);
	overflow:hidden;
	padding:0 10px 0 10px;
	
}


#left #bg_bottom{
	background-image:url(../images/13.png);
	background-repeat:no-repeat;
		width:243px;
	height:29px;
}


#left #category {
	margin:0 0 0 7px;
	
}
#left #category #cat_bg_top{
	background-image:url(../images/15.png);
	width:210px;
	height:78px;
}

#left #category ul{
	background-image: url(../images/16.png);
	background-repeat: repeat-y;
	overflow: hidden;
	width: 170px;
}

#left #category ul li{
	width:170px;
	font-size:14px;
	font-weight:bold;
	list-style:none;
}
#left #category ul li.subj{
	margin:0 0 0 13px;
	
}
#left #category ul li.subj a{
	color:#333;
	border-bottom:solid 1px #900;
	display:block;
	
}
#left #category ul li.subj li{
	background-image:url(../images/18.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin:10px 0 10px 10px;
	border-bottom:solid 1px #CCC;
	font-size:12px;
	font-weight:normal;
}
#left #category ul li.subj li a,
#left #category ul li.subj li a:visited{
	border-bottom:none;
	color:#333;
	
}
#left #category ul li.subj li a:hover{
	color:#900;
}
#left #category #cat_bg_bottom{
	background-image:url(../images/17.png);
	width:210px;
	height:37px;
}




#left #contact_box{
	background-image:url(../images/19.png);
	background-repeat:no-repeat;
	width:206px;
	height:200px;
	margin:25px 0 0 7px;
	padding:165px 0 0 0;
	
}
#left #contact_box a,
#left #contact_box a:visited{
	color:#FFF;
}
#left #contact_box a:hover{
	color:#F90
}
#left #contact_box b{
	color:#FFF;
	display:block;
	margin:150px 0 0 15px;
	font-size:13px;
	overflow:hidden;
	font-weight:normal;
}

#left #link{
	background-image:url(../images/20.png);
	width:210px;
	margin:10px 0 0 3px;
	height:152px;
}
	
#left #link img{
	width:180px;
	height:60px;
	margin:8px 0 0 10px;
}



#left #visitor{
	background-image:url(../images/21.png);
	background-repeat:no-repeat;
	width:208px;
	margin:15px 0 0 5px;
	height:129px;
	overflow:hidden;
	
}


#left #visitor .addthis_toolbox{
	margin:30px 0 15px 10px;
	
}

#left #visitor #counter{
	text-align:center;
}

#left form input{
	font-size:11px;
	height:12px;
	width:140px;
	color: #666;
	margin:0 5px 0 15px;
	
}

#right{
	float:left;
	overflow:hidden;
	width:751px;
	min-height:550px;
	margin:25px 0 0 0;
}


#right #subject_page{
	background-image:url(../images/23.png);
	background-repeat:no-repeat;
	width:751px;
	min-height:38px;
	
}
#right #subject_page b{
	display:block;
	font-size:14px;
	margin:-5px 0 0 45px;
	position:absolute;
	
}
#right #subject_page img{
	margin:0 0 0 45px;
	
}


#right #sub_menu{
	background-image:url(../images/24.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:right;
	padding-left:15px;
	margin:0 15px 0 0;
	font-size:11px;
}

#right ul#sub_menu  li{
	margin:0 3px 0 3px;
	float:left;
	list-style:none;
}
#right ul#sub_menu  li a,
#right ul#sub_menu  li a:visited{
	color:#333;
}
#right ul#sub_menu  li a:hover{
	color:#FFF;
}


#right #bg_content{
	background-image:url(../images/26.png);
	background-repeat:repeat-y;
	padding:0 20px 0 20px;
	width:711px;
	overflow:hidden;
	
	
}

#right #bg_content_bottom{
	background-image:url(../images/27.png);
	background-repeat:no-repeat;
	height:26px;
		width:751px;
}

#right #welcome_text{
	width:653px;
	margin:0px auto;
}



#right #home #bar_product{
	background-image: url(../images/29.png);
	background-repeat: no-repeat;
	width: 674px;
	height: 36px;
	margin: 20px auto 0 auto;
	overflow: hidden;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
		

	
	
}
#right #home #bar_product b{
	display:block;
	margin:7px 0 0 35px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
#right ul#product_title li{
	float:left;
	width:200px;
	height:167px;
	list-style:none;
	margin:20px 0 0 25px;
	background-repeat:no-repeat;
	background-position:center center;
}

 #bg_footer{
	clear:both;
	background-image:url(../images/32.png);
	background-repeat:repeat-x;
	height:200px;
	overflow:hidden;
	margin:25px 0 0 0;
	
	
}



#bg_footer #footer{
	margin:0px auto;
	width:995px;
}
#bg_footer #footer ul{
	margin:30px 10px 0 10px;
	padding:0 0 30px 170px;
	border-bottom:solid 1px #AD4646;
	overflow:hidden;

}
#bg_footer #footer ul li{
	margin:0 25px 0 25px;
	color:#CCC;
	float:left;
	overflow:hidden;
}

#bg_footer #footer ul li a,
#bg_footer #footer ul li a:visited{
	color:#FFF;
}
#bg_footer #footer ul li a:hover{
	color: #FF0;
}


#bg_footer #footer #logo_footer{
	float:left;
	overflow:hidden;
	margin:20px 0 0 20px;
	
}


#bg_footer #footer #address_footer{
	float:left;
	overflow:hidden;
	width:725px;
	color:#FFF;
	font-size:13px;
	margin:20px 0 0 25px;

}
#bg_footer #footer #address_footer a{ color: #FFF;}
#bg_footer #footer #address_footer a:link
{color: #FFF;}
#bg_footer #footer #address_footer a:visited{
	color: #FFF;
}
#bg_footer #footer #address_footer a:hover{
	color: #FF0;
}

#bg_footer #footer #address_footert{
	margin:0px 0 0 0px;
	color:#FFF;
	font:Tahoma, Geneva, sans-serif;
	font-size:12px;


}
#bg_footer #footer  a {color: #FFF;}
#bg_footer #footer  a:link
{color: #FFF;}
#bg_footer #footer  a:visited{
	color: #FFF;
}
#bg_footer #footer  a:hover{
	color: #FF0;
}


#address_footert a {color: #FFF;}
#address_footert a:link
{color: #FFF;}
#address_footert a:visited{
	color: #FFF;
}
#address_footert a:hover{
	color: #FF0;
}


#bg_footer #footer #counter_footer{
	float:left;
	overflow:hidden;
	width:200px;
	margin:30px 0 0 10px;
}
#bg_footer #footer #counter_footer .addthis_toolbox{
	margin:0 0 10px 50px;
	
}
#bg_footer #footer #visit{
	margin:10px 0 0 20px;
	text-align:center;
	
	
}




#contact {
	padding:0 0 0 15px;
	
}
#contact td.subj{
	background-image:none;
}
#contact form{
	float:left;
	overflow:hidden;
	width:380px;
	margin:25px 15px 0 0;
}
#contact form td{
	background-image:url(../images/63.png);
	background-position:center left;
	background-repeat:no-repeat;
}
#contact form td#text_message{
	background-image:url(../images/64.png);
	background-repeat:no-repeat;
	background-position:top left;	
}
#contact td textarea{
	margin:2px 0 10px 3px;
	height:105px;
	width:290px;
		background-color:#FFF;
	border:solid 1px #FFF;
}
#contact td input{
	margin:0 0 5px 10px;
	vertical-align:middle;
	width:230px;
	background-color:#FFF;
	border:solid 1px #FFF;
	
}
#contact #button td{
	background-image:none;
}





#contact #address{
	background-image:url(../images/39.png);
	background-repeat:no-repeat;
	width:243px;
	height:317px;
	float:left;
	overflow:hidden;
	margin:10px 0 25px 0 ;
	
}
#contact #address table{
	margin:70px 0 0 0;
	
}
#contact #address table td{
	padding:0 0 10px 15px;
	vertical-align:top;
	
}

#contact #address table td#text_address div{
	height:70px;
}
#contact #address table td#text_tel{
	padding:40px 0 10px 15px;
	
	
}
#contact #address table td #tel b{
	color:#0072BC;
	font-weight:normal;
	line-height:190%;
	margin:0 3px 0 0;
	
}
#contact #address .addthis_toolbox{
	margin:10px 0 0 0;
	
}
#contact #address table td #fax{
	margin:2px 0 5px 29px;
	
}
#contact #address table td #mail{
	margin:0 0 0 55px;
	color:#FFF;
}
#contact #address table td #fax b{
	color:#0072BC;
	font-weight:normal;
	line-height:190%;
	margin:0 3px 0 0;
	
}
#contact #address table td#address_company #cut_address{
	width:210px;
	margin:0 0 0 20px;
	
}
#contact #map{
	overflow:hidden;
	width:250px;
	/* margin:0px auto; */
	height:280px;
	margin:40px 0 0 0;
	float:left;
}

#contact #bg_map{
	background-image:url(../images/34.png);
	background-repeat:no-repeat;
	width:275px;
	height:304px;
	float:left;
	overflow:hidden;
	margin:25px 0 0 -265px;
	
	
}



#contact #address_company{
	background-image:url(../images/35.png);
	background-repeat:no-repeat;
	width:679px;
	height:344px;
	margin:30px auto 0px auto ;
}


#contact .address_text{
	margin:40px 0 0 25px;
	height:280px;
	width:300px;
	float:left;
	overflow:hidden;
}

#contact .address_text h3{
	text-align:center;
	font-size:14px;
	font-weight:bold;
}


#contact .address_text table{
	width:300px;
	margin:30px 5px 0 5px;
	line-height:195%;
	font-size:14px;
}

#contact .address_text table td{
	vertical-align:top;
	font-size:14px;
	padding:2px;
}


#photo_map{
	clear:both;
	text-align:center;
	margin:15px auto 0 auto;
}





#services #mini_banner{
	text-align:center;
	margin:25px 0 20px 0;
	
}

#services ul.bar li{
	list-style:none;
		height:29px;
		float:left;
		overflow:hidden;
		margin:15px 0 10px 0;
}
#services ul.bar .bar_left{
	background-image:url(../images/50.png);
	background-repeat:no-repeat;
		background-position:top left;
	width:12px;
}

#services ul.bar .bar_text{
	background-image:url(../images/52.png);
	background-repeat:repeat-x;
	background-position:top left;
	color:#FFF;
	font-weight:bold;
	padding:5px 0 0 0;
	height:25px;
}

#services ul.bar .bar_right{
	background-image:url(../images/51.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:12px;
	float:left;
	overflow:hidden;
	height:29px;
	margin-top:15px;
}

#services p{
	margin:15px auto 20px auto;
	text-align:left;
	text-indent:25px;
	line-height:180%;
	clear:both;
}

#services p img{
	margin-left:-25px;
}
#bg_text_top{
	background-image:url(../images/75.png);
	background-repeat:no-repeat;
	width:664px;
	height:54px;
	margin:0 0 0 30px;
}
#product_detail #data_text{
	background-image:url(../images/76.png);
	background-repeat:repeat-y;
	background-position:center center;
	overflow:hidden;
		width:624px;
			margin:0 0 0 30px;
			padding:0 20px 0 20px;
}

#bg_text_bottom{
	background-image:url(../images/77.png);
	background-repeat:no-repeat;
	width:664px;
	height:29px;
	margin:0 0 0 30px;
}

#thank{
	text-align:center;
	margin-top:40px;
}