@charset "windows-874";
/* CSS Document */
body{
	background-image:url(../images/bg_head.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin:0;
	padding:10;
}

form{
}

.padding10{
	padding:10px;
}

.paddingmenu{
	padding-top:50px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

#all{
	text-align:left;
	/*border:#FF0000 solid 1px;	*/
}

#space{
	width:100%;
	height:10px;
	float:left;
	position:relative;
}

.spacex{
	width:100%;
	height:10px;
	float:left;
	position:relative;
}

#shadowfoot{
	width:100%;
	height:5px;
	background-image:url(../images/shadow_foot.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	position:relative;
}

/*#head:after{
	content: ".";
	display:block;
	clear: both;
	visibility: hidden;
	height: 8px;
	}*/

#head{		/*ขนาดของหัว tem*/
	position:relative;
	float:none;
	width:1195px;
	height:110px;
	/*border:#FF0000 solid 1px;*/
}

#head .logo {
	float:left;
	position:relative;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:481px;
	height:110px;

}

#head .right{
	float:left;
	position:relative;
	padding-top:5px;
	width:451px;
	min-height:15px;
	color:#FFFFFF;
	font-size:11px;
}

#head .right .ic{
	height:15px;
	width:12px;
	position:relative;
	float:left;
	background-image:url(../images/ic_home.gif);
}

#head .right .ictext{
	width:50px;
	height:15px;
	position:relative;
	float:left;
	color:#FFFFFF;
	font-size:10px;
}

#head .right2{
	float:left;
	position:relative;
	width:431px;
	min-height:15px;
	padding-top:10px;
	padding-right:20px;
	color:#FFFFFF;
}

#head .right2 .ic{
	height:15px;
	width:15px;
	position:relative;
	float:right;
}

#head .right 2.ictext{
	width:30px;
	height:15px;
	position:relative;
	float:right;
}

#footer{
	background-image:url(../images/bg_foot.gif);
	background-repeat:repeat-x;
	padding-top:12px;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
	width:100%;
	height:28px;
	float:left;
	position:relative;
}

#mainbody{
	width:1195px;
	position:relative;
	float:none;
	text-align:justify;
	/*background-color:#CCCCCC;*/
}

#leftbody{			/*bodyตรงกลางหลักของทุกหน้า*/
	width:722px;
	min-height:220px;
	position:relative;
	float:left;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	/*border:#E0E0E0 solid 1px;*/
	background-color:#FFF;
}
	
#body{
	width:722px;
	min-height:220px;
	position:relative;
	float:right;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border:#E0E0E0 solid 1px;
	background-color:#FFF;
}

#sidebar{
	width:190px;
	min-height:300px;
	position:relative;
	float:left;
	z-index:1;
}

#sidebar_right{
	width:auto;
	height:auto;
	position:relative;
	z-index:auto;
	float: right;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
}

#sidebar .newsletter{
	width:180px;
	min-height:100px;
	position:relative;
	float:left;
	background-image:url(../images/head_newsletter.gif);
	/*background-color:#FF0000;*/
	background-position:top left;
	background-repeat:no-repeat;
	padding:35px 5px 0 0px;
}

#sidebar .newsletter .txt{
	width:180px;
	min-height:20px;
	float:left;
	position:relative;
	padding-bottom:5px;
}

#sidebar .menu{
	text-align:left;
	height:236px;
	padding-top:px;
	line-height:22px;
	/*padding-left:35px;*/
	background-image:url(../images/bg_menu.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:180px;
	float:left;
	/*font-size:14px;
	font-weight:bold;
	color:#FFFFFF;*/
}

#sidebar .menu .list{

	text-align:left;

	width:180px;

	min-height:10px;

	padding:10px 0 10px 0;

	line-height:22px;

	/*padding-left:35px;*/

	background-image:url(../images/sep_menu.png);

	background-repeat:no-repeat;

	background-position:bottom left;

	position:relative;

	float:left;

}



#sidebar .banner{

	padding: 5px 0px 5px 0px;

	width:190px;

	float:left;

	position:relative;

}



#sidebar .login{

	width:180px;

	padding-top:5px;

	float:left;

	position:relative;

	line-height:12px;

}

#sidebar .login .top{

	width:180px;

	height:28px;

	float:left;

	position:relative;

}



#sidebar .login .body{

	width:158px;

	color:#333;

	font-size:11px;

	padding:5px 10px 5px 10px;

	background-color:#F6F6F6;

	border:#CCC solid 1px;

	border-top:none;

	float:left;

	text-align:left;

	position:relative;

}

#sidebar .login .body .bt{

	width:128px;

	min-height:24px;

	padding-top:10px;

	padding-right:30px;

	padding-bottom:0px;

	line-height:13px;

	background-image:url(../images/login_04.gif);

	background-position:bottom right;

	background-repeat:no-repeat;

	float:left;

	position:relative;

}

.loginform{ font-size:11px; color:#09F; background-color:#FFF; border:#CCC 1px solid; text-align:right;}



#content{

	width:720px;

	min-height:220px;

	position:relative;

	float:left;

	padding-top:10px;

	padding-bottom:10px;

	padding-left:10px;

	padding-right:10px;

	border:#EFEFEF solid 1px;

	background-color:#F6FBFD;

	/*background-image:url(../images/bg_expand_content.gif);*/

	}



#spacecontent{ content:"."; visibility:hidden; width:742px; height:10px; float:left; position:relative;}



/****************************Three Block*****************************/

#bdyh{

	width:722px;

	padding:0 0px 0 0px;

	float:left;

	position:relative;

}

#bdyhilight{

	width:235px;

	min-height:100px;

	/*float:left;*/

	position:relative;

}

#bdyhilight .bottom{

	width:225px;

	min-height:260px;

	text-align:left;

	padding-left:5px;

	padding-right:5px;

	padding-bottom:10px;

	background-image:url(../images/minibox_02.gif);

	background-position:left bottom;

	background-repeat:no-repeat;

	position:relative;

	float:left;

	/*border:#FF0000 solid 1px;*/

}

#bdyhilight .top{

	width:235px;

	height:45px;

	text-align:left;

	color:#FFE375;

	font-size:14px;

	font-weight:bold;

	background-image:url(../images/minibox_01.gif);

	background-repeat:no-repeat;

	background-position:top left;

	padding-left:10px;

	padding-top:5px;

	position:relative;

	float:left;

}

#bdyhilight .wrap{

	width:5px;

	content:".";

	display:block;

	clear: both;

	visibility: hidden;

	position:relative;

	float:left;

}

/****************************Three Block*****************************/



#product{

	width:722px;

	min-height:200px;

	position:relative;

	float:right;

	padding-top:10px;

	padding-bottom:10px;

	padding-left:10px;

	padding-right:10px;

	/*border:#CCCCCC dotted 1px;*/

	background-color:#FFFFFF;

	}

	

.right{

	width:742px;

	max-width:742px;

	float:right;

	position:relative;

	}

	

#menufoot{
	width:100%;
	height:20px;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	position:relative;
	float:left;
	font-size:11px;
	color:#999999;
}



/***********************************************************/



#page{

	width:722px;

	min-height:200px;

	text-align:left;

	/*background-color:#00FF00;*/

	position:relative;

	float:left;

	text-align:justify;

}

#page .space{ height:10px; width:740px; position:relative; float:left;}

#page .top{

	width:700px;/*740-2(border)-20(padding)*/

	min-height:20px;

	background-image:url(../images/bg_expand_content.gif);

	background-color:#EDF8FE;

	border:dotted 1px #CCCCCC;

	padding:10px;

	position:relative;

	float:left;

	text-align:left;

}

#page .top .img{ float:left; position:relative; padding-top:1px; padding-bottom:1px; padding-left:1px; padding-right:10px; width:207px;}

#page .top .txt{ float:left; position:relative; padding-top:5px; width:482px;}



#page .list{

	width:340px;/*379-10-10*/

	height:110px;

	padding:10px ;

	cursor:default;

	text-align:left;

	position:relative;

	float:left;

}

#page .list .img{ float:left; position:relative; padding:1px; width:140px; height:105px; background-color:#999999;}

#page .list .txt{ float:left; position:relative; width:188px; min-height:105px; padding-left:10px;}

#page .list:hover{

	width:340px;/*370-10-10*/

	min-height:100px;

	/*background-color:#FEF9DA;*/

	background-image:url(../images/bg_listnews.jpg);

	background-repeat:repeat-x;

	background-position:top;

	border:dotted 1px #CCCCCC;

	padding:9px;

	position:relative;

	float:left;

}

#page .line{

	width:722px;

	height:10px;

	position:relative;

	float:left;

	text-align:right

}

/********************************************************************/

#dhtmltooltip{

position: absolute;

width: 200px;

text-align:justify;

border: 1px dotted #3399CC;

padding: 10px;

background-color:#E3F1F9;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/

}



/********************************************************************/

#regisform{

	width:702px;

	min-height:50px;

	color:#999;

	padding-right:10px;

	padding-left:10px;

	position:relative;

}



#regisform .fieldname{

	width:180px;

	height:17px;

	text-align:right;

	padding-top:3px;

	padding-bottom:5px;

	float:left;

	position:relative;

}

#regisform .bullet{

	width:10px;

	height:20px;

	padding:0 3px 5px 3px;

	background-image:url(../images/arrow_r.gif);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	float:left;

}

#regisform .field{

	width:506px;

	min-height:20px;

	padding-bottom:5px;

	float:left;

	position:relative;

}

#regisform .field .f1{

	width:150px;

	float:left;

	position:relative;

}

#regisform .alertform{

	width:506px;

	padding-left:196px;

	min-height:20px;

	padding-bottom:5px;

	float:left;

	position:relative;

	color:#F00;

}

#regisform .comment{

	width:506px;

	min-height:20px;

	padding-left:196px;

	padding-bottom:5px;

	float:left;

	position:relative;

	font-size:11px;

	color:#000;

}

#regisform .space{

	width:702px;

	height:15px;

	float:left;

	position:relative;

}

.regisfield{color:#E21882; font-size:12px; border:#FFE6F3 solid 1px; padding:3px;}

.regisfieldon{color:#FFF; font-size:12px;border:#AC095F solid 1px; padding:3px;background-image:url(../images/bg_form.gif); background-repeat:repeat-x; background-color:#F959AD}

/********************************************************************/

#mm{
	width:120px;
	min-height:50px;
	padding:40px 0px 10px 30px;
	float:none;
	position:relative;
}

#mm .mainmenutext{
	width:120px;
	height:20px;
	padding:4px 0px 4px 0px;
	float:none; position:relative;
}

#mm .mainmenusepa{
	width:120px;
	height:2px;
	background-image:url(../images/sep_menu.png);
	background-repeat:no-repeat; background-position:left bottom;
	float:none; position:relative;
}

/*****************************************************************/

#phome{
	width:350px;
	min-height:100px; 
	float:left; 
	position:relative;
}

#phome .bar{
	z-index:100;
	width:100px; 
	height:100px; 
	float:left; 
	position:absolute; 
/*	background-image:url(../images/bar_newproduct.png); 
	background-repeat:no-repeat;
	background-position:top left;*/
}

#phome .top{
	z-index:75;
	width:345px;
	height:15px; 
	float:left; 
	position:absolute; 
	text-align:right; 
	background-image:url(../images/bg_bar.gif); 
	background-repeat:repeat-x;
	padding-right:5px;
}

#phome .img{
	padding-top:20px;
	text-align:center;
	z-index:50;position:inherit;
}

#phome .detail{
	width:350px;
	min-height:30px;
	font-size:10px;
	text-align:left;
	float:left;
	position:relative;
}

.sep-ver{
	width:22px;
	height:258px;
	float:left;
	position:relative;
}

.sep-hoz{
	width:722px;
	height:20px;
	float:left;
	position:relative;
}

/*****************************************************************/

#news{			/*ข่าวใหม่ด้านล่าง*/
	width:722px;
	min-height:150px;
	float:left;
}

#news .bar{
	z-index:100;
	margin:0;
	width:100px; 
	height:100px;
	float:left;
	position:absolute;
}

#news .top{
	z-index:75;
	width:717px;
	height:15px; 
	float:left; 
	position:absolute; 
	text-align:right; 
	background-image:url(../images/bg_bar.gif); 
	background-repeat:repeat-x;
	padding-right:5px;
}

#news .detail{
	width:722px;
	z-index:10;
	min-height:50px;
	text-align:left;
	padding-top:20px;
/*	float:left;
	position:absolute;*/
}

#news .detail .left{
	float:left;
	position:relative;
	padding-right:10px;
	padding-bottom:5px;
	min-height:50px;
}

#news .detail .right{
	float:left;
	position:relative;
}

/*****************************************************************/

#relate{	/*กรอบพื้นของ hot news & event*/
	width:722px;
	height:0px;
	float:left;
	position:relative;
	background-color:#F1F1F1;
}

#relate .left{
	width:15px;
	height:115px;
	background-image:url(../images/relate-left.gif);
	background-repeat:no-repeat;
	float:left;
	position:relative;
}

#relate .right{
	width:15px;
	height:115px;
	background-image:url(../images/relate-right.gif);
	background-repeat:no-repeat;
	float:left;
	position:relative;
}

#relate .txt{
	width:682px;
	height:105px;
	padding:5px;
	background-image:url(../images/relate-bg.gif);
	background-repeat:repeat-x;
	text-align:justify;
	float:left;
	position:relative;
}

/*****************************************************************/

.order{
	width:158px;
	min-height:30px;
	float:left;
	text-align:left;
	padding-bottom:2px;
	padding-top:2px;
	position:relative;
	border-bottom:dotted #CCC 1px;
}

.order:hover{
	width:158px;
	min-height:30px;
	background-color:#FEFAE0;
	float:left;
	text-align:left;
	padding-bottom:2px;
	padding-top:2px;
	position:relative;
	border-bottom:dotted #CCC 1px;
}

.order .list{
	width:140px;
	padding-bottom:3px;
	padding-right:2px;
	float:left;
	position:relative;

}

.order .delete{
	width:16px;
	float:left;
	position:relative;
}

/*****************************************************************/