@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	font-size:12px;font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
a{text-decoration:none;}
a:link,a:visited{color:#000;}
a:hover,a:active{color:#063;text-decoration:underline;}
#Design{
	position:absolute;
	right:10px;
	bottom:0;
	color:#DADADA;
}
#Design a:link,#Design a:visited{color:#DADADA;}
#Design a:hover,#Design a:active{color:#063;text-decoration:underline;}

form{
	padding:0;
	margin:0;
}
.clear:after{
	content: '.'; 
	display: block; 
	height: 0; 
	line-height:0;
	clear: both; 
	visibility: hidden;
}
.clear{
	line-height:0;
	height: 0; 
	clear:both;
}
.empty{
	line-height:40px;
	text-align:center;
}

.page{
	padding-top:10px;
	padding-bottom:5px;
	line-height:20px;
	text-align:center;
	clear:both;
}
.page span{
	color:#CCC;
}
.page #page{
	border:solid 1px #9C9A9C;
	width:20px; height:16px;
	line-height:15px;
	padding:0;text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.page #go{
	border:outset 1px;
	width:20px; height:19px;
	padding:0;
	background-color:#EFEFEF;
	font-size:10px;text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#container{
	width:1004px;
	margin:0 auto;
	background:url(../images/bg.jpg) repeat-y
}
#head{
	height:68px;
	position:relative;
}
*html #head #logo{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/future.gif",sizingMethod='crop');
}
#head #logo{
	width:412px;
	height:39px;
	background:url(../images/future.gif) no-repeat;
	position:absolute;
	top:12px;
	left:9px;
}
#head #text{
	position:absolute;
	top:6px;
	right:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#648945;
}
#head #search{
	position:absolute;
	top:30px;
	right:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#006600;
}
#head #search #key{
	width:180px;
	border:solid 1px #67A700;
}
#head #search #submit{
	vertical-align:middle;
}
#TopMenu{
	height:28px;
	background-color:#343434;
	margin-bottom:10px;
}
#TopMenu ul{
	list-style:none;
	margin:0;
	padding:0px 0 0 60px;
	height:28px;
	line-height:28px;
	font-family:Verdana;
	font-size:13px;
}
#TopMenu ul li{
	padding:0 10px;
	float:left;
}
#TopMenu ul li a{
	display:block;
	padding:0px 10px;
	font-size:12px;
	font-weight:bold;
}
#TopMenu li a:link,#TopMenu li a:visited{color:#FFF;}
#TopMenu li a:hover,#TopMenu li a:active,#TopMenu li.on a{
	color:#33FFCC;
}

#top{
	height:200px;
	padding:0 4px;
	margin-bottom:10px;
}
#top #top1{
	width:724px;
	height:184px;
	padding:8px 8px;
	background:url(../images/top1.jpg) no-repeat #CCC;
	float:left;
	position:relative;
}
#top #top1 #img{
	width:270px;
	height:176px;
	padding:4px;
	background-color:#FFF;
	float:left;
}
#top #top1 #text{
	width:420px;
	height:166px;
	float:right;
	padding:10px 5px;
}
#top #top1 #more{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	height:12px;
	position:absolute;
	right:10px;
	bottom:10px;
}
#top #top2{
	width:250px;
	height:200px;
	float:right;
}
#top #top2 ul{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	height:22px;
	line-height:22px;
	border-left:solid 1px #E5E5E5;
	border-bottom:solid 1px #E5E5E5;
}
#top #top2 ul li{
	padding:0 20px;
	float:left;
	cursor:pointer;
	background-color:#E8E8E8;
	border-right:solid 1px #E5E5E5;
	border-top:solid 1px #E5E5E5;
	font-size:13px;
	font-weight:bold;
}
#top #top2 ul li.on{
	background-color:#FFF;
}
#top #top2 #item{
	display:none;
	padding:2px;
	border-right:solid 1px #E5E5E5;
	border-left:solid 1px #E5E5E5;
	border-bottom:solid 1px #E5E5E5;
}
#top #top2 #item.on{
	display:block;
}
#top #top2 #item #content{
	height:167px;
	padding:0 2px;
	padding-top:5px;
	background:url(../images/top2.jpg) repeat-x left bottom;
}
#top #top2 #item #content ul{
	list-style:none;
	margin:0;
	padding:0;
	border:none;
}
#top #top2 #item #content ul li{
	display:block;
	font-size:12px;
	font-weight:normal;
	padding:0;
	float:none;
	border:none;
	padding-bottom:1px;
	background:url(../images/line.gif) repeat-x left bottom;
}
#top #top2 #item #content ul li a{
	width:220px;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	padding-left:20px;
	background:url(../images/icon1.jpg) no-repeat 10px 9px;
}
#top #top2 #item #content ul li a:link,#top #top2 #item #content ul li a:visited{color:#27473C;}
#top #top2 #item #content ul li a:hover,#top #top2 #item #content ul li a:active{color:#063;}

#main{
	padding-bottom:5px;
}
#main #left{
	width:238px;
	padding:0 6px;
	float:left;
}
.dlg{
	display:block;
	padding:0 5px 5px 5px;
	margin-bottom:5px;
	border:solid 1px #D6D6D6;
}
.dlg #title{
	width:206px;
	height:25px;
	margin:0 auto;
	background-color:#FFF;
}

#category #title{
	background:url(../images/left_title.jpg) no-repeat;
}
#contact #title{
	background:url(../images/left_title.jpg) no-repeat left -25px;
}
#contact #content{
	padding:5px;
	line-height:23px;
	background-color:#F5F5F5;
}
#online #title{
	background:url(../images/left_title.jpg) no-repeat left -50px;
}
#online #content{
	height:45px;
	background:url(../images/online.jpg) no-repeat center;
	position:relative;
}
#online #content a{
	position:absolute;
}
#online #content a#item1{
	width:33px;
	height:36px;
	top:5px;
	left:8px;
}
#online #content a#item2{
	width:33px;
	height:39px;
	top:1px;
	left:62px;
}
#online #content a#item3{
	width:33px;
	height:44px;
	top:0px;
	left:120px;
}
#online #content a#item4{
	width:33px;
	height:40px;
	top:1px;
	right:9px;
}
#TreeMenu{
	display:block;
	list-style:none;
	margin:0;
	padding:0 0px;
}
#TreeMenu li{
	margin-top:5px;
}
#TreeMenu li a{
	display:block;
	height:20px;
	line-height:20px;
	padding-left:30px;
	background:url(../images/icon.gif) no-repeat 15px center #F8F9F4;
}
#TreeMenu li a:link,#TreeMenu li a:visited{color:#000;}
#TreeMenu li a:hover,#TreeMenu li a:active,#TreeMenu li.on a{
	color:#063;
	background:url(../images/icon1.gif) no-repeat 15px center #F1F3EB;
}
#TreeMenu li ul{
	display:none;
	list-style:none;
	margin:5px 0 0 0;
	padding:0 0 0 23px;
	background-color:#F1F3EB;
}
#TreeMenu li.on ul{
	display:block;
}
#TreeMenu li ul li{
	margin:0;
}
#TreeMenu li ul li a{
	display:block;
	padding-left:20px;
	font-weight:normal;
	font-size:11px;
}
#TreeMenu li ul li a:link,#TreeMenu li ul li a:visited{
	color:#000;
	background:url(../images/icon.gif) no-repeat 8px center transparent;
}
#TreeMenu li ul li a:hover,#TreeMenu li ul li a:active,#TreeMenu li.on ul li.on a{
	color:#063;
	background:url(../images/icon.gif) no-repeat 8px center transparent;
}
#main #center{
	width:740px;
	float:right;
	padding:0 4px;
	margin-right:4px;
	background-color:#F8F9F4;
}
#main #center #title{
	height:28px;
	margin:0 5px;
	position:relative;
}
#main #center #title .text{
	width:120px;
	height:22px;
	position:absolute;
	left:18px;
	bottom:0;
	z-index:2;
	background:url(../images/title.jpg) no-repeat;
}
#main #center #title #line{
	width:100%;
	height:9px;
	background-color:#7EBB15;
	overflow:hidden;
	position:absolute;
	bottom:0;
	z-index:1;
}
#main #center #title .text#text1{
	background-position:0 -22px;
}
#main #center #title .text#text2{
	background-position:0 -44px;
}
#main #center #title .text#text3{
	background-position:0 -66px;
}
#main #center #title .text#text4{
	background-position:0 -88px;
}
#main #center #title .text#text5{
	background-position:0 -110px;
}
#main #center #content{
	line-height:22px;
}

#foot{
	height:50px;
	position:relative;
	color:#666;
	border-top:solid 1px #83A711;
	background-color:#ECECEC;
}
#foot #text{
	position:absolute;
	top:12px;
	left:20px;
	font-family:Arial;
	font-size:11px;
}
#foot #count{
	text-align:center;
	margin-top:30px;
}
#copyright{
	position:absolute;
	top:5px;
	right:10px;
	font-family:Verdana;
	color:#666;
	font-size:10px;
}
#Products{
	list-style:none;
	padding:5px 0;
	margin:0;
}
#Product{
	display:block;
	float:left;
	padding:11px;
	line-height:18px;
}
#Product #img{
	width:160px;
	height:120px;
	border:solid 1px #336600;
	background-color:#FFF;
	margin-bottom:10px;
}
#Product #name{
	text-align:center;
	width:160px;
	white-space:nowrap;
	overflow:hidden;
}
#Product #model{
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
}

#marquee{
	height:195px;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto;
}

#ProductContent{
	line-height:25px;
	padding-bottom:5px;
}
#ProductContent #title{
	padding-left:10px;
	background-color:#F2F2F2;
}
#ProductContent #name{
	padding-left:10px;
	padding-bottom:10px;
}
#ProductContent #name strong{
	color:#006600;
}
#ProductContent #images{
	padding-left:10px;
}
#ProductContent #images #img{
	width:560px;
	height:420px;
	padding:2px;
	border:solid 1px #67A700;
	float:left;
	background:url(../skins/ie7/loading-small.gif) no-repeat center;
}
#ProductContent #images #imgs{
	width:160px;
	height:426px;
	float:right;
}
#ProductContent #Details{
	margin-top:10px;
	border-top:solid 2px #67A700;
	padding:1px 10px;
	line-height:18px;
}
#related{
	text-align:center;
	background-color:#67A700;
	line-height:18px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
}
#content1{
	padding:5px 10px;
}

#news{
	list-style:none;
	margin:0;
	padding:0;
	line-height:17px;
}
#news li{
	clear:both;
	height:17px;
	padding:8px 0 6px 20px;
	border-bottom:solid 1px #DDDDDD;
	background:url(../images/icon.jpg) no-repeat 8px 14px;
}
#news li a{
	display:block;
	float:left;
}
#news li span{
	display:block;
	float:right;
}
#news li a:link,#news li a:visited{
	color:#333;
}
#news li a:hover,#news li a:active{
	color:#F00;
	text-decoration:underline;
}

#newsContent{
	line-height:25px;
	padding-bottom:5px;
}
#newsContent #title{
	padding-left:10px;
	background-color:#F2F2F2;
}
#newsContent #name{
	padding-top:20px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border-bottom:solid 1px #E6E6E6;
}
#newsContent #date{
	padding:5px 0;
	text-align:center;
	border-bottom:solid 1px #E6E6E6;
}
#newsContent #remark{
	padding:1px 10px;
	line-height:18px;
}

#download{
	list-style:none;
	margin:0;
	padding:0;
	line-height:17px;
}
#download li{
	clear:both;
	height:17px;
	padding:8px 0 6px 20px;
	border-bottom:solid 1px #DDDDDD;
	background:url(../images/icon.jpg) no-repeat 8px 14px;
}
#download li #name{
	display:block;
	float:left;
	width:150px;
}
#download li #size{
	display:block;
	float:left;
	width:100px;
	text-align:center;
}
#download li #description{
	display:block;
	float:left;
	width:270px;
}
#download li a{
	display:block;
	float:left;
	width:100px;
	text-align:center;
}
#download li #date{
	display:block;
	float:left;
	width:80px;
	text-align:center;
}
#news li a:link,#news li a:visited{
	color:#333;
}
#news li a:hover,#news li a:active{
	color:#F00;
	text-decoration:underline;
}