a {color: #555; text-decoration: none;}
a:hover,a.text-gray:hover {color: #50c474;}

input[type=text], input[type=text]:focus, input[type=email], input[type=email]:focus, input[type=password], input[type=password]:focus, textarea, textarea:focus {outline: 0; -webkit-box-shadow: 0 0 0 100px #fff inset !important;}
input[type=text], input[type=email], input[type=password] {border: 1px solid #e5e5e5; height: 34px; border-radius: 4px; padding: 8px;}

.btn-default {border-color: #e5e5e5;}
.btn-default:hover {color: #fff; background-color: #2397e5; border-color: #2397e5;}
.btn-success,.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {background-color: #50c474;}
.btn-primary,.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {text-shadow: 0 0 3px rgba(0,0,0,0.58); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.28);}

.text-success{color: #50c474;}
.text-gray {color: #bbb;}

.container {width: 1072px !important;}


.panel {border-color: #e5e5e5; box-shadow: 0 2px 4px #eaeaea; border-bottom-color: #bbb;}
.panel-body {padding: 18px;}

.breadcrumb>.active {color: #999;}
.breadcrumb>li+li:before {content: '»'; color: #999; font-size: 16px;}

.pagination {margin-top: 8px;}
.pagination>li>a, .pagination>li>span {padding:8px 14px; color: #999; border-color: #e5e5e5; border-radius: 4px; margin-left: 8px; box-shadow: 0 2px 2px #e5e5e5; border-bottom-color: #bbb;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #555; background-color: #f6f6f6; border-color: #e5e5e5;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background: -webkit-linear-gradient(top, #1D8CD2, #1B85CB); border: 1px solid #1F7EBE; border-bottom-color: #18547C; box-shadow: 0 2px 2px #bbb;}

.nav-tabs {border-bottom: 0; padding: 8px 0 0 18px;}
.nav-tabs>li>a {padding: 8px; font-size: 16px; color: #bbb; margin-right: 8px; border: 0;}
.nav-tabs>li>a:hover {color: #555; background-color: #f6f6f6;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: 0; border-bottom: 4px solid #2397E5;}


/* header */
/* header-topbar*/
.topbar {background-color: #eee; line-height: 36px; border-bottom: 1px solid #e5e5e5;}
/* header-logo-and-search*/
.logo-and-search {padding: 8px 0;}
/* header-navbar*/
.navbar {border: 0; border-radius: 0;}  
.navbar-inverse.navbar-primary {background: -webkit-linear-gradient(top, #428ECF, #3C87C9); min-height: 48px; margin-bottom: 0; border-bottom: 1px solid #18547C; box-shadow: 0 3px 0 #c3c3c3, 0 2px 8px #ccc, 0 -1px 0 rgba(255,255,255,0.28) inset;
    border-radius: 6px;}
.navbar-default {background-color: #f2f2f2; min-height: 36px;}

.navbar-nav>li>a {font-size: 15px;}

.navbar-inverse.navbar-primary .navbar-nav>li>a {color: #C9E0F1; padding: 16px 18px 15px 18px;}
.navbar-inverse.navbar-primary .navbar-nav>li>a:hover {background: -webkit-linear-gradient(top, #3884C5, #327DBF); color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.20) inset, 0 -1px 0 rgba(255,255,255,0.28) inset;}
.navbar-inverse.navbar-primary .navbar-nav>.active>a, .navbar-inverse.navbar-primary .navbar-nav>.active>a:hover, .navbar-inverse.navbar-primary .navbar-nav>.active>a:focus {background: -webkit-linear-gradient(top, #4C98D9, #4691D3); color: #fff; padding: 9px 14px 7px 14px; margin: 7px 8px 7px 8px; box-shadow: 0 1px 5px rgba(0,0,0,0.28); border-bottom: 1px solid rgba(255,255,255,0.28); border-radius: 6px;}

.navbar-primary .navbar-right {margin-right: 0;}
.navbar-primary .collapse.navbar-collapse {padding: 0 8px;}

.navbar-default .navbar-nav>li>a {color: #999; padding: 10px 18px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background: #eaeaea; color: #555; }

.navbar-primary li:hover ul.dropdown-menu {display: block;}

.navbar-inverse.navbar-primary .navbar-nav>li.dropdown.active {margin: 0 8px;}
.navbar-inverse.navbar-primary .navbar-nav>li.dropdown.active>ul.dropdown-menu {min-width: 100%;}
.navbar-inverse.navbar-primary .navbar-nav>li.dropdown.active>a.dropdown-toggle {margin: 7px 0 7px 0;}
.navbar-inverse.navbar-primary .navbar-nav>li.dropdown.active>ul.dropdown-menu>li>a {padding: 6px 20px;}

body {color: #555; font-family: 'microsoft yahei'; background-color: #f6f6f6;}
body>footer {background-color: #303339; color: #909396; margin-top: 18px;}
body>footer a {color: #909396;}

a, ul, li {-webkit-transition:all 198ms ease-out; -moz-transition:all 198ms ease-out; transition:all 198ms ease-out;
animation-timing-function:linear; -webkit-animation-timing-function:linear;
animation-duration: 0.28s; -webkit-animation-duration: 0.28s;/*动画持续时间*/
animation-iteration-count: 1; -webkit-animation-iteration-count: 1;/*动画次数*/
animation-delay: 0s; -webkit-animation-delay: 0s;/*延迟时间*/
animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;/*动画保持*/-webkit-touch-callout: none;
}
::selection {background: #50c474; color: #fff;}
::-moz-selection {background: #DDF4BA; color:#659E3F;}

/* topbar*/
.topbar a.btn {padding: 8px 12px; border: none; color: #999; border-radius: 0; box-shadow: none;}
.topbar a.btn:hover, .topbar a.btn:active {color: #555;}
.topbar a.btn.active {color: #555; background-color: #e5e5e5;}

/* logo */
a.logo {width: 218px; height: 108px; display: block; text-indent: -9999em;}
a.logo h1 {width: 218px; height: 108px; background: url('/Public/images/logo.png') no-repeat; margin: 0;}

/* index-commend*/
.index-commend {margin-top: -15px;}
.index-commend .list-page-2col>.post-row {margin-top: 20px;}
.index-commend .list-page-2col .thumb-box>img {height: 72px;}

.index-hottags a {padding: 8px 14px; margin-right: 8px; background-color: #f6f6f6; border-radius: 4px;}
.index-hottags a:hover {text-decoration: none; color: #fff; background-color: #2397e5;}

.panel-titlebar {padding: 28px 18px 0 18px;}
.panel-title {font-size: 18px; color: #555; padding: 0 18px 2px 8px; border-left: 4px solid #2397E5; line-height: 18px;}
.panel-titlebar .son-cates>a, .panel-titlebar a.a-more{color: #bbb;}


.index-page>header>h2.category-title {font-size: 22px; margin-top: 0; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;}

.list-page-default .post-row {min-height: 168px; margin-top: 18px;}
.list-page-default .thumb-box>img {height: 136px; width: 100%;}
.list-page-default h3 {font-size: 18px; margin-top: 0; line-height: 24px;}
.list-page-default .post-info {color: #bbb; margin-bottom: 8px;}

.list-page-grid .col-xs-3 {min-height: 246px;}
.list-page-grid .col-xs-4 {min-height: 246px;}
.list-page-grid .col-xs-3 .thumb-box>img {height: 152px; width: 100%;}
.list-page-grid .col-xs-4 .thumb-box>img {height: 136px; width: 100%;}
.list-page-grid h3 {font-size: 15px; line-height: 20px; margin: 8px 0 0 2px;}
.list-page-grid footer {color: #bbb;}

.list-page-grid .col-xs-6 {min-height: 168px; padding-right: 0;}
.list-page-grid .col-xs-6 .thumb-box>img {height: 98px; width: 100%;}
.list-page-grid .col-xs-6 h3 {font-size: 13px; line-height: 20px; margin: 8px 0 0 2px;}
.list-page-grid footer {color: #bbb;}

.list-page-2col .post-row {/*min-height: 28px;*/ margin-top: 22px;}
.list-page-2col .thumb-box>img {height: 58px; width: 100%;}
.list-page-2col h3 {font-size: 15px; line-height: 21px; margin: -3px 0 0 0;}
.list-page-2col .post-info {color: #bbb; /*margin-bottom: 8px;*/}

/* 文章页 */
.content-page {padding: 0 13px;}
.content-page header>h2 {font-size: 22px;}
.content-page header>.content-info {color: #bbb;}
.content {margin-top: 18px;}
.content p {font-size: 15px; line-height: 23px; margin: 18px 0;}
.content img {max-width: 100%;}
.content-page .tags {padding-top: 18px;}
.content-page .tags>a {text-decoration: none;}
.content-page>footer {border-top: 1px solid #eaeaea; padding-top: 18px; margin-top: 18px;}
.content-page>footer>.text-right {border-left: 1px solid #eaeaea;}
.content-downloads {padding: 14px; margin: 28px 0; border: 1px solid #eee; border-radius: 4px;}
.content-downloads>span {font-size: 18px; border-left: 3px solid #2397E5; padding-left: 8px;}
/* 评论 */
.comment-send-box {background-color: #fafafa; padding: 28px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.comment-send-box input[type=text], .comment-send-box input[type=email] {height: 36px;}
.comment-send-box textarea {border: 1px solid #e5e5e5; border-radius: 4px; margin: 8px 0;}
#reply-tag {background: #eee; padding: 8px; border-radius: 4px; margin-right: 8px;}
.comments-list {border-top: 1px solid #e5e5e5;}
.comment-row {border-bottom: 1px solid #e5e5e5; padding: 14px 28px 0 28px;}
.comment-row>.row>.col-xs-1, .comment-row>.row>.col-xs-11 {padding: 0;}
.comment-avatar>img, .comment-avatar>a>img {height: 44px; width: 44px; border-radius: 100px;}
.comment-header {height: 28px;}
.comment-name {font-size: 15px; font-weight: bold;}
.comment-content {font-size: 13px;}
.comment-null {padding: 28px 0 13px 13px; color: #aaa;}
.comment-replys {background-color: #f6f6f6; padding: 13px; margin: 0 -13px 0 15px; border-radius: 4px;}
.comment-replys .comment-row>.row>.col-xs-11 {padding-left: 8px;}
.comment-footer {text-align: right; line-height: 36px;}


/* 发表/编辑文章 */
.admin-page form input {border-color: #e5e5e5;}
/* 文章管理 */
.admin-page>header>h2, .login-page>header>h2 {font-size: 18px; border-left: 4px solid #2397E5; padding-left: 8px;}
.admin-page .table td {border-top-color: #fff;}
.admin-page .table th {font-size: 15px; border-bottom: 0; padding: 0 0 4px 12px;}
.admin-page .table td:first-child {padding-left: 18px;}
.admin-page .table th:first-child {padding-left: 22px;}
.admin-page .table input {color: #999; border: 1px solid #fff; padding: 4px; outline: 0; border-radius: 4px;}
.admin-page .table input:hover {color: #555; border: 1px solid #e5e5e5;}
.admin-page .table input:focus {color: #555; border: 1px solid #2397e5;}

.admin-page select {padding: 4px 8px; border: 1px solid #e5e5e5; border-radius: 4px;}
.record-list a {color: #bbb;}

.alert {position: fixed; top: 0; height: 28px; line-height: 0; z-index: 1000;}

/* carousel */
.carousel-inner>.item>img, .carousel-inner>.item>a>img {width: 100%; height: 286px; border-radius: 4px;}
.left.carousel-control, .right.carousel-control {background: none;}
.glyphicon.glyphicon-chevron-left, .glyphicon.glyphicon-chevron-right {height: 72px; line-height: 72px; width: 36px; background-color: rgba(0,0,0,0.28); top: 128px;}
.glyphicon.glyphicon-chevron-left {left: 15px;}
.glyphicon.glyphicon-chevron-right {right: 15px;}
.carousel-indicators {bottom: 0;}