
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}


body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti,
		sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #fff
}
/*button*/
.font-bold{
	
	 font-weight:bold;
}

.btn-primary {
    background-color: #41cac0;
    border-color: #41cac0;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #39b2a9;
    border-color: #39b2a9;
    color: #FFFFFF;
}

.btn-success {
    background-color: #78CD51;
    border-color: #78CD51;
    color: #FFFFFF;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #6dbb4a;
    border-color: #6dbb4a;
    color: #FFFFFF;
}

.btn-info {
    background-color: #58c9f3;
    border-color: #58c9f3;
    color: #FFFFFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #53bee6;
    border-color: #53BEE6;
    color: #FFFFFF;
}

.btn-warning {
    background-color: #f1c500;
    border-color: #f1c500;
    color: #FFFFFF;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #e4ba00;
    border-color: #e4ba00;
    color: #FFFFFF;
}

.btn-danger {
    background-color: #ff6c60;
    border-color: #ff6c60;
    color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #ec6459;
    border-color: #ec6459;
    color: #FFFFFF;
}


.btn-white {
    box-shadow: none !important;
}

/*Rounded Button*/

.btn-round {
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

/*shadow button*/

.btn-shadow.btn-default {
    box-shadow: 0 4px #9c9c9c;
}
.btn-shadow.btn-primary {
    box-shadow: 0 4px #29b392;
}
.btn-shadow.btn-success {
    box-shadow: 0 4px #61a642;
}
.btn-shadow.btn-info {
    box-shadow: 0 4px #1caadc;
}
.btn-shadow.btn-warning {
    box-shadow: 0 4px #cab03f;
}
.btn-shadow.btn-danger {
    box-shadow: 0 4px #d1595a;
}


/*dropdown shadow*/

.btn-group.open .dropdown-toggle, .btn-white.active, .btn:active, .btn.active {
    box-shadow: none;
}

/*dropdown select bg*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #495d74;
    color: #FFFFFF;
    text-decoration: none;
}

/*split dropdown btn*/

.btn-white {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border-color: rgba(150, 160, 180, 0.3);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05) inset;
}
.mt-5, .mt--5 {
	margin-top: -5px
}

.mt0, .mt-0 {
	margin-top: 0px
}

.mt4, .mt-4 {
	margin-top: 4px
}

.mt5, .mt-5 {
	margin-top: 5px
}

.mt10, .mt-10 {
	margin-top: 10px
}

.mt15, .mt-15 {
	margin-top: 15px
}

.mt20, .mt-20 {
	margin-top: 20px
}

.mt30, .mt-30 {
	margin-top: 30px
}

.mt40, .mt-40 {
	margin-top: 40px
}

.mb0, .mb-0 {
	margin-bottom: 0px
}

.mb5, .mb-5 {
	margin-bottom: 5px
}

.mb10, .mb-10 {
	margin-bottom: 10px
}

.mb20, .mb-20 {
	margin-bottom: 20px
}

.mb30, .mb-30 {
	margin-bottom: 30px
}

.mb40, .mb-40 {
	margin-bottom: 40px
}

.mb50, .mb-50 {
	margin-bottom: 50px
}

.mr5, .mr-5 {
	margin-right: 5px
}

.mr10, .mr-10 {
	margin-right: 10px
}

.mr20, .mr-20 {
	margin-right: 20px
}

.mr30, .mr-30 {
	margin-right: 30px
}

.ml0, .ml-0 {
	margin-left: 0px
}

.ml5, .ml-5 {
	margin-left: 5px
}

.ml10, .ml-10 {
	margin-left: 10px
}

.ml15, .ml-15 {
	margin-left: 15px
}

.ml20, .ml-20 {
	margin-left: 20px
}

.ml30, .ml-30 {
	margin-left: 30px
}

.pt5, .pt-5 {
	padding-top: 5px
}

.pt10, .pt-10 {
	padding-top: 10px
}

.pt20, .pt-20 {
	padding-top: 20px
}

.pt30, .pt-30 {
	padding-top: 30px
}

.pb10, .pb-10 {
	padding-bottom: 10px
}

.pb20, .pb-20 {
	padding-bottom: 20px
}

.pb300, .pb-300 {
	padding-bottom: 300px
}

.pl0, .pl-0 {
	padding-left: 0px
}

.pl10, .pl-10 {
	padding-left: 10px
}

.pl15, .pl-15 {
	padding-left: 15px
}

.pl20, .pl-20 {
	padding-left: 20px
}

.pl50, .pl-50 {
	padding-left: 50px
}

.pl300, .pl-300 {
	padding-left: 300px
}

.pr0, .pr-0 {
	padding-right: 0px
}

.pr10, .pr-10 {
	padding-right: 10px
}

.pr20, .pr-20 {
	padding-right: 20px
}

.pr50, .pr-50 {
	padding-right: 50px
}

.pr300, .pr-300 {
	padding-right: 300px
}

.p0 {
	padding: 0px
}

.p10 {
	padding: 10px
}

.p20 {
	padding: 20px
}

.p50 {
	padding: 50px
}

.p300 {
	padding: 300px
}

.green, .text-green {
	color: #009a61
}

.red, .text-red {
	color: #D0021B
}

.black, .text-black {
	color: #333
}

.black:hover, .text-black:hover {
	color: #333
}

.bg-gray {
	background-color: #F3F3F3
}

.bg-white {
	background-color: #FFF
}

.bg-green {
	background-color: #009A61
}

.bg-red {
	background-color: #AF3933
}

/* 顶部 */
.top-menu-wrap{position:relative;z-index:1001;width:100%;min-height:50px;background-color:#222E2A;}
.container-wrap{margin-top: 30px;}
.logo, .search-box, .top-nav{position:relative;float: left;}
.publish-btn, .user-nav, .top-notification{position:relative;float: right;margin:10px 0 10px 10px;}
.logo{width:190px;height:48px;margin:2px 0 0 0;}
.logo a{display:block;width: 190px;height: 48px;background:url('../images/logo.png') no-repeat;}
.logo h1{height:25px;line-height:25px;margin:-2px 0 2px 0;font-size:14px;}

.top-nav{margin:0;border: none;}
.top-nav .icon-bar{background-color: #fff;font-size: 0;}

.top-nav > nav > ul > li > a{margin-right: 5px;
	padding: 5px 12px;
	color: #fff;}
.top-nav > nav > ul > li > a.active{background: #355;font-weight: bold;}
.top-nav > nav > ul > li > a:hover{background: #355;font-weight: bold;}
.top-nav > nav > ul > li > a i{position:relative;top:2px;font-size: 16px;}
.top-nav > nav > ul > li > a i.icon-home{top: 1px;}
.top-nav .badge{position: absolute;top: 4px;right: 2px;}
.top-nav ul li:hover .dropdown{display: block;}
.top-nav .dropdown{display:none;top:100%;min-width:300px;border-top: none;border-radius: 0 0 4px 4px;}
.top-nav .dropdown .more{font-size: 12px;}
.top-nav .dropdown .close{display: none;}
.top-nav .dropdown ul li{padding:5px 10px;border-top:1px solid #f5f5f5;}
.top-nav .dropdown ul li:first-child{border-top: none;}
.top-nav .dropdown ul li:hover{background: #f5faff;}
.top-nav .dropdown ul li:hover .read{display: inline-block;}
.top-nav .dropdown ul li p{margin: 0;padding:0;}
.top-nav .dropdown ul li .message{display:inline-block;width: 260px;font-size: 12px;}
.top-nav .dropdown ul li .read{display: none;}
.top-nav .dropdown ul li:last-child{border-radius: 0 0 4px 4px;}
.top-nav .dropdown .mod-footer a{display: block;height:40px;text-align: center;background-color: #fafafa;color: #999999;font-size: 12px;line-height:40px;border-radius: 0 0 4px 4px;border-top: 1px solid #f5f5f5;}
.user-nav{margin:10px 0 0 10px;}
.user-nav:hover .dropdown-list{display: block;}
.user-nav img{width: 32px;height: 32px;}
.user-nav .login{margin-right: 10px;}
.user-nav .user-nav-dropdown{display:block;height: 42px;}
.user-nav .user-nav-dropdown .badge{position: absolute;top: -8px;right: -8px;}
.user-nav .dropdown-list{top:100%;width:122px;border-top:none;border-radius: 0 0 4px 4px;}
.user-nav .dropdown-list ul li a i{vertical-align:-2px;margin-right: 5px;font-size: 16px;}
.search-box{margin:10px 0;float:right}
.search-box input{width: 160px;height: 32px;padding-right:30px;border:none;}
.search-box #global_search_btns{position: absolute;right: 5px;top: 6px;font-size: 18px;color: #999;}

@media (max-width: 768px) {
    .top-nav > nav > ul{margin: 10px 0px;}
    .user-nav{position:absolute;top:0px;right:10px;}
   
}



.main-title {
margin: 30px 0 25px;
font-size: 18px;
vertical-align: middle;
}
.widget-box li{
	float: left;
	margin-bottom:5px;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 21px 0;
	border-radius: 3px
}

.pagination>li {
	display: inline
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 2px 9px;
	line-height: 1.5;
	text-decoration: none;
	color: #008E59;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover,
	.pagination>li>span:focus {
	color: #004229;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus,
	.pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus
	{
	z-index: 2;
	color: #fff;
	background-color: #008E59;
	border-color: #008E59;
	cursor: default
}

.pagination>.disabled>span, .pagination>.disabled>span:hover,
	.pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover,
	.pagination>.disabled>a:focus {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}

.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}



.breadcrumb {
	font-size: 0
}

.breadcrumb>li {
	font-size: 13px
}

.breadcrumb>li+li:before {
	content: "";
	display: inline-block;
	margin: 0 10px 0 5px;
	padding: 0;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 0;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.breadcrumb>li>a {
	color: #333
}

.list-group-item {
	padding: 8px 12px
}

.pager {
	display: inline-block
}


a, a:hover, a:active, a:focus {
	outline: 0
}

.wrap {
	padding-bottom: 30px;
	position: relative
}


.mono {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}


.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.wordbreak {
	word-break: break-all
}

.wordbreak code {
	white-space: pre-line
}

.required:after {
	content: " *";
	color: #ED1C24
}

.flipx {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH
}

.flipy {
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV
}

.arrow-down {
	position: absolute;
	width: 0;
	height: 0;
	border: 12px solid;
	border-color: #999 transparent transparent transparent;
	border-style: solid dashed dashed dashed
}

.arrow-down.active {
	border-top-color: #D0021B
}

.arrow-up {
	position: absolute;
	width: 0;
	height: 0;
	border: 12px solid;
	border-color: transparent transparent #999 transparent;
	border-style: dashed dashed solid dashed
}

.arrow-up.active {
	border-bottom-color: #009A61
}

.tag {
	display: inline-block;
	padding: 0 8px;
	color: #017e66;
	background-color: #E7F2ED;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	font-size: 13px;
	text-align: center
}

.tag[href]:hover, .tag[href]:focus {
	background-color: #017e66;
	color: #fff;
	text-decoration: none
}

.tag-sm {
	padding: 0 4px;
	height: 18px;
	line-height: 18px;
	font-size: 12px
}

.tag-lg {
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 28px
}

.tag-link {
	background-color: transparent
}

.tag-img {
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	-moz-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px
}

.taglist--inline, .taglist--block {
	list-style: none;
	padding: 0;
	font-size: 0
}

.taglist--inline li, .taglist--block li {
	padding: 0;
	font-size: 13px
}

.ib.taglist--inline, .ib.taglist--block {
	margin: 0;
	display: inline-block
}

.taglist--inline>li {
	display: inline-block;
	margin-right: 5px
}

.taglist--inline>li:last-child {
	margin-right: 0
}

.taglist--inline.multi>li {
	margin-bottom: 5px
}

.taglist--block>li {
	margin-bottom: 8px
}

.widget-tags {
	font-size: 0
}

.widget-tags .widget-tags__item {
	margin-right: 5px;
	padding: 0;
	font-size: 14px
}

.widget-user {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-top: 0
}

.widget-user.well {
	margin-top: 5px;
	margin-right: 5px;
	background-color: #F6F6F6;
	border-radius: 0;
	width: 170px;
	margin-bottom: 10px
}

.widget-answer p {
	color: #666
}

.widget-action--ver {
	color: #999
}

.widget-action--ver li {
	margin-top: 12px
}

.widget-action--ver li:first-child {
	margin-top: 0
}

.widget-action--ver button {
	margin-right: 8px;
	min-width: 58px
}

.widget-action--ver strong {
	color: #333
}

.widget-action--ver .no-stress {
	font-weight: normal
}

.widget-share {
	margin-top: 30px;
	color: #999;
	font-size: 13px
}

.widget-share .sn-inline {
	margin-left: 5px
}

.sn-inline {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom
}

.sn-inline li {
	display: inline-block;
	margin-right: 5px
}

.sn-inline li a {
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	text-transform: capitalize
}

.widget-upload {
	position: relative
}

.widget-upload .widget-upload__file {
	position: absolute;
	opacity: 0;
	width: 85%;
	height: 100%;
	z-index: 10;
	cursor: pointer
}

[class*="avatar-"] {
	border-radius: 2px
}

.avatar-16 {
	width: 16px;
	height: 16px
}

.avatar-20 {
	width: 20px;
	height: 20px
}

.avatar-24 {
	width: 24px;
	height: 24px
}

.avatar-32 {
	width: 32px;
	height: 32px
}

.avatar-40 {
	width: 40px;
	height: 40px
}

.avatar-64 {
	width: 64px;
	height: 64px
}

.avatar-128 {
	width: 128px;
	height: 128px
}

.avatar-256 {
	width: 256px;
	height: 256px
}

.tag-popup {
	width: 276px
}

.tag-popup .popover-title {
	background-color: #FFF;
	padding-bottom: 0;
	border-bottom: none;
	font-weight: bold
}

.tag-popup .popover-content {
	font-size: 13px;
	color: #666
}

.tag-popup .popover-footer {
	margin: 0 14px;
	padding: 10px 0;
	font-size: 13px;
	line-height: 22px;
	border-top: 1px solid #EEE
}

.tag-popup .popover-footer .followers {
	margin-right: 5px;
	vertical-align: middle
}

.widget-addtags {
	margin-left: 0;
	margin-bottom: 15px
}

.widget-addtags>li {
	vertical-align: middle
}

.widget-addtags .widget-addtags__add {
	padding: 0
}

.widget-addtags .widget-addtags__input {
	width: 160px;
	padding: 0;
	margin-right: 10px
}

.widget-addtags .tagText.empty {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.widget-help .h4 {
	margin-top: 5px;
	font-size: 16px
}

.widget-help ul {
	padding-left: 20px
}

.widget-help li {
	margin: 10px 0
}

.widget-suggest .widget-suggest__close {
	margin-left: 5px
}

.widget-suggest .widget-suggest__list {
	margin: 0;
	overflow: auto;
	max-height: 100px
}

.widget-suggest li {
	margin-bottom: 5px
}

.widget-suggest li a {
	font-weight: bold
}

.widget-outline {
	margin: 0;
	top: 40px;
	border-color: #ddd;
	line-height: 1.5
}

.widget-outline .panel-heading {
	background-color: #FFF;
	font-weight: bold;
	border: none;
	cursor: pointer;
	padding: 8px 12px;
	font-size: 16px
}

.widget-outline .caret {
	margin: 10px 0 0 5px
}

.widget-outline .panel-body {
	max-height: 300px;
	overflow: auto;
	padding: 0 12px 10px
}

.widget-outline .panel-body #articleIndex {
	margin-top: 5px
}

.widget-outline .panel-body ul {
	padding-left: 18px;
	margin: 0;
	list-style-type: square
}

.widget-outline__close .panel-body {
	display: none
}

.widget-outline.fixed {
	position: fixed
}


.topframe {
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	border-radius: 0
}

.topframe.alert-warning {
	border-bottom: 1px solid #faebcc
}

.topframe.alert-danger {
	border-bottom: 1px solid #ebccd1
}

input.loading {
	background: url("../img/loader.28cc6027.gif") no-repeat right center
}

.widget-share__wechart--modal img {
	background: url("../img/loader.28cc6027.gif") no-repeat center center
}

iframe.loading {
	background: url("../img/loader.28cc6027.gif") #fafafa no-repeat center
		center
}

.widget-loading {
	display: none;
	position: fixed;
	left: -14px;
	top: 50%;
	margin-top: -14px;
	width: 85px;
	height: 28px;
	line-height: 28px;
	text-indent: 42px;
	font-size: 12px;
	color: #FFF;
	background: #666 url("../img/wait.898ff15.gif") no-repeat 20px center;
	filter: alpha(opacity = 80);
	opacity: .8
}

.hover-show-obj {
	visibility: hidden;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s
}

.hover-show:hover .hover-show-obj {
	visibility: visible
}

.feed-link {
	padding-left: 22px;
	text-align: right;
	color: #999;
	background:
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+cnNzLXNxdWFyZS1pY29uPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48cGF0aCBkPSJNMCAwdjE2aDE2VjBIMHptMy45MjMgMTMuNmMtLjgzOCAwLTEuNTE2LS42OC0xLjUxNi0xLjUxNiAwLS44MzcuNjgtMS41MTUgMS41MTYtMS41MTUuODM3IDAgMS41MTUuNjc3IDEuNTE1IDEuNTE0IDAgLjgzOC0uNjc4IDEuNTE2LTEuNTE1IDEuNTE2em0zLjYyIDBjLS4wMjgtMi44Mi0yLjMxNi01LjEwOC01LjEzNi01LjEzN1Y2LjIxN2M0LjA2NS4wMyA3LjM1NCAzLjMxOCA3LjM4MyA3LjM4M0g3LjU0NHptMy44MDUgMGMtLjAwNy0yLjM5LS45NC00LjYzNC0yLjYzLTYuMzI1LTEuNjg3LTEuNjg2LTMuOTI3LTIuNjItNi4zMS0yLjYzVjIuNGM2LjE3Mi4wMjIgMTEuMTcgNS4wMjUgMTEuMTg1IDExLjJoLTIuMjQ1eiIgZmlsbD0iI0Y2QTYyMyIvPjwvc3ZnPg==)
		no-repeat 0 0
}

.post-title {
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc
}

.blog-write, .qa-ask, .qa-editQuestion, .qa-editAnswer {
	background: #f3f3f3
}

.blog-write .container, .qa-ask .container, .qa-editQuestion .container,
	.qa-editAnswer .container {
	padding: 0 30px !important;
	width: 100%;
	max-width: 1600px
}

.blog-write #fixedTools, .qa-ask #fixedTools, .qa-editQuestion #fixedTools,
	.qa-editAnswer #fixedTools {
	display: none
}

.blog-write #footer, .qa-ask #footer, .qa-editQuestion #footer,
	.qa-editAnswer #footer {
	display: none
}

.post-topheader {
	padding: 15px 0;
	background: #f3f3f3
}

.post-topheader .breadcrumb {
	margin: 0 0 10px;
	padding: 0;
	background-color: transparent
}

.post-topheader .title {
	margin: 0
}

.post-topheader .title a, .post-topheader .title a:hover,
	.post-topheader .title a:active {
	color: #333;
	text-decoration: none
}

.post-topheader .author {
	margin-top: 10px;
	color: #999
}

.post-topheader .widget-action--ver {
	margin-top: 10px
}

.video-prev {
	padding: 15px;
	border: 1px solid #eee;
	border-color: #eee #eee #e6e6e6;
	cursor: pointer;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05)
}

.video-prev h5 {
	color: #009a61
}

.video-prev img {
	margin-right: 15px
}

.video-body .player {
	width: 480px;
	height: 360px
}

.santa-hat {
	position: relative
}

.santa-hat:after {
	display: inline-block;
	content: "";
	position: absolute;
	z-index: 2;
	background: url("../img/misc/santa-hat.f718fcd3.png") no-repeat
}

.hat-128:after {
	top: -10px;
	left: 90px;
	width: 64px;
	height: 64px;
	-moz-background-size: 64px;
	-o-background-size: 64px;
	-webkit-background-size: 64px;
	background-size: 64px;
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg)
}

.hat-40:after {
	top: -5px;
	left: 26px;
	width: 20px;
	height: 20px;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px
}

.hat-24:after {
	top: -3px;
	left: 16px;
	width: 12px;
	height: 12px;
	-moz-background-size: 12px;
	-o-background-size: 12px;
	-webkit-background-size: 12px;
	background-size: 12px
}

.misc-santa {
	position: fixed;
	z-index: 5;
	bottom: 0;
	right: 40px
}

.misc-santa img {
	width: 70px
}

@media ( max-width : 767px) {
	.m-mt0, .m-mt-0 {
		margin-top: 0px
	}
	.m-mt5, .m-mt-5 {
		margin-top: 5px
	}
	.m-mt10, .m-mt-10 {
		margin-top: 10px
	}
	.m-mt15, .m-mt-15 {
		margin-top: 15px
	}
	.m-mt20, .m-mt-20 {
		margin-top: 20px
	}
	.m-mt30, .m-mt-30 {
		margin-top: 30px
	}
	.m-mt40, .m-mt-40 {
		margin-top: 40px
	}
}

.widget-active section {
	padding: 10px 0;
	border-top: 1px solid #EEE
}

.widget-active--left {
	float: left;
	color: #CCC;
	font-size: 16px
}

.widget-active--right {
	margin-left: 30px
}

.widget-active--right .wordbreak {
	color: #888
}

.widget-active--right__info {
	color: #999;
	margin-bottom: 5px
}

.widget-active--right__info small {
	color: #CCC
}

.widget-active--right__info .badge {
	background-color: #FFF;
	border: 1px solid
}

.widget-active--right__title h4 {
	display: inline;
	margin: 0 5px 0 0;
	font-size: 15px
}

.widget-active--right__title h4 a {
	color: #333
}

.widget-active--right__title h4 a:hover {
	color: #017e66
}

.widget-active--right__quote {
	border-left: 5px solid #EEE;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 0;
	color: #888;
	word-break: break-all
}

.widget-badge {
	color: #666;
	margin-top: 5px;
	margin-right: 5px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 5px;
	background-color: #F6F6F6
}

.badge-norm, .badge-tag {
	display: inline-block;
	padding: 0 6px;
	height: 30px;
	line-height: 26px;
	border-radius: 5px;
	text-decoration: none
}

[href].badge-norm:hover, [href].badge-tag:hover {
	text-decoration: none
}

.badge-norm {
	border: 2px solid #4a4a4a;
	background-color: #4a4a4a;
	color: #fff
}

.badge-norm[href]:hover {
	color: #fff;
	background-color: #646464;
	border-color: #646464
}

.badge-tag {
	border: 2px solid #ccc;
	background-color: #fff;
	color: #666
}

.badge-tag[href]:hover {
	color: #999;
	background-color: #fff;
	border-color: #e6e6e6
}

.badge--gold:before, .badge--silver:before, .badge--copper:before {
	content: "";
	display: inline-block;
	margin: -2px 4px 0 0;
	width: 7px;
	height: 7px;
	vertical-align: middle;
	border-radius: 7px
}

.badge--gold:before {
	background: #F8E71C
}

.badge--silver:before {
	background: #CCC
}

.badge--copper:before {
	background: #C48318
}

.stream-list {
	margin-bottom: 10px
}

.stream-list.top-indent {
	margin-top: -10px
}

.stream-list__item {
	margin: 0;
	border-bottom: 1px solid #eee;
	padding: 10px 0
}

.stream-list__item .author {
	margin-bottom: 2px;
	color: #999;
	font-size: 13px
}

.stream-list__item .author a {
	color: #999
}

.stream-list__item .author small {
	color: #ddd
}

.stream-list__item .title {
	display: inline;
	margin: 0 5px 0 0;
	font-size: 16px
}

.stream-list__item .title a {
	color: #333
}

.stream-list__item .title a:hover {
	color: #017e66
}

.stream-list__item .small-title {
	margin: 0 0 5px;
	font-size: 16px
}

.stream-list__item .split:before {
	content: "·";
	color: #ddd
}

.stream-list__item .summary {
	overflow: auto
}

.stream-list__item .excerpt {
	margin: 3px 0 0;
	height: 42px;
	color: #777;
	font-size: 13px;
	line-height: 1.7;
	overflow: hidden
}

.question-stream .stream-list__item {
	padding: 9px 0
}

.blog-stream .stream-list__item {
	padding: 12px 0
}

.blog-stream .stream-list__item .author {
	margin-bottom: 5px
}

.stream-list__item.highlight {
	background: #FFF9EB
}



.blog-rank {
	float: left;
	margin-right: 12px;
	padding-right: 12px;
	border-right: 1px solid #f3f3f3;
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
	color: #666
}

.blog-rank small {
	display: block;
	font-size: 12px
}

.blog-rank .votes, .blog-rank .views {
	display: block;
	padding-top: 3px;
	width: 40px;
	height: 40px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px
}

.blog-rank .votes {
	margin-bottom: 8px;
	background: #f0f0f0
}

.blog-rank .plus {
	background: #009a61;
	color: #fff
}

.blog-rank .minus {
	background: none;
	color: #D0021B
}

.blog-rank .views {
	color: #999
}



.widget-comments {
	list-style: none;
	margin: 0 0 15px;
	font-size: 13px;
	color: #666;
	padding: 10px;
	background-color: #F6F6F6;
	border-radius: 2px
}

.widget-comments .widget-comments__item {
	margin-bottom: 10px;
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAEUlEQVQIHWO4e/fufxBmgAIAWVEHLYEgi9EAAAAASUVORK5CYII=)
		repeat-x bottom;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s
}

.widget-comments .widget-comments__item .editTextarea {
	resize: none;
	min-height: 56px
}

.widget-comments .widget-comments__form textarea {
	min-height: 56px !important;
	resize: none
}

.widget-comments .votes {
	position: relative;
	text-align: center;
	float: left;
	margin: 5px 10px 0 0;
	width: 20px;
	height: 30px;
	line-height: 40px;
	font-size: 12px;
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.widget-comments .votes:hover {
	background-color: transparent
}

.widget-comments .votes button {
	position: absolute;
	left: 0;
	top: 0;
	outline: none;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: transparent url("../img/vote-bg@2x.947a5de3.png") -120px 0
		no-repeat;
	-moz-background-size: auto 54px;
	-o-background-size: auto 54px;
	-webkit-background-size: auto 54px;
	background-size: auto 54px
}

.widget-comments .votes .like:hover {
	background-position: -140px 0
}

.widget-comments .votes .like.active {
	background-position: -160px 0
}

.widget-comments .comment-content {
	overflow: auto
}

.widget-comments .comment-meta {
	color: #999
}

.widget-comments .comment-warning {
	background-color: #fcf8e3
}

.widget-comments .col-sm-10 {
	padding-right: 0
}

.widget-comments .fmt {
	font-size: 13px
}

.widget-comments .fmt h1, .widget-comments .fmt h2, .widget-comments .fmt h3,
	.widget-comments .fmt h4, .widget-comments .fmt p, .widget-comments .fmt ul,
	.widget-comments .fmt ol, .widget-comments .fmt pre, .widget-comments .fmt blockquote,
	.widget-comments .fmt table {
	margin: 10px 0
}

.widget-comments .fmt>h1:first-child, .widget-comments .fmt h2:first-child,
	.widget-comments .fmt h3:first-child, .widget-comments .fmt h4:first-child,
	.widget-comments .fmt p:first-child, .widget-comments .fmt ul:first-child,
	.widget-comments .fmt ol:first-child, .widget-comments .fmt pre:first-child,
	.widget-comments .fmt blockquote:first-child, .widget-comments .fmt table:first-child
	{
	margin-top: 0
}

.widget-barchart {
	font-size: 0;
	padding-bottom: 5px
}

.widget-barchart .col {
	vertical-align: bottom;
	position: relative;
	display: inline-block;
	width: 5%;
	background: #009A61;
	font-size: 13px;
	line-height: 1.4;
	color: #666;
	letter-spacing: 0;
	border-left: 1px solid #FFF
}

.widget-barchart .col i {
	display: none;
	position: absolute;
	left: 0;
	bottom: -48px;
	margin-left: -30px;
	padding: 3px 0;
	z-index: 100;
	width: 74px;
	background: #2a2a2a;
	text-align: center;
	color: #FFF;
	font-style: normal
}

.widget-barchart__cminus .col {
	vertical-align: top;
	background: #9a4444;
	border-top: 1px solid #ddd
}

.widget-highlight {
	position: relative;
	width: 100%
}

.widget-clipboard {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	font-size: 12px;
	color: #bbb;
	cursor: pointer
}

.widget-clipboard:before {
	content: "[copy]"
}


#footer {
	border-top: 1px solid #EEE;
	padding: 0px 0;
	color: #888;
	line-height: 1.6;
	vertical-align: top
}

#footer a {
	color: #888
}

#footer .site-link {
	margin: 0 0 40px
}

#footer .site-link dt {
	margin-bottom: 20px;
	color: #333
}

#footer .site-link dd {
	margin: 5px 0;
	font-size: 13px
}

#footer .copyright {
	text-align: center;
	font-size: 13px
}




.profile-header{padding:10px;border:1px solid #ddd;background-color:#fff;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px;border-radius:3px 3px 0 0}.profile-header h4{margin:15px 0 5px;font-size:20px}.profile-header>.pull-left{margin-right:20px}
.profile-header .sn-inline li{margin-bottom:5px}
.profile-links{margin:20px 0 0}
.profile-links li {
	margin-top: 8px
}

.profile .profile-ranks {
	margin: -1px 0 0;
	border: 1px solid #ddd;
	overflow: hidden;
	width: 100%;
	text-align: center
}

.profile .profile-ranks a {
	text-decoration: none
}

.profile .profile-ranks li {
	float: left;
	width: 33.33%;
	padding: 10px 0;
	margin: 0;
	line-height: 1.2;
	border-left: 1px dotted #ddd
}

.profile .profile-ranks li:first-child {
	border-left: none
}

.profile .profile-ranks li strong {
	display: block;
	font-size: 20px
}

.profile .profile-bio {
	margin-top: -1px;
	padding: 15px 15px 5px;
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	font-size: 13px;
	max-height: 300px;
	overflow: auto
}

.profile .profile-bio pre {
	padding: 0;
	border: none;
	background-color: transparent
}

.profile .profile-goodjob {
	position: relative;
	margin-top: -1px;
	padding: 15px;
	border: 1px solid #ddd;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0;
	border-radius: 0 0 3px 3px
}

.profile .profile-goodjob .joindate, .profile .profile-goodjob .joindate a
	{
	font-size: 13px;
	color: #999
}

.profile .profile-goodjob #piechart {
	margin: 20px -10px;
	max-width: 310px;
	min-height: 200px
}


.userfile .nav-pills {
	margin-bottom: 15px;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}

.userfile .nav-pills>li>a {
	margin-right: 5px;
	padding: 5px 12px
}

.userfile .nav-pills a:hover .badge {
	background-color: #fff
}

.userfile .nav-pills .badge {
	background-color: #eee;
	color: #888;
	font-weight: normal;
	vertical-align: text-bottom
}

.userfile .nav-pills>li.active .count {
	color: #fff
}

.header{margin:26px 0 30px}
.header h1{margin-bottom:5px}
.header .description{font-size:16px;color:#999}
.header .logo1 img{height:60px}
.login-wrap{padding:30px}
.login-link{margin:30px 0 80px;color:#ddd}
.login-link a{margin:0 10px;color:#999}
.login-title{margin-top:0}
.widget-login [class*="btn-sn-"]{margin:0 2px 6px 0}
@media (max-width: 767px){
	.header{margin:-10px 0 20px}
	.login-wrap{padding:20px}
	.widget-login .btn{display:block}
	#showMore{display:none}
	}

	#global_search_btns{
	
	cursor:pointer;
	
	}
.markeditor{
	margin-bottom:10px;
}







   .su-toolbar{
        width:100%;
        height:45px;
        display: block;
        background: #f5f5f5;
        padding: 5px;
        border: solid 1px;
        border-color: #cccccc;
    }
   .su-toolbar .tool-block{
       cursor: pointer;
       display: block;
       width:35px;
       margin:0 1%;
       height:35px;
       float:left;
       padding: 5px;
   }
   .su-toolbar .tool-block *{
       left:20%;
       top:20%;
   }
   .su-toolbar .tool-block:hover{
       background: #00ffff;
   }
   .su-toolbar button{
       margin-top:5px;
   }

    .suEditor{
        width:50%;
        float:left;
        display: block;

    }
    .suEditor textarea{
        width:100%;
        height: 400px;
        background: #f5f5f5;
        tab-size: 4;
        border:solid 1px;
        border-top: none;
        border-color: #cccccc;
        padding: 20px;
        resize: none;
    }
   .suEditor textarea:focus{
      background: #fff;
      border-color:#cccccc ;
      outline: none;
   }
    .suPreview{
        width:50%;
        left:50%;
        float:left;
        background: #f5f5f5;
        height: 400px;
        display: block;
        overflow: auto;
        padding: 0 20px;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-color: #cccccc;

    }

    .suProgress{
        width: 100%;
    }

.media-object {
display: block;
}
.media, .media-body {
overflow: hidden;
zoom: 1;
}
#comments .list-group-item-danger {
	background: rgba(169, 68, 66, 0.05);
}

#comments .respond-title {
	background: #f5f5f5;
}

#comments .commentlist>ul.children {
	padding: 0 0 0 50px;
}

#comments li #comment-author .avatar {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

#comments li .comment-votes {
	margin: 0;
	padding: 0;
	width: 35px;
	line-height: 21px;
	float: left;
	overflow: hidden;
}

#comments li .comment-votes a {
	outline: 0;
	text-decoration: none;
	display: block;
	margin-bottom: 6px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

#comments li .comment-votes a:hover {
	background-color: #f5f5f5;
}

#comments li .comment-votes a .votes {
	display: block;
	line-height: 16px;
	margin-bottom: 5px;
	font-size: 12px;
}

#comments li .comment-votes.disabled {
	
}

#comments li #comment-body {
	color: #999;
	font-size: 13px;
}

#comments li.top #comment-body {
	padding-left: 50px;
	word-wrap: break-word;
}

#comments li #comment-body cite {
	font-style: normal
}

#comments li.comment {
	padding: 15px 15px 20px;
}

#comments li.pingback,#comments li.pingback a {
	color: #888;
	font-size: 12px;
	overflow: hidden;
	word-wrap: break-word;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-style: normal;
}

#comments li #comment-body .popover .popover-content {
	height: 72px;
	width: 200px;
	line-height: 25px;
	overflow: hidden;
	font-size: 12px;
}

#comments li #comment-body .popover .popover-content cite {
	display: block;
	width: 180px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 !important;
}

#comments li #comment-body .popover .popover-content i {
	position: absolute;
	right: 15px;
	bottom: 10px;
	font-style: normal;
}

#comments #comment-body .says {
	margin: 0 6px;
}

#comments .top-level {
	color: #999;
	font-size: 12px;
}

#comments #comment-content {
	color: #333;
	font-size: 14px;
	line-height: 24px;
	min-height: 24px;
	margin: 0;
	word-wrap: break-word;
}

#comments #comment-content .look {
	margin: 0 3px;
}

#comments #comment-content abbr {
	font-size: 13px;
	color: #a94442;
	padding: 2px 3px;
}

#comments #comment-meta {
	font-size: 12px;
	line-height: 16px;
	_zoom: 1;
}

#comments #comment-meta a {
	text-decoration: none;
	color: #999;
	margin: 0 6px;
	padding: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

#comments #comment-meta a.pm,#comments #comment-meta a.comment-sticky,#comments #comment-meta a.comment-edit-link
	{
	opacity: 0;
}

#comments li:hover #comment-meta a,#comments li #comment-meta a:hover,#comments li #comment-meta a:focus
	{
	opacity: 1;
}

#comments #comment-meta a:hover {
	color: #444;
}

#comments #comment-meta a.highlight {
	color: #333
}

#comments #comment-meta a .glyphicon {
	margin-right: 4px;
}

#comments #comment-meta a.comment-sticky:hover,#comments #comment-meta a.comment-sticky:focus,#comments #comment-meta a.comment-sticky.active
	{
	color: #5cb85c;
}

#comments #comment-meta cite {
	margin: 0 6px 0 0;
}

#comments #comment-meta cite a {
	margin: 0;
	color: #428bca;
}

.commentlist form {
	background: #f7f7f7;
}

#comments #thread-comments,#comments #sticky-comments {
	padding: 0;
}

#comments #sticky-comments li {
	background-color: #f1fedd;
	border-color: #e9eee3;
	padding: 10px 15px;
}

#comments .sticky-title {
	color: #3c763d;
	margin-top: -1px;
}

#comments #thread-comments #loading {
	margin: 15px auto;
}
.commentpre{
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 4px;

}



.fmt {
font-size: 14px;
line-height: 1.6;
word-wrap: break-word;
}

.tagsinput {
   
    padding: 6px 6px 1px 6px;
    overflow-y: auto;
    text-align: left;
}
.tagsinput .tag {
    border-radius: 4px;
    background-color: #41cac0;
    color: #ffffff;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    line-height: 15px;
    padding: 6px 13px 8px 19px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-transition: 0.14s linear;
    -moz-transition: 0.14s linear;
    -o-transition: 0.14s linear;
    transition: 0.14s linear;
    -webkit-backface-visibility: hidden;
}
.tagsinput .tag:hover {
    background-color: #39b1a8;
    color: #ffffff;
    padding-left: 12px;
    padding-right: 20px;
}
.tagsinput .tag:hover .tagsinput-remove-link {
    color: #ffffff;
    opacity: 1;
    display: block\9;
}
.tagsinput input {
    background: transparent;
   
    color: #34495e;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    margin: 0px;
    padding: 0 0 0 5px;
    
    margin-right: 5px;
    margin-bottom: 5px;
    
}
.tagsinput-remove-link {
    bottom: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    opacity: 0;
    padding: 7px 7px 5px 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none\9;
}
.tagsinput-remove-link:before {
    color: #ffffff;
    content: "\f00d";
    font-family: "FontAwesome";
}
.tagsinput-add-container {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.tagsinput-add {
    background-color: #d6dbdf;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 6px 9px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
}
.tagsinput-add:hover {
    background-color: #3bb8af;
}
.tagsinput-add:before {
    content: "\f067";
    font-family: "FontAwesome";
}
.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.avatarpos{
position:absolute;
width:128px;
height:128px;
line-height:128px;
text-align:center;
filter:alpha(opacity=70);  
-moz-opacity:0.7;  
-khtml-opacity: 0.7;  
opacity: 0.7;
top:11px;left:28px;
border-radius:5%;
color:#fff;
background:#000;
display:none;
}

.upload-area {
	position:relative;
	height: 304px;
	background-color: #F5F5F5;
    border: 2px solid #E1E1E1;
    padding:0px;
    margin:10px;
}
.upload-area .file-tips {

padding-top:20px;
	color: #A8A8A3;
    text-align: center;
}
#user-pic-button {
   

	
}
.avatarbtn .btn{
float:left;}
.uploadify-button {
	line-height: 120px!important;
	text-align: center;
}
.preview-area {
	float: left;
	margin:0px 41px;
}
.avatarbtn{
	margin-left:20px;
	}
	.uploadify{
	margin-left:42px;
	}
	#content-pic{margin:0;}
.tcrop {
    clear: right;
    font-size: 14px;
    font-weight: bold;
}
.update-pic .crop {
    background:#EEEEEE;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    overflow: hidden;
}
.crop128 {
    height: 128px;
    width: 128px;
    margin:0px 10px;
}
.crop64 {
    height: 64px;
    margin:0px 10px;
    width: 64px;
}
.update-pic .save-pic {
    
    margin-right: 20px;
}
.update-pic .uppic-btn {
    background-color: #1D9564;
    color: #FFFFFF;

    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 89px;
}
.preview {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	
	overflow: hidden;
	background:#fff;
	display:none;
}
#author-message {
	padding: 0;
	margin: 0;
	list-style: none
}

#author-message li {
	padding: 0 5px;
	margin-bottom: 10px;
	line-height: 32px;
	border-bottom: 1px solid #eee;
	color: #888;
	font-size: 13px
}

#author-message li.tip {
	padding: 0 10px;
	border: 0;
	background: #f8f8f8;
	margin: 20px 0
}

#author-message li .message-content {
	line-height: 25px;
	color: #333
}

#author-message li .pm-box {
	margin: 0 44px 10px
}

#author-message li .pm-content {
	padding: 10px 15px;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .13)
}

#author-message li .highlight {
	background: #f8f8f8
}

#author-message li .pm-date {
	color: #ccc;
	font-size: 12px;
	text-align: center;
	margin: 10px 0 0
}

#author-message li .info {
	font-size: 12px;
	line-height: 22px;
	color: #999
}

#author-message li.unread {
	border-color: #5cb85c
}

#author-message li.unread .tag {
	color: #5cb85c
}

#author-message li.up {
	color: #333;
	line-height: 25px;
}

#author-message li.up .up_title {
	margin: 0 5px;
}

#author-message li.up .glyphicon {
	margin: 0 5px 0 8px;
}

.tagPopup{
	margin-bottom:10px;
	}
	
	#piechart li{
	float:left;
	}
	
		
	@media (max-width: 768px){
.top-menu-wrap {
top:0px;
position: fixed;
}
.search-box{

top:0px;
left:56px;
position: fixed;

}		
.opts{
		top:0px;
		right:0px;
position: fixed;
		
		}		
		.maincontent{
		
		margin-top:54px;
		
		}
	}
/**/
/* reset */
/**/
.pcss3mm .nav li a {
display: block;
padding: 5px 8px;
color:#333;
}
.pcss3mm li.active a{
	color:#fff;
	}
	.pcss3mm li.active ul a{
	color:#333;
	}
/**/
/* level 1 */
/**/
.pcss3mm {
	position: relative;
	z-index: 9;
	text-align: right;
	
}
.pcss3mm ul{

padding:5px;
}

.pcss3mm li {
	position: relative;
	display: inline-block;
	float: left;
	text-align: left;
	margin-bottom:3px;
}
.pcss3mm a {
	position: relative;
	display: block;
	padding: 5px;
	text-decoration: none;
}


.pcss3mm .dropdown > div {
	position: absolute;
	z-index: 1000;
	top: 45px;
	left: -9999px;
	margin-top: 0px;
	border-radius: 0 5px 5px 5px;
	box-shadow: 0 0 6px rgba(76,76,76,0.25);
	opacity: 0;
	transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
}
.pcss3mm .dropdown:hover > b {
	left: 0;
	opacity: 1;
}
.pcss3mm .dropdown:hover > div {
	left: 0;
	opacity: 1;
}



/**/
/* level 2 */
/**/



.pcss3mm ul .dropdown > div {
	top: 25px;
	margin-left: -68px;
	border-radius: 5px;
}
.pcss3mm ul .dropdown:hover > div {
	left: 100%;
}



.pcss3mm .grid-column3,
.pcss3mm .grid-container3 {
	width: 233px;
}




/*----------------------------------------------------------------------------*/
/*                               CUSTOMIZATION                                */
/*----------------------------------------------------------------------------*/

.pcss3mm {
	background: #ffffff;
}
.pcss3mm li {
	border-color: #d9d9d9;
	background: #ffffff;
	font-size: 13px;
	
}

.pcss3mm a:hover {
	background: #f2f2f2;
	color: #2b82d9;
}
.pcss3mm a.active {
	color: #2b82d9;
}
.pcss3mm .dropdown > div {
	background: #ffffff;
	
}
.pcss3mm .dropdown > a:after {
	border-top-color: #a6a6a6;
}
.pcss3mm .dropdown > a.active:after {
	border-top-color: #2b82d9;
}


.pcss3mm .dropdown:hover > a:after {
	border-top-color: #2b82d9;
}
.pcss3mm ul li {
	background: #ffffff;
	
	margin-right: 10px;
}
.pcss3mm ul a {
	padding: 10px;
	
}
.main__board .nav > li > a{
padding: 5px 12px;
}
.main__board ul.nav-pills
{
border-bottom: 1px solid #eee;
}

#description img{max-width:100%;max-height:100%;}
.attachspan{color:#333;font-size:12px;margin-left:10px;}
.chinacity{
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

h2.title{
	
	font-weight:bold;
	
}

.stream-list .entry-thumbnail a {
	
	float:left;
	width: 150px;
	height: 100px;
	background: #fff;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	overflow: hidden;
}
.stream-list .entry-thumbnail img{
	width: 150px;
	height: 100px;
	}
.stream-list .entry-thumbnail a:hover {
	border-color: #ddd;
}

.has_post_thumbnail .sumcontent{
	
	margin-left:160px;
}

.stream-list .has_post_thumbnail {
	overflow: hidden;
}

@media ( max-width : 768px) {
	
	
	.has_post_thumbnail .sumcontent{display:none;}
}
.flink_image li {
  float: left;
  margin: 10px;
  list-style: none;
}
.flink_image li img {
  width: 120px;
  height: 90px;
}
	/*同步登录页*/
.other_login_title {
  line-height: 41px;

  float: left;
}

.other_login_link .other_login {
  background: url(../images/other_login.png) no-repeat;
  height: 41px;
  width: 41px;
  display: block;
  float: left;
  margin-left: 13px;
  margin-bottom: 2px;
}
.other_login_link .other_login_qq {
  background-position: -4px -4px;
}
.other_login_link .other_login_sina {
  background-position: -4px -59px;
}
.other_login_link .other_login_douban {
  background-position: -4px -117px;
}
.other_login_link .other_login_renren {
  background-position: -4px -175px;
}
.other_login_link a.other_login_qq:hover {
  background-position: -66px -4px;
}
.other_login_link a.other_login_sina:hover {
  background-position: -66px -60px;
}
.other_login_link a.other_login_douban:hover {
  background-position: -66px -117px;
}
.other_login_link a.other_login_renren:hover {
  background-position: -66px -175px;
}
.other_login_link a.other_login_qq:active {
  background-position: -129px -4px;
}
.other_login_link a.other_login_sina:active {
  background-position: -129px -60px;
}
.other_login_link a.other_login_douban:active {
  background-position: -129px -117px;
}
.other_login_link a.other_login_renren:active {
  background-position: -129px -175px;
}
/*同步登录页end*/