@charset "utf-8";
/* CSS Document */

html,body,ul,ol,li,dl,dt,dd{
	padding:0;
	margin:0;
	font-size:12px;
}
img{border:none;}

a:link,a:visited{
	color:#FFF;
	text-decoration:none;
}
a:hover{
	color:#312623;
}

body{
	background:#000;
}

.center{
	width:1024px;
	margin:0 auto;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.top{
	width:1024px;
	height:110px;
	background:#040000;
	overflow:hidden;
}

.top #logo{
	width:580px;
	float:left;
	overflow:hidden;
}
.top #logo div{
	margin:2px 0 0 48px;
}
.top #picture{
	width:444px;
	float:left;
}
.top #picture div{
	margin:8px 0 0 90px;
}

.navContainer{
	width:1024px;
	height:37px;
	background:url(../images/navbg.jpg) repeat-y;
	overflow:hidden;
}

.nav{
	width:730px;
	margin:0 0 0 294px;
	font-family:"宋体", Arial;
	overflow:hidden;
}
.nav li{
	list-style:none;
	font-size:14px;
	line-height:37px;
	font-weight:800;
	color:#FFF;
	float:left;
	text-align:center;
}

.nav #home{
	width:60px;
}
.nav #home a.chose{
	color:#040000;
}
.nav #about{
	width:110px;
}
.nav #about a.chose{
	color:#040000;
}
.nav #product{
	width:80px;
}
.nav #product a.chose{
	color:#040000;
}
.nav #shop{
	width:80px;
}
.nav #shop a.chose{
	color:#040000;
}
.nav #advantage{
	width:100px;
}
.nav #advantage a.chose{
	color:#040000;
}
.nav #join{
	width:60px;
}
.nav #join a.chose{
	color:#c89c93;
}
.nav #idea{
	width:60px;
}
.nav #idea a.chose{
	color:#c89c93;
}
.nav #member{
	width:80px;
}
.nav #member a.chose{
	color:#c89c93;
}
.nav #contact{
	width:80px;
}
.nav #contact a.chose{
	color:#c89c93;
}

/******body******/
.body{
	width:1024px;
	background:url(../images/bg.jpg);
}
.subNav{
	width:1024px;
	height:30px;
	overflow:hidden;
	background:url(../images/flower.gif) repeat-x;
}
.subNav div{
	height:32px;
	line-height:32px;
	font-size:14px;
	font-weight:800;
	text-align:center;
	background:#efcbac;
	color:#352622;
	filter:Alpha(Opacity=90);
}
.subNav a:link,.subNav a:visited{color:#352662;}
.subNav a:hover{
	color:#5a1002;
}
.subNav .subabout{
	width:180px;
	margin-left:320px;
	background:url(../images/absubg.jpg) no-repeat;
}
.subNav .subabout a:link,.subNav .subabout a:visited{
	color:#000;
}

.indexBody{
	width:1024px;
	overflow:hidden;
	background:url(../images/fgjsbg.gif) no-repeat right bottom;
}
.indexBody .content{
	width:969px;
	margin:0 0 0 54px;
}

.comPanel{
	width:526px;
	overflow:hidden;
}
.comPanel .head{
	width:526px;
	height:29px;
	background:url(../images/paneltop.jpg) no-repeat;
	overflow:hidden;
}
.comPanel .body{
	width:526px;
	height:380px;
	overflow:hidden;
	background:url(../images/panelbg.jpg) repeat-y;
	filter:Alpha(Opacity=80);
}
.comPanel .body .nr{
	width:500px;
	height:380px;
	margin:0 auto;
	overflow:hidden;
}
.comPanel .foot{
	width:526px;
	height:29px;
	margin-bottom:66px;
	background:url(../images/panelbot.gif) no-repeat;
	overflow:hidden;
	filter:Alpha(Opacity=80);
}



.proSmall
{
	width:320px;
	float:left;
	overflow:hidden;
}

.ppTop{
	width:294px;
	height:13px;
	overflow:hidden;
	background:url(../images/pt.gif) no-repeat;
}
.ppBody{
	width:294px;
	background:url(../images/pbg.gif) repeat-y;
}
.ppBot{
	width:294px;
	height:13px;
	background:url(../images/pf.gif) no-repeat;
}
ul.prolist
{
	width:272px;
	margin:0 auto;
	overflow:hidden;
}
ul.prolist li{
	width:69px;
	height:81px;
	overflow:hidden;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:dashed 1px #dba89e;
}
ul.prolist li img{
	border:solid 1px #d3b15a;
}
ul.prolist li.nomargin{
	width:64px;
}
.proPage{
	width:272px;
	margin:0 auto;
	text-align:center;
	line-height:24px;
}
.proPage a:link,.proPage a:visited{
	color:#000;
	font-weight:800;
}
.proPage a:hover{
	text-decoration:underline;
	font-weight:800;
}
.proBig
{
	width:649px;
	float:left;
	overflow:hidden;
}

.proBig .bigPic{
	width:441px;
	height:564px;
	background:url(../images/pviewbg.jpg) no-repeat;
	overflow:hidden;
	margin:36px auto;
}
.proBig .bigPic #bigImg{
	width:352px;
	padding-top:42px;
	margin:0 auto;
}



/***shop***/
.shopSmall
{
	width:215px;
	float:left;
	margin-right:49px;
	overflow:hidden;
}

ul.shoplist
{
	width:215px;
	height:400px;
	padding-top:20px;
	margin:0 auto;
	background:url(../images/shopListBg.jpg) no-repeat;
	overflow:hidden;
}
ul.shoplist li{
	width:145px;
	margin:0 auto;
	padding:1px 0;
	list-style:none;
}
.shopPage{
	width:215px;
	margin:0 auto;
	text-align:center;
	line-height:24px;
}
.shopPage a:link,.shopPage a:visited{
	color:#000;
	font-weight:800;
}
.shopPage a:hover{
	font-weight:800;
	text-decoration:underline;
}

.shopBig
{
	width:695px;
	float:left;
	overflow:hidden;
}

.shopBig .bigPic{
	width:619px;
	height:440px;
	background:url(../images/shopviewbg.gif) no-repeat;
	overflow:hidden;
	margin:72px auto;
	margin-bottom:36px;
}
.shopBig .bigPic #bigImg{
	width:535px;
	padding-top:40px;
	margin:0px auto;
}
/***end shop***/


.jmSmall{
	width:215px;
	float:left;
	margin-right:49px;
	overflow:hidden;
}

ul.jmlist
{
	width:215px;
	height:400px;
	padding-top:50px;
	margin:0 auto;
	background:url(../images/jmlistbg.jpg) no-repeat;
	overflow:hidden;
}
ul.jmlist li{
	list-style:none;
	width:180px;
	margin:0 auto;
	font-size:14px;
	font-weight:800;
	line-height:32px;
	text-indent:1em;
	color:#75645b;
	border-bottom:dashed 1px #dba99e;
}
ul.jmlist li a:link,ul.jmlist li a:visited{
	color:#75645b;
}
ul.jmlist li a:hover{
	color:#c89724;
}
ul.jmlist li.chose{
	color:#c89724;
}
ul.jmlist li.chose a:link,ul.jmlist li.chose a:visited{
	color:#c89724;
}

.jmContent{
	width:695px;
	height:620px;
	float:left;
	overflow:hidden;
}
.jmContent .note{
	width:490px;
	margin:120px 0 0 30px;
	overflow:hidden;
}
.jmContent .note #details{
	width:490px;
	overflow:hidden;
}
.jmContent .control{
	margin:12px 0 0 60px;
}



.ideaList{
	width:480px;
	padding:12px 0;
	overflow:hidden;
}
.ideaList li{
	list-style:none;
	line-height:24px;
	color:#2f0f11;
	border-bottom:dashed 1px #d29d91;
}
.ideaList li span{
	float:right;
}
.ideaList li a:link,.ideaList li a:visited{
	color:#2f0f11;
	text-decoration:none;
}
.ideaList li a:hover{
	color:#FFF;
}

#memberFrm{
	
}
#memberFrm #account,#memberFrm #pwd{
	width:200px;
	border:solid 1px #88645e;
	margin:6px 0;
}
#memberFrm .btn{
	width:120px;
	margin:0 auto;
	margin-top:18px;
}
#memberFrm #memSubmit,#memberFrm #memReset{
	width:50px;
	height:18px;
	color:#75645b;
	border:solid 1px #88645e;
}

.joinFrm{
	width:872px;
	margin:0 auto;
	clear:both;
}
.joinFrm input{
	border:none;
	background:none;
}
.joinFrm table{
	background:#f9c9b9;
}
.joinFrm table td{
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	line-height:25px;
	padding-left:8px;
}
.frmTitle{
	font-size:14px;
	font-weight:800;
	color:#75645b;
	line-height:28px;
	margin:4px 0;
}
.frmColor{
	color:#75645b;
}

.item{
	width:872px;
	overflow:hidden;
	clear:both;
	color:#75645b;
	margin:6px 0;
}
.item input.txt{
	border-bottom:solid 1px #000;
}
.item textarea{
	margin-left:24px;
	border:none;
	background:#f9c9b9;
	SCROLLBAR-FACE-COLOR: #f9c9b9; 
	SCROLLBAR-HIGHLIGHT-COLOR: #f9c9b9; 
	SCROLLBAR-SHADOW-COLOR: #f9c9b9; 
	SCROLLBAR-3DLIGHT-COLOR: #f9c9b9; 
	SCROLLBAR-ARROW-COLOR: #75645b; 
	SCROLLBAR-TRACK-COLOR: #f9c9b9; 
	SCROLLBAR-DARKSHADOW-COLOR: #f9c9b9; 
	overflow-y:auto;
	padding:6px;
}
.joinFrm #tijiao,.joinFrm #chongzhi{
	width:60px;
	border:solid 1px #75645b;
	text-align:center;
	line-height:16px;
	padding-top:2px;
}
.item .question{
	width:452px;
	float:left;
	overflow:hidden;
}
.item .answer{
	width:420px;
	float:left;
	overflow:hidden;
}


/******end body*****/


.foot{
	width:1024px;
	background:#040000;
	line-height:24px;
	color:#b3aaa9;
	padding:0px 0;
}
.foot .copyright{
	width:398px;
	float:left;
	text-align:center;
	overflow:hidden;
}
.foot .info{
	width:626px;
	float:left;
	overflow:hidden;
}

