@charset "utf-8";
/* CSS Document */
.avatar{ width:24px; height:24px; display:inline-block;}
#logInfo{  text-align:right;}
#logInfo a{ color:#FFF; font-size:14px; font-family:'微软雅黑';}
#wb_connect_btn{ min-width:180px;}
#wb_connect_btn img{ display:inline-block;}
#content{ margin-left:-10px; margin-right:-10px; height:900px; margin-top:20px;}
#content dl{ float:left; width:283px; border:1px solid #e0e0e0; margin:10px;}
#content dl:hover{ box-shadow:0 0 3px #F30;}
#content dl dt img{height:189px;}
#content dl dd{ margin:0; padding:10px 10px; position:relative; }
span.worksName,span.author,span.worksNumber{ display:block; line-height:20px;}
.line{ border-bottom:1px dotted #e0e0e0; height:0;}
#photos{ background:url(field.jpg); height:500px; text-align:center;}
a.join{ display:inline-block; margin:0 auto; margin-top:400px; background-color:#F90; color:#FFF; border:1px solid #F60; border-radius:3px; text-align:center; padding:10px 50px; font-size:16px;}
a.join:hover{ background-color:#F60;}
#imgList{ margin-left:-10px; margin-right:-10px;}
#imgList dl { display:inline-block; width:283px; border:1px solid #e0e0e0; margin:10px; cursor:pointer;}
#imgList dl dt img{ width:283px; height:189px;  cursor:pointer;}
#imgList dl dd{ height:30px; margin:0; padding:5px 5px 0; }
.err{ color:#F30;}
.imgName{ width:100%; border:none; line-height:20px; text-align:center; font-family:Microsoft YaHei; color:#555; }
a.vote{ position:absolute; right:10px; top:10px; display:block; width:70px; height:45px; background-color:#f0f0f0; z-index:10;}