body{
margin:0;
padding:0;
/*background:#E7E9E8 url(images/bg1.jpg) repeat-x; */
background:none;
font-size:12px;
color:#333;
}
ul,dl,dd,h2,p,form{
padding:0;
margin:0;

}
ul li{
list-style-type:none;
}
#header_bg{
width:100%;
background:url(images/header_bg.png) repeat-x;
padding:0 0 50px 0;

}
#header{
width:900px;
height:30px;
margin:0 auto;

}
#header .logo{
width:100px;
height:30px;
float:left;
}
#header .logo img{
display:block;
}
#header .member{
width:70px;
height:30px;
line-height:30px;
float:right;
background:url(images/arrow.png) no-repeat 55px center;
cursor:pointer;
position:relative;
}
#header ul{
position:absolute;
top:30px;
left:-20px;
background:#FBF7E1;
width:100px;
height:0px;
border:1px solid #999;
border-top:none;
padding:10px 0 0 0;
display:none;
opacity:0;
filter:alpha(opacity = 0);
overflow:hidden;
}
#header ul li{
height:25px;
line-height:25px;
text-indent:20px;
letter-spacing:1px;
}
#header ul li a{
display:block;
text-decoration:none;
color:#333;
background:url(images/arrow3.gif) no-repeat 5px 45%;
}
#header ul li a:hover{
background:#fc0; url(images/arrow4.gif) no-repeat 5px 45%;
}
#header .login,#header .reg, #header .info{
float:right;
width:35px;
height:30px;
line-height:30px;
cursor:pointer;
}
#header .info{
width:auto;
display:none;
}
#screen{
position:absolute;
top:0;
left:0;
background:#000;
z-index:9998;
filter:alpha(opacity=0);/*IE*/
opacity:0;/*w3c*/
}

#login{
width:350px;
height:250px;
border:1px solid #ccc;
position:absolute;
display:none;
z-index:9999;
background:#fff;}
#login h2{
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
letter-spacing:1px;
color:#666;
background:url(images/login_header.png) repeat-x;
margin:0;
padding:0;
border-bottom:1px solid #ccc;
cursor:move;
}
#login h2 img{
float:right;
position:relative;
top:14px;
right:8px;
cursor:pointer;
}
#login div.info{

padding:15px 0 5px 0;
text-align:center;
color:maroon;
}
#login div.user, #login div.pass{
font-size:14px;
color:#666;
padding:5px 0;
text-align:center;
}
#login input.text{
width:200px;
height:25px;
border:1px solid #ccc;
background:#fff;
font-size:14px;
}
#login .button{
text-align:center;
padding:15px 0;
}
#login input.submit{
	width:107px;
	height:30px;
	background:url(images/login_button.png) no-repeat left;
	border:none;
	cursor:pointer;
}
#login .other{
text-align:right;
padding:15px 10px;
color:#666;
}
#reg{
width:600px;
height:550px;
border:1px solid #ccc;
position:absolute;
display:none;
z-index:9999;
background:#fff;
}
#reg h2{
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
letter-spacing:1px;
color:#666;
background:url(images/login_header.png) repeat-x;
margin:0;
padding:0;
border-bottom:1px solid #ccc;
margin:0 0 20px 0;
cursor:move;
}
#reg h2 img{
float:right;
position:relative;
top:14px;
right:8px;
cursor:pointer;
}
#reg dl{
font-size:14px;
color:#666;
margin:20px;
padding:0 0 0 10px;
position:relative;}
#reg dl dd{
height:30px;
padding:5px 0;
}
#reg dl dd input.text,#reg dl dd select {

width:200px;
height:25px;
border:1px solid #ccc;
background:#fff;
font-size:14px;
color:#999;
}
#reg dl dd select{
width:202px;
}
#reg dl dd.birthday select{
width:70px;
}
#reg dl dd textarea{
width:360px;
height:100px;
background:#fff;
border:1px solid #ccc;
}
#reg dl dd.ps{

padding:0 0 0 300px;}
#reg dl dd.ps strong.num{

padding:0 2px;}
#reg dl dd.ps span.clear{
color:#06f;
cursor:pointer;}
#reg dl dd input.submit{

width:143px;
height:33px;
background:url(images/reg.png) no-repeat;
border:none;
cursor:pointer;
}
#reg dl dd span.info , #reg dl dd span.error ,#reg dl dd span.succ{
 display:block;
 font-size:12px;
 color:#333;
 width:165px;
 height:32px;
 padding:0 0 0 35px;
 position:absolute;
 letter-spacing:1px;
 display:none;
 }
#reg dl dd span.info{
  background:url(images/reg_info.png) no-repeat;
 }
#reg dl dd span.error{
  background:url(images/reg_error.png) no-repeat;
 }
#reg dl dd span.succ{
 height:14px;
 line-height:14px;
 background:url(images/reg_succ.png) no-repeat;
 padding:0 0 0 20px;
 color:green;
 }
#reg dl dd span.loading{
position:absolute;
top:10px;
left:300px;
font-size:12px;
 background:url(images/loading2.gif) no-repeat;
 text-indent:22px;
 padding:1px 0 0 0;
 display:none;
}
#reg dl dd span.info_user{
height:43px;
line-height:18px;
padding-top:7px;
background:url(images/reg_info2.png) no-repeat;
top:3px;
left:295px;
}
#reg dl dd span.error_user{
top:3px;
left:295px;
}
#reg dl dd span.succ_user{
top:12px;
left:295px;
}
#reg dl dd span.info_pass{
width:260px;
height:102px;
padding:4px 0 0 16px;
background:url(images/reg_info3.png) no-repeat;
top:5px;
left:295px;

letter-spacing:0;
}
#reg dl dd span.info_pass p{
height:25px;
line-height:25px;
color:#666;

}
#reg dl dd span.info_pass p strong.s{
color:#ccc;
}
#reg dl dd span.error_pass{
top:43px;
left:295px;

}
#reg dl dd span.succ_pass{
top:52px;
left:295px;

}
#reg dl dd span.info_notpass{
top:83px;
left:295px;

}
#reg dl dd span.error_notpass{
top:83px;
left:295px;

}
#reg dl dd span.succ_notpass{
top:92px;
left:295px;

}
#reg dl dd span.info_ans{
top:163px;
left:295px;

}
#reg dl dd span.error_ans{
top:163px;
left:295px;

}
#reg dl dd span.succ_ans{
top:172px;
left:295px;

}
#reg dl dd span.info_email{
top:203px;
left:295px;

}
#reg dl dd span.error_email{
top:203px;
left:295px;

}
#reg dl dd span.error_ques{
top:123px;
left:295px;

}
#reg dl dd span.error_birthday{
top:241px;
left:350px;

}
#reg dl dd span.succ_email{
top:212px;
left:295px;

}
#reg dl dd ul.all_email{

width:180px;
height:130px;
background:#fff;
padding:5px 10px;
position:absolute;
top:233px;
left:73px;
border:1px solid #ccc;
display:none;
}
#reg dl dd ul.all_email li{
height:25px;
line-height:25px;
border-bottom:1px solid #e5edf2;
padding:0 5px;
cursor:pointer;}
#nav{
 width:465px;
 height:52px;
 background:url(images/nav_bg.png) no-repeat;
 margin:0 auto; 
 position:relative;
}
#nav ul{
 position:absolute;
}
#nav ul li{
width:85px;
height:52px;
line-height:52px;
text-align:center;
font-weight:bold;
float:left;

}
#nav ul.black{

left:20px;
color:#333;
z-index:1;
}
#nav ul.white{
width:425px;
color:#fff;
z-index:3;
left:0;
}
#nav ul.about{
z-index:4;
left:20px;
cursor:pointer;
background:red;/*兼容IE*/
filter:alpha(opacity=0);
opacity:0;
}
#nav div.nav_bg{

width:85px;
height:52px;
background:url(images/nav_over.png) no-repeat 0 11px;
position:absolute;
left:20px;
top:0px;
z-index:2;
overflow:hidden;

}
#main{
 width:900px;
 margin:50px auto;

}
#sidebar {

width:250px;
height:500px;
background:#eee;
float:left;
}
#sidebar h2{
width:248px;
height:30px;
line-height:30px;
font-size:14px;
background:url(images/side_h.png);
text-indent:10px;
border:1px solid #ccc;
border-bottom:none;
margin:0;
cursor:pointer;
}
#sidebar ul{
height:150px;
border:1px solid #ccc;
margin:0 0 10px 0;
overflow:hidden;
opacity:1;
filter:alpha(opacity=100);
background:#fff;
}
#sidebar ul li{

height:30px;
line-height:30px;
background:url(images/arrow4.gif) no-repeat 12px center 45%;
text-indent:30px;}
#sidebar ul li a{
text-decoration:none;
color:333;}
#index{
width:630px;
height:570px;
float:right;
position:relative;
}
#index span.loading{
position:absolute;
left:260px;
top:260px;
background:url(images/loading4.gif) no-repeat left;
width:100px;
height:20px;
display:none;
}
#index div.content{
opacity:0;
filter:alpha(opacity=0);
}
#index div.content h2{
width:628px;
height:30px;
line-height:30px;
font-size:14px;
background:url(images/side_h.png);
text-indent:10px;
border:1px solid #ccc;
border-bottom:none;
margin:0;
cursor:pointer;
}
#index div.content h2 em{
float:right;
font-size:normal;
font-weight:normal;
padding:0 10px 0 0;
}
#index div.content p{
height:130px;
border:1px solid #ccc;
margin:0 0 10px 0;
overflow:hidden;
padding:10px;
text-indent:24px;
line-height:150%;
background:#fff;
}
#banner{
width:900px;
height:150px;
float:left;
margin:10px 0;
position:relative;
overflow:hidden;

}
#banner img{
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
}

#banner ul{
position:absolute;
top:128px;
left:420px;
z-index:4;
cursor:pointer;
}
#banner ul li{
float:left;
padding:0 5px;
font-size:16px;
color:#999;
}
#banner span{

width:900px;
height:25px;
position:absolute;
top:125px;
left:0;
background:#333;
opacity:0.3;
filter:alpha(opacity = 30);
z-index:3;
}
#banner strong{
position:absolute;
top:130px;
left:10px;
color:#fff;
z-index:4;}
#photo{
width:900px;
float:left;
background:#fff;
padding:10px 0 0 0;
}
#photo dl{
width:225px;
height:270px;
float:left;
margin:5px 0 15px 0;
}
#photo dl dt{
width:200px;
height:250px;
margin:0 auto;
}
#photo dl dt img{
display:block;
cursor:pointer;
}
#photo dl dd{

height:25px;
line-height:25px;
text-align:center;
}
#photo_big{
width:620px;
height:511px;
border:1px solid #ccc;
position:absolute;
display:none;
top:100px;
left:100px;
z-index:9999;
background:#fff;
}
#photo_big h2{
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
letter-spacing:1px;
color:#666;
background:url(images/login_header.png) repeat-x;
margin:0;
padding:0;
border-bottom:1px solid #ccc;

cursor:move;
}
#photo_big h2 img{
float:right;
position:relative;
top:14px;
right:8px;
cursor:pointer;
	}
#photo_big .big{
width:620px;
height:460px;
padding:10px 0 0 0;
background:#333;
}
#photo_big .big img{
display:block;
margin:0 auto;
position:relative;
top:190px;
}
#photo_big .big strong{
 display:block;
 width:100px;
 height:100px;
 line-height:100px;
 text-align:center;
 background:#000;
 opacity:0;
 filter:alpha(opacity = 0);
 font-size:60px;
 color:#fff;
 cursor:pointer;
 position:absolute;
}
#photo_big .big strong.sl{
top:210px;
left:20px;
}
#photo_big .big strong.sr{
top:210px;
right:20px;
}
#photo_big .big span{
  display:block;
  width:300px;
  height:450px;
  background:#000;
  opacity:0;
  filter:alpha(opacity = 0);
  position:absolute;
  cursor:pointer;
}
#photo_big .big span.left{
 top:50px;
 left:10px;
}

#photo_big .big span.right{
 top:50px;
 right:10px;
}
#photo_big .big em{
position:absolute;
top:480px;
right:20px;
color:#fff;
font-size:14px;
font-style:normal;
}
#blog{
width:580px;
height:320px;
border:1px solid #ccc;
position:absolute;
display:none; 
z-index:9999;
background:#fff;
}
#blog h2{
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
letter-spacing:1px;
color:#666;
background:url(images/login_header.png) repeat-x;
margin:0;
padding:0;
border-bottom:1px solid #ccc;
cursor:move;
}
#blog h2 img{
float:right;
position:relative;
top:14px;
right:8px;
cursor:pointer;
}
#blog div.info{
padding: 15px 0 5px 0;
text-align:center;
color:maroon;
}
#blog dl{

padding:0 0 0 10px;}
#blog dl dd{
 font-size:14px;
 padding:10px;
}
#blog dl dd input.title{

width:200px;
height:25px;
border:1px solid #ccc;
background:#fff;
font-size:14px;
color:#999;
}
#blog dl dd textarea.content{
width:360px;
height:100px;
min-height:50px;
min-width:180px;
max-width:360px;
max-height:100px;
background:#fff;
border:1px solid #ccc;
}
#blog dl dd input.submit{
 width:107px;
 height:33px;
 border:none;
 background:url(images/blog_button.png) no-repeat left;
 cursor:pointer;
}
#skin{
width:650px;
height:360px;
border:1px solid #ccc;
position:absolute;
display:none; 
z-index:9999;
background:#fff;
}
#skin h2{
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
letter-spacing:1px;
color:#666;
background:url(images/login_header.png) repeat-x;
margin:0;
padding:0;
border-bottom:1px solid #ccc;
cursor:move;
}
#skin h2 img{
float:right;
position:relative;
top:14px;
right:8px;
cursor:pointer;
} 
#skin .skin_bg{
position:relative;
}
#skin .skin_bg .loading{
 position:absolute;
 top:140px;
 left:270px;
 width:100px;
 height:20px;
 background:url(images/loading4.gif);
}
#skin dl{
float:left;
padding:12px 0 0 12px;
}
#skin dl dt{
display:block;
cursor:pointer;
}
#skin dl dd{
text-align:center;
padding:5px 0 0 0;
letter-spacing:1px;}
#share {

width:210px;
height:315px;
border:1px solid #ccc;
position:absolute;
top:0px;
left:-211px;
background:#fff;
}
#share h2{

height:30px;
line-height:30px;
background:#eee;
padding:#eee;
margin:0;
font-size:14px;
color:#666;
text-indent:10px;}
#share ul{
height:254px;
padding:3px 0 2px 5px;
}
#share ul li{
width:96px;
height:28px;
float:left;
padding:2px;
}
#share ul li a{
display:block;
width:95px;
height:26px;
line-height:26px;
text-decoration:none;
color:#666;
background-image:url(images/share_bg.png);
background-repeat:no-repeat;
text-indent:30px;
}
#share ul li a.a{
background-position:5px 5px;
}
#share ul li a.b{
background-position:5px -25px;
}
#share ul li a.c{
background-position:5px -55px;
}
#share ul li a.d{
background-position:5px -85px;
}
#share ul li a.e{
background-position:5px -115px;
}
#share ul li a.f{
background-position:5px -145px;
}
#share ul li a.g{
background-position:5px -175px;
}
#share ul li a.h{
background-position:5px -205px;
}
#share ul li a.i{
background-position:5px -236px;
}
#share ul li a.j{
background-position:5px -266px;
}
#share ul li a.k{
background-position:5px -296px;
}
#share ul li a.l{
background-position:5px -326px;
}
#share ul li a.m{
background-position:5px -356px;
}
#share ul li a.n{
background-position:5px -386px;
}
#share ul li a.o{
background-position:5px -416px;
}
#share ul li a.p{
background-position:5px -446px;
}
#share ul li a:hover{
opacity:0.7;
filter:alpha(opacity=70);
background-color:#fafafa;
color:#06f;
}
#share .share_foot{
height:26px;
background:#eee;
position:relative;
}
#share .share_foot a{
position:absolute;
top:7px;
left:140px;
padding:0 0 0 13px;
background:#eee url(images/share_bg.png) no-repeat 0 -475px; /* 颜色是解决ie浏览器png截图黑的*/
text-decoration:none;
color:#666;
}
#share .share_foot a:hover{
color:#06f;
opacity:0.7;
filter:alpha(opacity=70);
}
#share .share_foot span{
display:block;
width:24px;
height:88px;
position:absolute;
top:-230px;
left:210px;
background:url(images/share.png) no-repeat;
cursor:pointer;
}
#loading{
position:absolute;
width:200px;
height:40px;
background:url(images/login_header.png);
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
z-index:10000;
display:none;
}
#loading p {
 height:40px;
 line-height:40px;
 font-size:14px;
 color:#666;
 font-weight:bold;
 background:url(images/loading3.gif) no-repeat 20px center;
 text-indent:50px;
}

#success{
position:absolute;
width:200px;
height:40px;
background:url(images/login_header.png);
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
z-index:10000;
display:none;
}
#success p {
 height:40px;
 line-height:40px;
 font-size:14px;
 color:#666;
 font-weight:bold;
 background:url(images/success.gif) no-repeat 20px center;
 text-indent:50px;
}
#footer{
width:900px;
float:left;
text-align:center;
padding:5px;
}
#footer p{
padding:5px;
}