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

/* reset style */
html{
	 color:#000000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,
textarea,p,blockquote,span,th,td,img{
      margin:0;padding:0;
}
table{
      border-collapse:collapse;border-spacing:0;
}
fieldset,img{
      border:0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
      font-style:inherit;font-weight:inherit;
}
del,ins{
      text-decoration:none;
}
li{
      list-style:none;
   }
caption,th{
      text-align:left;
}
h1,h2,h3,h4,h5,h6{
      font-size:100%;font-weight:normal;
}
q:before,q:after{
      content:'';
}
abbr,acronym{
      border:0;font-variant:normal;
}
sup{
      vertical-align:baseline;
}
sub{
      vertical-align:baseline;
}
legend{
      color:#000;
}
input,button,textarea,select,optgroup,option{
      font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;
}
input,button,textarea,select{
      *font-size:100%;
}

/* Basic Elements */

body{
	   background:url(../images/bg.jpg);	    
       color:#74716e;
	   font-size:12px;
       font-family:Arial, Helvetica, sans-serif; 
	   height: 100%;
	   line-height:18px;   
	   text-align:center;
	   position:relative;
}
td{
	padding:0px;
}
div{
       text-align:left;
}
img{
	vertical-align: bottom;
}

.box_l{
       float:left;
}
.box_r{
       float:right;
}
.clear{
       clear:both;
}
.pngimg{
	 behavior: url("iepngfix.htc");
}
.blackStrong{
	color:#000;
	font-weight:bold;
}
.blackBigStrong{
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.brownBig{
	color:#815e3a;
	font-weight:bold;
	font-size:14px;
}
.redBig{
	color:#610237;
	font-size:24px;
	font-weight:bold;
}
.redStrong{
	color:#610237;
	font-size:14px;
	font-weight:bold;
}
.price{
	font-size:18px;
	font-weight:bold;
}

#wrapper{
	margin:0px auto;
	position:relative;
    width:950px;
}
#header .bt1{
	position:absolute;
	left:230px;
	top:335px;
	z-index:101;
}
#header .bt2{
	position:absolute;
	left:345px;
	top:323px;
	z-index:102;
}
#header .bt3{
	position:absolute;
	left:600px;
	top:353px;
	z-index:102;
	behavior: url("iepngfix.htc");
}
#header .bt3 imc{
behavior: url("iepngfix.htc");
}
#nav img{
	vertical-align: bottom;
}
#nav li{
	display:block;
	float:left;
}

#main{
	background:url(../images/mainbg.jpg) no-repeat;
}
	#columnAnB{
		margin:0px auto;
		margin-top:-30px;#margin-top:0px;_margin-top:0px;
		width:920px;
	}
		#columnA{
			background:url(../images/zxph-bg.jpg) no-repeat;
			float:left;
			height:738px;
			width:460px;
		}
		#columnB{
			background:url(../images/zxzp-bg.jpg) no-repeat;
			float:right;
			height:738px;
			width:460px;
		}
			#columnAnB #join{
				height:57px;
				text-align:right;
			}
			#columnAnB #join img{
				margin-top:39px;
				margin-right:25px;
			}
			#columnAnB #content{
				margin:0px auto;
				margin-top:11px;
				width:410px;
			}
			#columnAnB #content #list{
				background:url(../images/dotLine.gif) 0px 44px repeat-x;
				height:45px;
				margin-bottom:7px;
			}
			#columnAnB #content .title{
				display:block;
				float:left;
				overflow:hidden;
				text-overflow:ellipsis;
				white-space:nowrap; 
				width:290px;
			}
			#columnAnB #content .name{
				display:block;
				float:right;
				overflow:hidden;
				text-overflow:ellipsis;
				white-space:nowrap; 
				width:116px;
			}
			#columnAnB #content .related{
				color:#be7f55;
				display:block;
				float:left;
				margin-top:5px;
				width:360px;
			}
			#columnAnB #content .related li{
				display:block;
				float:left;
				margin-right:20px;
			}
			#columnAnB #content .rating{
				display:block;
				float:right;
				margin-top:6px;
				width:34px;
			}
			#columnAnB .w1{
				width:130px;
			}
			#columnAnB .w2{
				width:80px;
			}
			#columnAnB .w3{
				width:80px;
			}
	
	#columnCnD{
		margin:0px auto;
		margin-top:30px;
		width:910px;
	}
		#columnC{
			background:url(../images/columnCbg.jpg) no-repeat;
			float:left;
			height:310px;
			width:483px;
			text-align:right;
		}
			#columnC #content{
				color:#000;
				float:right;
				line-height:20px;
				padding-top:55px;
				width:280px;
			}
		#columnD{
			float:left;
			height:310px;
			width:427px;
		}
	
	#pagecontentT{
			background: url(../images/articleBgTop.jpg) no-repeat;
			height:100%;
			width:100%;
	}	
	#pagecontentB{
			background: url(../images/articleBgBottom.jpg) 0px bottom no-repeat;
			height:100%;
			width:100%;
	}	
	#pagecontent{
			background:url(../images/articleBg.jpg) center 0px repeat-y;
			height:100%;
			width:100%;
	}
	
	#main #pagecontent #content{
		margin:0px auto;
		padding-bottom:30px;
		padding-top:50px;
		width:810px;
	}
	#main #pagecontent #content #title{
		background:url(../images/dotLine2.gif) 0px 45px repeat-x;
		display:block;
		height:46px;
	}
	#main #pagecontent #content #title .box_l{
		width:500px;
	}
	#main #pagecontent #content #title .box_l ul{
		margin-top:6px;
	}
	#main #pagecontent #content #title .box_l li{
		color:#be7f55;
		display:block;
		float:left;
		margin-right:20px;
	}
	#main #pagecontent #content #title .box_r{
		width:270px;#width:260px;_width:260px;
	}
	#main #pagecontent #content #title .box_r ul{
		margin-top:14px;
	}
	#main #pagecontent #content #title .box_r li{
		color:#be7f55;
		display:block;
		float:right;
		margin-left:20px;
	}
	#main #pagecontent #article{
		font-size:14px;
		line-height:24px;
		padding-bottom:14px;
		padding-top:14px;
	}
	#main #pagecontent #content #rating{
		background:url(../images/dotLine2.gif) repeat-x;
		display:block;
		height:46px;
	}
	#main #pagecontent #content #rating .box_r{
		width:270px;#width:260px;_width:260px;
	}
	#main #content #rating .box_r ul{
		margin-top:7px;
	}
	#main #pagecontent #content #rating .box_r li{
		color:#be7f55;
		display:block;
		float:right;
		margin-left:20px;
	}
	#main #pagecontent #content #titleDetail{
		background:url(../images/dotLine2.gif) 0px 26px repeat-x;
		color:#000;
		display:block;
		font-size:14px;
		font-weight:bold;
		height:27px;
	}
	#main #pagecontent #content #titleDetail .box_l{
		padding-top:4px;
	}
	#main #pagecontent #content #titleDetail li{
		display:block;
		font-size:12px;
		font-weight:normal;
		margin-left:20px;
	}
	#main #pagecontent #content #titleDetail input,select{
		border:1px #a7a6aa solid;
		width:130px;
	}
	
	#main #pagecontent #articleList{
				font-size:12px;
				margin:0px auto;
				margin-top:11px;
			}
			#main #pagecontent #articleList #list{
				background:url(../images/dotLine.gif) 0px 44px repeat-x;
				height:45px;
				margin-bottom:7px;
			}
			#main #pagecontent #articleList .title{
				display:block;
				float:left;
				overflow:hidden;
				text-overflow:ellipsis;
				white-space:nowrap; 
				width:490px;
			}
			#main #pagecontent #articleList .name{
				display:block;
				float:right;
				overflow:hidden;
				text-overflow:ellipsis;
				white-space:nowrap; 
				width:116px;
			}
			#main #pagecontent #articleList .related{
				color:#be7f55;
				display:block;
				float:left;
				margin-top:5px;
				width:360px;
			}
			#main #pagecontent #articleList .related li{
				display:block;
				float:left;
				margin-right:20px;
			}
			#main #pagecontent #articleList .rating{
				display:block;
				float:right;
				margin-top:6px;
				width:34px;
			}
				#main #pagecontent #articleList .rating2{
				display:block;
				float:right;
				margin-top:6px;
			}
			#main #pagecontent  .w1{
				width:130px;
			}
			#main #pagecontent  .w2{
				width:80px;
			}
			#main #pagecontent  .w3{
				width:80px;
			}
			#fenye,#fenye a{
				color:#968275;
			}
#footer li{
	display:block;
	float:left;
}
#footer img{
	vertical-align:bottom;
}

#login{
	background:url(../images/loginBg.gif);
	border:2px #67023b solid;
	height:430px;
	width:665px;
	margin:0px auto;
}
#login #content{
	margin:20px 40px 40px 40px;
}
#login #content .box_l{
	width:250px;
}
#login #content .box_r{
	border-left:1px #ecebe5 solid;
	padding-left:15px;
	width:300px;
}
#login #content .t1 td{
	color:#66023c;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}
#login #content .t2 td{
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}
#login #close{
	text-align:right;
}
#login #close img{
	margin-top:5px;
	margin-right:7px;
}
#login #content input{
	border:1px #a7a6aa solid;
}


/*TinyBox JavaScript Popup Script. ADD BY NIKIA 2009-11-16*/

#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}