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

body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background: #141414; /*url(image/pic_web/lo_bg.gif) no-repeat fixed bottomพื้นหลังสีดำ*/
	font-family: "sans-serif", Verdana, Arial, Helvetica, Myriad Pro;
	font-size:14px;
	
	}
#header{ /*ส่วนหัวเว็บ*/
	width:961px;
	height:auto;
	background:#000000 ;
	/*border: 2px solid #FF0000 ;*/
}
#header h1{
	color:#FFFFFF;
	float: right;
	font-size: 12px;
	margin:0 5px 0 0;
	}
	#header h1 a{
		color:#FFFFFF;
		text-decoration:none;
	}
#menu{
	width:975px;
	height:39px;
	margin: 0px;
	padding:0px;
	background: url(image/pic_web/menu_bg3.gif) no-repeat center;
}
#menu ul{
	width:960px;
	height:35px;
	margin:0px;
	padding:3px 0 0 0;
	text-transform:uppercase; 
	list-style-type:none;
	text-align:center;
	/*border: 1px #FF0000 solid;*/
	}
#menu ul li{
	font-family:"Myriad Pro",Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:101px;
	height:30px;
	margin:0px 0 0 2px;
	padding:5px 0 0 0;
	/*border:1px #00FF00 solid;*/
	float:left;
}
#menu ul li.li_clear{
	width:101px;
	background:none;
	}
#menu ul li a{
	color:#FFFFFF;
	text-decoration:none;
	}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active{
	display:block;
	height:35px;
	background:none;
	}
#menu ul li a:hover{
	background:url(image/pic_web/menu_hover.gif) no-repeat;
	height:30px;
	}


#containner{ /*พื้นหลังที่เป็นสีเทาส่วนตรงกลาง*/
	width:960px;
	/*height:100%;
	height:auto !important;
	border:2px solid #00FF00;*/


}
#main{ /*ทั้งหมดของเว็บ*/
position:relative;
height:auto !important;
width:100%;
	/*border:2px solid #0000FF;
	background:url(image/pic_web/bg_y.gif) repeat-y center #000000;*/
	background: url(image/pic_web/main_bg.jpg) repeat-y center #141414;
}
/*-----------------------------------------ด้านซ้าย------------------------------------------*/
#left{ /* ด้านซ้ายมือ*/
	float:left; 
	width:18%;
	height:auto ;
	margin-left:0%;
	/*border:2px solid #CC3300;*/
}
#product-table{
	width:172px;
	/*background-color:fb6c03;*/
	border:2px none;
	background:none;
}	
#login-msg{/*กรอบสี่เหลี่ยมตรงlogin*/	
	width:180px;
	height:12px;
	background:url(image/pic_web/login_btm.gif) no-repeat bottom left; /*รูปด้านล่าง*/
	margin:2px 0 0px 0px;
}
	.login-top{
	background:url(image/pic_web/login_top.gif) no-repeat top left; /*รูปด้านบน*/
	width:180px;
	height:66px;
	margin:2px 0 10px 0px;
	}
	.login-middle{
		background:url(image/pic_web/login_mid.gif) repeat-y; /*รูปตรงกลาง*/
		height:auto;
		width:180px;
		margin:65px 0 0px 0px;
	}
	.p-login{
	 	font-family: "sans-serif", Verdana, Arial, Helvetica, Myriad Pro;
		color:#000000;
		font-size: 16px;
		font-weight: bold;
	}
#product-msg{/*กรอบสี่เหลี่ยมตรงproduct*/	
	width:180px;
	height:12px;
	background:url(image/pic_web/product-btm.gif) no-repeat bottom left; /*รูปด้านล่าง*/
	margin:2px 0 0px 0px;
}
	.product-top{
	background:url(image/pic_web/product-top.gif) no-repeat top left; /*รูปด้านบน*/
	width:180px;
	height:66px;
	margin:2px 0 10px 0px;
	}
	.product-middle{
		background:url(image/pic_web/product-mid.gif) repeat-y; /*รูปตรงกลาง*/
		height:auto;
		width:180px;
		margin:65px 0 0px 0px;
	
	}
	
 #banner-service{
 float: left;
 width:165px;
/* border:2px solid #FF0000;*/
 margin:0px 0 5px 0;
 
 }
  	.pic-banner{
		margin:0px 0 5px 0;
	}
	
	

	/*----------------------------------------ด้านขวา---------------------------------------*/
#right{ /*ด้านขวา*/
	float:right;
	width:18%;
	height:auto ;
	margin-right:0%;
	/*border: 1px solid #FF0000;*/
}

#gallery-table{
	width:172px;
	/*background-color:#999999;*/
	border:2px none;
	background:none;
}	

#gallery-msg{/*กรอบสี่เหลี่ยมตรงgallery*/	
	width:172px;
	height:12px;
	background:url(image/pic_web/gallery_btm.gif) no-repeat bottom right; /*รูปด้านล่าง*/
	margin:0px 0 0px 0px;

}
	.gallery-top{
	background:url(image/pic_web/gallery_top.gif) no-repeat top right; /*รูปด้านบน*/
	width:172px;
	height:66px;
	margin:0px 0px 2px 0px;
	border:0px solid #CC3300;
	}
	.gallery-middle{
		background:url(image/pic_web/gallery_mid.gif) repeat-y right;/* รูปตรงกลาง*/
		height:auto;
		width:172px;
		margin:65px 0 0px 0px;
	
	}
#gallery{
	padding:0px;
	margin: 0px;
	width:170px;
	/*border:1px solid #FF9900;
	background:#000000;*/
}	
#gallery img{
	/*border:1px solid #000000;*/
	background-color:#000000;
}
p.image-sub{
	margin:0px;
	width:170px;
	height: auto;
	/*border:1px solid #FF9900;
	border-top:12px solid #FF9900;
	border-bottom:12px solid #FF9900;
	background-color:#FF9900;*/
}
a.show-image{
	text-decoration:none;
}
a.show-image img{
	width:62px;
	height:69px;
}

a.show-image span{
	left:-1000px;
	position:absolute;
}
a.show-image:hover{
	background-color:transparent;
}
.show-image:hover span, .show-image span img{
	left:65%;
	top:auto;
	width:150px;
	height:167px;
	padding:4px;
	background-color:#FFFFFF;
	border:2px #FF9900 solid;
}
.text-gallery{
	font-family: "sans-serif", Verdana, Arial, Helvetica,Myriad Pro ;
		color:#ffffff;
		font-size: 11px;
		font-weight: bold;
}
/*----------------------------------------ตรงกลาง--------------------------------------------*/
#middle{ /*ตรงกลาง*/

	margin-left:19%;
	margin-right:19%;
	margin-top:5px;

	/*width:575px;*/
	height:auto !important;
	/*border:2px solid #FF00FF;*/
	text-align:left;
	overflow:auto;
}
							/*##############หัวข้อข่าว##############*/
		#newslist{
			width:580px;
			/*border-width:1px;
			border-style: dashed;
			border-color:#999999;*/
			background-color: #FFFFFF ;
			border:1px dashed #999999 ;
		
		}
		.newslist_head{
			font-family:Geneva, Arial, Helvetica, sans-serif  ;
			font-size:130%;
			text-align:left;
			color:#CCCCCC;
			background-color:#141414;
		}
		.newslist_foot{
			font-family:Geneva, Arial, Helvetica, sans-serif  ;
			padding:5px 0 0 0;
			font-size:120%;	
			text-align:right;
			color:#FF0000;
			
		
		}
		#column1{
			float:left;		
			width:290px;	margin:0px;		padding:2px; 
			/*border:1px #FF0000 solid;*/
		
		
		}
		#column1 h3{
			float:right;	
			width:165px;	margin:0px;		padding:4px;
			font-size:90%;	color:#003366;
			line-height:1.5em;			
		}
		#column1 p{
			margin:0px;		padding:3px;
			font-size:70%;	color:#003366;
			line-height:1.5em;
			
		}
		#column2{
			float:right;	width:290px;
			margin:0px;		padding:2px;
			
			/*border:#FF0000 1px solid;*/
		}
		#column2 h3{
			float:right;	width:165px;
			margin:0px;		padding:4px;
			font-size:90%;	color:#003366;
			line-height:1.5em;
		}
		#column2 p{
			margin:0px;		padding:3px;
			font-size:70%;	color:#003366;
			line-height:1.5em;
		}
		#column1 p.img{
			margin:0px;
			
		}
		#column1 p.img img{
			float:left;
			margin:3px;		padding:2px;
			border-width:1px;
			border-style:solid;
			border-color:#999999;
		
		}
		#column2 p.img{
			margin:0px;
		}
		#column2 p.img img{
			float:left;		margin:3px;		padding:2px;
			border-width:1px;		border-style:solid;
			border-color:#999999;
		}
		
					/*##############ข้อมูลสินค้า##############*/
		
		#product_show{
			width:580px;
			border-width:1px;
			border-style: dashed;
			border-color:#999999;
			background-color: #FFFFFF ;
			margin:0 0 10px 0;
		}
		.tab{
			/*text-indent:1cm;*/
			font-size:110%;
			}
		.product_chow_head{
			font-family:Geneva, Arial, Helvetica, sans-serif  ;
			font-size:130%;
			text-align:left;
			color: #CCCCCC;
			background-color:#141414;
		}
	
		#sitemap{
			background:#FFFFFF;
			border:solid 2px #141414;
			margin:3px;
			padding:10px;
		}		
	
/*----------------------------------------ส่วนท้ายเว็บ------------------------------------------*/
#footer{ /*ท้ายเว็บ*/
    clear:both;
	bottom:0;
	width:970px;
	height:53px;
	margin:0 0 0 -5px;
	padding:0px;
	background: url(image/pic_web/footer_bg.gif) top no-repeat ;
/*border:1px solid #FF00FF;*/

}
 .p-footer{/*ส่วนของข้อความตรงfooter*/
 	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
 	width: 550px;
	height: 15px;
	margin: 1px 0 0 0 ;
	padding: 3px 0 0 0;
	/*border:2px solid #00FF00 ;*/
 }
	#menu-footer{/*เมนูตรงfooter*/
	width: 850px;
	height: 15px;
	margin: 0 auto;
	padding: 1px 0 0 0;
	margin: 5px 0 0 0;
	list-style-type: none;
	/*border:2px solid #0000FF ;*/
}
	#menu-footer ul li {
		font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		padding: 2px 0 0 0;
		width: 75px;
		color: #CCCCCC;
		text-align: center;
		height: 15px;
		list-style-type:none;
		float:left;
		/*border:2px solid #FF0000;	*/
}


	#menu-footer ul li.li_clear {
		width: 75px;
		background: none;
}

	#menu-footer ul li.current {
		width: 80px;
		height: 15px;
}

	#menu-footer ul li a{/*ทำเอฟเฟคลิงค์ส่วนfooter*/
		color:#000000;
		text-decoration: none;
}
	#menu-footer ul li a:hover{
		color:#FF0000;
		font-weight: bold;
		background-color:#0099FF;
	}
	#menu-footer ul li a:active{
		color:#FF0000;
		font-weight:bold;
	}




/***********************/
.clearfix:after {
	content: ".";
	display: block; 
	height: 0px;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}