@charset "utf-8";
/* CSS Document */
body,div,img,ul,ul li,p,h1,h2,h3,h4,h5,form{
  margin:0;
	padding:0;
	list-style:none;
	border:0;
}
input,checkbox{
    vertical-align:middle;
}
#clear{
    clear:both;width:auto;height:1px;overflow:hidden;
}
/* start text effect */
.txtbold{
    font-weight:bold;
}
.txtitalic{
    font-style:italic;
}
.txtunderline{
    text-decoration:underline;
}
/* end text effect */

/* Clear Fix */ 
.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix { 
display:inline-block; 
} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 


/*------text effect------*/
#sbanner{
    width:877px;
	height:179px;
	overflow:hidden;
	margin:0 auto;
	padding:10px 0 10px 0;
}
body{
	background-color: #ffffff;
	font-family:"宋体";
	font-size:12px;
	color:#333333;
}
/* start top */
#top{
    width:877px;
	height:123px;
	overflow:hidden;
	margin:0 auto;
}
#top .logo{
    float:left;
    width:257px;
	height:54px;
	margin:16px 0 0 15px;
}
#top .right{
    float:right;
	height:66px;
	padding:10px 0 0 0;
	text-align:right;
}
#top .right p.tool{
    text-align:right;
	height:25px;
}
#top .right p.onlineservice{
    text-align:right;
	height:22px;
	margin:28px 0 0 0;
}
#top .right p.onlineservice img{
    margin:0 3px 0 0;
}
#top .telephone{
	float:left;
	width:238px;
	height:60px;
	padding:13px 0 0 200px;
}

#top .right a{
    text-decoration:none;
	color:#000000;
}
#top .right a:hover{
    text-decoration:underline;
}
#nav,
#nav ul li,
#nav .index{
    background-image:url(../images/nav.items.gif);
	background-repeat:no-repeat;
}
#nav ul{
    padding:5px 0 0 8px;
}
#nav ul li{
    float:left;
    width:79px;
	height:26px;
	color:#ffffff;
    text-align:center;
	background-position:-100px -100px;
	padding:0 0 0 0;
	cursor:pointer;
}
#nav ul li:hover{
    width:79px;
	height:26px;
	color:#531808;
	overflow:hidden;
	background-position:-1px -38px;
}
#nav{
    clear:both;
    float:left;
    width:877px;
	height:36px;
	background-position:-1px -1px;
	margin:11px 0 0 0;
	line-height:26px;
	font-weight:bold;
}
#nav .index{
    width:79px;
	height:26px;
	color:#531808;
	overflow:hidden;
	background-position:-1px -38px;
}
#nav .logined{
    float:right;
	height:26px;
	line-height:26px;
	margin-right:8px;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}
#nav .logined span{
	color:#FF9900;
	font-weight:bold;
}
#nav .logined input{
    width:49px;
	height:22px;
	line-height:22px;
	color:#ffffff;
	margin:0 0 0 6px;
	font-size:12px;
	border:0;
	background-image:url(../images/index.top.quit.gif);
}

/* end top */

/* start footer */
#footer{
    clear:both;
    width:877px;
	margin:0 auto;
	padding:30px 0 30px 0;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
#footer a{
    color:#000000;
	text-decoration:none;
}
#footer a:hover{
    color:#000000;
	text-decoration:underline;
}
#footer p{
    text-align:center;
	font-size:12px;
	line-height:18px;
}
/* end footer */

/* start faq */
#faq{
    float:left;
    width:222px;
	overflow:hidden;
}
#faq .header{
    float:left;
    width:222px;
	height:30px;
	overflow:hidden;
	background-image:url(../images/faq.header.bg.gif);
	background-repeat:no-repeat;
}
#faq .header h2{
    float:left;
    color:#575757;
	font-size:14px;
	font-weight:bold;
	margin:8px 0 0 10px;
}
#faq .header .learnmore{
    float:right;
	height:30px;
	line-height:30px;
	margin:0 10px 0 0;
}
#faq .header .learnmore a,#faq .header .learnmore a:hover{
    color:#000000;
	font-size:12px;
	text-decoration:none;
}
#faq .content a{
    color:#575757;
	text-decoration:none;
}
#faq .content a:hover{
    text-decoration:underline;
}
#faq .content{
    float:left;
    width:222px;
	background-image:url(../images/faq.content.bg.gif);
	background-repeat:repeat-y;
	padding:5px 0 3px 0;
}
#faq .content ul{
    clear:both;
	width:202px;
	margin:0 auto;
}
#faq .content ul li{
    clear:both;
	width:200px;
	line-height:24px;
	float:left;
}
#faq .content span{
    color:#aaaaaa;
}
#faq .footer{
    float:left;
	width:222px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/faq.footer.bg.gif);
	background-repeat:no-repeat;
}
#faqad{
    float:left;
	clear:both;
    width:222px;
	height:86px;
	margin:10px 0 0 0;
}
/* end faq */









/* start main */
#main{
    width:877px;
	height:608px;
	margin:0 auto;
	padding:13px 0 13px 0;
}
#main .left{
    float:left;
	width:625px;
	height:608px;
	overflow:hidden;
}
#main .left .banner{
    float:left;
	width:625px;
	height:234px;
}
#main .left .summary{
    float:left;
	width:625px;
	height:115px;
	margin:10px 0 0 0;
}
#main .left .summary .title{
    float:left;
	margin:0 0 10px 10px;
}
#main .left .summary .list{
    float:left;
	clear:both;
    width:625px;
    height:85px;
}
#main .left .summary .list .title{
    font-size:14px;
	font-weight:bold;
	color:#575757;
	margin:0 auto;
	padding:10px 10px 0 10px;
}
#main .left .summary .list .content{
    font-size:12px;
	color:#b1b1b1;
	float:left;
	width:131px;
	line-height:20px;
	padding:2px 10px 0 10px;
}
#main .left .summary .list .title_hover{
    font-size:14px;
	font-weight:bold;
	color:#ff8a00;
	margin:0 auto;
	padding:10px 10px 0 10px;
}
#main .left .summary .list .content_hover{
    font-size:12px;
	color:#f0c38e;
	float:left;
	width:131px;
	line-height:20px;
	padding:2px 10px 0 10px;
}
#main .left .summary .list .summary_1,
#main .left .summary .list .summary_1_hover,
#main .left .summary .list .summary_2,
#main .left .summary .list .summary_2_hover,
#main .left .summary .list .summary_3,
#main .left .summary .list .summary_3_hover,
#main .left .summary .list .summary_4,
#main .left .summary .list .summary_4_hover{
    float:left;
	width:151px;
	height:85px;
    background-image:url(../images/index.main.left.summary.items.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#main .left .summary .list .summary_1{
    background-position:0px 0px;
}
#main .left .summary .list .summary_1_hover{
    background-position:0px -85px;
}
#main .left .summary .list .summary_2{
    background-position:0px -170px;
}
#main .left .summary .list .summary_2_hover{
    background-position:0px -255px;
}
#main .left .summary .list .summary_3{
    background-position:0px -340px;
}
#main .left .summary .list .summary_3_hover{
    background-position:0px -425px;
}
#main .left .summary .list .summary_4{
    background-position:0px -510px;
}
#main .left .summary .list .summary_4_hover{
    background-position:0px -595px;
}
#main .left .summary .list .spase{
    float:left;
	width:7px;
	height:85px;
	overflow:hidden;
}
#main .left .ad{
    float:left;
	width:625px;
	height:84px;
	margin:10px 0 0 0;
}


#main .left .tianjia{
    float:left;
	width:625px;
	height:313px;
	margin:10px 0 0 0;
}

#main .left .tianjia a{
    font-size:12px;
	text-decoration:none;
	color:#575757;
}

#main .left .tianjia a:hover{
    font-size:12px;
	text-decoration:underline;
	color:#575757;
}

#main .right .sample_enter{
    float:left;
	width:242px;
	height:93px;
	margin:11px 0 0 0;
}

* html #main .right .sample_enter{
    float:left;
	width:242px;
	height:93px;
	margin:6px 0 0 0;
}

.lianjie a{
    font-size:12px;
	text-decoration:none;
	color:#666666;
}

.lianjie a:hover{
    font-size:12px;
	text-decoration:underline;
	color:#666666;
}


#main .left .ad .left{
    float:left;
    width:306px;
    height:84px;
}
#main .left .ad .right{
    float:right;
    width:306px;
    height:84px;
}
#main .right{
    float:right;
	width:242px;
	height:608px;
	overflow:hidden;
}
#main .right .news,
#main .right .login{
	background-repeat:no-repeat;
}
#main .right .login{
    float:left;
    width:242px;
	height:156px;
}
#main .right .login h2{
    float:left;
    color:#575757;
	font-size:14px;
	font-weight:bold;
	margin:11px 0 8px 12px;
}

* html #main .right .login h2{
    float:left;
    color:#575757;
	font-size:14px;
	font-weight:bold;
	margin:11px 0 8px 6px;
}



#main .right .login .line{
    width:242px;
	height:1px;
	overflow:hidden;
	float:left;
	background-color:#e5e5e4;
}
#main .right .login .logined{
    float:left;
	clear:both;
    width:212px;
	height:30px;
	margin:10px 15px 15px 15px;
	text-align:left;
}
#main .right .login .logined ul li{
    color:#676767;
	line-height:20px;
	height:20px;
}
#main .right .login .logined .welcomeinfo{
    font-size:14px;
	width:212px;
	height:24px;
	overflow:hidden;
	line-height:22px;
	color:#000000;
}
#main .right .login .logined .welcomeinfo span{
    color:#FF0000;
}
#main .right .login .logined .buycar{
    width:62px;
	font-family:Arial, Helvetica, sans-serif;
	height:19px;
	line-height:19px;
	color:#531808;
	border:0;
	margin:0;
	padding:0;
	cursor:pointer;
	background-image:url(../images/logined.buycar.gif);
}
#main .right .login .logined a{
    color:#676767;
	text-decoration:none;
}
#main .right .login .logined a:hover{
    color:#676767;
	text-decoration:underline;
}



#main .right .login .row{
    clear:both;
	float:left;
	width:242px;
	height:25px;
	margin:0 0 10px 0;
}
#main .right .login .row label{
    float:left;
	text-align:right;
    width:60px;
	height:25px;
	line-height:25px;
	padding-right:5px;
}
#main .right .login .row input{
    float:left;
    width:151px;
	height:17px;
	line-height:17px;
	padding:3px;
	border:#d1d1d1 1px solid;
	background-image:url(../images/input.text.bg.gif);
	background-repeat:repeat-x;
	color:#d9d9d9;
}
#main .right .login .button{
    clear:both;
    float:left;
	width:161px;
	height:24px;
	line-height:24px;
	padding:4px 0 0 63px;
}
#main .right .login .button a{
    color:#333333;
	text-decoration:none;
}
#main .right .login .button a:hover{
    color:#333333;
	text-decoration:underline;
}
#main .right .login .button input{
    float:left;
    width:46px;
	height:24px;
	line-height:24px;
	overflow:hidden;
	margin:0 5px 0 0;
	border:0;
	background-image:url(../images/index.main.right.login.button.bg.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#main .right .download{
    clear:both;
	float:left;
    width:242px;
	height:67px;
	margin:5px 0 0 0;
}
#main .right .download1{
    clear:both;
	float:left;
    width:242px;
	height:45px;
	margin:5px 0 0 30px;
}

#main .right .news{
    float:left;
    width:240px;
	height:174px;
	overflow:hidden;
	background-position:0px -157px;
	margin:3px 0 0 0;
	border:#CCCCCC 1px solid;
}

#main .right .subdiv{
	float:left;
    width:242px;
	height:57px;
	margin:6px 0 0 0;
}
#main .right .subdiv .subnote{
	padding-bottom:5px;
	font-size:12px;
	height:22px;

}
#main .right .subdiv .subtext{
 width:180px;
}
#main .right .subdiv .subscribe{
  background:url(../images/subscribebutton.gif); 
  width:50px;
  height:20px;
 color: #FFFFFF; 
 border:none;
 }
#main .right .news a{
    color:#575757;
	text-decoration:none;
}
#main .right .news a:hover{
    color:#575757;
	text-decoration:underline;
}

#main .right .news .newdata{color:#FF0000; font-size:10px; font-family:Arial, Helvetica, sans-serif;}

#main .right .news h2{
    width:210px;
    float:left;
    font-size:14px;
	font-weight:bold;
	color:#575757;
	margin:10px 0 0 13px;
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:5px;
}
* html #main .right .news h2{
    float:left;
    font-size:14px;
	font-weight:bold;
	color:#575757;
	margin:5px 0 0 7px;
}

#main .right .news .time{
    color:#acacac;
}
#main .right .news .content{
    color:#6e6e6e;
	padding:4px 0 0 0;
}
#main .right .news ul{
    clear:both;
    float:left;
	width:216px;
	margin:6px 13px 0 13px;
}

* html #main .right .news ul{
    clear:both;
    float:left;
	width:216px;
	margin:6px 13px 0 7px;
}

#main .right .news ul li{
    padding:7px 0 0px 0;
}
/* end main */

/* start management */
#management{
    width:877px;
	margin:0 auto;
	padding:13px 0 13px 0;
}
#management .left{
    float:left;
	width:222px;
}
#management .left .item{
    float:left;
	width:222px;
	margin:0 0 10px 0;
}
#management .left .item ul{
    float:left;
	width:222px;
	background-image:url(../images/management.left.item.ul.bg.gif);
	background-repeat:repeat-y;
	padding:8px 0 5px 0;
}
#management .left .item .normal,
#management .left .item ul li{
    width:199px;
	height:21px;
	margin:0 auto;
	line-height:23px;
	overflow:hidden;
	color:#575757;
	font-size:12px;
	padding:2px 0 2px 5px;
	cursor:pointer;
}
#management .left .item .index,
#management .left .item .hover{
    width:199px;
	height:21px;
	margin:0 auto;
	line-height:23px;
	overflow:hidden;
	color:#575757;
	font-size:12px;
	padding:2px 0 2px 5px;
	background-image:url(../images/management.left.item.ul.li.bg.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
#management .left .item .title{
    float:left;
    width:212px;
	height:30px;
	line-height:33px;
	overflow:hidden;
	background-image:url(../images/management.left.item.title.bg.gif);
	background-repeat:no-repeat;
	color:#575757;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 10px;
}
#management .left .item .message{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
}
#management .left .item .footer{
    float:left;
	width:222px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/management.left.item.footer.gif);
	background-repeat:no-repeat;
}
#management .right{
    float:right;
	width:645px;
	overflow:hidden;
}
#management .right .header{
    float:left;
    width:645px;
	height:51px;
}
#management .right .header .left{
    float:left;
	width:290px;
	height:50px;
	margin:0 0 0 10px;
}
#management .right .header .left h2{
    color:#575757;
	font-size:14px;
	height:16px;
	font-weight:bold;
	margin:8px 0 0 0;
}
#management .right .header .left .local{
    float:left;
    font-size:12px;
	height:14px;
	line-height:14px;
	margin:5px 0 0 0;
	word-spacing:0.01px;
}
#management .right .header .pay{
    float:right;
	width:333px;
	height:51px;
	margin:0 5px 0 0;
}
#management .right .header .pay ul{
    float:left;
	width:333px;
	height:51px;
}
#management .right .header .pay ul li{
    float:left;
}

#management .right .header .pay .spase,
#management .right .header .pay .stepone,
#management .right .header .pay .steptwo,
#management .right .header .pay .stepthree,
#management .right .header .pay .movestepone,
#management .right .header .pay .movesteptwo,
#management .right .header .pay .movestepthree{
    float:left;
	background-image:url(../images/pay.items.gif);
	background-repeat:no-repeat;
}
#management .right .header .pay .spase{
    float:left;
	width:20px;
	height:51px;
	background-position:-1px -306px;
}
#management .right .header .pay .stepone{
    width:111px;
	height:51px;
	background-position:-1px 0px;
}
#management .right .header .pay .movestepone{
    width:111px;
	height:51px;
	background-position:-1px -51px;
}
#management .right .header .pay .steptwo{
    width:111px;
	height:51px;
	background-position:-1px -102px;
}
#management .right .header .pay .movesteptwo{
    width:111px;
	height:51px;
	background-position:-1px -153px;
}
#management .right .header .pay .stepthree{
    width:71px;
	height:51px;
	background-position:-1px -204px;
}
#management .right .header .pay .movestepthree{
    width:71px;
	height:51px;
	background-position:-1px -255px;
}



#management .right .header .search{
    float:right;
	height:20px;
	line-height:20px;
	overflow:hidden;
	margin:26px 0 0 0;
	background-image:url(../images/management.right.header.search.bg.gif);
	background-repeat:no-repeat;
	background-position:55px 0px;
}
#management .right .header .search .keyword{
    width:141px;
	height:15px;
	overflow:hidden;
	line-height:13px;
	border:0;
	background-color:transparent;
	margin:0 3px 0 3px;
}
#management .right .header .search .submit{
    border:0;
	width:39px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#575757;
	background-image:url(../images/management.right.header.search.submit.bg.gif);
	margin:0 0 0 5px;
}
#management .right .content{
    float:left;
    width:645px;
}
#management .right .content .spase{
    float:left;
	width:645px;
	height:10px;
	overflow:hidden;
}
#management .right .content .box{
    float:left;
    width:645px;
}
#management .right .content .box .header{
    float:left;
	width:645px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/management.right.content.box.header.bg.gif);
	background-repeat:no-repeat;
}
#management .right .content .box .content{
    float:left;
	width:645px;
	background-image:url(../images/management.right.content.box.content.bg.gif);
	background-repeat:repeat-y;
	padding:10px 0 10px 0;
}
#management .right .content .box .content h2{
	width:615px;
	margin:0 auto;
	font-size:14px;
	padding:0 0 8px 0;
	border-bottom:#CCCCCC 1px solid;
}
#management .right .content .box .content h3{
	width:615px;
	margin:0 auto;
	font-size:14px;
	padding:0 0 8px 0;
	border-bottom:#CCCCCC 1px solid;
}
#management .right .content .box .content h4{
	margin:8px auto 0;
	width:615px;
}
#management .right .content .box .content p{
    width:615px;
	line-height:20px;
	margin:0 auto;
	font-size:12px;
	padding:8px 0 0 0;
	color:#666666;
}
#management .right .content .box .content a{
	color:#666666;
	text-decoration:none;
}
#management .right .content .box .content a:hover{
    color:#666666;
	text-decoration:underline;
}
#management .right .content .box .content .backlist{
    width:615px;
	margin:0 auto;
	padding:8px 0 0 0;
}
#management .right .content .box .content .backlist input{
    width:85px;
	height:22px;
}

#management .right .content .box .content .row{
    float:left;
    width:645px;
	line-height:25px;
	margin:0 0 10px 0;
}
#management .right .content .box .content .row .username{
    color:#999999;
}
#management .right .content .box .content .row .text{
    float:left;
    width:151px;
	height:17px;
	line-height:17px;
	padding:3px;
	border:#d1d1d1 1px solid;
	background-image:url(../images/input.text.bg.gif);
	background-repeat:repeat-x;
}
#management .right .content .box .content .row span{
    color:#FF0000;
}
#management .right .content .box .content .row label{
    float:left;
    width:108px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	text-align:right;
}
#management .right .content .box .content .row p{
    float:left;
	clear:both;
	margin:4px 0 0 108px;
	color:#b3b3b3;
	font-size:12px;
	height:13px;
	overflow:hidden;
}
#management .right .content .box .content .forpayment{
    width:625px;
	margin:0 auto;
	padding:5px 0 0 0;
}
#management .right .content .box .content .forpayment .item{
    width:199px;
    border:#d9d9d9 1px solid;
	margin-left:55px;
}
#management .right .content .box .content .forpayment .item img{
    border:#FFFFFF 1px solid;
	width:197px;
}


#management .right .content .box .content .forpayment .money{
    font-weight:bold;
	color:#FF0000;
}
#management .right .content .box .content .forpayment .note{
	color:#666666;
}
#management .right .content .box .content .forpayment .textcontent{
    line-height:20px;
}
#management .right .content .box .content .forpayment .tool{
    float:left;
	height:22px;
	padding:7px 0 0 2px;
}
#management .right .content .box .content .forpayment .tool input{
    float:left;
	height:22px;
	margin:0 3px 0 0;
}

#management .right .content .box .content .forpayment .text{
    float:left;
    width:151px;
	height:17px;
	line-height:17px;
	padding:3px;
	border:#d1d1d1 1px solid;
	background-image:url(../images/input.text.bg.gif);
	background-repeat:repeat-x;
	color:#000000;
}
#management .right .content .box .content .forpayment span{
    color:#999999;
}


#management .right .content .box .content .button{
    float:center;
	clear:both;
	padding:5px 0 0px 108px;
}
#management .right .content .box .content .button .submit{
    width:90px;
	height:31px;
	border:0;
	line-height:29px;
	color:#333333;
	background-image:url(../images/input.button.submit.bg.gif);
	cursor:pointer;
}




#management .right .content .box .footer{
    float:left;
	width:645px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/management.right.content.box.footer.bg.gif);
	background-repeat:no-repeat;
}
#management .right .content .list{
    float:left;
    width:645px;
	font-size:12px;
}
#management .right .content .list .header,
#management .right .content .list .footer{
    float:left;
    width:645px;
	background-image:url(../images/management.right.content.list.items.gif);
	background-repeat:no-repeat;
}
#management .right .content .list .header{
	height:27px;
	background-position:0px 0px;
	overflow:hidden;
	color:#6c6c6c;
}
#management .right .content .list .content .ok{
    color:#66CC33;
}
#management .right .content .list .content .working{
    color:#FFFFFF;
	background-color:#0066FF;
}
#management .right .content .list .content{
    width:645px;
	color:#6c6c6c;
	background-color:#d9d9d9;
}
#management .right .content .list .td_style{
    text-align:center;
	line-height:16px;
}
#management .right .content .list .td_style span{
    color:#000000;
}
#management .right .content .list .footer{
	height:26px;
	word-spacing:0px;
    background-position:0px -28px;
}
#management .right .content .list .footer a,
#management .right .content .list .footer a:hover{
    font-size:12px;
	color:#000000;
	text-decoration:underline;
}
#management .right .content .list .footer input{
    width:55px;
	height:18px;
	background-image:url(../images/management.right.content.list.button.bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:18px;
	border:0;
	color:#b2b2b2;
	margin:0 10px 2px 10px;
	cursor:pointer;
}
#management .right .content .listtool{
    float:left;
	clear:both;
	width:500px;
	margin:10px 0 0 5px;
}
#management .right .content .listtool input{
    float:left;
	height:22px;
	margin:0 3px 0 0;
}
#management .right .content .listtool .buy{
    width:77px;
	height:22px;
	line-height:22px;
	border:0;
	color:#531808;
	background-image:url(../images/management.right.content.tool.buy.bg.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#management .right .content .item{
    float:left;
    width:645px;
}
#management .right .content .item .mass{
    float:left;
    width:211px;
	margin-bottom:5px;
}
#management .right .content .item .mass .header{
    float:left;
	width:211px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/management.right.content.item.header.bg.gif);
	background-repeat:no-repeat;
}
#management .right .content .item .mass .content{
    float:left;
	width:211px;
	background-image:url(../images/management.right.content.item.content.bg.gif);
	background-repeat:repeat-y;
	padding:3px 0 3px 0;
}
#management .right .content .item .mass .content .viewpic{
    border:#dadada 1px solid;
	margin:0 auto;
	text-align:center;
}
#management .right .content .item .mass .content img.pic{
    border:#FFFFFF 1px solid;
	height:117px;
}
#management .right .content .item .mass .content .row{
    width:193px;
	height:18px;
	line-height:18px;
	margin:0 auto;
	padding:3px 0 0 0;
}
#management .right .content .item .mass .content .row .info{
    color:#575757;
}
#management .right .content .item .mass .content .row .checkbox{
    float:left;
	width:20px;
	height:18px;
}
#management .right .content .item .mass .content .row .time{
    float:left;
	height:18px;
	line-height:18px;
	cursor:pointer;
}
#management .right .content .item .mass .content .row .tool{
    float:right;
	height:18px;
	line-height:18px;
	font-size:6px;
}
#management .right .content .item .spase{
    float:left;
	width:6px;
	height:50px;
	overflow:hidden;
}
#management .right .content .itemtool{
    float:left;
	clear:both;
	width:500px;
	margin:15px 0 0 7px;
}
#management .right .content .itemtool input{
    float:left;
	height:22px;
	margin:0 3px 0 0;
}
#management .right .content .itemtool .buy{
    width:77px;
	height:22px;
	line-height:22px;
	border:0;
	color:#531808;
	background-image:url(../images/management.right.content.tool.buy.bg.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#management .right .content .item .mass .footer{
    float:left;
	width:211px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/management.right.content.item.footer.bg.gif);
	background-repeat:no-repeat;
}
/* end management */

/* start template */
#template{
    width:877px;
	margin:0 auto;
	padding:13px 0 13px 0;
}
#template .left{
    float:left;
    width:222px;
}
#template .right{
    float:right;
    width:645px;
}

#template .right .header{
    float:left;
	width:645px;
	height:30px;
	background-image:url(../images/template.right.header.bg.gif);
	background-repeat:no-repeat;
}
#template .right .header h2{
    float:left;
	font-size:14px;
	font-weight:bold;
	color:#575757;
	height:30px;
	overflow:hidden;
	line-height:31px;
	margin:0 0 0 12px;
}

#template .right .header .mode,
#template .right .header .wang,
#template .right .header .vertical{
	background-image:url(../images/template.right.header.mode.items.gif);
	background-repeat:no-repeat;
}
#template .right .header .mode{
    float:left;
    width:66px;
    height:18px;
	margin:6px 0 0 13px;
    overflow:hidden;
	color:#cacaca;
	font-size:12px;
}
#template .right .header .mode .wang{
	color:#531808;
	background-position:0px -19px;
	padding-left:2px;
}
#template .right .header .mode .vertical{
	color:#531808;
	background-position:0px -38px;
}
#template .right .header .mode li{
    float:left;
	width:31px;
	height:18px;
	overflow:hidden;
	line-height:19px;
	text-align:center;
	padding-left:2px;
	cursor:pointer;
}
#template .right .header .type{
    float:left;
    margin:0 0 0 12px;
	width:150px;
	height:30px;
	border-left:#d9d9d9 1px solid;
}
#template .right .header .type li{
    float:left;
	width:38px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-right:#d9d9d9 1px solid;
	border-top:#d9d9d9 1px solid;
	color:#666666;
}
#template .right .header .type .hover{
    color:#531808;
    background-color:#fcf7c2;
}
#template .right .header .typelist{
    width:228px;
	background-color:#fcf7c2;
	border-left:#d9d9d9 1px solid;
	border-right:#d9d9d9 1px solid;
	border-bottom:#d9d9d9 1px solid;
	position:absolute;
	z-index:10000;
}

#template .right .header .typelist a{
    color:#000000;
	text-decoration:none;
}
#template .right .header .typelist a:hover{
    color:#ffffff;
	background-color:#531808;
    text-decoration:none;
}
#template .right .header .typelist span{
    color:#aaaaaa;
}
#template .right .header .typelist ul{
    margin:10px;
}
#template .right .header .typelist ul li{
    float:left;
	width:103px;
	height:24px;
}
#template .right .header .search{
    float:right;
	height:18px;
	margin:6px 13px 0 0;
	background-image:url(../images/template.right.header.search.keyword.bg.gif);
	background-repeat:no-repeat;
}
#template .right .header .search .submit{
    float:left;
	width:55px;
	height:18px;
	color:#b2b2b2;
	line-height:18px;
	border:0;
	background-image:url(../images/template.right.header.search.submit.bg.gif);
	background-repeat:no-repeat;
	margin:0 0 0 5px;
}
#template .right .header .search .keyword{
    float:left;
	font-size:12px;
	width:134px;
	height:16px;
	line-height:16px;
	border:0;
	margin:1px 3px 0 3px;
	background-color:transparent;
	color:#d9d9d9;
}
#template .right .content{
    float:left;
	width:645px;
	background-image:url(../images/template.right.content.bg.gif);
	background-repeat:repeat-y;
}
#template .right .content .list .item img.preview{
    border:#FFFFFF 1px solid;
	width:197px;
}
#template .right .content .list{
    float:left;
	clear:both;
	padding:5px 5px 10px 5px;
}
#template .right .content .list .item{
    float:left;
    width:199px;
    border:#d9d9d9 1px solid;
	margin:5px 5px 5px 5px;
	position:relative;
	background-color:#000000;
}
#template .right .content .list .item span{
    position:absolute;
	width:197px;
	height:117px;
	text-align:center;
	top: 1px;
	left: 1px;
	display:none;
}
#template .right .content .list .item:hover img.preview{
	filter:alpha(opacity: 40); 
    -moz-opacity: 0.40;
    opacity: 0.40
}
#template .right .content .list .item:hover span{
    display:inline-block;
}


#template .right .content .list .verticalitem{
    float:left;
    width:146px;
	overflow:hidden;
    border:#d9d9d9 1px solid;
	margin:5px 5px 5px 5px;
	position:relative;
	background-color:#000000;
}
#template .right .content .list .verticalitem img.preview{
    border:#FFFFFF 1px solid;
	width:144px;
	height:237px;
}
#template .right .content .list .verticalitem span{
    position:absolute;
	width:148px;
	height:237px;
	text-align:center;
	top: 1px;
	left: 1px;
	display:none;
}
#template .right .content .list .verticalitem:hover img.preview{
	filter:alpha(opacity: 40); 
    -moz-opacity: 0.40;
    opacity: 0.40
}
#template .right .content .list .verticalitem:hover span{
    display:inline-block;
}











#template .right .footer{
    float:left;
	width:645px;
	height:30px;
	line-height:26px;
	background-image:url(../images/template.right.footer.bg.gif);
	background-repeat:no-repeat;
}
#template .right .footer a,
#template .right .footer a:hover{
    font-size:12px;
	color:#000000;
	text-decoration:underline;
}
#template .right .footer input{
    width:55px;
	height:18px;
	background-image:url(../images/template.right.footer.input.bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:18px;
	border:0;
	color:#b2b2b2;
	margin:0 10px 2px 10px;
	cursor:pointer;
}
/* end template */

/* start help */
#help{
    width:877px;
	margin:0 auto;
	padding:13px 0 13px 0;
}
#help .left{
    float:left;
    width:222px;
}
#help .right{
    float:right;
    width:645px;
}
#help .right .item{
    float:left;
	width:645px;
	margin-bottom:10px;
}
#help .right .item .header{
    float:left;
	width:645px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/help.right.item.header.bg.gif);
	background-repeat:no-repeat;
}
#help .right .item .content{
    float:left;
	width:645px;
	background-image:url(../images/help.right.item.content.bg.gif);
	background-repeat:repeat-y;
	padding:0 0 5px 0;
}
#help .right .item .content p{
    clear:both;
	width:625px;
	margin:0 auto;
	padding:7px 0 0 0;
	color:#575757;
	line-height:22px;
}
#help .right .item .content a{
    color:#575757;
	text-decoration:none;
}
#help .right .item .content a:hover{
    color:#575757;
	text-decoration:underline;
}
#help .right .item .content h2{
    float:left;
	margin:7px 0 0 11px;
	font-size:16px;
	font-weight:bold;
	color:#531808;
}
#help .right .item .content h3{
    float:left;
	margin:10px 0 0 11px;
	font-size:12px;
	font-weight:bold;
	color:#531808;
}
#help .right .item .content span{
    color:#aaaaaa;
}
#help .right .item .content ul{
    clear:both;
	width:625px;
	margin:0 auto;
	padding:7px 0 0 0;
}
#help .right .item .content ul li{
    clear:both;
    height:22px;
	line-height:22px;
	color:#575757;
	float:left;
}
#help .right .item .footer{
    float:left;
	width:645px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/help.right.item.footer.bg.gif);
	background-repeat:no-repeat;
}
/* end help */

/* start login */
#login{
    width:587px;
	height:288px;
	margin:30px auto;
	overflow:hidden;
	background-image:url(../images/login.bg.gif);
	background-repeat:no-repeat;
}
#login h2{
    float:left;
    font-size:14px;
	font-weight:bold;
	color:#333333;
	margin:8px 0 0 11px;
}
#login .form{
    float:left;
	clear:both;
    width:260px;
	height:143px;
	overflow:hidden;
	margin:29px 0 0 10px;
}
#login .form .row{
    float:left;
	clear:both;
	width:260px;
	height:25px;
	margin:0 0 10px 0;
}
#login .form .row label{
    float:left;
	width:70px;
	height:25px;
	text-align:right;
	line-height:25px;
	margin-right:3px;
}
#login .form .row input.text{
    float:left;
    width:151px;
	height:17px;
	line-height:17px;
	padding:3px;
	border:#d1d1d1 1px solid;
	background-image:url(../images/input.text.bg.gif);
	background-repeat:repeat-x;
	color:#d9d9d9;
}
#login .form .button{
    float:left;
    padding:5px 0 0 72px;
	width:190px;
	height:31px;
	line-height:29px;
}
#login .form .button a{
    color:#000000;
	text-decoration:none;
}
#login .form .button a:hover{
    text-decoration:underline;
}
#login .form .button .submit{
    width:90px;
	height:31px;
	border:0;
	line-height:29px;
	color:#333333;
	background-image:url(../images/login.form.submit.bg.gif);
	cursor:pointer;
}
#login .ad{
    float:right;
    width:260px;
	height:132px;
	margin:12px 5px 0 0;
	*margin-top:32px;
}
#login .help{
    clear:both;
    width:565px;
	height:60px;
	margin:0 auto;
	padding:26px 0 0 0;
}
#login .help h2{
    padding:0;
	margin:0;
	float:left;
}
#login .help a{
    font-size:12px;
    color:#575757;
	text-decoration:none;
}
#login .help a:hover{
    text-decoration:underline;
}
#login .help ul{
    padding:0;
	margin:4px 0 0 0;
	clear:both;
	float:left;
}
#login .help ul li{
    height:21px;
	line-height:21px;
	color:#575757;
}
#login .help span{
    color:#aaaaaa;
}
/* end login */

/* start reg */
#reg{
    width:587px;
	margin:30px auto;
}
#reg .header{
    float:left;
    width:587px;
	height:30px;
	background-image:url(../images/reg.header.bg.gif);
	background-repeat:no-repeat;
}
#reg .header h2{
   float:left;
    font-size:14px;
	color:#575757;
	font-weight:bold;
	margin:8px 0 0 10px;
}
#reg .content{
    float:left;
	width:587px;
	background-image:url(../images/reg.content.bg.gif);
	background-repeat:repeat-y;
	padding:18px 0 18px 0;
}

#reg .content .row{
    float:left;
    width:587px;
	margin:0 0 10px 0;
}
#reg .content .row .text{
    float:left;
    width:151px;
	height:17px;
	line-height:17px;
	padding:3px;
	border:#d1d1d1 1px solid;
	background-image:url(../images/input.text.bg.gif);
	background-repeat:repeat-x;
}
#reg .content .row span{
    color:#FF0000;
}
#reg .content .row label{
    float:left;
    width:108px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	text-align:right;
}
#reg .content .row p{
    float:left;
	clear:both;
	margin:4px 0 0 108px;
	color:#b3b3b3;
	font-size:12px;
	height:15px;
	overflow:hidden;
	width:400px;
}
#reg .content .row img.verification{
    margin:4px 0 0 9px;
}

#reg .content .moreform{
    float:left;
	clear:both;
	width:300px;
	margin:5px 0 5px 108px;
	padding-left:15px;
	font-size:12px;
	height:14px;
	overflow:hidden;
	background-image:url(../images/reg.content.moreform.img.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	cursor:pointer;
}

#reg .content .moreformed{
    float:left;
	clear:both;
	width:300px;
	margin:5px 0 5px 108px;
	padding-left:15px;
	font-size:12px;
	height:14px;
	overflow:hidden;
	background-image:url(../images/reg.content.moreform.img.gif);
	background-repeat:no-repeat;
	background-position:0px -13px;
	cursor:pointer;
}

#reg .content .formoreform{
    float:left;
	clear:both;
	width:587px;
	margin:10px 0 10px 0;
}

#reg .content .button{
    float:left;
	width:587px;
	text-align:center;
	padding:30px 0 18px 0;
}
#reg .content .button a{
    color:#fe5900;
	text-decoration:none;
}
#reg .content .button a:hover{
    color:#fe5900;
	text-decoration:underline;
}
#reg .content .button span{
    color:#fe5900;
}

#reg .content .button .submit{
    width:90px;
	height:31px;
	border:0;
	line-height:29px;
	color:#333333;
	background-image:url(../images/input.button.submit.bg.gif);
	cursor:pointer;
}
#reg .footer{
    float:left;
    width:587px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/reg.footer.bg.gif);
	background-repeat:no-repeat;
}
/* end reg */

/* start product */
#product{
    width:877px;
	margin:0 auto;
	padding:13px 0 13px 0;
}
#product .left{
    float:left;
    width:222px;
}
#product .right{
    float:right;
    width:645px;
}
#product .right .header{
    float:left;
	width:645px;
	height:34px;
	overflow:hidden;
	background-image:url(../images/product.right.header.bg.gif);
	background-repeat:no-repeat;
}
#product .right .header ul{
    float:left;
	height:30px;
	overflow:hidden;
}
#product .right .header ul li{
    float:left;
	width:91px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#989898;
	overflow:hidden;
	margin-right:1px;
	background-image:url(../images/product.right.header.menuno.gif);
	background-repeat:no-repeat;
}
#product .right .header .ed{
    float:left;
	width:91px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#83;
	overflow:hidden;
	margin-right:1px;
	background-image:url(../images/product.right.header.menued.gif);
	background-repeat:no-repeat;
}
#product .right .content{
    float:left;
	width:645px;
	background-image:url(../images/product.right.content.bg.gif);
	background-repeat:repeat-y;
	padding:10px 0 10px 0;
}
#product .right .content .price{
    width:625px;
	margin:0 auto;
}
#product .right .content .price .type{
    width:625px;
	height:20px;
	color:#575757;
	margin:0 0 10px 5px;
}
#product .right .content .price .price{
    float:left;
    width:322px;
	height:225px;
	overflow:hidden;
	padding:0 2px 2px 0;
	background-repeat:no-repeat;
}
#product .right .content .price .price .item{
    width:106px;
	height:15px;
	line-height:20px;
	text-align:center;
}
#product .right .content .price .pic{
    float:right;
	width:247px;
	height:177px;
	margin:10px 20px 0 0;
}
#product .right .content .price .line{
    float:left;
	clear:both;
    width:625px;
	height:1px;
	background-image:url(../images/product.right.content.price.line.gif);
	background-repeat:repeat-x;
	overflow:hidden;
	margin:15px 0 15px 0;
}
#product .right .content .price h2{
    float:left;
	width:200px;
	clear:both;
    font-size:12px;
	line-height:20px;
	font-weight:bold;
	color:#504f4f;
}
#product .right .content .price p{
    font-size:12px;
	float:left;
	clear:both;
	line-height:20px;
	width:625px;
}
#product .right .content .price .type strong{
    color:#000000;
}
#product .right .footer{
    float:left;
	width:645px;
	height:5px;
	background-image:url(../images/product.right.footer.bg.gif);
	background-repeat:no-repeat;
}

#product .right .content .sample{
    width:605px;
	margin:0 auto;
}
#product .right .content .sample .item{
    line-height:22px;
}
#product .right .content .sample .item span{
    color:#FF0000;
}
#product .right .content .sample .tablelist{
	margin:auto;
	border-top:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
}
#product .right .content .sample .tablelist td{
	border-bottom:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
}
#product .right .content .sample .tablelist .paddingspace{
		padding-left:10px;
}
/* end product */

/* start download */
#download{
    width:877px;
	margin:0 auto;
	padding:13px 0 13px 0;
}
#download .left{
    float:left;
    width:222px;
}
#download .right{
    float:right;
    width:645px;
}
#download .right .header{
	float:left;
    width:645px;
	height:30px;
	background-image:url(../images/download.header.bg.gif);
	background-repeat:no-repeat;
}
#download .right .header h2{
    float:left;
	font-size:14px;
	font-weight:bold;
	margin:8px 0 0 10px;
	color:#575757;
}
#download .right .header .gengxinrizhi{
    float:right;
	padding:6px 11px 0 0;
}




#download .right .content{
	float:left;
     width:645px;
	background-image:url(../images/download.content.bg.gif);
	background-repeat:repeat-y;
	padding:0px 0 9px 0;
}


#download .right .content .fangshi{
    float:left;
    padding:7px 0 5px 0;
}

#download .right .content .fangshi ul{
    float:left;
	width:645px;
	height:80px;
	padding:10px 0 5px ;
}

#download .right .content .fangshi .left,
#download .right .content .fangshi .left_on,
#download .right .content .fangshi .right,
#download .right .content .fangshi .right_on{
    width:158px;
	height:80px;
    background-image:url(../images/fangshi_select.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#download .right .content .fangshi .left{
    float:left;
	padding-left:82px;
	background-position:82px -80px;
}
#download .right .content .fangshi .left_on,#download .right .content .fangshi .left:hover{
    float:left;
	padding-left:82px;
	background-position:82px 0;
}
#download .right .content .fangshi .right{
    float:right;
	padding-right:82px;
	background-position:0 -240px;
}
#download .right .content .fangshi .right_on,#download .right .content .fangshi .right:hover{
    float:right;
	padding-right:82px;
	background-position:0 -160px;
}



#download .right .content .fangshi .fangshi_pic{
    float:left;
	text-align:center;
	width:641px;
}

#download .right .content h2{
	clear:both;
	width:605px;
	line-height:23px;
	margin:0 auto;
	padding:10px 0 1px 0;
	color:#4d4d4d;
	font-size:12px;
	font-weight:bold;
}

#download .right .content h1{
	clear:both;
	width:150px;
	height:31px;
	line-height:31px;
	text-align:center;
	padding:10px 0 0 15px;
	float:left;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/xiaotieshi.gif);
	background-repeat:no-repeat;
	background-position:15px 10px;
}

#download .right .content .xiangguan{
    float:left;
	clear:both;
	padding:7px 0 15px 20px;
	line-height:22px;
}
#download .right .content .xiangguan a{
    font-size:12px;
	color:#333333;
	text-decoration:underline;
}
#download .right .content .xiangguan a:hover{
    font-size:12px;
	color:#333333;
	text-decoration:underline;
}
#download .right .content .xiangguan li{
}

#download .right .content p{
	clear:both;
	width:605px;
	margin:0 auto;
	color:#5d5d5d;
	line-height:20px;
}
#download .right .content img.faq{
    float:left;
    margin:5px 5px 0 0;
}
#download .right .footer{
	float:left;
     width:645px;
	height:5px;
	overflow:hidden;
	background-image:url(../images/download.footer.bg.gif);
	background-repeat:no-repeat;
}
/* end download */
#sitemask{
    left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000000;
	position: absolute;
	FILTER:alpha(opacity=30);
	opacity:0.3;
}
#alert{
    left:50%;
	top:35%;
	width:460px;
	height:220px;
	margin-left:-230px;
	margin-top:-110;
	position: absolute;
	background-image:url(../images/alertbg.gif);
	background-repeat:repeat-x;
}
#alert h2{
    font-size:16px;
	color:#743e07;
	width:460px;
	text-align:center;
	padding:20px 0 20px 0;
	font-weight:bold;
}
#alert p{
    padding:0 15px 0 15px;
	line-height:22px;
}
#alert a{
    color:#000000;
	text-decoration:none;
}
#alert a:hover{
    color:#000000;
	text-decoration:underline;
}

#express{
    width:700px;
	margin:0 auto;
	padding:20px 0 20px 0;
}
#express div{
     margin:5px;
	 color:333333px;
}

#link{
    width:877px;
	margin:0 auto;
	padding:13px 0 13px 0;
}
#link h2{
    float:left;
	clear:both;
    font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:20px;
}
#link .image{
    float:left;
	clear:both;
    padding:10px 0 20px 0;
}
#link .image li{
    float:left;
	width:125px;
	text-align:center;
	padding:5px 0 5px 0;
}
#link .text{
    float:left;
	clear:both;
    padding:10px 0 20px 0;
}
#link .text a{
    font-size:12px;
	color:#333333;
	text-decoration:none;
}
#link .text a:hover{
    font-size:12px;
	color:#333333;
	text-decoration:underline;
}
#link .text li{
    width:146px;
	text-align:center;
    float:left;
}

#website{
    width:855px;
	height:26px;
	line-height:26px;
	margin:0 auto;
	padding:0 10px 0 10px;
	border:#e5e5e4 1px solid;
}
#website span{
    color:#5d5d5d;
    font-size:12px;
	font-weight:bold;
}
#website a{
    padding:0 5px 0 5px;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
#website a:hover{
    padding:0 5px 0 5px;
	font-size:12px;
	text-decoration:underline;
	color:#000000;
}
#template .right .content .list .preview { float:left; margin:2px 5px 5px 20px}
#template .right .content .list .preview .previewimg img{ width:170px; height:105px; cursor:pointer;}
#template .right .content .list .preview .previewimg{border: #CCCCCC 1px solid; padding:2px}
#template .right .content .list .preview .button{ margin:2px 0 0 15px}
#template .right .content .list .preview .line {margin:10px 0 10px 0}

#template .right .content .list .verticalpreview { float:left; margin:15px 5px 5px 50px}
#template .right .content .list .verticalpreview .previewimg img{ width:105px; height:170px;margin:0 0 0 15px}
#template .right .content .list .verticalpreview .previewimg{border: #CCCCCC 1px solid; padding:2px}
#template .right .content .list .verticalpreview .button{margin:5px 0 0 0px}
#template .right .content .list .verticalpreview .line {margin:10px 0 10px 5px}