@charset "utf-8";
/* CSS Document */
ul li {
display:inline;
}
#manubar_index {
	background-color: #FFF;
	height: 50px;
	width: 100%;
	position:fixed;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #32CE2D;
	box-shadow: 2px 2px 2px #BEBEBE;
	z-index: 500;
	font-family: wdb_bangnaregular;
}
.line_lr {
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#knanmanu_bar {
	height: 50px;
	width: 100%;
}
.sty_onmouse_manuindex {
	background-color: #FF9D5B;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #4B4B49;
}
.icon_new {
	background-image: url(picturesystem/icon_new.gif);
	height: 10px;
	width: 30px;
	position: absolute;
}
.sty_outmouse_manuindex{
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #4B4B49;
}
.ulvmenu{ /* กำหนดขอบเขตของเมนู */
	list-style:none;
	margin:auto;
	padding:0px;
	width:100%;
	height: 30px;
	color: #666;
	text-align:center
}   
.ulvmenu li{ /* กำหนดรูปแบบให้กับเมนูเ */
	display:block;
	height:35px;
	text-indent:5px;
	width: 105px;
	float: left;
	margin-right: 1px;
	text-align:center;
	color: #333;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #10C494;
	padding-top: 5px;
}   
.ulvmenu li:hover { /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
	display:block;
	cursor:pointer;
	text-indent:5px;
	background-color: #52CCFF;
	color: #FFF;
}
.ulvmenuCurrent {
	display:block;
	cursor:pointer;
	background-color: #52CCFF;
	color: #FFF;
	clear: both;
	height: 100%;
	width: 100%;
}
.ulvmenuCurrent ul li:hover a {
	color: #FFF;
	clear: both;
	height: 100%;
	width: 100%;
}
.ulvmenuActive{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
	display:block;
	cursor:pointer;
	background-color: #52CCFF;
	color: #FFF;
	clear: both;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #52CCFF;
}
.ulvmenu li:active{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
	background-color: #52CCFF;
	color: #FFF;
} 
.ulvmenu li a { /* กำหนดรูปแบบให้กับลิ้งค์ */
	text-decoration:none;
	color: #333;
}  
.ulvmenu li ul{
	display:none;
	list-style:none;
	z-index: 1;
	color: #FFF;
	padding: 0px;
	float: left;
}
.ulvmenu li ul li a{
	list-style:none;
	z-index: 1;
	color: #FFF;
	padding: 0px;
	float: left;
} 
.ulvmenu li:hover ul{
	display:block;
	list-style:none;
	width:220px;
	position: absolute;
	background-color: #10C494;
	top: 45px;
} 
.ulvmenu li:hover ul li{ /* กำหนดรูปแบบให้กับเมนูย่อย */
	display:block;
	text-indent:5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width: 100%;
}	
.ulvmenu li:hover ul li:hover{ /* กำหนดรูปแบบให้กับเมนูย่อยเมื่อเมาส์อยู่เหนือ */
	display:block;
	background-color:#12DEA6;
	color: #333;
}