@charset "utf-8";
BODY {
	padding:0px;
	font-size:12px;
	margin:0px;
	text-align:center;
	background:url(../images/bg.gif);
	color:#CCCCCC;
	
}

img{
	border :0;
}
li {
	list-style:none;

}
button{
	border:#FFFFFF 1px solid;

}

A {
	color:#AA9900; text-decoration: none
}
A:hover {
	color:#fd1ecd; text-decoration:underline
}
A.history {
	color: #fd1ecd; text-decoration: none
}
A:hover .history {
	color:#fd1ecd; text-decoration: none
}
#wrap {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 0px
}
#header{
	width:950px;
	height:223px;
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
}
#content{
	width:950px;
	margin-top:5px;
}
.login{
	float:left;
	width:257px;
	height:200px;
	background:url(../images/loginbg.gif) no-repeat;
	padding-top:5px;
	margin: 0px 0px 0px 10px;
}
.login .title{
	float:right;
	font-size:14px;
	font-weight:bold;
	margin:8px 8px 20px 0px
}
.login1{

	float:left;
	margin:30px 0px 0px 30px;
	width:235px;
	height:177px;
	background-image:url(../images/login2.gif);
	background-repeat:no-repeat;
}
.login1 .title{
	float:right;
	font-size:16px;
	font-weight:bold;
	margin:8px 10px 30px 8px;
	border-bottom: #FFFFFF 1px solid;
	color: #FFFFFF;
}
/*tree*/

.suckerdiv{
	position:absolute;
	z-index:1;
	left:35px;
	width: 100px;
	top:147px;
	text-align: left;

}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 99px; /* Parent menu width - 1*/
position: absolute;
width: 120px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 119px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
font:12px 宋体;
background: #fff;
padding: 5px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color:#000000;
}

.suckerdiv ul li a:hover{
color:black;
background-color:white;
}

.suckerdiv .subfolderstyle{
background-color:#FFFFFF;

}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
/* */
/*
#nav1{
	margin:48px 0px 0px 374px;
}
*/
#nav{
	float:right;
	margin:185px 45px 0px 0px;
	width:480px;
	padding:0px;display:inline;
	
}
#nav1{
	float:right;
	margin:47px 45px 0px 0px;
	width:480px;
	padding:0px;display:inline;
}
.chromestyle{
font-weight:bold;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
color:#fd1ecd;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
text-align:left;
color:#CCCCCC;
padding: 2px 2px;
font-size:14px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover{
color:#fd1ecd;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
font:normal 14px;
line-height:18px;
z-index:100;
background-color:#333333;
width: 100px;
visibility: hidden;
filter:Alpha(opacity=70);/*Add filter in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
color:#FFFFFF;
padding: 2px 0;
text-decoration: none;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
color:#fd1ecd;
}
/* */

#quick{
	float:left;
	width:100px;
	margin:0px 10px 0px 0px;
	padding-top: 2px;
}
#menu{
	width:100px

}
#banner{
	width:923px;
	height:20px;
	background-image:url(../images/banner.gif);
	background-repeat:no-repeat;
	padding-top:3px;
	margin-top: 5px;
	
	
}
.language{
float:right;
margin:0px 5px 0px 0px;
}
.language .flag{
float:left;
width:23px;
height:15px;
margin-right:5px
}
.language .text{
	padding-top:2px;
	margin-right:5px;
	float:left;
	font: "宋体" 12px #FFFFFF;
}
.online{
	float:left;
	margin:0px 0px 0px 50px;
	font: "宋体" 12px #FFFFFF;
	padding-top:2px;
	padding-left: 300px;

}
.middle{
	float:left;
	width:436px;
	margin:0px 0px 0px 4px;
}
.recent{
	width:436px;
	height:39px;
	background-image:url(../images/recent.gif);
	background-repeat:no-repeat;
}
.recent .text{
	margin:10px 0px 0px 80px;
	width: 320px;
	padding-top: 5px;
	text-align: left;
	overflow: hidden;

}
.flash{
	width:436px;
	height:159px;
	background-image:url(../images/flashbg.gif);
	background-repeat:no-repeat;
	margin:2px 0px 0px 0px;
	padding:5px 0px 0px 0px;
}
.newmember{
	float:right;
	width:209px;
	height:201px;
	background-image:url(../images/newmemberbg.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	margin: 0px 10px 0px 0px;

}
.newmember .title{
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:8px 0px 0px 8px 
}
.newmember .text{
	margin:35px 0px 0px 0px;
	width:190px;
	height:85px;
	overflow:hidden;
	float: left;
	line-height: 150%;
	text-align:left;
}
.newmember .text .hor{
	width:185px;

}
.newmember .text .hor .name{
	float:left;
	width:70px;
	overflow: hidden;
	margin: 2px 10px 0px 0px;
}
.newmember .text .hor .sex{
	float:left;
	width:10px;
	margin-right:15px;

}
.newmember .text .hor .age{
	float:left;
	width:40px;

}
.newmember .more{
	float:right;
	width:67px;
	height:20px;
	margin:15px 8px 0px 0px;

}
#sideleft 
{
	float:left;
	width:706px;
	margin:0px 1px 0px 8px;
	
}

#sideright 
{
	float:left;
	width: 208px;
	margin:0px 0px 0px 1px;
	
}

.gallery{
	width:706px;
	height:192px;
	background-image:url(../images/gallerybg.gif);
	background-repeat:no-repeat;
	/*margin-top: 1px;*/
	padding:0px 0px 0px 1px;
	display:inline;
	float:left;
}
.gallery .member{
	float:left;
	width:96px;
	height:100px;
	margin:32px 0px 0px 19px;
	padding:0px;display:inline;
}
.gallery .content{
	float:left;
	width:470px;
	margin:21px 0px 0px 80px;
	padding:0px;display:inline;
}
.gallery .content .pho{
	float:left;
	width:75px;
	height:72px;
	margin:2px 12px 3px 2px;
	border:#FFFFFF 1px solid;
	padding:0px;display:inline;
	overflow: hidden;
}
.gallery .content .more{
	float:right;
	width:10px;
	margin: 20px 2px 0px 0px;
	font-weight: bold;
	padding:0px;display:inline;

}

.top5{
	width:208px;
	height:251px;
	background-image:url(../images/top5bg.gif);
	background-repeat:no-repeat;
}
.top5 .title{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin:24px 0px 0px 14px;
	float:left;
	padding:0px;display:inline;

}

.top5 .text{
	margin:3px 0px 0px 15px;
	width:180px;
	overflow:hidden;
	float: left;
	line-height: 150%;
	padding:0px;display:inline;
}
.top5 .text .num{
	float:left;
	width:16px;
	height:16px;
	margin:3px 6px 0px 8px;
	padding:0px;display:inline;
}
.top5 .text .info{
	float:left;
	margin:3px 0px 1px 8px;
	padding:0px;display:inline;

}
span{
	color:#FF6600;
}
.top5 .more{
	float:right;
	width:67px;
	height:20px;
	margin:2px 8px 0px 0px;

}
.top5 .line{
	float:left;
	width:163px;
	height:1px;
	margin:2px;

}
.search{
	width:702px;
	height:50px;
	background-image:url(../images/searchbg.gif);
	background-repeat:no-repeat;
	/*margin-top:8px;*/
	padding:0px 0px 0px 0px;
}
.search .part1{
	float:left;
	width:125px;
	margin: 15px 0px 0px 70px;
	padding:0px;display:inline;
}
.search .part1 .sex{
	margin:5px 5px 0px 5px;
	float: left;
}
.search .part2{
	float:left;
	width:320px;
	margin: 15px 0px 0px 10px;
	padding:0px;display:inline;
}
.search .part2 .area{
	margin:5px 10px 0px 5px;
	float: left;
}
.searchbtn{
margin:15px 0px 0px 40px;
float:left;
width:67px;
height:20px;
}

div.searchbox{
	width:924px;
	height:67px;
	background-image:url(../images/searchbarbg.gif);
	background-repeat:no-repeat;
	margin:5px;
	float:left;

}
div.searchbox .part1{
	float:left;
	margin:10px 0px 0px 135px;
	text-align: left;
	padding:0px;display:inline;

}
div.searchbox .part1 .content{
	
	width:130px;
	margin:2px 0px 5px 0px;
}
div.searchbox .part1 .text{
	float:left;
	margin:5px;
	

}
div.searchbox .part2{
	float:left;
	margin:10px 0px 0px 8px;
	text-align: left;
	padding:0px;display:inline;

}
div.searchbox .part2 .content{
	width:115px;
	margin:2px 0px 5px 0px;
	
}
div.searchbox .part2 .text{
	float:left;
	margin:5px;
	

}
div.searchbox .part3{
	float:left;
	margin:10px 0px 0px 8px;
	text-align: left;
	padding:0px;display:inline;

}
div.searchbox .part3 .content{
	width:173px;
	margin:2px 0px 0px 0px;
	
}
div.searchbox .part3 .text{
	float:left;
	margin:5px 0px 0px 2px;
	

}

div.searchbox .part4{
	float:left;
	margin:10px 0px 0px 5px;
	text-align: left;
	padding:0px;display:inline;

}
div.searchbox .part4 .content{
	width:168px;
	margin:2px 0px 0px 0px;
}
div.searchbox .part4 .text{
	float:left;
	margin:5px 0px 0px 0px;

}
div.searchbox .part4 .reason{
	float:left;
	width: 133px;

}
div.searchbox .part4 .hen{
	float:left;
	margin-bottom: 3px;

}
div.searchbox .part4 .op{
	float:left;
	margin:5px 0px 0px 4px;

}
div.searchbox .btn{	
float:left;
width:67px;
height:20px;
margin-top:25px;
}
div.searchbox .part5{
	float:left;
	width:75px;
	height:60px;
	padding:0px;display:inline;
	

}
div.searchbox .part5 .btn1{	
float:left;
width:78px;
height:23px;
margin-top:25px;
padding:0px;display:inline;
}
div.left{
	float:left;
	margin:2px 0px 0px 8px;


}
div.mydocument{
	width:257px;
	height:200px;
	background-image:url(../images/mydocumentbg.gif);
	background-repeat:no-repeat;
}
div.mydocument .title{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	margin:10px 0px 0px 10px;

}
div.mydocument .photo{
	float:left;
	margin:10px 5px 0px 10px;
	width:96px;
	height:119px;
}
div.mydocument .text{
	float:left;
	text-align: left;
	margin: 15px 0px 0px 3px;
	line-height: 150%;

}
div.mydocument li{
	text-indent:-20px;

}
div.mid{
	float:left;
	margin:2px 0px 0px 8px;
}
div.find{
	float:left;
	width:297px;
	height:270px;
	background-image:url(../images/finebg.gif);
	background-repeat:no-repeat;
	padding:0px;display:inline;
}

div.find .title{
	font-size:14px;
	font-weight:bold;
	margin:8px 0px 0px 0px;
}
div.find .content{
	float:left;
	margin:20px 5px 20px 15px;
	width: 280px;
	padding:0px;display:inline;

}
div.find .content .pic{
	float:left;
	width:74px;
	height:74px;
	margin:2px;
	padding:0px;display:inline;

}
div.find .content .text{
	float:left;
	text-align:left;
	line-height: 180%;
	margin: 5px 0px 0px 30px;
	padding:0px;display:inline;
}
div.mail{
	width:258px;
	height:67px;
	background-image:url(../images/mailbg.gif);
	background-repeat:no-repeat;
	margin: 3px 0px 0px 0px;
}
div.mail .title{
	font-size:14px;
	text-align:left;
	margin: 5px 0px 0px 10px;
	font-weight: bold;
}
div.mail .content{
	width:250px;
	margin:3px 0px 0px 0px;
}
div.mail .content .icon{
	float:left;
	width:20px;
	height:16px;
	margin:2px 5px 0px 5px;
}
div.mail .content .text{
	float:left;
	margin: 3px 10px 0px 0px;
}
div.right{
	float:left;
	margin:2px 0px 0px 2px;
	width:352px;

}
div.contact{
	width:352px;
	height:67px;
	background-image:url(../images/contactmember.gif);
	background-repeat:no-repeat;
}
div.contact .title{
	font-size:14px;
	text-align:left;
	margin: 5px 0px 0px 10px;
	font-weight: bold;
}
div.contact .text{
	float:left;
	margin:16px 0px 0px 23px;
	text-align: left;

}
div.contact .text2{
	float:left;
	margin:16px 20px 0px 60px;
	text-align: left;

}
div.contact .text{
	float:left;
	margin:16px 5px 0px 23px;
	text-align: left;

}
div.contact .text3{
	float:left;
	margin:16px 0px 0px 45px;
	text-align: left;

}
div.doc{
	width:353px;
	height:91px;
	background-image:url(../images/Documentsbg.gif);
	background-repeat:no-repeat;
	margin-top: 10px;
	text-align: left;

}
div.doc .title{
	font-size:14px;
	text-align:left;
	margin: 5px 0px 0px 10px;
	font-weight: bold;
}

div.doc .text{
	margin:5px 5px 2px 6px;
	float: left;
	padding:0px;display:inline;

}
div.doc .content{
	width:350px;
	margin:4px;

}
div.menubanner{
	width:883px;
	height:26px;
	background-image:url(../images/menubanner.gif);
	background-repeat:no-repeat;
	margin:5px;
	padding-top:7px;
	font-weight: bold;
	clear:both;

}
div.meminfo{
	float:left;
	width:191px;
	height:552px;
	background-image:url(../images/infobg.gif);
	background-repeat:no-repeat;
	margin: 0px 0px 0px 8px;
	
}
div.meminfo .top{
	width:185px;
	margin:2px;
	clear:both;
}
div.meminfo .top .pic{
	width:141px;
	height:135px;
	margin:10px 0px 15px 0px;
	
}
div.meminfo .top .text{
	margin:2px;
	line-height:150%;
	text-align: left;
	padding-left: 20px;

}
div.meminfo .mid{
	width:185px;
	margin:2px;
	height:260px;
	clear:both;
	
}
div.meminfo .mid .text{
	margin:2px 0px 2px 0px;
	width: 160px;
	height:16px;
	display:inline;
	float:left;
	
}
div.meminfo .mid .infotext{
	margin:1px;
	line-height:150%;
	text-align: left;
	padding-left: 20px;
	clear:both;
	
}
div.meminfo .mid .text .1{
	float:left;
	margin:2px 5px 0px 10px;

}
div.meminfo .mid .pic{
	width:161px;
	height:81px;
	margin:2px;

}
div.meminfo .mid .icon{
	float:left;
	width:120px;
	height:15px;
	margin:0px 10px 0px 15px;
	padding:0px;
	display:inline;
}
div.meminfo .buttom{
width:185px;
height:36px;
	margin:3px;
	padding:0px;
	display:inline;
}
div.meminfo .buttom .pic{
	width:131px;
	height:36px;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:inline;
}
div.meminfo .buttom .text{
	margin:5px;
}
div.table{

	margin:30px 0px 70px 0px;
	width:600px;
	height:260px;
	background-image:url(../images/tablebg.gif);
	background-repeat:no-repeat;
}

div.table1{
	margin-top:5px;
	margin-left:2px;
	width:727px;
	height:452px;
	background-image:url(../images/tablebg2.gif);
	background-repeat:no-repeat;
	padding-top: 10px;
}
div.table1 td{
text-align:center;
border-color:#333333;
border-width:1px;
border-style:solid;
font-size:12px;
font-weight:bold;
}
div.table1 .title{
	
font-size:14px;
	text-align:left;
	margin: 5px 0px 10px 10px;
	font-weight: bold;
}

div.renew{
	width:80px;
	height:30px;
	margin-top: 5px;
}
div.pagefloat{
	float:left;
	width: 725px;
	margin:3px;
	padding:0px;display:inline;
	
}
div.pagefloat .top{
	width:725px;
	height:17px;
	background-image:url(../images/tabletop.gif);
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	
}
div.pagefloat .top1{
	width:725px;
	height:17px;
	background-image:url(../images/tabletop1.gif);
	background-repeat:no-repeat;
}
div.pagefloat .top2{
	width:725px;
	height:17px;
	background-image:url(../images/tabletop2.gif);
	background-repeat:no-repeat;
	
}
div.pagefloat .buttom{
	background-image:url(../images/tablebuttom.gif);
	background-repeat:no-repeat;
	width:725px;
	height:14px;
}
div.pagefloat .body{
	background-image:url(../images/tablerepeat.gif);
	background-repeat:repeat-y;
}
div.pagefloat td{
text-align:center;
border-color:#333333;
border-width:1px;
border-style:solid;
font-size:12px;
font-weight:bold;
}
div.pagefloat .intr{
	line-height:150%;
	text-align:left;
	padding-left:15px;
	padding-top: 5px;
	width: 700px;
}
div.pagefloat .register{
	width:725px;
	padding-top: 10px;
}
div.pagefloat .body .left{
	width:350px;
	float:left;
	margin:5px;
}
div.pagefloat .body .right{
	width:350px;
	float:left;
	margin:5px;
}
div.pagefloat  .body .pic{
	width:330px;
	height:81px;
	margin: 5;

}
div.pagefloat .bank{
	margin:5px 0px 0px 15px;
}
div.pagefloat .bank .pic{
	float:left;
	width:76px;
	height:49px;
	margin:2px;

}
div.pagefloat .text{
	margin:5px 0px 0px 0px;
	text-align: left;
	width: 330px;
	line-height: 120%;

}
div.pagefloat li{
	margin-top:8px;

}
div.pagefloat .content{
	width:725px;
	padding:5px 0px 0px 0px;

}
div.page{
	width: 725px;
	margin:3px;
	padding:0px;display:inline;
	
}
div.page .top{
	width:725px;
	height:17px;
	background-image:url(../images/tabletop.gif);
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	
}
div.page .top1{
	width:725px;
	height:17px;
	background-image:url(../images/tabletop1.gif);
	background-repeat:no-repeat;
}
div.page .top2{
	width:725px;
	height:17px;
	background-image:url(../images/tabletop2.gif);
	background-repeat:no-repeat;
	
}
div.page .buttom{
	background-image:url(../images/tablebuttom.gif);
	background-repeat:no-repeat;
	width:725px;
	height:14px;
}
div.page .body{
	background-image:url(../images/tablerepeat.gif);
	background-repeat:repeat-y;
}
div.page td{
text-align:center;
border-color:#333333;
border-width:1px;
border-style:solid;
font-size:12px;
font-weight:bold;
}
div.page .intr{
	line-height:150%;
	text-align:left;
	padding-left:15px;
	padding-top: 5px;
	width: 700px;
}
div.page .register{
	width:725px;
	padding-top: 10px;
}
div.page .body .left{
	width:350px;
	float:left;
	margin:5px;
}
div.page .body .right{
	width:350px;
	float:left;
	margin:5px;
}
div.page  .body .pic{
	width:330px;
	height:81px;
	margin: 5;

}
div.page .bank{
	margin:5px 0px 0px 15px;
}
div.page .bank .pic{
	float:left;
	width:76px;
	height:49px;
	margin:2px;

}
div.page .text{
	margin:5px 0px 0px 0px;
	text-align: left;
	width: 330px;
	line-height: 120%;

}
div.page li{
	margin-top:8px;

}
div.page .content{
	width:725px;
	padding:5px 0px 0px 0px;

}
div.namelist{
	margin:2px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	width: 720px;
	border-bottom: #333333 1px solid;

}
div.namelist .text{
	float:left;
	margin:5px 15px 0px 10px;
	width: auto;

}
div.namelist .cho{
	float:left;
	margin:2px 0px 0px 5px;s
}
div.namelist .cha{
float:left;
	margin:0px 0px 0px 5px;
}
div.btn1{
	float:left;
	margin:5px 0px 5px 10px;

}
div.checkmail{
	width:700px;
	}
div.checkmail a{
	color:#CCCCCC;
	text-decoration:underline;
}
div.checkmail .btn{
	float:left;
	width:200px;
	height:60px;
	margin:5px;
}
div.checkmail .line{
	width:700px;
	height:5px;
	margin:2px;
	background-image:url(../images/line3.gif);
	background-repeat:no-repeat;
}
div.checkmail .text{
	float:left;
	width:700px;
	line-height:150%;
	font-size:14px;
	padding-left:10px;
}
div.checkmail .info{
	width:276px;
	height:170px;
	background-image:url(../images/mailinfobg.gif);
	background-repeat:no-repeat;
	margin:5px 0px 5px 0px;
}
div.checkmail .info .title{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	padding:5px 0px 0px 8px;
	color:#333333;

}
	
div.checkmail .info .pic{
	float:left;
	width:120px;
	height:138px;
	margin:8px 5px 0px 5px;

}
div.checkmail .info .text{
	float:left;
	margin-top:8px;
	color:#666666;
	width:140px;
	text-align:left;
	line-height:120%;

}
div.checkmail .text2{
	float:left;
	margin-top:8px;
	
	width:680px;

	line-height:150%;

}
div.checkmail .read{
	width:150px;
	height:30px;
	margin:5px;

}
div.warning{
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	text-align:left;
}
#header1{
	width:950px;
	height:117px;
	background-image:url(../images/top2.jpg);
	background-repeat:no-repeat;
}
#header2{
	width:950px;
	height:117px;
	background-image:url(../images/top3.jpg);
	background-repeat:no-repeat;
}
/*****************/
#footer
{
	height:48px;
	margin:10px auto;
	text-align:center;
	width:923px;
	padding:10px;
	background-image:url(../images/footerbg.gif);
	background-repeat:no-repeat;
	float:left;
}
#bannerfooter{
	width:923px;
	height:20px;
	background-image:url(../images/banner.gif);
	background-repeat:no-repeat;
	padding-top:3px;
	margin-top: 5px;
	clear:both;	
}