body {
  background: black url('../imgs/bg.jpg?1376671968') no-repeat scroll center 0;
}

#container {
  width: 960px;
  min-height: 1000px;
  margin: 0 auto;
  padding-top: 20px;
}

#header {
  position: relative;
  height: 110px;
}
#header #oklogo {
  position: absolute;
  left: 0;
  top: 0;
  background: url('../imgs/oklogo.png?1376672470') no-repeat scroll 0 0;
  width: 41px;
  height: 41px;
}
#header #logo {
  position: relative;
  margin: 0 auto;
  background: url('../imgs/headerlogo.png?1376672470') no-repeat scroll 0 0;
  width: 301px;
  height: 81px;
}
#header #logo a {
  display: block;
  width: 301px;
  height: 81px;
}
#header ._closeBtn-sprite, #header ._closeBtn-closebtn {
  background: url('../imgs/_closeBtn-s23ebdc5980.png') no-repeat;
}
#header ._closeBtn-closebtn {
  background-position: 0 -30px;
}
#header ._closeBtn-closebtn:hover, #header ._closeBtn-closebtn.closebtn_hover, #header ._closeBtn-closebtn.closebtn-hover {
  background-position: 0 0;
}
#header #closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 110px;
  height: 30px;
  cursor: pointer;
}

#content {
  position: relative;
}
#content h1 {
  background: url('../imgs/titles/rank.png?1377136193') no-repeat scroll 0 0;
  width: 719px;
  height: 92px;
  margin-left: -18px;
  margin-top: -18px;
}
#content h2 {
  background: url('../imgs/subtitles/rank.png?1377156854') no-repeat scroll 0 0;
  width: 435px;
  height: 24px;
}

#footer {
  width: 100%;
  height: 21px;
  margin: 0 auto;
  text-align: center;
  font-size: 9px;
  background-color: #c30d23;
  color: #fff;
  padding-top: 9px;
}

#closeBtn2 {
  margin: 0 auto;
  position: fixed;
  bottom: 50px;
  right: 150px;
}
#closeBtn2 ._closeBtn2-sprite, #closeBtn2 ._closeBtn2-closebtn2 {
  background: url('../imgs/_closeBtn2-s52ad4ae6f0.png') no-repeat;
}
#closeBtn2 ._closeBtn2-closebtn2 {
  background-position: 0 -60px;
}
#closeBtn2 ._closeBtn2-closebtn2:hover, #closeBtn2 ._closeBtn2-closebtn2.closebtn2_hover, #closeBtn2 ._closeBtn2-closebtn2.closebtn2-hover {
  background-position: 0 0;
}
#closeBtn2 a {
  overflow: hidden;
  *zoom: 1;
  float: right;
  background-color: #3d3d3d;
  text-decoration: none;
  color: #fff;
  width: 120px;
  height: 60px;
  display: block;
}

#goTopBtn {
  margin: 0 auto;
  position: fixed;
  bottom: 50px;
  right: 20px;
}
#goTopBtn ._goTopBtn-sprite, #goTopBtn ._goTopBtn-gotopbtn {
  background: url('../imgs/_goTopBtn-sa7183cfc4f.png') no-repeat;
}
#goTopBtn ._goTopBtn-gotopbtn {
  background-position: 0 -60px;
}
#goTopBtn ._goTopBtn-gotopbtn:hover, #goTopBtn ._goTopBtn-gotopbtn.gotopbtn_hover, #goTopBtn ._goTopBtn-gotopbtn.gotopbtn-hover {
  background-position: 0 0;
}
#goTopBtn a {
  overflow: hidden;
  *zoom: 1;
  float: right;
  background-color: #3d3d3d;
  text-decoration: none;
  color: #fff;
  width: 120px;
  height: 60px;
  display: block;
}

#rankArea {
  margin-top: 40px;
  overflow: hidden;
  *zoom: 1;
}
#rankArea #publicRankArea {
  display: inline;
  float: left;
  width: 490px;
  min-height: 1000px;
}
#rankArea #publicRankArea .rankingData li.rankingHeader {
  height: 19px;
  padding-top: 9px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#rankArea #publicRankArea .rankingData li.rankingHeader div[title="ranking"] {
  padding-right: 0;
  margin: 0;
  background: url('../imgs/rank/rankingHeader/ranking.png?1376677766') no-repeat scroll 0 0;
  width: 145px;
  height: 11px;
  display: inline;
  float: left;
}
#rankArea #publicRankArea .rankingData li.rankingHeader div[title="name"] {
  padding-right: 0;
  margin: 0;
  background: url('../imgs/rank/rankingHeader/name.png?1376677766') no-repeat scroll 0 0;
  width: 172px;
  height: 11px;
  display: inline;
  float: left;
}
#rankArea #publicRankArea .rankingData li.rankingHeader div[title="score"] {
  padding-right: 0;
  margin: 0;
  background: url('../imgs/rank/rankingHeader/score.png?1376677766') no-repeat scroll 0 0;
  width: 165px;
  height: 11px;
  display: inline;
  float: left;
}
#rankArea #publicRankArea .rankingData .up1px {
  margin-top: -1px;
}
#rankArea #publicRankArea .rankingData li.rankingBody {
  background: url('../imgs/rank/rankBG2.png?1376675060') no-repeat scroll 0 0;
  height: 81px;
  overflow: hidden;
  *zoom: 1;
}
#rankArea #publicRankArea .rankingData li.rankingBody .rankNumber {
  width: 67px;
  height: 55px;
  padding-top: 26px;
  overflow: hidden;
  *zoom: 1;
  display: inline;
  float: left;
}
#rankArea #publicRankArea .rankingData li.rankingBody .thumb {
  margin: 10px 10px 10px 9px;
  width: 60px;
  height: 60px;
  display: inline;
  float: left;
}
#rankArea #publicRankArea .rankingData li.rankingBody .username {
  position: relative;
  width: 167px;
  height: 81px;
  display: inline;
  float: left;
}
#rankArea #publicRankArea .rankingData li.rankingBody .username p {
  position: absolute;
  left: 0;
  top: 0;
  width: 170px;
  max-height: 51px;
  line-height: 120%;
  font-size: 18px;
  color: #fff;
  word-wrap: break-word;
}
#rankArea #publicRankArea .rankingData li.rankingBody .score {
  width: 120px;
  height: 64px;
  padding-top: 17px;
  overflow: hidden;
  *zoom: 1;
  display: inline;
  float: left;
}
#rankArea #publicRankArea .rankingData li.celeb {
  background: url('../imgs/rank/rankBG.png?1376674820') no-repeat scroll 0 0;
}
#rankArea #publicRankArea .rankingData li.celeb .username p {
  font-size: 9px;
  line-height: 0;
  letter-spacing: -0.9em;
  text-indent: -160px;
  color: #000;
  text-align: left;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;
  height: 23px;
}
#rankArea #publicRankArea .rankingData li.celeb1 .username p {
  background-image: url('../imgs/rank/celebs/1/name.png?1376676600');
}
#rankArea #publicRankArea .rankingData li.celeb2 .username p {
  background-image: url('../imgs/rank/celebs/2/name.png?1376676658');
}
#rankArea #publicRankArea .rankingData li.celeb3 .username p {
  background-image: url('../imgs/rank/celebs/3/name.png?1376676698');
}
#rankArea #publicRankArea .rankingData li.celeb4 .username p {
  background-image: url('../imgs/rank/celebs/4/name.png?1376676743');
}
#rankArea #publicRankArea .rankingData li.celeb5 .username p {
  background-image: url('../imgs/rank/celebs/5/name.png?1376676783');
}
#rankArea #publicRankArea .rankingData li.celeb6 .username p {
  background-image: url('../imgs/rank/celebs/6/name.png?1376676825');
}
#rankArea #publicRankArea .rankingData li.celeb7 .username p {
  background-image: url('../imgs/rank/celebs/7/name.png?1376676867');
}
#rankArea #publicRankArea .rankingData li.celeb8 .username p {
  background-image: url('../imgs/rank/celebs/8/name.png?1376676909');
}
#rankArea #publicRankArea #moreBtn {
  width: 510px;
  height: 40px;
  margin: 10px 0 40px 0;
}
#rankArea #publicRankArea #moreBtn ._moreBtn-sprite, #rankArea #publicRankArea #moreBtn ._moreBtn-moreBtn {
  background: url('../imgs/_moreBtn-sd133ef9114.png') no-repeat;
}
#rankArea #publicRankArea #moreBtn ._moreBtn-moreBtn {
  background-position: 0 -40px;
}
#rankArea #publicRankArea #moreBtn ._moreBtn-moreBtn:hover, #rankArea #publicRankArea #moreBtn ._moreBtn-moreBtn.moreBtn_hover, #rankArea #publicRankArea #moreBtn ._moreBtn-moreBtn.moreBtn-hover {
  background-position: 0 0;
}
#rankArea #publicRankArea #moreBtn a {
  color: #fff;
  width: 510px;
  height: 40px;
  display: block;
}
#rankArea #celebRankArea {
  display: inline;
  float: left;
  margin-left: 20px;
  background: url('../imgs/rank/waku.png?1376989932') no-repeat scroll 0 0;
  width: 450px;
}
#rankArea #celebRankArea h3 {
  margin: 25px auto 15px auto;
  background: url('../imgs/rank/celebChallengeRankingTitle.png?1376578049') no-repeat scroll 0 0;
  width: 296px;
  height: 23px;
}
#rankArea #celebRankArea .rankingData li {
  position: relative;
  background: url('../imgs/rank/hits.gif?1375949971') no-repeat scroll 338px 50px;
  height: 80px;
  margin-bottom: 20px;
}
#rankArea #celebRankArea .rankingData li div.rankNumber {
  width: 88px;
  height: 26px;
  position: absolute;
  left: 25px;
  top: 32px;
}
#rankArea #celebRankArea .rankingData li div.thumb {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 123px;
  top: 0;
}
#rankArea #celebRankArea .rankingData li div.username {
  position: absolute;
  left: 214px;
  top: 5px;
}
#rankArea #celebRankArea .rankingData li div.username p {
  font-size: 9px;
  line-height: 0;
  text-indent: -1.5em;
  letter-spacing: -0.9em;
  color: #000;
  text-align: left;
  width: 215px;
  height: 23px;
}
#rankArea #celebRankArea .rankingData li div.score {
  position: absolute;
  left: 214px;
  top: 35px;
}
#rankArea #celebRankArea .rankingData li.celeb1 .username p {
  background: url('../imgs/rank/celebs/1/name.gif?1376579963') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb1 .thumb {
  background: url('../imgs/rank/celebs/1/thumb.jpg?1376943178') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb2 .username p {
  background: url('../imgs/rank/celebs/2/name.gif?1376579963') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb2 .thumb {
  background: url('../imgs/rank/celebs/2/thumb.jpg?1376943178') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb3 .username p {
  background: url('../imgs/rank/celebs/3/name.gif?1376579963') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb3 .thumb {
  background: url('../imgs/rank/celebs/3/thumb.jpg?1376943178') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb4 .username p {
  background: url('../imgs/rank/celebs/4/name.gif?1376579963') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb4 .thumb {
  background: url('../imgs/rank/celebs/4/thumb.jpg?1376943178') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb5 .username p {
  background: url('../imgs/rank/celebs/5/name.gif?1376579963') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb5 .thumb {
  background: url('../imgs/rank/celebs/5/thumb.jpg?1376943178') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb6 .username p {
  background: url('../imgs/rank/celebs/6/name.gif?1376579963') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb6 .thumb {
  background: url('../imgs/rank/celebs/6/thumb.jpg?1376943178') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb7 .username p {
  background: url('../imgs/rank/celebs/7/name.gif?1376579963') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb7 .thumb {
  background: url('../imgs/rank/celebs/7/thumb.jpg?1376943178') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb8 .username p {
  background: url('../imgs/rank/celebs/8/name.gif?1376579963') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li.celeb8 .thumb {
  background: url('../imgs/rank/celebs/8/thumb.jpg?1376943179') no-repeat scroll 0 0;
}
#rankArea #celebRankArea .rankingData li:last-child {
  margin-bottom: 5px;
}
#rankArea #celebRankAreaEnd {
  display: inline;
  float: left;
  margin-left: 20px;
  background: url('../imgs/rank/waku.png?1376989932') no-repeat scroll 0 bottom;
  width: 450px;
  height: 20px;
}
#rankArea .rankNumber0 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber0 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber1 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -22px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber1 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -25px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber2 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -44px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber2 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -50px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber3 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -66px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber3 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -75px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber4 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -88px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber4 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -100px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber5 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber5 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -125px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber6 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -132px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber6 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -150px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber7 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -154px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber7 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -175px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber8 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -176px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber8 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -200px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}
#rankArea .rankNumber9 {
  background-image: url('../imgs/rank/rankNumbers.png?1376472139');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -198px 0;
  width: 22px;
  height: 26px;
  display: inline;
  float: left;
}
#rankArea .scoreNumber9 {
  margin: 0 2px 0 3px;
  background-image: url('../imgs/rank/digitalNumbers.png?1376473274');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -225px 0;
  width: 25px;
  height: 46px;
  display: inline;
  float: left;
}