/**
 *  reset
 *
 */

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body, button, input, select /* for ie */ {
    font: 14px/1.5 arial, sans-serif;
    color: #333;
}

pre,code {
font-family: Consolas,Inconsolata,'Bitstream Vera Sans Mono',Menlo,Monaco,'Andale Mono','Courier New',monospace;
color:#333;
background-color:#f8f8f8;
}

pre {
border:1px #ccc solid;
line-height:18px;
overflow:auto;
word-wrap:break-word;
max-height:220px;
margin:4px;
padding:4px 8px;
}



.sep10 {
    height: 10px;
}
.f13 {
    font-size: 13px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}

/** 导航 **/
.sorts{text-align:right;float: right;  font-size: 12px;color:#d0d0d0;padding:3px 0 10px 0}
.sorts i.icon{margin-bottom:-1px}
.sorts ul{display:inline;margin:0;padding:0}
.sorts li{display:inline;margin:0 2px}
.sorts li a.popular{color:#9d5051}
.sorts li.active1 a{color:#333;border-bottom:1px dotted #ddd}
.sorts li.active1 a:hover{text-decoration:none}


.thank_area {
    display: inline-block;
    padding: 2px 5px 2px 5px;
    line-height: 12px;
}

.thanked {
    display: inline-block;
    background-color: #f9f9f9;
    color: #e0e0e0;
    border-radius: 3px;
}

.inner a.thank, .cell a.thank {
    display: inline-block;
    line-height: 12px;
    visibility: hidden;
}

.inner:hover a.thank, .cell:hover a.thank {
    display: inline-block;
    line-height: 12px;
    border-radius: 5px;
    visibility: visible;
}

.inner:hover a.thank:hover, .cell:hover a.thank:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

.snow {
    color: #e2e2e2;
}


.cell {
    padding: 4px;
    font-size: 12px;
    line-height: 120%;
    text-align: left;
 
}

.green {
	color: #393;
}
/* 附言 */
.subtle {
    background-color: #fffff9;
    border-left: 3px solid #fffbc1;
    padding: 10px;
    font-size: 12px;
    line-height: 120%;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
} 
/* 记事本 */
.user_list td {
    vertical-align:top;
    padding-right: 17px;
    padding-bottom: 10px;
}

.comment-text img  {
border:0;    
margin:0;    
padding:0;    
max-width:560px;    
width:expression(this.width>560?"560x":this.width);    
 
}

.comment-text iframe  {
border:0;    
margin:0;    
padding:0;    
max-width:560px;    
width:expression(this.width>560?"560x":this.width); 
}
 
 
.alert .alert-warning {
font-size: 16px;
color:#E53333;
text-align:center;
}

DIV.yahoo {
	PADDING-RIGHT: 3px;font-size: 14px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.yahoo A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #38389C; PADDING-TOP: 2px;
}
DIV.yahoo A:hover {
	 COLOR: #000; 
}
DIV.yahoo A:active {
	 COLOR: #f00; 
}
DIV.yahoo SPAN.current {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px;  COLOR: #000; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff
}
DIV.yahoo SPAN.disabled {
	 PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #ddd; PADDING-TOP: 2px;
}

.img_shadow img {
    background-color: #fff;
    padding-right: 4px;
    padding-bottom: 4px;
    -moz-box-shadow: 3px 3px 4px #DDDDDD;
    -webkit-box-shadow: 3px 3px 4px #DDDDDD;
    box-shadow: 3px 3px 4px #DDDDDD;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD');
}

.fade {
    color: #ccc;
}

.topic_content>*:first-child, .reply_content>*:first-child {
    margin-top: 0 !important;
}

.topic_content>*:last-child, .reply_content>*:last-child, .gist>*:last-child {
    margin-bottom: 0 !important;
}
.sep5 {
    height: 5px;
}

a.op:link, a.op:visited, a.op:active {
	background-color: #f0f0f0;
	font-size: 10px;
	line-height: 10px;
	display: inline-block;
	padding: 4px 4px 3px 4px;
	border-radius: 3px;
	text-decoration: none;
	border: 1px solid #ddd;
	color: #666;
    vertical-align: baseline;
}

a.op:hover {
	text-decoration: none;
	background-color: #e0e0e0;
	border: 1px solid #c0c0c0;
	color: #333;
}

/* 隐藏私信 */
.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:absolute;top:0;right:0;left:0;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}
/* 将斜体扶正 */
address, cite, dfn, em, var {
    font-style: normal;
}

/* 统一等宽字体 */
code, kbd, pre, samp {
    font-family: courier new, courier, monospace;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
small {
    font-size: 12px;
}

/** 重置列表元素 **/
ul, ol {
    list-style: none;
}

/** 重置文本格式元素 **/
a {
    text-decoration: none;
    color: #4B8DC5;
}

a:hover {
    text-decoration: none;
}

/* img 搭车：让链接里的 img 无边框 */
fieldset, img {
    border: 0;
}

/* 使得表单元素在 ie 下能继承字体大小 */
button, input, select, textarea {
    font-size: 100%;
}

textarea {
    resize: none;
}
/** 重置表格元素 **/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**/

a img {
    border-width: 0;
}
body{
    margin:0;
    background: no-repeat #E9E9E9;
}
.container {
    margin: 0px auto;
    width: 960px;
}
.main {
    float: left;
    width: 590px;
    background-color: #FFFFFF;
}
.main-no-bg {
    margin-right: 370px;
}
.logo {
    font-size: 18px;
    font-weight: 900;
    margin-right: 15px;
    float: left;
}
.logo a{
	color: #FFFFFF;
}
.nav {
    font-size: 14px;
    font-weight: 900;
    margin:0;
    float: left;
}
.nav li {
    display: inline;
}
.pro .reg_link li a,.nav li a{
    color: #E9E9E9;
    display: inline-block;
    font-weight: 800;
    line-height: 42px;
    padding: 0 15px;
    text-decoration: none;
}
.pro li a {
    color: #E9E9E9;
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
}
.nav li a:hover, .pro li a:hover {
    background-color: #4A708B;
    text-decoration: none;
}
.pro {
    margin:0;
    float: right;
}
.pro li {
    display: inline;
}
.header_container {
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    /*
    background: none repeat scroll 0 0 #545867;
    */
    background: none repeat scroll 0 0 #3F4C6B;
    margin-bottom: 20px;
    color: #E9E9E9;
    height: 42px;

    opacity: 0.85;
    /*
    filter: Alpha(opacity=85);
    */
}
.logo {
    line-height: 42px;
}
.sidebar {
    float: right;
    width: 360px;
}
.comment {
    position: fixed;
    width: 300px;
    margin-left: 660px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-left: 1px solid #D9DCE0;
    background-color: #E9F0F8;
}
.comments-items {
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
    position: relative;
    top: 0;
}
.comment-item {
    left: 0;
    overflow: hidden;
    padding: 8px 0px;
    position: relative;
    top: 0;
    border-top: 1px solid #f2f2f2;
}
.comment-item-s {
    padding-bottom: 0px;
}
.comment-item .icon, .comment-item .icon-s{
    float: left;
    margin-top: 1px;
}
.comment-item .content {
    left: 0;
    line-height: 1.4em;
    margin-left: 70px;
    position: relative;
    top: 0;
}
.comment-item .content-s {
    left: 0;
    line-height: 1.4em;
    margin-left: 30px;
    position: relative;
    top: 0;
}
.comment-item .icon img {
    height: 48px;
    width: 48px;
    vertical-align: middle;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}
.comment-item .icon-s img {
    height: 22px;
    width: 22px;
    vertical-align: middle;
}
.comment-item .content p, .comment-item .content-s p {
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word;
}
.comment-item .content p a, .comment-item .content-s p a{
    color: #808080;
}
.comment-item .comment-time {
    color: #B3B3B3;
    font-size: 12px;
    margin-right: 5px;
}
.comment-item .comment-time .to, .comment-item .comment-time .talk {
    color: gray;
}
.reply_list .comment-text {
    line-height: 22px;
}
.comment-item .content p a.username, .comment-item .content-s p a.username{
    color: #778087;
    font-weight: normal;
}
.comment-item .content p a.username:hover, .comment-item .content-s p a.username:hover{
    color: #fff;
    background: #B3B3B3;
}

.normal-replies .action_like, .liked-replies .action_like {
    margin-left: 8px;
    color: #808080;
    font-size: 12px;
    line-height: 12px;
}
.normal-replies .action_like {
    display: none;
}
.normal-replies .like, .liked-replies .like {
    background: url("/img/like.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 14px;
    position: relative;
    top: 2px;
    width: 14px;
    display: inline-block;
}
.normal-replies .liked, .liked-replies .liked {
    background: url("/img/like.png") no-repeat scroll 0 -20px transparent;
}

.go_at, .reply_delete, .talk {
    float: right;
    margin-right: 15px;
    display: none;
}
.reply_time {
    float: right;
    margin-right: 15px;
}
.go_at a, .reply_delete a {
    color: #808080;
}
.reply_time, .comment-item .comment-time.floor {
    color: #e0e0e0;
}
.box {
    padding:10px;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.mbtl {
    float: left;
    margin: 8px 7px 0 0;
    padding: 0;
    width: 55px;
}

.mbtr {
    border-bottom: 1px solid #EEEEEE;
    margin: 5px 0;
    min-height: 55px;
    overflow: hidden;
    padding: 5px 0;
}
ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;

}
/*shuo css*/
.stream-item {
    border-bottom: 1px solid #EFF1F2;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
}
.stream-item .mod {
    height: auto !important;
    overflow: visible;
    padding: 10px;
}
.stream-item .mod .hd {
    position: absolute;
}
.stream-item .mod .hd .icon {
    display: block;
}
.stream-item .mod .hd .icon img{
    width: 22px;
    height: 22px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.stream-item .mod .text {
    overflow: hidden;
}
.stream-item .mod .text{
    padding-left: 35px;
}
.stream-item .mod .text a{
    line-height: 22px;
}
.share_action {
    float: right;
    margin-right: 10px;
    display: inline-block;
    width: 25px;
}
.ft a {
    color: #A8B1BA;
}
.ft a:hover {
    color: #7B8994;
    text-decoration: none;
}
.stream-item.hover, .stream-item.opened {
    rsor: pointer;
    /*
    border-top: 1px solid #E0E3E6;
    margin-top: -1px;
    */
}
.stream-item.hover {
    background-color: #FAFAFA;
    border-color: #E0E3E6;
}
.details-pane.opened, .stream-item.opened, .stream-item.opened:hover {
    background-color: #E9F0F8;
}
.pane-toolbar {
    text-align: right;
    margin: 0px;
    padding: 0px;
}
.pane-toolbar a.close {
    background: none repeat scroll 0 0 #D2E1F3;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    color: #999999;
    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 27px;
    padding: 0 15px 3px;
    text-decoration: none;
}
.home-header {
    border-bottom: 1px solid #E2E2E2;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    background: none repeat scroll 0 0 #FAFAFA;
    padding: 5px 5px 10px 5px;
}
.radius {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}
.radius_top {
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
}
.radius-left {
    border-radius: 5px 0px 0 0;
    -moz-border-radius: 5px 0px 0 0;
}
.status-box .input-area textarea.combo {
    border-bottom: 1px solid #FFFFFF;
    border-radius: 4px 4px 0 0;
}
.link_input, .link_title {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px #FFFFFF;
    color: #222222;
    font-size: 14px;
    outline: medium none;
    overflow: hidden;
    padding: 8px;
    white-space: pre-wrap;
    word-wrap: break-word;
    resize: none;
    width: 100%;
}
.submit_input {
    background: none repeat scroll 0 0 #F0F0F0;
    border-color: #B9B9B9;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    height: 37px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 15px;
    text-shadow: 0 1px #F0F0F0;
    vertical-align: baseline;
}
.tip-box {
    background-color: #333333;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    margin: 50px 180px 0px 180px;;
    filter:alpha(opacity=20); /*IE*/
    -moz-opacity:0.2;/*FF*/
    opacity: 0.2;/*Chrome*/
    position: fixed;
    width: 450px;
    z-index: 102;
}
.tip-inner {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    position: fixed;
    margin: 65px 195px 0px 195px;;
    width: 400px;
    z-index: 103;
}
.link_comment_area {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    width: 98%;
    height: 60px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px #FFFFFF;
    color: #222222;
    padding: 8px;
}
.item_title {
    color: #808080;
    margin: 10px 0px 5px 0px;
    display: inline-block;
    width: 50px;
}
.aaa {
    color: #aaa;
}
.stream-item .media-info {
    border-left: 2px solid #E0E3E9;
    padding-left: 10px;
}
.media-info a {
    color: #4B8DC5;
    text-decoration: none;
    font-weight: 800;
}
.text a {
    color: #4B8DC5;
    text-decoration: none;
    font-size: 15px;;
}
a.visited, .media-info a:visited, .text a:visited {
    color: #8DB6CD;
}
.media-info p {
    color: gray;
    margin: 0px;
}
.stream-item .icon-comments {
    display: inline-block;
    line-height: 12px;
    top: 16px;
    color: #808080;
    float: right;
    line-height: 22px;
    margin-right: 10px;
    cursor: pointer;
}
.stream-item .comments-count {
    -moz-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    background-color: #c4c4c4;
    color: white;
    font-weight: bold;
    line-height: 12px;
    padding: 2px 0px;
    font-size: 12px;
    width: 30px;
    display: inline-block;
    text-align: center;
}
.stream-item.opened .comments-count {
    background-color: #AAB0C6;
}
/*reg*/
.title {
    height: 25px;
    padding: 5px;
    width: 220px;
    font-size: 1.5em;
    border: 1px solid #BBBBBB;
    margin: 8px 0;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
    border-color:#F6C86F;
}
.reg_title {
    font-size: 18px;
}

.reg_memo {
    font-size: 12px;
    color: #808080;
    margin-bottom: 10px;
}

.reg_item {
    font-size: 14px;
    color: #333;
}
.reg_bottom {
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    width: 100px;
    margin-top: 8px;
}
.reg_form {
    width: 400px;
    float: left;
}
.reg_side {
    width: 200px;
    float: left;
    border-left: 1px solid #A0A0A0;
    height: 70px;
    line-height: 25px;
    margin-top: 50px;
    padding-left: 20px;
    padding-top: 20px;
}

/* header user profile*/
.login_user {
    -moz-user-select: none;
    -moz-user-focus: ignore;
    color: #E9E9E9;
    cursor: pointer;
    height: 22px;
    padding: 10px 13px;
    position: relative;
}
.login_user img {
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    border: medium none;
    cursor: pointer;
    height: 22px;
    margin-right: 6px;
    width: 22px;
}
.screen-name {
    background: url("down-arrow.png") no-repeat scroll right 7px transparent;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 1;
    padding-right: 13px;
    vertical-align: middle;
}
.screen-name a {
    color: #fff;
}
/*
.login_user:hover {
    background-color: #346784;
}
 */
.dropdown {
    left: 0;
    position: absolute;
    top: -999em;
    width: 100%;
    z-index: 999;
}
.active {
    background: none repeat scroll 0 0 #4A708B;
    color: #E9E9E9;
}
.active .dropdown {
    background: none repeat scroll 0 0 #4A708B;
    top: 42px;
}
.user-dropdown {
    overflow-x: hidden;
    padding: 5px 0;
    text-align: left;
}
.user-dropdown li {
    clear: both;
    display: block;
    padding: 2px 5px;
}
.pro .active .dropdown li a:hover {
    background: none repeat scroll 0 0 #4A708B;
    text-decoration: underline;
}
.pro .active:hover {
    background: none repeat scroll 0 0 #4A708B;
}
.comment-box textarea {
    background-color: #fff;
    border: 1px solid #CCCCCC;
    height: 60px;
    line-height: 1.3;
    overflow-y: auto;
    padding: 5px;
    white-space: pre-wrap;
    width: 90%;
    word-wrap: break-word;
    margin: 10px 0px;
 }
 .comment-submit .submit {
     background: none repeat scroll 0 0 #F0F0F0;
     border-color: #B9B9B9;
     border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px 3px 3px 3px;
     border-style: solid;
     border-width: 1px;
     color: #999999;
     cursor: pointer;
     font-size: 14px;
     line-height: 24px;
     overflow: hidden;
     padding: 4px 10px;
     text-shadow: 0 1px #F0F0F0;
}
.readall {
}
.readall a {
    color: #808080;
}
table a{
    text-decoration: none;
    color: #999;
}
table a:hover{
    text-decoration: none;
}
.item_node {
    background-color: #eee;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-size: 14px;
  /*  line-height: 13px;
    margin: 3px;   */
    padding: 4px;
    color:#636A86;
}
.item_node1 {
    background-color: #eee;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
    margin: 3px;
    padding: 4px;
    color:#636A86;
}
.item_node_add {
    display: inline-block;
    margin-top: 5px;
}
.item_node:hover{
    background-color: #9999aa;
    color: #fff;
    text-decoration: none;
}
/*follow button*/
.share_add_botton, .follow {
    text-decoration:none!important;
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.share_add_botton {
    padding:8px 10px;
    background:#8ab923;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adda4d',endColorstr='#86b846');
    background:-webkit-gradient(linear,0 0,0 100%,from(#adda4d),to(#86b846));
    background:-moz-linear-gradient(top,#adda4d,#86b846);
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2);
    -o-box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2);
    box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 rgba(0,0,0,.2);
    text-shadow:0 1px 0 rgba(255,255,255,.3);
    border:0px;
    color:#3e5e00!important;
    min-width:56px;
    font-weight: 800;
}
.follow {
    padding:2px 4px;;
    background:#f8f8f9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9',endColorstr='#e6e6e8');
    background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f9),to(#e6e6e8));
    background:-moz-linear-gradient(top,#f8f8f9,#e6e6e8);
    -webkit-box-shadow:0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow:0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1);
    -o-box-shadow:0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1);
    text-shadow:0 1px 0 #fff;
    border:1px solid #bbb;
    color:#666!important;
    font-size: 12px;
}

/*设置*/
.account_main {
    background-color: #FFFFFF;
    width: 960px;
    margin: 0px auto;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}
.account_header {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}
ul.tabs {
    padding-left: 15px;
    position: relative;
    width: auto;
}
ul.tabs li {
    display: inline;
    line-height: 1;
}
ul.tabs {
    border-bottom: 1px solid #E5E5E5;
    clear: both;
    height: 30px;
    width: 100%;
}
ul.tabs li a {
    -moz-border-radius: 4px 4px 0 0;
    display: inline;
    float: left;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    padding: 4px 15px 3px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: auto;
    color: #2D76B9;
}
ul.tabs li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E5E5E5;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #333333;
    font-weight: bold;
    padding-top: 3px;
}
ul.tabs li a:hover {
    background: none repeat scroll 0 0 #EEE;
    text-decoration: none;
    padding-bottom: 2px;
}
ul.tabs li.active a:hover {
    background: none repeat scroll 0 0 #FFF;
    padding-bottom: 3px;
}
.account_main h1 {
    clear: none;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    padding: 16px;
}
.account_main h1 img{
    float: left;
    margin: 0 10px 0 0;
}
.submit_area {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    clear: both;
    margin-left: 70px;
    padding: 20px 0px;
}
.submit_area .btn {
    font-size: 16px;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    width: 100px;
}
.account_body .item{
    clear: both;
    margin-top: 30px;
}
.account_body .item label {
    float: left;
    font-size: 14px;
    line-height: 38px;
    vertical-align: middle;
    width: 70px;
    color: #505050;
}
.account_body .item img {
    float: left;
    margin-right: 10px;
}
.account_body .item .text, .account_body .item textarea, .add .item .text, .add .item textarea, .reply_box textarea{
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    padding: 8px;
    width: 300px;
}
.add {
    padding-left: 10px;
}
.add .item {
    margin-bottom: 20px;
}
.err {
    color: #B03A16;
    font-weight: bold;
}
/*话题样式*/
.topic {
    padding: 10px 16px 25px 16px;
}
.topic img  {
border:0;    
margin:0;    
padding:0;    
max-width:560px;    
width:expression(this.width>560?"560x":this.width);    
}
.topic iframe  {
border:0;    
margin:0;    
padding:0;    
max-width:560px;    
width:expression(this.width>560?"560x":this.width);    
}
 
 
.topic_header {
    padding-bottom: 10px;
    margin-top: 5px;
}
.topic_info {
    margin-top: 5px;
}
.topic_info span, .topic_admin a{
    color: #A8B1BA;
    font-size: 12px;
    margin-right: 15px;
}

/*
 * 顶部导航顶固
 * */
body {
    padding-top: 62px;
}
.header_container {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
}

/*
*  Notify Bar - jQuery plugin
*
*  Copyright (c) 2009-2010 Dmitri Smirnov
*
*  Licensed under the MIT license:
*  http://www.opensource.org/licenses/mit-license.php
*
*  Version: 1.2
*
*  Project home:
*  http://www.dmitri.me/blog/notify-bar
*/

.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#d5edf8;
  font-size:18px;
  color:#000;
  text-align:center;
  padding:20px 0px;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}
.jquery-notify-bar.error{
    color:#fff;
    background-color:#8B0000;
}
.jquery-notify-bar.success{
    color:#fff;
    background-color:#6B8E23;
}
.notify-bar-close {
  position:absolute;
  left:95%;
  font-size:11px;
}
.save_ok {
    background: none repeat scroll 0 0 #E6EFC2;
    border-color: #C6D880;
    color: #264409;
    border: 2px solid #DDDDDD;
    padding: 5px 10px;
    width: 300px;
    margin-left: 100px;
}
.stream-item .text .icon-comments{
    -moz-user-focus:ignore;
    -moz-user-input:disabled;
    -moz-user-select:none;
}
/*提醒*/
.notifi-num {
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 8px;
    background: none repeat scroll 0 0 #CC0000;
    text-decoration: none;
}
.notifi-num:hover {
    text-decoration: none;
}
.notifi-read{
}

/*首页链接*/
.homepage-links a {
    color: #4B8DC5;
    margin-right: 8px;
}

/* label */
.stream-item a.tag, a.tag {
    cursor: pointer;
    margin: 0 2px;
    /*
    background-color: #BFBFBF;
    */
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    padding: 1px 3px 2px;
    margin-right: 5px;
}
.tag_0 {
background: #B02B2C;
}
.tag_1 {
background: #D15600;
}
.tag_2 {
background: #C79810;
}
.tag_3 {
background: #73880A;
}
.tag_4 {
background: #6BBA70;
}
.tag_5 {
background: #3F4C6B;
}
.tag_6 {
background: #356AA0;
}
.tag_7 {
background: #D01F3C;
}
.tag_8 {
background: #FF0084;
}
.tag_9 {
background: #008C00;
}
.tag_10 {
background: #FF7400;
}
.tag_11{
background: #CC0000;
}
.tag_12 {
background: #FF1A00;
}
.tag_13 {
background: #36393D;
}
.tag_14 {
background: #4096EE;
}
.tag_15 {
background: #1000EE;
}
.tag_16 {
background: #ACACAC;
}
.tag_17 {
background: #5E0B0B;
}
.tag_18 {
background: #345466;
}
.tag_19 {
background: #7CC8F3;
}
.tag_20 {
background: #8C3E7B;
}

/* 用户登陆状态 */

.user_online {
    color: #84D87B;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 900;
    height: 12px;
    width: 12px;
}
.user_online_text {
    display: inline-block;
    height: 12px;
    position: absolute;
    text-align: center;
    top: -0.2px;
    width: 12px;
}
.sidebar_user_online {
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 5px 5px 5px 5px;
    color: #84D87B;
    margin-top: 3px;
    position: absolute;
    width: 47px;
    margin-left:5px;
}
.sidebar_user_online_text {
    display: inline-block;
    font-size: 20px;
    height: 12px;
    left: 7px;
    position: absolute;
    top: -7px;
    width: 12px;
}
.online_text {
    color: #9b9898;
    font-size: 10px;
    left: 19px;
    position: relative;
    top: 0;
}

/*
 * 返回顶部
 *
 * */
.gotoTop, .gotoComment {
    display: none;
    width: 54px;
    height: 54px;
    background-image: url(/img/quick_replay.jpg);
    background-color: #fff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 15px;
    _right: 15px;
    /*
    left: 50%;
    margin-left: 490px;
    */
    cursor: pointer;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}
.gotoTop {
    bottom: 60px;
    background-position:0 54px;
}

.gotoComment {
    bottom: 120px;
    _bottom: "auto";
    background-position:0 4px;
}

.normal_opacity {
    opacity: .85;
    filter: Alpha(opacity=85);
}

.captcha_img {
    padding: 8px 0px;
    float: left;
}


blockquote {
  margin: 20px 0;
  padding: 10px 20px;
  border-left: 4px solid #dfe2e5;
  background-color: #f6f8fa;
  color: #6a737d;
}

blockquote p {
  margin: 0;
}

blockquote p:last-child {
  margin-bottom: 0;
}

/* 嵌套引用 */
blockquote blockquote {
  margin: 10px 0;
  border-left-color: #c8ccd0;
}
/* 所有标题的基础样式 */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 24px;
  margin-bottom: 16px;
}

/* 特定标题样式 */
h1 {
  font-size: 2.5em;
  border-bottom: 2px solid #eaecef;
  padding-bottom: 10px;
}

h2 {
  font-size: 2em;
  border-bottom: 1px solid #eaecef;
  padding-bottom: 8px;
}

h3 {
  font-size: 1.5em;
  color: #0366d6;
}
/* 段落 */
p {
  line-height: 1.6;
  margin-bottom: 16px;
  color: #333;
}

/* 强调文本 */
strong {
  font-weight: 700;
  color: #000;
}

em {
  font-style: italic;
  color: #555;
}

/* 删除线 */
del {
  text-decoration: line-through;
  color: #888;
}
/* 基础链接 */
a {
  color: #0366d6;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
}

a:hover {
  border-bottom: 1px solid #0366d6;
}

a:visited {
  color: #6f42c1;
}

/* 外部链接图标 */
a[href^="http"]:after {
  content: " ↗";
  font-size: 0.8em;
  vertical-align: super;
}
/* 行内代码 */
code {
  background-color: #f6f8fa;
  padding: 3px 6px;
  border-radius: 3px;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.9em;
  color: #d73a49;
}

/* 代码块 */
pre {
  background-color: #f6f8fa;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  line-height: 1.45;
}

pre code {
  background-color: transparent;
  padding: 0;
  color: inherit;
}
/* 无序列表 */
ul {
  list-style-type: disc;
  padding-left: 2em;
  margin-bottom: 16px;
}

ul ul {
  list-style-type: circle;
}

ul ul ul {
  list-style-type: square;
}

/* 有序列表 */
ol {
  list-style-type: decimal;
  padding-left: 2em;
  margin-bottom: 16px;
}

/* 列表项 */
li {
  margin-bottom: 8px;
  line-height: 1.6;
}

/* 任务列表 */
input[type="checkbox"] {
  margin-right: 8px;
}