html {
  /* เปลี่ยนสีขาวดำ */
  /*-webkit-filter: grayscale(100%);*/
}
p, div, td, th, ul li, ol li { font-family: Arial, Helvetica, sans-serif;  font-size: 13px; color:#555555;}

.font_cur{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
/* Start Menu */
#sddms
{	margin: 0;
	padding-left:0px;
	width:965px;
}

#sddms li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-weight: bold;
}
#sddms li a
{	display:block; 
	text-align:center;
	padding:0px 0px; 
	background:url(../img/nav_menu_or.png); 
	margin-right:0px; 
	z-index: 5000;
}
#sddms li a:hover
{	
	display:block; 
	text-align:center;
	padding:0px 0px; 
	background:url(../img/nav_menu_or_hover2.png); 
	margin-right:0px; 
	border-right: 0px solid #e94f03;
	border-left: 0px solid #e94f03;
	border-bottom: none;
	color:#fff; 
	text-decoration:none;
	z-index: 5000;
}
#sddms div
{	
	position: absolute;
	visibility: hidden;
	margin-top: 0px;
	padding: 0px;
	width: 170px;
	background: #fdebe0;
	border: 1px solid #ef4123;
	z-index: 5000;
}

	#sddms div a
	{	
		position: relative;
		display: block;
		margin: 0;
		padding: 4px 10px;
		border-top: 1px solid #ef4123;
		border-bottom: 1px solid #fcdaca;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fdebe0;
		color: #cf4403;
		font: 13px Arial, Helvetica, sans-serif;
	}
	#sddms div a:hover
	{	
		text-align: left;
		white-space: nowrap;
		padding: 4px 10px;
		background: #ef4123;
		color: #FFF;
		border-top: 1px solid #ef4123;
		border-right: 0px solid #508908;
		border-left: 0px solid #508908;
		border-bottom: 1px solid #ef4123;
		margin-right:0px;
	}

/* Finish Menu */

.border_image img{
	background:#fff; 
	padding:2px;
	border:1px solid #D9D9D9;
}
	
.blank{height:8px; line-height:8px; clear:both; visibility:hidden;}
.blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}

.border
{
	color: #ffffff;
	letter-spacing:.1em;
	font: bold 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	display:block;
	padding:2px 4px 4px 5px;
	border:1px solid #278296;
	border-right:0px solid #278296;
	border-bottom:0px solid #DDEEF2;
	background: #278296;
}
.action-span-board {
  float: right;
  padding-left: 0px;
}

.action-span-board a {
  color: #666;
  letter-spacing:.1em;
  font: bold 10px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  display:block;
  padding:2px 3px 2px 5px;
  border:1px solid #278296;
  border-right:2px solid #278296;
  border-bottom:2px solid #278296;
  background:#DDEEF2 url(../img/icon_add.gif) no-repeat 3px center;
}
.action-span-board a:hover {
  border:1px solid #5FA6B6;
  border-right:2px solid #5FA6B6;
  border-bottom:2px solid #5FA6B6;
  background:#FFF url(../img/icon_add.gif) no-repeat 3px center;
  color:#666;
  text-decoration:none;
}
/* Adds special style to an unvisited link. */
a:link
{
  font-family: "Verdana",Verdana, Arial;
  text-decoration: none;
  color: #444444;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: "Verdana",Verdana, Arial;
  text-decoration: none;
  color: #444444;
}

a:hover, a.hover
{
  font-family: "Verdana",Verdana, Arial;
  text-decoration: underline;
  color: #3366CC;
}

/*เมนูแผนก*/
.AreaL {
	width:220px; 
	float:left;
	margin-bottom:0px;
	padding:0px;
}
.box_1 {
	background:;
	padding-bottom:0px;
	overflow:hidden;
}
.box_2 {
	border:1px solid #f15a22; 
	background-color:#fff;
}
.box_2 .userCenterBox {
	border:0px solid #f15a22; 
	background-color:#fff;
}
.box_2 .userCenterBox .userMenu a {
	display:block; 
	height:25px; 
	line-height:25px; 
	/*background:url(../images/menuBg.gif) no-repeat 0 -30px;*/
	background-color:#f15a22;
    color:#fff; 
	text-decoration:none; 
	margin:0 0 0px 0px; 
	padding-left:0px;
	font-size:13px;
	font-weight:bold;
	letter-spacing: 0.1em;
}
.box_2 .userCenterBox .userMenu a:hover{
	/*background:url(../images/menuBg.gif) no-repeat 0 0px; */
	background-color:#0307be;
	color:#ff5300; 
	/*text-decoration:underline;*/
}
/*จบเมนู*/
/*เมนูแผนก*/
.AreaL2 {
	width:240px; 
	float:center;
	margin-bottom:0px;
	padding-left:9px;
	padding-top:4px;
}
.box2_1 {
	background:;
	padding-bottom:0px;
	overflow:hidden;
}
.box2_2 {
	border-left:0px solid #cccccc; 
	background-color:#fff;
}
.box2_2 .userCenterBox2 {
	border:0px solid #ff4800; 
	background-color:#fff;
}
.box2_2 .userCenterBox2 .userMenu2 a {
	display:block; 
	height:25px; 
	line-height:25px; 
	/*background:url(../images/menuBg.gif) no-repeat 0 -30px;*/
	background-color:#f0f0f0;
    color:#fff; 
	text-decoration:none; 
	margin:0 0 0px 0px; 
	padding-left:0px;
	font-size:13px;
	font-weight:bold;
	letter-spacing: 0.1em;
}
.box2_2 .userCenterBox2 .userMenu2 a:hover{
	/*background:url(../images/menuBg.gif) no-repeat 0 0px; */
	background-color:#fa6b25;
	color:#ff5300; 
	/*text-decoration:underline;*/
}
/*จบเมนู*/
/*เมนูเกร็ดความรู้*/
.AreaL22 {
	width:220px; 
	float:left;
	margin-bottom:0px;
	padding:0px;
}
.box_122 {
	background:;
	padding-bottom:0px;
	overflow:hidden;
}
.box_222 {
	border:1px solid #ff5300; 
	background-color:#fff;
}
.box_222 .userCenterBox22 {
	border:0px solid #ff5300; 
	background-color:#fff;
}
.box_222 .userCenterBox22 .userMenu22 a {
	display:block; 
	height:25px; 
	line-height:25px; 
	/*background:url(../images/menuBg.gif) no-repeat 0 -30px;*/
	background-color:#ff5300;
    color:#fff; 
	text-decoration:none; 
	margin:0 0 0px 0px; 
	padding-left:0px;
	font-size:13px;
	font-weight:bold;
	letter-spacing: 0.0em;
}
.box_222 .userCenterBox22 .userMenu22 a:hover{
	/*background:url(../images/menuBg.gif) no-repeat 0 0px; */
	background-color:#fff;
	color:#ff5300; 
	/*text-decoration:underline;*/
}
/*จบเมนู*/
/*เมนูต่างๆ*/
.AreaL2{
	width:180px; 
	float:left;
	margin-bottom:0px;
	padding:0px;
}
.box_12 {
	background:;
	padding-bottom:0px;
	overflow:hidden;
}
.box_22 {
	border:1px solid #ff5300; 
	background-color:#fff;
}
.box_22 .userCenterBox2 {
	border:0px solid #ff5300; 
	background-color:#fff;
}
.box_22 .userCenterBox2 .userMenu2 a {
	display:block; 
	height:25px; 
	line-height:25px; 
	/*background:url(../images/menuBg.gif) no-repeat 0 -30px;*/
	background-color:#ff5300;
    color:#fff; 
	text-decoration:none; 
	margin:0 0 0px 0px; 
	padding-left:0px;
	font-size:13px;
	/*font-weight:bold;*/
	letter-spacing: 0em;
}
.box_22 .userCenterBox2 .userMenu2 a:hover{
	/*background:url(../images/menuBg.gif) no-repeat 0 0px; */
	background-color:#fff;
	color:#ff5300; 
	/*text-decoration:underline;*/
}
/*จบเมนูต่างๆ*/
/*เมนูแท็บ*/
.topTabLink { 
	position: relative; 
	padding:0px 10px;
	cursor: pointer; 
	bottom:-6px; 
	font-size:13px; 
	text-align:center; 
	color:#e45600;
	font-weight:bold;
}

.topTabLink-sel { 
	position: relative; 
	padding:6px 10px; 
	bottom:-5px;
	cursor: pointer; 
	background:url(../images/itemH2Bg.gif); 
	border:1px solid #fcd9a8; 
	border-bottom:none; 
	font-size:13px; 
	text-align:center; 
	font-weight:bold;
}
.topTabLink2 { 
	position: relative; 
	padding:0px 10px;
	cursor: pointer; 
	bottom:-6px; 
	font-size:13px; 
	text-align:center; 
	color:#e45600;
	font-weight:bold;
}

.topTabLink2-sel { 
	position: relative; 
	padding:6px 10px; 
	bottom:-5px;
	cursor: pointer; 
	background:url(../images/itemH2Bg.gif); 
	border:1px solid #fcd9a8; 
	border-bottom:none; 
	font-size:13px; 
	text-align:center; 
	font-weight:bold;
}
/*จบ*/
.design_category2 {
float: left;
width: 350px;
}
.category_box2 {
float: left;
width: 300px;
height: 180px;
margin: 15px;
padding: 8px;
background:url(../images/menu_home/1.png);
}
.category_box2:hover .toggle_text2 {
display: block;
}
.category_box2:first-child {
margin-left: 15px;
}
.category_inner2 {
width: 300px;
float: left;
position: relative;
height: 180px;
margin-bottom: 0px;
}
.toggle_category2 {
position: absolute;
left: 0;
bottom: 0;
width: 300px;
}
.toggle_category2 h2 {
float: left;
font-size: 13px;
padding: 5px;
margin: 0px;
background: #222;
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #fff;
letter-spacing: -0.03em;
}
.toggle_text2 {
float: left;
width: 290px;
font-size: 13px;
padding: 5px;
color: #fff;
margin: 0px;
background: #555;
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
display: none;
}