body {
	margin: 0px;
	padding: 0px;
}
h2{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}
a{ 
	color: #1d94d0;
}
.ALleft{
	float: left;
}
.ALright{
	float: right;
}
#head {
	width: 955px;
	background-image: url(../image/index/logo-mixwi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 28px;
	margin: auto;
}
#head .top-nav{
	width: 100%;
	height: 28px;
	letter-spacing: 1px;
	background-color: #e4f6f8;
}
#head .top-nav span{
	padding-right: 4px;
	padding-left: 4px;

}
#head .top-nav span.Le{
	font-size: 11px;
	color: #82a8a9;
	padding-top: 8px;
}
#head .top-nav span.Ri {

	padding-top: 4px;
}
#head .top-nav span.Ri a{
	color: #707176;
	font-size: 12px;

}
#head .top-nav span.Ri .text-red{
		color: #ff0006;
}
#head .main-nav{
	padding-top: 20px;
	padding-left: 262px;
	height: 70px;
}
#head .main-nav .banner img{
	border: none;
	margin-right: 10px;
}
#head .main-nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#head .main-nav ul li{
	display: inline;
	float: left;
	padding-right: 2px;
}
#head .main-nav ul li img{
	border: none;
}

#content {
	width: 955px;
	background-image: url(../image/index/box.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 563px;
	margin: auto;
}
#content .left-column{
	width: 696px;
	float: left;
}
#content .right-column{
	width: 250px;
	float: right;
	height: 563px;
}
#content .left-column .row-1{
	height: 302px;
}
#content .left-column .row-2{
	height: 256px;
}
#content div.gif{
	height:135px;
}
.wanted {
	width: 162px;
	font-size: 11px;
	color: #7c7a7a;
	float: left;
	font-family: Arial;
}
.wanted h2{
	color: #176e00;
	padding-top: 9px;
	padding-left: 20px;
	margin: 0px;
	padding-bottom: 8px;
}
.wanted ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.wanted ul li{
	text-align: center;
	padding-top: 1px;
	padding-right: 2px;
	padding-left: 2px;
}

.wanted ul li.w-name{
	font-family: Arial;
	font-size: 13px;
	color: #1d94d0;
	margin-top: 20px;
}
.search-box{
	float: left;
	padding-left: 50px;
	padding-top: 8px;
	width: 475px;
}
.Input-area{
	float: left;
}
.search-box .Input-btn,.search-box select{
	float: right;
	padding-right: 2px;
	padding-left: 2px;
}
.Input-btn {
	padding-top: 2px;
}
.Input-area input{
	border: 1px solid #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	color: #9ba0d4;
	width: 200px;
}
.hot-ppl{
	float: left;
	padding-left: 20px;
	width: 510px;
	padding-top: 26px;
    *padding-top: 22px;
}
.hot-ppl .show{
	padding-top: 20px;

}
/*album list*/
#albumlist{
	list-style-type: none;
	margin: 8px 0px 0px;
	padding: 0px;
}
#albumlist li{
	float: left;
	margin-top: 4px;
	width: 112px;
	display: inline;
    margin-right: 14px;
	*margin-right: 4px;
}

#albumlist li div.pic{
	float:none;
	margin: auto;
	background-image: url(../image/index/pbg-repeat.gif);
	padding: 9px 5px 5px;
	height: 130px;
	width: 113px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
#albumlist li div.pic{
	border: 1px solid #FFFFFF;
	height: 120px;
	width: 110px;
}
#albumlist li div.des{
	float:none;
	width:120px;
	height:60px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size: 12px;
	padding-top: 4px;
}
.beholder{
	width: 300px;
	float: left;
}
.beholder h2{
	color: #176e00;
	letter-spacing: 1px;
	padding-left: 22px;
	margin: 0px;
	padding-top: 13px;
	padding-bottom: 0px;
}
.c1{
	width: 290px;
	height: 100px;
	padding-top: 15px;
}
.c2{
	width: 290px;
	height: 100px;
	padding-top: 15px;
}
.left-pic{
	width: 60px;
	float: left;
	padding-left: 12px;
}
.right-con{
	width: 210px;
	float: right;
	font-size: 12px;
	color: #7c7a7a;
	line-height: 16px;
}
.right-con h3 {
	font-size: 12px;
	color: #676bfd;
	padding: 0px;
	margin: 0px;
}
.c2 .right-con h3 {
	font-size: 12px;
	color: #FC5372;
	padding: 0px;
	margin: 0px;
}
.middle{
	width: 378px;
	height: 260px;
	float: left;
	padding-top: 6px;
	padding-left: 12px;
}
.cm-left{
	font-size: 12px;
	color: #116555;
	width: 188px;
	line-height: 18px;
	float: left;
	height:110px;
}
.cm-right{
	font-size: 12px;
	color: #c44a19;
	width: 180px;
	line-height: 18px;
	float: right;
	height:110px;
}
.cm-left h3,.cm-right h3{
	font-size: 13px;
	color: #000000;
	margin: 4px 0px 2px;
	padding: 0px;
}
.cm-left a{
	color: #116555;
}
.cm-right a{
	color: #c44a19;
}
.new-topic{
	float: left;
	width: 376px;
	padding-top: 20px;
*padding-top: 22px;
	height: 116px;
}
.new-topic h2{
	color: #176e00;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px 20px;
}
.new-topic dl{
	margin: 0px;
	padding: 6px 0px 0px;
	width: 366px;
	font-size: 12px;
	color: #7c7a7a;
	line-height: 18px;
}
.new-topic dt{
	float: left;
	width: 270px;
	margin: 0px;
	padding: 0px;
}
.new-topic dt a{
	color: #7c7a7a;
	text-decoration: none;
}
.new-topic dt a:hover{
	color: #1d94d0;
}
.new-topic dd{
	float: right;
	width: 75px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.login{
	float: left;
	height:80px;
}
.login ul{
	margin: 0px;
	padding: 0px 0px 0px 14px;
	list-style-type: none;
	color: #707070;
	font-family: Arial;
	font-size: 12px;
	width: 228px;
}
.login ul li{
	padding-top: 5px;
}
.login ul li a{
	color: #707070;
	text-decoration: none;	
}
.fieldstyle{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	width: 110px;
	font-size: 12px;
	height: 16px;
}
.fieldstyle-btn{
	margin: 0px;
	padding: 0px;
}
.system{
	font-size: 12px;
	color: #707070;
	margin-top: 7px;
	height: 110px;
	width: 240px;
	float: left;
}
.system a{
	color: #707070;
	text-decoration: none;
}
.system h2{
	color: #00639f;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
.system dl{
	margin: 0px;
	padding: 4px 0px 0px 8px;
	line-height: 16px;
}
.system dl dt{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 155px;
}
.system dl dd{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 60px;
	text-align: right;
}
.find-friend {
	*padding-top: 2px;
	width: 240px;
	float: left;
	height: 115px;
	padding-left: 10px;
}

.find-friend h2{
	color: #e57e10;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	width: 100px;
	float: left;
}
span.ser{
	float: right;
	padding-right: 3px;
}
span.ser a{
	font-family: Arial;
	font-size: 11px;
	color: #bb6f25;	
}
.find-friend .show{
	width: 220px;
	float: left;
	font-size: 12px;
	height: 70px;
}
.find-friend ul{
	margin: 0px;
	padding: 2px 0px 0px;
	list-style-type: none;
	line-height: 16px;
	color: #707070;
}
.fieldstyle2 {

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	width: 30px;
	font-size: 12px;
	height: 14px;
}
.show-ppl{
	float: left;
	height: 248px;
	width: 240px;
	margin-top: 0px;

}
.pic-list{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	width: 240px;
}
.pic-list li{
     width: 50px;
     height: 52px;
	float: left;
	margin-right: 7px;
	margin-top: 14px;
}
#footer {
	font-size: 11px;
*font-size: 0.6em;
	font-family: Arial;
	width: 955px;
	color: #8a8a8a;
	padding-top: 4px;
	margin: auto;
	clear: both;
padding-bottom: 10px;
	
}
.copyw {

	float: left;
}
.dwlink {

	float: right;
}
.dwlink a{
	color: #8a8a8a;
	text-decoration: none;
	
}
.dwlink a:hover{
	color: #000000;
	text-decoration: underline;
	
}.text-bb {
	color: #1d94d0;
}
.text-yy {
	color: #d4950d;
}
.gif {
	position: relative;
}

.ribon {
	position: absolute;
	left: 38px;
	top: 4px;
}
.ribon-wanted{
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
	height: 43px;
	width: 62px;
	background-image: url(../image/index/wanted.png);
	background-repeat: no-repeat;
}
*html .ribon-wanted{
	position: absolute;
	left: 58px;
	top: 117px;
	border: none;
	height: 43px;
	width: 62px;
	background-image: url(../image/index/wanted.gif);
	background-repeat: no-repeat;
}
.wanted ul li img{
	border: 1px solid #FFFFFF;
	margin-top: 30px;
}



