@charset "utf-8";
/* Chat CSS Document */
/*common start*/

/*---------- reset ----------*/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dd,
form,fieldset,legend,textarea,input,button,
blockquote,pre{
	margin:0;
	padding:0;
}

html{
	overflow-y:scroll;
	font:12px Verdana,宋体;
	color:#666;
	background:#FFF;
}

h1,h2,h3,h4,h5,h6,
input,textarea,select,optgroup,button,
pre,tt,code{
	font-size:100%;
	font-family:Verdana,宋体;
}

input,textarea,select,button,
* legend{
	color:#666;
}

textarea{
	overflow:auto;
}

img{
	border:0;
}

hr{
	height:1px;
	border:none;
	border-top:1px solid #DDD;
}

fieldset{
	border:1px solid #DDD;
}

q:before,
q:after {
	content:'';
}

li{
	list-style:none;
}

table{
	width:100%;
}

.clear-color a{
	color:#666;
	}
a.red1{color:#F6A;}
a.red2{color:#E39;}
a.green1{color:#5A0;}
a.green2{color:#390;}

a{
    color:#C69;
	text-decoration:none;
    }
a:hover{
    color:#39E;
	text-decoration:none;
}

/*---------- type ----------*/
.size13{
	font-size:13px;
}

/*----- color -----*/
.red1{color:#F6A;}
.red2{color:#E39;}
.green1{color:#5A0;}
.green2{color:#390;}
.gray2{color:#999;}

/*----- stress -----*/
.stress{font-weight:bold;}
.lighter{font-weight:lighter;}

/*----- margin -----*/
.margin20{
	margin-bottom:20px;
	}
.clear-margin{
	margin-bottom:0 !important;
}

.right{
	text-align:right;
}

/*----- float -----*/
.float-left{
	float:left;
	}
.float-right{
	float:right;
	}
.clear-float{
	overflow:hidden;
	height:0;
	clear:both;
}

/*----- limit -----*/
.limit{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}


/*---------- module ----------*/
.module{
	margin-bottom:20px;
}

/*----- module > headline -----*/
.module .headline-wrap{
	height:35px;
	}
.module .headline-wrap .lcorner,
.module .headline-wrap .rcorner,
.module .headline,
.module .headline span{
	height:35px;
	background:url(/images/common/module-head-bg.gif) no-repeat;
	}
.module .headline-wrap .lcorner,
.module .headline-wrap .rcorner{
	float:left;
	width:10px;
	margin-top:-35px;
	}
.module .headline-wrap .lcorner{
	background-position:0 0;
	}
.module .headline-wrap .rcorner{
	float:right;
	background-position:100% 0;
	}
.module .headline{
	height:25px;
	line-height:25px;
	padding-bottom:10px;
	margin:0 10px;
	background-position:0 -35px;
	background-repeat:repeat-x;
	}
.module .headline span{
	float:left;
	height:25px;
	padding-right:60px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background-position:100% -70px;
	background-color:#ff88bd;
	}
.module .headline span a{
	color:#FFF;
}

/*----- module > head -----*/
.module .head-wrap,
.module .foot-wrap{
	height:10px;
	}
.module .head-wrap .lcorner,
.module .head-wrap .rcorner,
.module .head,
.module .foot-wrap .lcorner,
.module .foot-wrap .rcorner,
.module .foot{
	overflow:hidden;
	height:10px;
	background:url(/images/common/module-head-bg.gif) no-repeat;
	}
.module .head-wrap .lcorner,
.module .head-wrap .rcorner,
.module .foot-wrap .lcorner,
.module .foot-wrap .rcorner{
	float:left;
	width:10px;
	margin-top:-10px;
	}
.module .head-wrap .lcorner{
	background-position:0 -105px;
	}
.module .head-wrap .rcorner,
.module .foot-wrap .rcorner{
	float:right;
	background-position:100% -105px;
	}
.module .head,
.module .foot{
	margin:0 10px;
	background-position:0 -95px;
	background-repeat:repeat-x;
}

/*----- module > foot -----*/
.module .foot-wrap .lcorner{
	background-position:0 -115px;
	}
.module .foot-wrap .rcorner{
	background-position:100% -115px;
	}
.module .foot{
	background-position:0 -125px;
}

/*----- module > body -----*/
.module .body-wrap,
.module .body{
	background:url(/images/common/module-body-bg.gif) repeat-y;
	}
.module .body-wrap{
	background-position:0 0;
	background-color:#fff9fc;
	}
.module .body{
	line-height:2;
	padding:0 15px;
	background-position:100% 0;
}

/*---------- header ----------*/
.header-wrap{
	height:100px;
	background:url(/images/common/header-bg.gif) repeat-x 0 0;
	}
.header{
	width:920px;
	height:100px;
	margin:auto;
}

.logo{
	position:relative;
	float:left;
	width:112px;
	margin-top:22px;
	}
.logo .slog{
	position:absolute;
	top:0;
	right:-113px;
}

/*----- top-bar -----*/
.top-bar{
	height:25px;
	padding-top:10px;
	text-align:right;
}

.top-bar .search-bar{
	float:right;
	margin-left:1em;
	}
.top-bar .search-bar .search-input{
	float:left;
	width:118px;
	height:13px;
	border:1px solid #C9C;
	}
.top-bar .search-bar .search-input.hover{
	border-color:#5A0;
	}
.top-bar .search-bar .search-btn{
	float:left;
	width:15px;
	height:15px;
	border:none;
	cursor:pointer;
	background:url(/images/common/search-btn.gif) no-repeat 0 0;
}

.top-bar a.msg{
	padding-left:20px;
	background:url(/images/common/new-msg.gif) no-repeat left center;
    }
.top-bar a.friend-invite{
	padding-left:20px;
	background:url(/images/common/friend-invite.gif) no-repeat left top;
	}
.top-bar a.renren{
	padding-left:18px;
	background:url(/images/api/renren/icon.gif) no-repeat 0 0;
}

.top-bar .renren-online a{
	padding-left:18px;
	background:url(/images/api/renren/icon.gif) no-repeat 0 0;
	}
.top-bar .renren-online img{
	display:none;
}

.top-bar .drop-menu-wrap{
	_zoom:1;
	z-index:2000;
	padding-right:7px;
	background:url(/images/common/drop-menu-arrow.gif) no-repeat 100% 4px;
	}
.top-bar .drop-menu{
	display:none;
	position:absolute;
	top:16px;
	left:0;
	width:75px;
	line-height:2;
	padding:0 5px;
	border:1px solid #5A0;
	text-align:left;
	background:#f9fff3;
	}
.top-bar .drop-menu a{
	display:block;
	height:24px;
}

/*----- main-nav -----*/
.main-nav{
    float:right;
    height:50px;
	margin-top:15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
    }
.main-nav li,
.main-nav a,
.main-nav a span{
	float:left;
	}
.main-nav li{
	position:relative;
	z-index:1000;
    }
.main-nav a{
	color:#666;
    }
.main-nav a span{
	height:28px;
	padding:22px 10px 0;
	cursor:pointer;
	}
.main-nav span.hot,
.main-nav span.new{
    height:50px;
	padding:0 10px;
    }
.main-nav span.hot strong,
.main-nav span.new strong{
	float:left;
	height:28px;
	padding:22px 18px 0 0;
	background:url(/images/common/recommand-icon.gif) no-repeat 100% 15px;
    }
.main-nav span.new strong{
	background-image:url(/images/common/new-icon.gif);
	}
.main-nav li.current a,
.main-nav li.hover a,
.main-nav a:hover{
	background:url(/images/common/main-nav-bg.gif?v1) no-repeat 0 0;
    }
.main-nav li.current a span,
.main-nav li.hover a span,
.main-nav a:hover span{
	color:#5A0;
	background:url(/images/common/main-nav-bg.gif?v1) no-repeat 100% 100%;
}

/*----- main-nav > drop-menu -----*/
.main-nav .drop-menu{
	display:none;
	position:absolute;
	top:45px;
	left:0;
    width:100px;
	line-height:2;
	padding-top:10px;
	background:url(/images/common/main-drop-menu-top.gif) no-repeat 0 0;
    }
.main-nav .drop-menu ul{
	* zoom:1;
	padding:0 15px 10px;
	text-align:left;
	font-weight:lighter;
	font-size:12px;
	background:url(/images/common/main-drop-menu-bottom.gif) no-repeat 0 100%;
	}
.main-nav .drop-menu li,
.main-nav .drop-menu a,
.main-nav .drop-menu a span{
	float:none;
	background:none !important;
	}
.main-nav .drop-menu a{
	display:block;
	height:24px;
	}
.main-nav .drop-menu a:hover{
	color:#5A0;
}

/*---------- content ----------*/
.bodyer{
	width:920px;
	margin:0 auto 20px;
}

.main-column{
	width:700px;
	}
.sub-column{
	width:200px;
}

/*---------- banner ----------*/
.banner-wrap{
	position:relative;
	z-index:1;
	height:240px;
	margin-bottom:20px;
	}
.banner{
	position:absolute;
	top:-35px;
	left:0;
	width:700px;
	height:275px;
}

/*----- login -----*/
.login-out{
	position:relative;
	z-index:2;
	height:36px;
	padding-top:15px;
	* height:39px;
	* padding-top:12px;
	text-align:right;
	font-family:Tahoma;
	}
.login-out *{
	vertical-align:middle;
	}
.login-out .text-input{
	width:124px;
	height:15px;
	padding:2px;
	border:1px solid #CCC;
	}
.login-out .login-btn,
.login-out .regi-btn{
	width:75px;
	height:21px;
	border:0;
	cursor:pointer;
	background:url(/images/homepage/login-btn.gif) no-repeat 0 0;
	}
.login-out .login-btn:hover,
.login-out .login-btn.hover{
	background-position:0 100%;
	}
.login-out .regi-btn{
	display:inline-block;
	background-position:100% 0;
	}
.login-out .regi-btn:hover{
	background-position:100% 100%;
}

.login-in{
	position:relative;
	z-index:2;
	height:51px;
	line-height:51px;
	text-align:right;
	font-size:14px;
}

/*----- story -----*/
.story,
.food,
.topic,
.news{
	width:340px;
}

.story .body{
	height:135px;
	padding:0 10px;
	}
.story .stat{
	height:25px;
	line-height:normal;
	font-size:14px;
	text-align:center;
	}
.story .story-content{
	height:110px;
	}
.story .slide-forward,
.story .slide-back{
	float:left;
	width:20px;
	height:60px;
	background:url(/images/homepage/story-btn.gif) no-repeat 0 0;
	}
.story .slide-forward:hover{
	background-position:0 100%;
	}
.story .slide-back{
	background-position:100% 0;
	}
.story .slide-back:hover{
	background-position:100% 100%;
	}
.story .slide-wrap{
	position:relative;
	float:left;
	overflow:hidden;
	width:270px;
	height:110px;
	line-height:25px;
	margin:0 5px;
	}
.story .slide{
	position:absolute;
	width:540px;
	}
.story .slide a{
	float:left;
	width:90px;
	text-align:center;
	cursor:pointer;
	color:#444;
	}
.story .slide a:hover{
	background:#FEF;
	}
.story .slide p{
	width:90px;
}

/*----- food -----*/
.food .body{
	height:135px;
	}
.food .search-bar{
	height:25px;
	padding-top:80px;
	margin-bottom:5px;
	background:url(/images/homepage/food-illus.gif) no-repeat 0 -15px;
	}
.food .search-input{
	float:left;
	width:265px;
	padding:4px;
	height:15px;
	line-height:15px;
	border:1px solid #CCC;
	}
.food .search-btn{
	float:right;
	width:25px;
	height:25px;
	border:0;
	cursor:pointer;
	background:url(/images/homepage/food-search-btn.gif) no-repeat 0 0;
	}
.food .search-btn.hover{
	background-position:0 100%;
}

.topic .body,
.news .body{
	height:175px;
	}
.topic .body {
	line-height:25px;
}

.topic .body a{
	white-space:nowrap;
}

.news .pic-news{
	height:75px;
	margin-bottom:2px;
	}
.news .pic-news .illus{
	float:left;
	overflow:hidden;
	width:75px;
	height:60px;
	padding-top:10px;
	margin-right:15px;
	}
.news .pic-news .intr{
	float:right;
	width:220px;
	}
.news ul,
.news li{
	width:150px;
}

.state .body{
	height:270px;
	line-height:27px;
}

.member{
	height:90px;
	line-height:2;
	padding:40px 10px 0 15px;
	background:url(/images/homepage/member-bg.jpg) no-repeat 0 0;
}

/*---------- footer ----------*/
.footer-wrap{
	padding:10px 0;
	background:url(/images/common/footer-bg.gif?v1) repeat-x 0 0;
	}
.footer{
	width:920px;
    margin:auto;
	line-height:30px;
	text-align:center;
}


.user-online,
.user-unline{
	padding-left:18px;
	font-weight:bold;
	background:url(/images/profile/user-online.gif) no-repeat;
    }
.user-online{
	background-position:0px 0px;
    }
.user-unline{
	background-position:0px -25px;
}

.nice-mark{
  padding-left:20px;
  font-weight:bold;
  color:#E39 !important;
  background:url(/images/nice/nice-mark.gif) no-repeat 0 50%;
}


.user-levels{
	font-weight:bold;
	color:#5A0;
	}
.user-coins{
	padding-right:15px;
	font-weight:bold;
	color:#F60;
	background:url(/images/profile/gold-coin.gif) no-repeat 100% 2px;
	}
.user-points{
	font-weight:bold;
}

.suggest{
	display:none;
	position:absolute;
	top:-6px;
	left:0;
	width:273px !important;
	border:1px solid #CCC;
	background:#FFF;
	}
.suggest li{
	padding:0 5px;
	cursor:pointer;
	}
.suggest li.hover{
	background:#DFB;
}

/*---------- broadcast ----------*/
.broadcast{
	position:fixed;
	right:20px;
	bottom:35px;
	width:260px;
	* filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false) !important;
	}
* html .broadcast{
	position:absolute;
	bottom:auto;
    top:expression( ( -35 - this.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.broadcast .headline{
	height:30px;
	line-height:30px;
	padding:5px 10px 10px 15px;
	font-size:14px;
	font-weight:bold;
	}
.broadcast .headline div{
	position:relative;
	height:30px;
	}
.broadcast .headline .close{
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	}
.broadcast .headline .close:hover{
	background-position:0 100%;
}

.broadcast .body{
	_height:1%;
	line-height:2;
	padding:0 20px;
	
}

.broadcast .foot{
	height:15px;
	
}

/*----- broadcast-notice -----*/
.broadcast-notice .headline .close{
	background:url(/images/broadcast/notice/close.gif) no-repeat 0 0;
	}
.broadcast-notice .headline{
	color:#390;
	background:url(/images/broadcast/notice/head-bg.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/head-bg.png');
	}
.broadcast-notice .body{
	background:url(/images/broadcast/notice/body-bg.png) repeat-y 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/body-bg.png');
	}
.broadcast-notice .foot{
	background:url(/images/broadcast/notice/foot-bg.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/foot-bg.png');
}

/*----- broadcast-remind -----*/
.broadcast-remind .headline .close{
	background:url(/images/broadcast/remind/close.gif) no-repeat 0 0;
	}
.broadcast-remind .headline{
	color:#E39;
	background:url(/images/broadcast/remind/head-bg.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/head-bg.png');
	}
.broadcast-remind .body{
	background:url(/images/broadcast/remind/body-bg.png) repeat-y 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/body-bg.png');
	}
.broadcast-remind .foot{
	background:url(/images/broadcast/remind/foot-bg.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/foot-bg.png');
}