@charset "utf-8";
/* CSS Document */
/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
font-size:12px;
font-family:Verdana, Geneva, sans-serif
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
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;
}
/* common */
a{ text-decoration:none; color:#FFFFFF}
a:hover{ color:#FFCC00}
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */
.list{ position:absolute; z-index:1;width:530px; height:485px; display:none }
.join{ position:absolute; z-index:3;}
#login{ position:absolute; z-index:3; width:450px; height:400px;display:none}
#picbox{ position:absolute; z-index:3;display:none;}
#endpop{position:absolute; z-index:3;display:none;}
.blank{ width:100%; height:100%;position:absolute; background:#000; z-index:2;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;display:none}
.login_box{ width:450px; height:400px; background:url(../images/login1.jpg) no-repeat; overflow:hidden;}
.login_box2{width:530px; height:485px; }
.join_box{ width:450px; height:400px; background:url(../images/login2.jpg) no-repeat; overflow:hidden;}
.loginok_box{ width:450px; height:400px; background:url(../images/login4.jpg) no-repeat; overflow:hidden;}
#index{ position:absolute; z-index:0;}
.list_box{ width:530px; height:485px; overflow:hidden; padding-top:25px;}
.list_box p{ text-align:center; margin-bottom:8px;}
.list_box td{ width:25%; padding:3px;}
.list_box td img{ border:2px solid #646874;}
.list_box td p{ text-align:left; color:#FFF;margin-bottom:0px; padding:2px 0;}
.list_box td .user_img{ height:104px;}
.list_box span{ font-weight:bold; color:#ffd102}
.list_box p.page{ color:#fff;}
.list_box p a{ color:#000;}
.list_box p a:hover{ color:#fff}
.login_tab td{ padding:5px;}
.login_tab input.inputa{ border:1px solid #666; background:#fff; padding:3px;}
.login_tab input.inputb{ background:#000; color:#fff; padding:3px;border:1px solid #000;}
.list_box_con{ width:530px; height:485px; overflow:hidden; padding-top:25px;}
.list_box_con p{ text-align:center; margin-bottom:5px;}
.list_box_con td{padding:3px;}
.list_box_con td img{ border:2px solid #646874;}
.list_box_con td p{ text-align:left; color:#FFF;margin-bottom:0px; padding:3px 0;* padding:2px 0}
.list_box_con span{ font-weight:bold; color:#ffd102; margin-right:10px;}
.list_box_con p.page{ color:#fff;}
.list_box_con p a{ color:#000;}
.list_box_con p a:hover{ color:#fff}
.loginoktolist{ width:150px; height:30px; background:url(../images/tolist.jpg) no-repeat; position:absolute; margin-left:150px; margin-top:240px;}
.loginoktolist:hover{ background:url(../images/tolist_h.jpg) no-repeat;}