﻿<style type="text/css">

div#i_containTab{
	position:relative;
	display:block;
	width:800px; /* กำหนดความกว้างทั้งหมด   */
	border:1px solid #CCC;
}
ul#navi_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;
	background-color:#FCF;
}
ul#navi_containTab li{
	display:block;
	float:left;
	height:30px;	
	width:120px;  /* กำหนดความกว้างทั้งหมด  หารด้วยจำนวนเมนูแท็บ  */
	border:0px solid #CCC;
	line-height:30px;
	cursor:pointer;
	text-align:center;
	font-size:12px;
	font-weight:Bold;
	color:#FFFFFF;
}
/* class รูปแบบของแต่ละเมนู */
.tabNavi1{
	background-color:#525151;	
}
.tabNavi2{
	background-color:#626060;
	margin-left:5px;

}
.tabNavi3{
	background-color:#707070;
	margin-left:5px;

}
.tabNavi4{
	background-color:#7d7c7c;
	margin-left:5px;

}
.tabNavi5{
	background-color:#7f7b7b;
	margin-left:5px;
}

ul#detail_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;	
}
ul#detail_containTab li{
	float:left;
	width:100%;
	height:100%;	
}
/* class รูปแบบของแต่ละเนื้อหา */
.detailContent1{
	border:1px solid #525151;
	padding:8px;
	display:block;
}
.detailContent2{
	padding:8px;
	border:1px solid #626060;		
	display:none;
}
.detailContent3{
	padding:8px;
	border:1px solid #707070;
	display:none;	
		height:100%;
}
.detailContent4{
	padding:8px;
	border:1px solid #7d7c7c;	
	display:none;
	height:100%;
}
.detailContent5{
	padding:8px;
	border:1px solid #7f7b7b;	
	display:none;
}
</style>