@charset "UTF-8";
/* ==============================
  css-member-login
=================================
content
---------------------------------
mainL
---------------------------------
sideR
---------------------------------
everybodyAva
---------------------------------
avatarList
---------------------------------
memFtr
============================== */

#wrap-top {
  width: 100%;
}

/* ------------------------------
  content-wrap
------------------------------ */
#content-wrap {
  padding-top:22px;
  width: 100%;
  
}
#content {
  padding-bottom: 50px;
}

/* ------------------------------
  mainL
------------------------------ */
#mainL {
  width: 695px;
  float: left;
}

/* ------------------------------
  sideR
------------------------------ */
#sideR {
  width: 240px;
  float: right;
}

/* ------------------------------
  everybodyAva
------------------------------ */
#everybodyAva {
  width: 100%;
  background: url(/image/contents/member/nomal/bg02.gif) repeat-x;
}
#everybodyAva-title {
  width: 960px;
  margin-bottom: 6px;
}
#everybodyAva h3 {
  width: 246px;
  height: 35px;
  background: url(/image/contents/member/nomal/h3_ava_all.gif) no-repeat top right;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
}
#everybodyAva p {
  font-size: 12px;
  padding-left: 10px;
  background: url(/image/contents/member/nomal/arrow01.gif) no-repeat left center;
  margin-top: 10px;
  float: right;
}
#everybodyAva p a {
  color: #FFFFFF;
  text-decoration: none;
}
#everybodyAva p a:hover {
  color: #999999;
}

/* ------------------------------
  avatarList
------------------------------ */
#everybodyAva ul.avatarList {
  width: 960px;
  margin-bottom: 30px;
}
#topIntroduce ul.avatarList,
#introduce ul.avatarList,
#topJoin-mem ul.avatarList,
#join-mem ul.avatarList {
  width: 645px;
  margin-bottom: 20px;
}

/* clearfix */
ul.avatarList:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul.avatarList {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html ul.avatarList {
  height: 1%;
}
ul.avatarList {
  display: block;
}
/* End hide from IE-mac */

ul.avatarList li {
  width: 120px;
  position: relative;
  float: left;
}
#topIntroduce ul.avatarList li,
#introduce ul.avatarList li,
#topJoin-mem ul.avatarList li,
#join-mem ul.avatarList li {
  padding-right: 11px;
}
#topIntroduce ul.avatarList li.last,
#introduce ul.avatarList li.last,
#topJoin-mem ul.avatarList li.last,
#join-mem ul.avatarList li.last {
  padding-right: 0;
}

ul.avatarList li span.avaImg {
  width: 120px;
  height: 190px;
  text-align: center;
  display: block;
}
ul.avatarList li span.hover {
  width: 120px;
  height: 190px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
ul.avatarList li span.memName {
  width: 120px;
  font-size: 12px;
  text-align: center;
  display: block;
  padding-top: 10px;
}

ul.avatarList li a {
  cursor: pointer;
}
ul.avatarList li a span.hover {
  width: 120px;
  height: 190px;
  background: url(/image/contents/member/nomal/ava_case_hover.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
ul.avatarList li a:hover span.hover {
  background-position: 0 -190px;
}

ul.avatarList li a span.memName {
  text-decoration: underline;
}
ul.avatarList li a:hover span.memName {
  text-decoration: none;
}

ul.avatarList li span.btn-vote {
  width: 120px;
  text-align: center;
  display: block;
  padding-top: 10px;
}

ul.avatarList li span.memInfo {
  width: 120px;
  color: #8a8a8a;
  font-size: 10px;
  text-align: center;
  display: block;
  padding-top: 3px;
}
* html ul.avatarList li span.memInfo {
  font-size: 9px;
}

#allAvatar ul.avatarList {
  margin-bottom: 20px;
}
#allAvatar ul.avatarList li {
  padding-right: 11px;
}
#allAvatar ul.avatarList li.last {
  padding-right: 0;
}

/* ------------------------------
  memFtr
------------------------------ */
#memFtr {
  width: 100%;
  height: 27px;
  background: url(/image/contents/member/nomal/bg03.gif) repeat-x;
  margin-bottom: 25px;
}
#memFtr p {
  width: 960px;
  height: 27px;
  background: url(/image/contents/member/nomal/copyright.gif) no-repeat 0 12px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}