* {
	margin: 0;
	padding: 0;
}

body {
background: #ddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333;
}

a {
text-decoration: none;
color: #06f;
}
a:hover {
text-decoration: underline;
}

img{ border:0}
ul{ margin:0; padding:0}
li{ list-style-position:inside; margin:0; padding:0}

b, strong{ font-weight:bold}

#container {
width: 980px;
height:auto;
margin:0px auto;
background-color:#fff;
margin:10px  auto
}

#header{
height:100px;
margin:0px auto;
font-family: Verdana; font-size:11px; color:#777777;
background: url(../img/head.jpg) repeat-x
}
#header img{ margin:20px 8px 15px 20px; float:left}
#header h1{ font-family:Verdana; font-size:28px; color:#222; margin:0; padding:0; line-height:40px}
#header h2{ font-family:Arial; font-size:11px; color:#666;margin:0; padding:0; font-weight:normal }

#menu{ margin:0 auto; padding:0; width:960px; height:59px; text-align: center; background:url(../img/nav-b.jpg) #FFFFFF;}
#menu ul{ margin:0px; padding:0; height:59px; float:left;}
#menu ul li{margin:0; padding:0; height:59px; width:100px; float:left; list-style:none; background:url(../img/nav-m.jpg) no-repeat 85px 0px}
#menu ul li a{ display:block; font-family:Arial; font-size:13px; font-weight:bold; line-height:43px; text-decoration:none; color: #fff;}
#menu ul li a:hover{ display:block; text-decoration: underline}

#main{width: 980px;
height: auto;
margin:0px auto;
padding:5px 0px 10px 0px;}

#mainleft{ margin:0; padding:0px 0px 0px 7px; float:left; width:725px;}
.protop{ width:718px; height:15px; background:url(../img/protop.jpg)}

.prod{ width:688px; height:auto; margin-left:4px; padding:0px 10px; border-left:#ddd solid 1px; border-right:#ddd solid 1px;}
.prod h2{ color:#069; font-size:22px; font-family:Arial; text-indent:20px; margin:0f}
.ttl{ padding:10px 0px;}
.prodl{ float:left; padding:20px 25px 0px 25px;  text-align:center; font-size:14px; color:#FF3300; font-weight:bold; line-height:35px;}
.prodr{ padding:20px 0px 0px 0px; font-size:11px;}
.prodr h3{ font-size:16px; color:#069; font-weight:bold; line-height:25px; font-family:Arial}
.prodr h3 a{ text-decoration:underline; color:#069}
.prodr h3 a:hover{ text-decoration:none;}
.prodr ul{ padding:10px 0px 0px 160px; line-height:30px; font-size:13px; font-family:Arial}
.prodr p{  background: url(../img/icog.gif) no-repeat 0px 7px; padding-left:22px}
.btn{ padding:15px 0px 0px 150px}
.btn img{ margin-left:15px;}
.btn a{ font-size:13px; font-weight:bold; color:#006699}
.more{ position:relative; top: -8px; left:60px}
.dtl{ padding:0px 0px 0px 170px}
.ddtl{ position:relative; top: 0px; left:50px}
.ddtlb{ position:relative; top: 0px; left:100px}

.prodes{ padding:0px 0px 0px 10px}
.sh{ float:right; margin-left:8px; text-align:center; line-height:30px; height:210px }
.line{ padding:10px 0px 5px 8px; margin-bottom:10px; width:97%; border-bottom:#CCC 1px solid;}
.line h3{ color:#333}
.fet{ padding:0px 0px 0px 5px}
.fet ul{ padding:5px 0px 0px 5px; font-size:11px; font-family:Verdana; line-height:18px}
.fet ul p{ background: url(../img/21.gif) no-repeat 0px 5px; padding-left:15px; margin-bottom:4px}
.prodes strong span{ font-size:16px; color:#0066CC}

.howdes{ padding:0px 0px 0px 10px; font-size:11px; color:#666;}

.prod1{ width:688px; height:140px; margin-left:4px; padding:0px 10px; border-left:#ddd solid 1px; border-right:#ddd solid 1px;}
.dll{ width:100px; height:118px; padding:20px 20px 0px 20px; float:left;}
.dlm{ width:400px; height:118px; padding:20px 10px 0px 10px; float:left; font-size:11px;t}
.dlm h3{ font-size:16px; color:#069; font-weight:bold; line-height:25px; font-family:Arial}
.dlm h3 a{ text-decoration:underline; color:#069}
.dlm h3 a:hover{ text-decoration:none;}
.dlm a{ color:#333333}
.dlmvs{padding:7px 0px}
.sz{ margin-left:20px}
.dlr{ width:125px; height:118px; padding:20px 0px 0px 0px; float:left; text-align:center; font-size:10px; color:#666; line-height:15px}
.prc{font-size:14px; color:#FF3300; font-weight:bold; line-height:35px;}

.probot{ width:718px; height:15px; background:url(../img/probot.jpg); }

#mainright{ margin:0; padding:5px 0px; width:240px; float:left;}
.catop{ width:218px; height:25px; background:url(../img/catop.jpg); margin-top:10px; font-family:Arial; font-size:16px; font-weight:bold; color:#FFFFFF; padding:7px 0px 0px 20px;}
.catcon{ width:236px; border-left:#ddd solid 1px; border-right:#ddd solid 1px; padding:8px 0px}
.catcon p{ background:url(../img/02.gif) no-repeat 5px 12px; padding:5px 0px 5px 15px; border-bottom:#ccc  dashed  1px; width:85%; margin-left:10px}
.catcon p a { color:#333}



#buttom {
width:auto;
height:90px;
clear:left;
background-color:#ddd
}

#copyright{ margin:0 auto; width: auto; height:90px; text-align:center; font-family:Arial; color:#888; }
#copyright a{ font-family:Arial; color:#666; text-decoration:none}
#copyright a:hover{font-family:Arial; color:#666; text-decoration: underline}
