/* CSS Document */
/*-----------------------เซตค่าทั่วไป----------------------------------------*/
#wrapper {
	width: 985px;
	margin:auto;
	
	
}
.left {  float:left; padding-top:5px;  margin-left:0px!important; margin-left:0px; width:220px!important; width:220px; margin-top:-60px;  position:relative; z-index:99999999;  }
.pragard { width:719px; }
.center { float:right; padding:15px 0px 30px 0px; width:737px!important; width:735px; margin-top:-65px;   position:relative; }
.content{ float:left; text-indent:1cm; line-height: 20px;padding:4px 0px 4px 0px;}
/*------body----------------*/
.pzc_body { float:left; width:985px; background:#FFFFFF; }
.pzc_body_l_h { float:left; background:url(images/body_h.jpg) no-repeat; width:985px; height:80px; margin-top:0px;}
.pzc_body_l_m { float:left; background:url(images/body_m.jpg) repeat-y; width:985px; margin-top:-10px; }
.pzc_body_l_b {float:left; width:985px; background:#FFFFFF; }
/*--------------box----------------------------------------*/
.box_left_h {  width:220px; background:url(images/box/kob_left_h.gif) no-repeat; height:56px; } 
.box_left_h h1 { float:left; margin:20px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#FFFFFF; padding: 0px 10px 2px 13px;}
.box_left_m { width:220px; background:url(images/box/kob_left_m.gif) repeat-y; padding-left:18px;}
.box_left_b { width:220px; background:url(images/box/kob_left_b.gif) no-repeat; height:16px; }

.ser_left_h { width:220px; background:url(images/box/kob_left_h.gif) no-repeat; height:9px; }
.ser_left_m { width:220px; background:url(images/box/kob_left_m.gif) repeat-y; text-align:center;}
.ser_left_b { width:220px; background:url(images/box/kob_left_b.gif) no-repeat; height:2px; }

#box_right_h { float:left; margin:15px 0px 0px 8px; width:722px; }
#box_right_h .bg_title { float:left; width:722px!important; width:728px; background:url(images/tab_right.png) no-repeat; height:70px; behavior: url("iepngfix.htc")  }
#box_right_h .bg_title h1 { float:left; margin:12px 0px 0px 10px; font-size:1.2em; font-weight:bold; color:#FFFFFF; padding: 0px 8px 0px 29px;}
#box_right_h .bg_title h2 { float:left; margin:12px -198px 0px 198px; font-size:1.2em; font-weight:bold; color:#FFFFFF; padding: 0px 8px 0px 8px;}
.box_right_m { float:left; padding:10px 5px 0px 8px; line-height:25px;  margin:-10px -25px 0px 8px;  width:716px; }
.box_right_b { float:left;margin:0px -20px 0px 20px;  width:722px;  }
.fix_size_01 { float:left; border-right:2px #CCCCCC dashed; margin-right:5px;  }
.chat_pra_fix { margin-left:15px!important; margin-left:25px; }
.stat ul {  list-style: none; margin-top:2px;}
.stat li { margin:2px 0px 2px 0px; line-height: 25px;  border-bottom:#999999 1px dotted; padding-left:5px; }
/*---------------------------------------*/
.owner_profile { line-height:25px;}
.owner_profile .image { text-align:center; width:175px;}
.sale_produce { line-height:27px;}
.sale_produce ul { margin:5px;  }
.sale_produce li{ float:left; margin:3px; list-style:none;  }
.sale_produce li a { float:left; margin-bottom:5px; width:52px; height:52px; border:1px #CCCCCC solid; display:block; text-align:center; background:#FFFFFF; position:relative; text-decoration: none;   }
.sale_produce li a:hover {border:1px #bcb1a2 solid; z-index:9999; text-decoration: none; }
.sale_produce li a .desc { display:none; cursor:pointer; text-decoration: none; }
.sale_produce li a:hover .desc { line-height:23px; display:block; position:absolute; bottom:55px; left:-2px; width:250px; height:auto; background:#FFFFFF; border:#7b624f 1px solid; color:#bcb1a2; text-align:left; padding:5px; text-decoration: none; z-index:9999;}
/*--------------------size border-------------------------------*/
.size_main_left { width:210px; } .size_pragard { width:330px!important;  width:327px;} .size_chat { width:348px!important; width:327px; }
.size_w01 { width:741px!important;  width:740px;}
.size_w02 { width:730px!important;  width:729px;}
.size_w03 { width:512px!important;  width:500px;}
.size_w04 { width:735px!important;  width:733px;}
.size_h01 { height:203px!important; height:205px; }.size_h02 { height:240px!important; height:239px; }
.size_h03 { height:500px!important; height:500px;}
/*---------------------------------------------------------------------*/
#ads_right .ads_all { margin:4px 0px 1px 0px ; height:auto; text-align:center;}
/* ------------------------Listshop_main--------------------------------------------------------------------------------- */
.listtop_box li a .desc { display:none; cursor:pointer; }
.listtop_box li a:hover .desc { line-height:23px; display:block; position:absolute; bottom:130px; left:-109px; width:200px; height:auto; background:#FFFFFF; border:#b44b69 1px solid; color:#333333; text-align:left; padding:5px; z-index:-11; }
.listtop_box { float:left; border:0px #C6D7DB solid; height:auto;  text-align:left;  margin:10px -10px 5px 10px;  }
.listtop_box .pic { float:left; width:120px; height:242px;  }
.listshop_sell_bg { background-image:url(images/Listmenu2.jpg); background-repeat:no-repeat; }
.listtop_box  ul { float:left; list-style: none; width:585px; height:130px; margin:auto ; padding:4px 0px 0px 0px;}
.listtop_box li { float:left; display: inline; margin-bottom:5px; }
.listtop_box .kob { float:left; height:100px; width:100px; background-color:#FFFFFF; border:1px #b44b69 solid; }
.listtop_box .kob:hover {float:left; height:100px; width:100px; background-color:#FFFFFF; border:1px #b44b69 solid;}
.listtop_box li a { float:left; display: block; width:102px; height:123px; color:#595959; text-decoration: none; text-align:center; margin:0px 2px 0px 10px!important; margin:0px 2px 0px 4px;  border:1px #FFF solid; position:relative; }
.listtop_box li a:hover{ color:#FFFFFF; border:1px #b44b69 solid; background:#b44b69; z-index:20; }
/*---------------------------------------------------------------------------*/
.tab_top { background:#CDCDCD; border-bottom:1px #c0b19e dashed; border-top:2px #c0b19e solid; }
/*------------------------Advertis-------------------------------------------*/
.ads001 ul li{ list-style: none; float:left; margin:2px 8px 2px 11px!important; margin:2px 9px 2px 7px;} 
.ads001 img{ border:1px #CCCCCC solid;}
.ads001 img:hover{ border:1px #F3A000 solid; }
/*-------------------Dialobox------------------------------------------------------------*/
* div.head_dialog { padding:8px; font-size:13px; font-weight:bold; color:#FFFFFF; background-image:url(images/test3.jpg); }
.modalDialog_transparentDivs{	
	filter:alpha(opacity=80);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:5px solid #806e57;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}
/*-------------------------item list -------------------------------------*/
.item_list ul { list-style: none; margin-top:10px; margin-left:-2px; margin-bottom:10px;}
.item_list p { margin-bottom:7px;}
.item_list li{float:left;  width:162px; height:280px!important; height:290px; solid; padding:6px; 
margin:3px 2px 3px 2px!important; margin:3px 2px 3px 2px;  } 
.item_list li .kob span{float:left; width:125px; height:125px; margin-left:16px; border:0px #CFCFCF solid; margin-bottom:5px; text-align:center;  center; display: block;position: absolute;  background: url(images/bg_product.png) no-repeat; z-index:99;  } 
.item_list li .kob img { margin-left:19px; margin-top:2px; margin-bottom:8px;}
.item_list li .kob span{ behavior: url("iepngfix.htc") }
.item_list li .name {float:left; width:135px; margin-left:10px; text-align:center; border-top:1px #8e4d4d dotted; padding:1px 0 1px 0;}
.item_list li .name a{ color:#666666;}
.item_list li .name a:hover{ color:#EAA606; cursor:pointer;}
.item_list li .name h1 { font-size:1.0em; font-weight:normal; color:#666666; line-height:15px; margin: 0px;padding: 0px; height:33px;}
.item_list li .name h1:hover {  color:#EAA606; cursor:pointer; } 
/*---------------------------------------------------*/
/*-----จัดการตาราง------*/
#table-2
{
  float:left;
	font-size: 12px;
	margin-left:4px;
	width:697px;
	border-collapse: collapse;
	border:1px #E29EBD solid;
	text-align: left;
	margin-bottom:20px;
}
#table-2 th
{
	font-size: 12px; font-weight:bold;
	color:#383838;
	padding: 7px 9px;
	background:#E29EBD;
	border-bottom: 2px solid #E29EBD;
}
#table-2 td
{
	border-bottom: 1px solid #E29EBD;
	color:#666666;
	background:#FFFFFF;
	padding: 5px 9px;
}
#table-2 tbody tr:hover td
{
	color:#191919;
	background:#F7E1EB;
}
/*-------------------------form-----------------------------------*/
#table-3
{
	float:left;
	font-size: 12px;
	margin-left:4px;
	width:697px;
	border-collapse: collapse;
	border:1px #E29EBD solid;
	text-align: left;
}
#table-3 th
{
	font-size: 12px; font-weight:bold;
	color:#383838;
	padding: 7px 7px;
	background:#E29EBD;
	border-bottom: 2px solid #E29EBD;
}
#table-3 td
{
	border-bottom: 1px solid #E29EBD;
	color:#666666;
	background:#FFFFFF;
	padding: 5px 7px;
}
#table-3 tbody tr:hover td
{
	color:#191919;
	background-color:#F7E1EB;
}


/*------------------menu---------------------------- */

ul { list-style-type: none; }
ul li{ list-style-type: none; z-index:100;}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 184px; /* Main Menu Item widths */
}
 
.sidebarmenu ul li{
position: relative;
}
.sidebarmenu .icon { float:left; width:27px; margin-top:3px; text-align:center;}
.sidebarmenu .name_cat { float:left; width:140px;}
.sidebarmenu .name_cat_sub { float:left; width:145px;}
.sidebarmenu .icon  img{ border:0px;}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
font-weight:normal;
text-decoration: none;
color:#202020;
padding: 9px 0 9px 3px;
border-bottom:1px #611229 dotted;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{

}
.sidebarmenu ul li a:hover{
background:#e1a8a8;
color:#000000;
cursor:pointer;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 200px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
background:#fdede8;
border:1px #e1a8a8 solid;
}

.sidebarmenu a.subfolderstyle{
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; list-style-type: none;}
* html .sidebarmenu ul li { z-index:1000;   }
* html .sidebarmenu ul li a { height: 1%;   }
/* End */
/*----------article-----------------*/
.article ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 183px; /* Main Menu Item widths */
}
 
/* Top level menu links style */
.article ul li a{
display: block;
font-weight:normal;
color:#3c3c3c;
text-decoration: none;
padding: 9px 0 9px 25px;
border-bottom:1px #adadad dotted;
background: url(../../attachments/icon/arrow.gif) no-repeat 8px;
}
.article ul li a:hover{
background: url(../../attachments/icon/arrow-hover.gif) no-repeat 8px;
color:#993300;
}
* html .article ul li { float: left; height: 1%; list-style-type: none;}
* html .article ul li a { height: 1%; }

/*------------------------------------------------------------------------*/
.message_home img{ border:0px;  }
.message_home img a{ border:0px;  }
.message_home img a:hover{ border:0px;  }
/*---name title banner--*/
.view_item { line-height:25px; position:relative;}
.view_item a .desc{ display:none; cursor:pointer; margin:5px; text-decoration: none; }
.view_item  a:hover .desc{ line-height:25px; display:block; position:absolute; bottom:-120px; left:50px; background:#FFFFFF; border:#D1D1D1 3px solid; color:#333333; text-align:left; padding:5px; z-index:2; }
.link_friend ul { list-style-type: none;}
.link_friend li { padding:6px 0px 6px 21px; width:162px; dashed; border-bottom:1px #CFCFCF dashed; background: url(../../images/add.gif) no-repeat 2px;}
.link_friend li:hover { background: url(../../images/add.gif) no-repeat 2px;}
.link_friend li a{ color:#333333; }
.link_friend li a:hover { color:#F04E00; }
.display_list ul { list-style-type: none;}
.display_list li { text-align:left; padding:3px 0px 3px 2px; width:185px; border-top:1px #C0AF9D dashed;  }
.display_list li:hover { background:#e1e1e1;}
.display_list li a img{ color:#6F6F6F; border:2px #CCCCCC solid; }
.display_list li a:hover img{ color:#F04E00; border:2px #666666 solid; }


/*------------------------- Edit Date 11 / 06 / 2559 --------------------------------------*/

.pzc_body_l_m { /* float:left; background:url(images/body_m.jpg) repeat-y;  */
    background-color:#FFFFFF;
    background: url("images/body_m.png");
    background-repeat:repeat-y;

 }