@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background:#4ba614;
	}
.personal-logo{
	margin:0 auto;
	padding:0;
	width:225px;
	height:46px;
	background-image:url(../images/personalbox/logoper.jpg);
}

.personal-box{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height: auto;
	min-height:700px;
	background:#4ba614 url(../images/personalbox/bg.jpg) top center no-repeat;

	}
	
.personal-top{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:46px;
	
	}
	
.personal-mid{
	float:left;
	margin:230px 0 0 0;
	padding:0;
	width:100%;
	height: auto;
	
	}
.personal-mid .title{
	margin:0 auto;
	padding:0;
	width:auto;
	height:20px;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	
	}
.personal-mid .pic-name{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:200px;
	height: auto;
	}

.personal-mid .pic-name .picture{
	margin:0 auto ;
	padding:0;
	width:160px;
	height:186px;
	/*background:url(../images/personalbox/bgpicper.jpg);*/
	}

.personal-mid .pic-name .picture img{	
	margin:10px;
	padding:8px;
	border:#cab630 2px solid;
	background:#9d7e1b;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5e970', endColorstr='#d3b335'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5e970), to(#d3b335)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5e970,  #d3b335); /* for firefox 3.6+ */ 
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);*/
	}

.personal-mid .pic-name .text{
	margin:10px 0 10px 0;
	padding:0;
	width:200px;
	height: auto;
	}
.personal-mid .pic-name .text ul{
	margin:0;
	padding:0;
	width:200px;
	height: auto;
	}
.personal-mid .pic-name .text ul li{
	margin:0;
	padding:0;
	width:200px;
	height:14px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	list-style:none;
	
	}
	

/*********************************************************************************/
.personal-para{
	float:left;
	margin:0 0 50px 0;
	padding:0;
	width:100%;
	height: auto;
	}
.personal-para .top{
	float:left;
	margin:50px 0 10px 0;
	width:100%;
	height:auto;
	text-align:center;
}
.personal-para .box-detail{
	margin:0 auto;
	padding:0;
	width:1000px;
	height:auto;
	

}
.personal-para .box-detail .top-d{
	float:left;
	margin:0;
	padding:0;
	width:1000px;
	height:36px;
	background:url(../images/personalbox/bg_data_per_top.png);
	

}
.personal-para .box-detail .but-d{
	float:left;
	margin:0 0 150px 0;
	padding:0;
	width:1000px;
	height:34px;
	background:url(../images/personalbox/bg_data_per_bot.png);

}
.personal-para .box-detail .detail{
	float:left;
	padding:0px 40px 0 40px!important;
	padding:0px 20px 0 20px;
	width:920px;
	height:auto;
	line-height:18px;
	font-size:13px;
	color:#7c6308;
	min-height:200px;
	background: url(../images/personalbox/bg_data_per.png) repeat-y;
}
.per-row{
	margin:0 auto;
	padding:10px 0 5px 0;
	margin-top:95px;
	width:930px;
	height:auto;

}
/**********************************************************************************/
 #footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	/*background: #e3e2e2;*/
	width: 100%;
	height:auto;
/*	min-height:140px;*/

	
	background:url(../images/personalbox/p_footer.png) top center no-repeat;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}