@charset "utf-8";

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

/* Font,  Link & Container */
body { font:12px/1.6 arial,helvetica,sans-serif; }
a:link { color:#369;text-decoration:none; }
a:visited { color:#669;text-decoration:none; }
a:hover { color:#fff;text-decoration:none;background:#039; }
/*a:active { color:#fff;text-decoration:none;background:#f93; }*/
textarea { resize:none; }
button { cursor:pointer;line-height:1.2; }
a img { vertical-align:text-bottom; }
.mod { width:100%; }
.hd:after, .bd:after, .ft:after, .mod:after {content:'\0020';display:block;clear:both;height:0; }
.bn-close { margin-left:2em; }
a.bn-close:link, a.bn-close:visited, a.bn-close:hover, a.bn-close:active { color:#aaa;font-size:9px;padding:0 2px; }
a.bn-close:hover, a.bn-close:active { background:#f10;color:#fff;border:2px solid #f00; }
.hide { position:absolute;visibility:hidden;left:-1000em;top:-1000em; }
.clear { display:block;clear:both; }
.cr { float:none;display:block;width:100%;clear:both;margin:0;padding:0;font-size:0;line-height:0;height:0;overflow:hidden;*margin-bottom:-2px; }

.height5{ display:block; height:5px; overflow:hidden; width:100%; }
.height10{ display:block; height:10px; overflow:hidden; width:100%; }

.a_button a { background: url("http://img.t.sinajs.cn/t35/style/images/common/new_index_bg.png") no-repeat scroll -320px -238px transparent; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: normal; height: 23px; line-height: 23px; text-decoration: none; margin-right: 5px; padding-left: 10px; }
.a_button a em { background: url("http://img.t.sinajs.cn/t35/style/images/common/new_index_bg.png") no-repeat scroll right -261px transparent; color: #fff; cursor: pointer; display: inline-block; padding: 0 10px 0 0px; }
.a_button a:hover { background: url("http://img.t.sinajs.cn/t35/style/images/common/new_index_bg.png") no-repeat scroll  -320px -284px transparent; }
.a_button a:hover em {background: url("http://img.t.sinajs.cn/t35/style/images/common/new_index_bg.png") no-repeat scroll right -307px transparent; }

.b_button a { background: url("http://img.t.sinajs.cn/t35/style/images/common/new_index_bg.png") no-repeat scroll -320px -492px transparent; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; height: 27px; line-height: 27px; text-decoration: none; margin-right: 5px; padding-left: 10px; }
.b_button a em { background: url("http://img.t.sinajs.cn/t35/style/images/common/new_index_bg.png") no-repeat scroll right -519px transparent; color: #fff; cursor: pointer; display: inline-block; padding: 0 10px 0 0px; }
.b_button a:hover { background: url("http://img.t.sinajs.cn/t35/style/images/common/new_index_bg.png") no-repeat scroll  -320px -546px transparent; }
.b_button a:hover em {background: url("http://img.t.sinajs.cn/t35/style/images/common/new_index_bg.png") no-repeat scroll right -573px transparent; }

.c_button input { display:block; background:url("http://timg.sjs.sinajs.cn/t35/style/images/minivote/public_btn_01.png") font-weight: 700; height: 28px; line-height: 28px; overflow: hidden; padding: 0; text-align: center; width: 71px;}
.c_button input:hover { background-position:-28px 0; } 

.fontnormal { font-weight:normal; }
.yicolor { color:#009933; }
.jicolor { color:#FF3333; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* tz */
.tzA{background:url('http://s3.huofar.com/images/icons_3.png') -10px -83px;width:45px;height:20px}.tzB{background:url('http://s3.huofar.com/images/icons_3.png') -10px -106px;width:45px;height:20px}.tzC{background:url('http://s3.huofar.com/images/icons_3.png') -157px -83px;width:45px;height:20px}.tzD{background:url('http://s3.huofar.com/images/icons_3.png') -206px -83px;width:45px;height:20px}.tzE{background:url('http://s3.huofar.com/images/icons_3.png') -59px -83px;width:45px;height:20px}.tzF{background:url('http://s3.huofar.com/images/icons_3.png') -59px -106px;width:45px;height:20px}.tzG{background:url('http://s3.huofar.com/images/icons_3.png') -157px -106px;width:45px;height:20px}.tzH{background:url('http://s3.huofar.com/images/icons_3.png') -108px -83px;width:45px;height:20px}.tzI{background:url('http://s3.huofar.com/images/icons_3.png') -108px -106px;width:45px;height:20px}

/* home-title */
.home-title { padding:60px 35px 120px 35px; }

.home-title .logo { background:url(../images/home-title.gif) 0 0 ; width:403px; height:46px; display:block; margin:0 0 40px 0; }
.home-title .question { background:url(../images/home-title.gif) 0 -56px; width:458px; height:18px; display:block; margin:0 0 20px 15px; }
.home-title .answer { background:url(../images/home-title.gif) 0 -84px; width:433px; height:20px; display:block; margin:0 0 50px 15px; }

.home-title .login { display:block; width:145px; height:32px; margin:0 0 0 15px; }
.home-title .login:hover { background:none; }
.home-title .login img { display:block; width:145px; height:32px; background:url(../images/icons.gif) 0 -80px; }

.home-title-copyright { padding:30px 40px; color:#666; }
.home-title-copyright b { font-size:14px; }
.home-title-copyright a { color:#666; }
.home-title-copyright a:hover { color:#666; background:#fff; text-decoration:underline; }

html { background:#F3F4F5; }
body { text-align:left; }
#wrapper h1 { font-size:26px;font-weight:800;margin-bottom:.4em;color:#555; }
#wrapper { width:790px; border:1px solid #EDEFF5; margin:60px auto; }
#content { border:1px solid #E2E2E2; background:#FFF; width:100%; position:relative; }
#content .header { position:relative; height:100px; }
#content .header .weibo-tag { display:block; background:url(../images/icons.gif); width:64px; height:31px; position:absolute; left:-4px; top:40px; }
#content .header .logo { display:block; background:url(../images/icons.gif) 0 -41px; width:154px; height:29px; position:absolute; left:70px; top:41px; }
#content .date-border { padding:0 25px; }
#content .item { border-top:1px solid #E2E2E2; }
#content .item .loading { text-align:center; padding:50px 0; }

/* date module */
#content .item .date { float:left; display:inline; padding:15px 0; height:75px; overflow:hidden; }
.date { width:200px; cursor:default; }
.date h4 { font-size:14px; font-weight:normal; color:#555; line-height:150%; }
.date h2 { font-size:22px; font-weight:bold; color:#555; line-height:150%; }

/* yiji */
#content .yiji { padding:0 25px; }
.yi { background:url(../images/yi.gif) repeat-y; }
.ji { background:url(../images/ji.gif) repeat-y; }
.yiji .yiji-main { padding:20px 0; position:relative; height:26px; line-height:26px; cursor:normal }
.yiji .yiji-main h2 { font-size:18px;  }
.yiji .yiji-main .toggle { display:block; width:70px; height:28px; position:absolute; right:0; top:18px; font-size:12px;border:1px solid #E2E2E2; line-height:28px; padding:0 0 0 8px; }
.yiji .yiji-main .toggle .sign { display:block; background:url(../images/icons.gif) 0 -122px; width:10px; height:5px; position:absolute; right:7px; top:11px; }

.yiji .yiji-main .on { background-position:0 -137px !important; }
.yi h2 .sign { color:#009933; font-weight:bold; cursor:default; }
.ji h2 .sign { color:#FF3333; font-weight:bold; cursor:default; }
.yiji a { color:#555; }
.yiji a:hover { background:#FFFFCC; color:#555; }
.yiji .yiji-explain { padding:0 0 10px 0;}
.yiji .yiji-explain .explain-item { border-top:1px solid #E2E2E2; padding:13px 10px;  cursor:default; }
.yiji .yiji-explain .explain-item h4 { font-size:14px; font-weight:bold; color:#555; display:block; margin:0 0 3px 0; }
.yiji .yiji-explain .explain-item .explain-content { font-size:12px; font-weight:normal; line-height:160%; color:#555; }

/* share */
.share-weibo { width:450px; padding:20px 10px; height:140px; overflow:hidden; position:relative; }
.share-weibo h1 { display:block; margin:0 0 10px 0; }
.share-weibo h1 img { display:block; background:url(../images/share.jpg) 0 0; width:222px; height:21px; }
.share-weibo .textarea { width:447px; height:82px; border:1px solid #F4f4f4; overflow:hidden }
.share-weibo textarea { display:block; height:64px; border:1px solid #DADADA; width:429px; font-size:14px; line-height:150%; padding:8px; }
.share-weibo .submit { margin:-2px 0 0 0; position:relative; }
.share-weibo .submit .desc { color:#999; display:inline; float:left; margin:6px 0 0 0; }
.share-weibo .submit #shareSubmit { width:100px; height:30px; background:url(../images/share.jpg) 0 -21px; display:inline; float:right; margin:0 10px 0 0; }
.share-weibo .submit #shareSubmit:hover { background-position: -100px -21px; }

/* notification */
.notification { background:#ffffcc; padding:13px 25px; }
.notification h4 { font-size:14px; font-weight:bold; color:#333; margin:0 0 5px 0; }
.notification .content { font-size:12px; color:#333; line-height:160%; }
.notification .options { font-size:14px; color:#333; line-height:160%; margin:3px 0 0 0; display:block; }

/* userinfo */
#content .user { float:left; display:inline; cursor:default; width:210px; border-left:1px solid #E9E9E9; padding:15px 20px 0 20px; height:90px; overflow:hidden; color:#555; }
.user .avatar { width:50px; height:50px; padding:5px; background:#F4F4F4; float:left; display:inline; }
.user .info { display:block; margin:0 0 0 73px; }
.user h2 { font-size:16px; font-weight:bold; color:#555; line-height:140%; overflow:hidden; }
.user .tizhi { font-size:12px; font-weight:normal; margin:5px 0 0 0px; }
.user h4 { line-height:140%; }
.user .score { margin:0 0 0 0; position:relative; }
.user h4 .s { font-size:18px; font-weight:bold; color:#42AC52; }
.user h4 .plus2 { font-size:12px; font-weight:normal; color:#42AC52; }
.user .options { margin:5px 0 0 0; display:block; }

/* invite-box */
.invite-box { display:inline; float:left; border-left:1px solid #E9E9E9; cursor:default; height:90px; width:258px; padding:15px 0 0 20px; }
.invite-box h2 { font-size:14px; font-weight:bold; line-height:120%; color:#555; margin:0 0 3px 0; }
.invite-box h4 { color:#555; line-height:150%; display:block; margin:2px 0 3px 0; }
.invite-box .options { font-size:14px; }

/* push-setting */
.push-setting { padding: 20px 20px; cursor:default; }
.push-setting .icon { float:left; display:inline; }
.push-setting .icon img { width:41px; height:41px; background:url(../images/icons.gif) 0 -194px; }
.push-setting .setting-content { display:block; margin:0 0 0 51px; }
.push-setting .setting-content h2 { font-size:18px; font-weight:bold; color:#555; line-height:100%; margin:3px 0 5px 0; }
.push-setting .setting-content h4 { color:#555; }
.push-setting .form { margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #E9E9E9; }
.push-setting .form ul { margin:0 0 10px 0; }
.push-setting .form li { float:left; display:inline; margin:0 10px 0 0; font-size:14px; color:#555; font-weight:bold; }
.push-setting .form li input { margin:0 3px 0 0; }
.push-setting .form .submit { padding:5px; font-size:12px; }

/* more-apps */
.more-apps { padding:25px; font-size:14px; color:#555; cursor:default; }

/* copyright */
.copyright { padding:25px; color:#555; cursor:default; }
.copyright .logo { float:right; text-align:right; }
.copyright img { width:100px; height:32px; background:url(../images/icons.gif) 0 -152px; }

/* intro */
.intro { padding:25px; }
.intro .login { display:block; width:145px; height:32px; }
.intro .login:hover { background:none; }
.intro .login img { display:block; width:145px; height:32px; background:url(../images/icons.gif) 0 -80px; }

/* register-old */
.reg-header-2 { padding:20px 25px; }
#wrapper .reg-header-2 h1 { margin:0; padding:0; line-height:120%; }
.reg-header-2 h2 { font-size:14px; color:#555; }

.reg-item-2 { padding:5px 25px 20px 25px; color:#555; }
.reg-item-2 h2 { font-size:16px; font-weight:bold; line-height:160%; }
.reg-item-2 h4 { font-size:14px; line-height:160%;  }
.reg-item-2 label { padding:0 0 0 5px; margin:0 10px 0 0; }

.reg-item-2 .tul { border-bottom:1px solid #e9e9e9; padding:0 0 10px 0; }
.reg-item-2 .tul .h4 { font-size:14px; font-weight:bold; padding:12px 0 2px 0; }
.reg-item-2 .tul .input { padding:2px 0; }

/* register-new */
#wrapper .notification h1 { margin:0; padding:0; line-height:120%; }

.reg-header { padding:10px 0 0 0; }
.reg-header h2 { font-size:14px; color:#555; }

.reg-item { color:#555; border-top:1px solid #F4E7AB; padding:10px 0 0 0; margin:10px 0; }
.reg-item h2 { font-size:14px; font-weight:bold; line-height:160%; }
.reg-item h4 { font-size:12px; line-height:160%; font-weight:normal;  }
.reg-item .desc { color:#999; }
.reg-item label { padding:0 0 0 5px; margin:0 10px 0 0; }

.reg-item .tul { border-top:1px solid #e9e9e9; padding:0 0 10px 0; }
.reg-item .tul .h4 { font-size:14px; font-weight:bold; padding:12px 0 2px 0; }
.reg-item .tul .input { padding:2px 0; }
 
.simpletest-result { padding:25px; }
.simpletest-result #tzpic { width:140px; height:140px; overflow:hidden; float:left; display:inline; margin:2px 0 0 0; }
.simpletest-result .result-info { display:block; margin:0 0 0 160px; }

.simpletest-result .result-info .info-list { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #e9e9e9; line-height:180%; color:#555; }
.simpletest-result .result-info .info-list h4 { font-size:14px; font-weight:bold; color:#333; display:block; margin:0 0 3px 0; }

.pop_win h2 { font-size:14px; }
.pop_win_bg {
	opacity:.30;
	filter:alpha(opacity=30);
	position: fixed;
	background:#000;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)*.45))!important;
}

.pop_win form { padding:0;margin:0;border:1px solid #fff; }
.pop_win_close { font-family:"Comic Sans MS";position:absolute;right:8px;top:8px;z-index:1;padding:0 .3em;color:#aaa; }
.pop_win {
	background:#fff;
	border:1px solid #bbb;
	padding:10px 1.2em 1em 1em;
	visibility:hidden;
	position: fixed;
	_position:absolute;
	_margin-top:expression(eval(document.documentElement.scrollTop));
}
.pop_rename {
	z-index:100;padding:15px;margin-left:-90px;margin-top:-36px;width:270px;
}

.change-tizhi { padding:10px; width:300px; }
.change-tizhi h2 { font-size:14px; font-weight:bold; }
.change-tizhi h4 { font-size:12px; margin:0 0 5px 0; }

/* care module */
.select-friends { margin:25px; }
.select-friends table { border:1px solid #E9E9E9; border-bottom:0; }
.select-friends table tr { border-bottom:1px solid #E9E9E9; padding:7px 10px; display:block; }
.select-friends .dark { background-color:#F9F9F9; }
.select-friends .oi_avatar { width:60px; height:60px; text-align:center; background:#F5F5F5; }
.select-firends .oi_name { font-size:14px; } 
.select-friends h4 { font-size:14px; display:block; margin:0 0 15px 0; }

.select-friends .btn { margin:20px 0 0 0; }

.select-friends .sel-left { float:left; display:inline; width:400px; color:#555; }
.select-friends .sel-right { float:left; display:inline; margin:0 0 0 10px; width:325px; color:#555; }
.select-friends .sel-right h4 { margin:0 0 5px 0; font-weight:bold; }
.select-friends .sel-right p { border-bottom:1px solid #E2E2E2; padding:0 0 10px 0; line-height:150%; margin:0 0 10px 0; display:block; }



