@charset "windows-874";
/* CSS Document */
body{
background-image:url(../images/bg_head.gif);
background-position:top;
background-repeat:repeat-x;
margin:0;
padding:0;
}
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{
	position:relative;
	float:none;
	width:932px;
	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:932px;
	position:relative;
	float:none;
	text-align:justify;
	/*background-color:#CCCCCC;*/
}
#rightbody{
	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;
	}
#sidebar{
	width:190px;
	min-height:300px;
	position:relative;
	float:left;
	z-index:1;
}
#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{
	width:722px;
	height:115px;
	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;
}
/*****************************************************************/