@charset "utf-8";
body {
  background: url(/images/ja/home/openchat_bg.jpg) 0px 118px repeat-x;
}
#headerSticker #stickerList-wrap ul#stickerList li a {
  color: #FFF;
}
#headerSticker #stickerList-wrap ul#stickerList li a:hover {
  color: #F90;
}
/* -----------openChat------------ */
#openChatContainer {
  width: 960px;
  height: 484px;
  overflow: hidden;
}
#openchat_wrapper embed {
  display: block;
}
#tvEvent {
  width: 194px;
  height: 424px;
  border: 1px solid #8C8C8C;
  background: #FFF;
  float: left;
  overflow: hidden;
}
#openchat_wrapper {
  width: 750px;
  height: 426px;
  float: right;
  overflow: hidden;
}
#tvEvent .title {
  height: 28px;
  width: 180px;
  padding: 0px 4px 0px 10px;
  background: #F8F8F8 url(/images/ja/common_image/common.png) 0px -276px repeat-x;
  border-bottom: solid 1px #999;
  overflow: hidden;
}
#tvEvent .title h2 {
  color: #404040;
  line-height: 28px;
  font-size: 100%;
  overflow: hidden;
  float: left;
}
#tvEvent .title span {
  display: block;
  width: 52px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #F8F8F8 url(/images/ja/home/title_btn.png) left top no-repeat;
  margin-top: 4px;
  float: right;
  overflow: hidden;
}
#tvEvent .title span a {
  text-decoration: none;
  color: #FFF;
}
#tvEvent .title span a:hover {
  color: #F60;
}
#tvEvent ul#eventList {
  list-style-type: none;
  width: 194px;
  height: 395px;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
}
#tvEvent ul#eventList li {
  width: 171px;
  margin: 0;
  padding: 10px 0px 10px 6px;
  border-bottom: 1px dotted #D9D9D9;
  overflow: hidden;
}
#tvEvent ul#eventList li.onAirBg {
  background: #FFC;
}
#tvEvent ul#eventList li img {
  display: block;
  width: 60px;
  height: 45px;
  border: 1px solid #CCC;
  overflow: hidden;
  float: left;
}
#tvEvent ul#eventList li div {
  padding-left: 5px;
  width: 104px;
  overflow: hidden;
  float: left;
}
#tvEvent ul#eventList li div span.onAir {
  font-weight: bold;
  color: #F60;
}
#tvEvent ul#eventList li div img.icon {
  width: 15px;
  height: 15px;
  border: none;
  float: none;
  display: inline;
}
/* -----------homeUnder------------ */
#homeUnder {
  width: 960px;
  overflow: hidden;
}
#homeUnder .homeUnderContents {
  border: 1px solid #999;
  width: 222px;
  height: 710px;
  margin-bottom: 15px;
  float: left;
  margin-right: 12px;
  overflow: hidden;
}
.homeUnderContents .title {
  height: 28px;
  width: 208px;
  padding: 0px 4px 0px 10px;
  background: #F8F8F8 url(/images/ja/common_image/common.png) 0px -276px repeat-x;
  border-bottom: solid 1px #999;
  overflow: hidden;
}
.homeUnderContents .title h2 {
  width: 143px;
  color: #404040;
  line-height: 28px;
  font-size: 100%;
  overflow: hidden;
  float: left;
}
.homeUnderContents .title span {
  display: block;
  width: 52px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #F8F8F8 url(/images/ja/home/title_btn.png) left top no-repeat;
  margin-top: 4px;
  float: right;
  overflow: hidden;
}
.homeUnderContents .title span a, .homeUnderContents .title span button {
  background: none;
  border: none;
  text-decoration: none;
  color: #FFF;
}
.homeUnderContents .title span a:hover,.homeUnderContents .title span button:hover {
  cursor: pointer;
  color: #F60;
}
.homeUnderContents ul {
  display: block;
  list-style-type: none;
  width: 222px;
  height: 681px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.homeUnderContents ul li {
  width: 222px;
  margin: 0;
  padding: 6px 0px 5px 0px;
  border-bottom: 1px dotted #D9D9D9;
  overflow: hidden;
}
.homeUnderContents ul li:hover {
  background: #F7F7F7;
}
.homeUnderContents ul li.hasPrm {
  background: #FFC;
}
.homeUnderContents ul li.hasPrm:hover {
  background: #FFED88;
}
.homeUnderContents ul li div.prem_badge {
  width: 14px;
  height: 48px;
  padding: 0px 4px;
  float: left;
  overflow: hidden;
}
.homeUnderContents ul li div.prem_badge img {
  display: block;
  width: 14px;
  height: 14px;
  margin-bottom: 3px;
  overflow: hidden;
}
.homeUnderContents ul li img.profileImage {
  display: block;
  width: 60px;
  height: 45px;
  border: 1px solid #CCC;
  overflow: hidden;
  float: left;
}
.homeUnderContents ul li div.userInfo {
  padding-left: 5px;
  width: 133px;
  overflow: hidden;
  float: left;
}
/* -----------realTimeInfo------------ */
ul#feedList li div.userInfo p.info01 {
  padding-top: 3px;
}
ul#feedList li div.userInfo p.info02 {
  color: #999;
  font-style: italic;
}
ul#feedList li p.info03 {
  background: #E6E6E6;
  width: 60px;
  height: 45px;
  margin-left: 22px;
  margin-right: 5px;
  overflow: hidden;
  float: left;
}
/* -----------livememberList------------ */
ul#livememberList li div.userInfo p {
  padding-top: 3px;
}
ul#livememberList li div.userInfo p span {
  color: #999;
}
ul#livememberList li div.userInfo img.broadcastImg {
  margin-right: 3px;
  margin-bottom: -5px;
}
/* ----------- ranking ---------- */
#ranking-list {
  margin-right: 22px;
}
#ranking-list .ranking-cell {
  width: 214px;
  margin: 0 auto;
  overflow: hidden;
}
.ranking-number {
  width: 15px;
  height: 15px;
  padding: 16px 3px;
  float: left;
}
.ranking-userpicture {
  width: 60px;
  height: 45px;
  border: 1px solid #CCC;
  float: left;
}
.ranking-userinfo {
  display: block;
  padding-left: 5px;
  width: 90px;
  float: left;
}
.ranking-userinfo p {
  margin: 3px 0px;
}
.ranking-userinfo p img {
  display: block;
  height: 11px;
  overflow: hidden;
}
.ranking-userposition {
  width: 16px;
  height: 16px;
  float: right;
  padding: 15px 2px;
}
/* ----------- banner ---------- */
table#homebanner {
  width: 250px;
  float: left;
  text-align: center;
}
table#homebanner td {
  padding-bottom: 12px;
}
/* 250*250 banner */
#featured {
  margin-bottom: 15px;
}
#featured ul {
  width: 250px;
  height: 250px;
  overflow: hidden;
  list-style-type: none;
  position: relative;
  margin: 0px;
  padding: 0px;
}
#featured li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
.orbit img {
  position: absolute;
  width: 250px;
  height: 250px;
}
.slider-nav {
  display: block;
}
.slider-nav span {
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  position: absolute;
  z-index: 1000;
  cursor: pointer;
  opacity: 0.8;
}
.slider-nav span:hover {
  opacity: 1;
}
.slider-nav span.right {
  background: url(/images/ja/home/arrowRight.png);
  margin: -22px 0 0 228px;
}
.slider-nav span.left {
  background: url(/images/ja/home/arrowLeft.png);
  margin: -22px 0 0 3px;
}
.orbit-bullets {
  display: none;
}
.timer {
  display: none;
}
.caption {
  display: none;
}