/*!
 * Theme Name: D8
 * Theme URL: https://themebetter.com/theme/d8
 * Description: D8 For WordPress<a href="https://themebetter.com">themebetter</a>
 * Author: themebetter
 * Author URI: https://themebetter.com
 * Version: 5.9
 */
* {
    box-sizing: border-box
}

*:before,*:after {
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

audio:not([controls]) {
    display: none
}

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

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

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

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    max-width: 100%;
    width: auto\9 ;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

button,input,select,textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,input {
    *overflow: visible;
    line-height: normal
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

label,select,button,input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox] {
    cursor: pointer
}

input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px
}

small {
    font-size: 85%
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #999
}

a.muted:hover,a.muted:focus {
    color: gray
}

.text-warning {
    color: #c09853
}

a.text-warning:hover,a.text-warning:focus {
    color: #a47e3c
}

.text-error {
    color: #d9534f
}

a.text-error:hover,a.text-error:focus {
    color: #c9302c
}

.text-info {
    color: #3a87ad
}

a.text-info:hover,a.text-info:focus {
    color: #2d6987
}

.text-success {
    color: #56af45
}

a.text-success:hover,a.text-success:focus {
    color: #448a37
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1,h2,h3,h4,h5,h6 {
    margin: 5px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999
}

h1,h2,h3 {
    line-height: 35px
}

h1 {
    font-size: 20px;
    font-weight: normal
}

h2 {
    font-size: 17px;
    font-weight: normal
}

h3 {
    font-size: 14px;
    font-weight: normal
}

h4 {
    font-size: 12px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 10.2px
}

h1 small {
    font-size: 15px
}

h2 small {
    font-size: 12px
}

h3 small {
    font-size: 12px
}

h4 small {
    font-size: 12px
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 20px;
    border-bottom: 1px solid #eee
}

ul,ol {
    padding: 0;
    margin: 0;
    list-style: none
}

li {
    line-height: 20px
}

ul.inline,ol.inline {
    margin-left: 0;
    list-style: none
}

ul.inline>li,ol.inline>li {
    display: inline-block;
    *display: inline;
    *zoom:1;padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-bottom: 20px
}

dt,dd {
    line-height: 20px
}

dt {
    font-weight: bold
}

dd {
    margin-left: 10px
}

.dl-horizontal {
    *zoom:1}

.dl-horizontal:before,.dl-horizontal:after {
    display: table;
    content: "";
    line-height: 0
}

.dl-horizontal:after {
    clear: both
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl-horizontal dd {
    margin-left: 180px
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eee
}

blockquote p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.25
}

blockquote small {
    display: block;
    line-height: 20px;
    color: #999
}

blockquote small:before {
    content: "— "
}

blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0
}

blockquote.pull-right p,blockquote.pull-right small {
    text-align: right
}

blockquote.pull-right small:before {
    content: ""
}

blockquote.pull-right small:after {
    content: " —"
}

q:before,q:after,blockquote:before,blockquote:after {
    content: ""
}

code,pre {
    padding: 0 3px 2px;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 10px;
    color: #444;
    border-radius: 3px
}

code {
    padding: 2px 4px;
    color: #d14;
    background-color: #fbfbfb;
    border: 1px solid #e1e1e8;
    white-space: nowrap
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 11px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px
}

pre.prettyprint {
    margin-bottom: 20px
}

pre code {
    padding: 0;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
    background-color: rgba(0,0,0,0);
    border: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: rgba(0,0,0,0);
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.clearfix {
    *zoom:1}

.clearfix:before,.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: rgba(0,0,0,0);
    text-shadow: none;
    background-color: rgba(0,0,0,0);
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box
}

.row-fluid {
    width: 100%;
    *zoom:1}

.row-fluid:before,.row-fluid:after {
    display: table;
    content: "";
    line-height: 0
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
    float: left;
    margin-left: 2%;
    *margin-left: 1.95%
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid .controls-row [class*=span]+[class*=span] {
    margin-left: 2%
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.95%
}

.row-fluid .span11 {
    width: 91.5%;
    *width: 91.45%
}

.row-fluid .span10 {
    width: 83%;
    *width: 82.95%
}

.row-fluid .span9 {
    width: 74.5%;
    *width: 74.45%
}

.row-fluid .span8 {
    width: 66%;
    *width: 65.95%
}

.row-fluid .span7 {
    width: 57.5%;
    *width: 57.45%
}

.row-fluid .span6 {
    width: 49%;
    *width: 48.95%
}

.row-fluid .span5 {
    width: 40.5%;
    *width: 40.45%
}

.row-fluid .span4 {
    width: 32%;
    *width: 31.95%
}

.row-fluid .span3 {
    width: 23.5%;
    *width: 23.45%
}

.row-fluid .span2 {
    width: 15%;
    *width: 14.95%
}

.row-fluid .span1 {
    width: 6.5%;
    *width: 6.45%
}

.row-fluid .offset12 {
    margin-left: 104%;
    *margin-left: 103.9%
}

.row-fluid .offset12:first-child {
    margin-left: 102%;
    *margin-left: 101.9%
}

.row-fluid .offset11 {
    margin-left: 95.5%;
    *margin-left: 95.4%
}

.row-fluid .offset11:first-child {
    margin-left: 93.5%;
    *margin-left: 93.4%
}

.row-fluid .offset10 {
    margin-left: 87%;
    *margin-left: 86.9%
}

.row-fluid .offset10:first-child {
    margin-left: 85%;
    *margin-left: 84.9%
}

.row-fluid .offset9 {
    margin-left: 78.5%;
    *margin-left: 78.4%
}

.row-fluid .offset9:first-child {
    margin-left: 76.5%;
    *margin-left: 76.4%
}

.row-fluid .offset8 {
    margin-left: 70%;
    *margin-left: 69.9%
}

.row-fluid .offset8:first-child {
    margin-left: 68%;
    *margin-left: 67.9%
}

.row-fluid .offset7 {
    margin-left: 61.5%;
    *margin-left: 61.4%
}

.row-fluid .offset7:first-child {
    margin-left: 59.5%;
    *margin-left: 59.4%
}

.row-fluid .offset6 {
    margin-left: 53%;
    *margin-left: 52.9%
}

.row-fluid .offset6:first-child {
    margin-left: 51%;
    *margin-left: 50.9%
}

.row-fluid .offset5 {
    margin-left: 44.5%;
    *margin-left: 44.4%
}

.row-fluid .offset5:first-child {
    margin-left: 42.5%;
    *margin-left: 42.4%
}

.row-fluid .offset4 {
    margin-left: 36%;
    *margin-left: 35.9%
}

.row-fluid .offset4:first-child {
    margin-left: 34%;
    *margin-left: 33.9%
}

.row-fluid .offset3 {
    margin-left: 27.5%;
    *margin-left: 27.4%
}

.row-fluid .offset3:first-child {
    margin-left: 25.5%;
    *margin-left: 25.4%
}

.row-fluid .offset2 {
    margin-left: 19%;
    *margin-left: 18.9%
}

.row-fluid .offset2:first-child {
    margin-left: 17%;
    *margin-left: 16.9%
}

.row-fluid .offset1 {
    margin-left: 10.5%;
    *margin-left: 10.4%
}

.row-fluid .offset1:first-child {
    margin-left: 8.5%;
    *margin-left: 8.4%
}

[class*=span].hide,.row-fluid [class*=span].hide {
    display: none
}

[class*=span].pull-right,.row-fluid [class*=span].pull-right {
    float: right
}

body {
    margin: 0;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    background-color: #eee;
    overflow-x: hidden
}

a {
    color: #428bd1;
    text-decoration: none
}

a:hover,a:focus {
    color: #3071a9;
    text-decoration: none
}

::-moz-selection {
    background: #72d0eb;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #72d0eb;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #72d0eb;
    color: #fff;
    text-shadow: none
}

.header,.container,.footer {
    max-width: 1320px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    *zoom:1}

.header:before,.container:before,.footer:before,.header:after,.container:after,.footer:after {
    display: table;
    content: "";
    line-height: 0
}

.header:after,.container:after,.footer:after {
    clear: both
}

.header {
    top: 0;
    width: 100%;
    z-index: 999;
    margin-bottom: 15px
}

.container {
    margin-bottom: 15px
}

.content-wrap {
    width: 100%;
    float: left
}

.content {
    margin-right: 375px
}

.content-page {
    position: relative;
    background-color: #fff
}

.page-sidebar {
    width: 225px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    border-right: 1px solid #eee
}

.content-title {
    font-size: 20px;
    font-weight: normal;
    padding: 15px 20px 14px;
    line-height: 20px;
    background-color: #f7f7f7;
    margin: 0 0 1px;
    border-bottom: 1px solid #eee
}

.sidebar {
    float: left;
    margin-left: -360px;
    width: 360px;
    position: relative
}

.footer {
    clear: both;
    color: #ddd;
    text-shadow: 0 -1px 0 #333;
    position: relative;
    z-index: 1
}

.trackcode {
    float: right
}

.footer-inner {
    padding: 16px 20px 14px;
    color: #aaa;
    text-shadow: 0 -1px 0 #333;
    background-color: #414141;
    border-left: 20px solid #428bca;
    *zoom:1}

.footer-inner:before,.footer-inner:after {
    display: table;
    content: "";
    line-height: 0
}

.footer-inner:after {
    clear: both
}

.footer a {
    color: #aaa
}

.footer a:hover {
    color: #ddd;
    text-decoration: underline
}

.pagewrapper {
    background-color: #fff;
    position: relative
}

.pageheader {
    padding: 10px 20px 8px;
    line-height: 24px;
    position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    background-color: #f7f7f7
}

.pageheader h1 {
    font-size: 20px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: 24px
}

.pageheader h1 a {
    color: #444
}

.pageheader h1 .avatar {
    float: left;
    margin-right: 5px
}

.pageheader h1 em {
    font-size: 12px;
    font-style: normal;
    font-weight: normal
}

.pagecontent .pageheader {
    background: none;
    padding: 0 0 8px;
    margin-bottom: 20px
}

.pagecontent .pageheader h1 {
    font-size: 20px;
    font-weight: normal
}

.pagecontent .article-content {
    padding: 0
}

.pagecontent #respond,.pagecontent #postcomments {
    margin: 0 -20px
}

.pagesidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    background-color: #fbfbfb;
    bottom: 0
}

.pagesider-menu {
    font-size: 14px
}

.pagesider-menu .sub-menu {
    display: none
}

.pagesider-menu a {
    margin-bottom: 1px;
    padding: 10px 15px;
    color: #888;
    border-left: solid 4px rgba(0,0,0,0);
    cursor: pointer;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    display: block
}

.pagesider-menu a:hover {
    background-color: #f7f7f7;
    color: #666
}

.pagesider-menu li.active a,.pagesider-menu li.current_page_item a,.pagesider-menu li.current-menu-item a {
    color: #444;
    background-color: #fff;
    border-left-color: #428bca;
    margin-right: -1px;
    position: relative;
    z-index: 2
}

.pagesider-menu [class^=icon-],.pagesider-menu [class*=" icon-"] {
    opacity: .7;
    filter: alpha(opacity=70)
}

.pagesider-menu li.active [class^=icon-],.pagesider-menu li.active [class*=" icon-"] {
    opacity: .88;
    filter: alpha(opacity=88)
}

.pagecontent {
    margin-left: 200px;
    min-height: 600px;
    border-left: 1px solid #eee;
    padding: 20px
}

.page-navbar {
    margin-top: 50px
}

.page-navbar li a {
    padding: 10px 16px;
    color: #888;
    display: block;
    font-size: 14px;
    border-left: 4px solid rgba(0,0,0,0)
}

.page-navbar .dropdown-toggle .caret {
    margin-top: 8px
}

.page-navbar .active a,.page-navbar .active a:hover,.page-navbar .active a:focus {
    color: #666;
    background-color: #f7f7f7
}

.page-navbar>li>ul {
    font-size: 14px
}

.page-navbar>li>ul a {
    padding-left: 36px
}

.page-navbar li:hover a {
    background-color: #f7f7f7;
    color: #666
}

.page-navbar li.current-menu-item a,.page-navbar li.current-menu-parent a,.page-navbar li.current_page_item a,.page-navbar li.current-post-ancestor a,.page-navbar li ul {
    background-color: #f7f7f7;
    border-left-color: #428bca;
    color: #666
}

form {
    margin: 0 0 20px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 40px;
    color: #444;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 15px;
    color: #999
}

label,input,button,select,textarea {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px
}

input,button,select,textarea {
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif
}

label {
    display: block;
    margin-bottom: 5px
}

select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    border-radius: 0;
    vertical-align: middle
}

input,textarea,.uneditable-input {
    width: 206px
}

textarea {
    height: auto
}

textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-top-color: silver;
    border-left-color: #d0d0d0;
    transition: border linear .2s
}

textarea:hover,input[type=text]:hover,input[type=password]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,input[type=date]:hover,input[type=month]:hover,input[type=time]:hover,input[type=week]:hover,input[type=number]:hover,input[type=email]:hover,input[type=url]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=color]:hover,.uneditable-input:hover,textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus {
    border-color: #b9b9b9;
    border-top-color: #a0a0a0;
    border-left-color: #b0b0b0;
    outline: 0;
    outline: thin dotted \9
}

textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus {
    border-color: #999
}

input[type=radio],input[type=checkbox] {
    margin: 4px 0 0;
    *margin-top: 0;
    margin-top: 1px \9 ;
    line-height: normal
}

input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox] {
    width: auto
}

select,input[type=file] {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px
}

select {
    width: 220px;
    border: 1px solid #ccc;
    background-color: #fbfbfb
}

select[multiple],select[size] {
    height: auto
}

select:focus,input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #999
}

.radio,.checkbox {
    min-height: 20px;
    padding-left: 20px
}

.radio input[type=radio],.checkbox input[type=checkbox] {
    float: left;
    margin-left: -20px
}

.controls>.radio:first-child,.controls>.checkbox:first-child {
    padding-top: 5px
}

.radio.inline,.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline {
    margin-left: 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly] {
    background-color: rgba(0,0,0,0)
}

.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline {
    color: #d9534f
}

.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea {
    color: #d9534f
}

.control-group.error input,.control-group.error select,.control-group.error textarea {
    border-color: #d9534f
}

.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus {
    border-color: #c9302c
}

.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on {
    color: #d9534f;
    background-color: #f2dede;
    border-color: #d9534f
}

.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline {
    color: #56af45
}

.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea {
    color: #56af45
}

.control-group.success input,.control-group.success select,.control-group.success textarea {
    border-color: #56af45
}

.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus {
    border-color: #448a37
}

.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on {
    color: #56af45;
    background-color: #dff0d8;
    border-color: #56af45
}

input:focus:invalid,textarea:focus:invalid,select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    *zoom:1}

.form-actions:before,.form-actions:after {
    display: table;
    content: "";
    line-height: 0
}

.form-actions:after {
    clear: both
}

.help-block,.help-inline {
    font-size: 12px;
    color: #7b7b7b
}

.help-block {
    margin-top: 7px;
    display: block;
    margin-bottom: 10px
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    padding-left: 5px
}

.form-inline input,.form-horizontal input,.form-inline textarea,.form-horizontal textarea,.form-inline select,.form-horizontal select,.form-inline .help-inline,.form-horizontal .help-inline {
    display: inline-block;
    *display: inline;
    *zoom:1;margin-bottom: 0;
    vertical-align: middle
}

.form-inline .hide,.form-horizontal .hide {
    display: none
}

.form-inline label,.form-inline .btn-group {
    display: inline-block
}

.form-inline .input-append,.form-inline .input-prepend {
    margin-bottom: 0
}

.form-inline .radio,.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.control-group {
    margin-bottom: 10px
}

legend+.control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom:1}

.form-horizontal .control-group:before,.form-horizontal .control-group:after {
    display: table;
    content: "";
    line-height: 0
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0
}

.form-horizontal .controls:first-child {
    *padding-left: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block {
    margin-top: 10px
}

.form-horizontal .form-actions {
    padding-left: 180px
}

table {
    max-width: 100%;
    background-color: rgba(0,0,0,0);
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table th,.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #ddd
}

.table th {
    font-weight: bold
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #eee
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    border-radius: 2px
}

.table-bordered th,.table-bordered td {
    border-left: 1px solid #ddd
}

.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {
    background-color: #f5f5f5
}

.table tbody tr.success>td {
    background-color: #dff0d8
}

.table tbody tr.error>td {
    background-color: #f2dede
}

.table tbody tr.warning>td {
    background-color: #fcf8e3
}

.table tbody tr.info>td {
    background-color: #d9edf7
}

.table-hover tbody tr.success:hover>td {
    background-color: #d0e9c6
}

.table-hover tbody tr.error:hover>td {
    background-color: #ebcccc
}

.table-hover tbody tr.warning:hover>td {
    background-color: #faf2cc
}

.table-hover tbody tr.info:hover>td {
    background-color: #c4e3f3
}

[class^=icon-],[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 4px
}

.icon-white {
    background-image: url("../img/glyphicons-halflings-white.png")
}

.icon12 {
    margin-top: 2px
}

.muted [class^=icon-],.muted [class*=" icon-"] {
    opacity: .4;
    filter: alpha(opacity=40)
}

.icon-glass {
    background-position: 0 0
}

.icon-music {
    background-position: -24px 0
}

.icon-search {
    background-position: -48px 0
}

.icon-envelope {
    background-position: -72px 0
}

.icon-heart {
    background-position: -96px 0
}

.icon-star {
    background-position: -120px 0
}

.icon-star-empty {
    background-position: -144px 0
}

.icon-user {
    background-position: -168px 0
}

.icon-film {
    background-position: -192px 0
}

.icon-th-large {
    background-position: -216px 0
}

.icon-th {
    background-position: -240px 0
}

.icon-th-list {
    background-position: -264px 0
}

.icon-ok {
    background-position: -288px 0
}

.icon-remove {
    background-position: -312px 0
}

.icon-zoom-in {
    background-position: -336px 0
}

.icon-zoom-out {
    background-position: -360px 0
}

.icon-off {
    background-position: -384px 0
}

.icon-signal {
    background-position: -408px 0
}

.icon-cog {
    background-position: -432px 0
}

.icon-trash {
    background-position: -456px 0
}

.icon-home {
    background-position: 0 -24px
}

.icon-file {
    background-position: -24px -24px
}

.icon-time {
    background-position: -48px -24px
}

.icon-road {
    background-position: -72px -24px
}

.icon-download-alt {
    background-position: -96px -24px
}

.icon-download {
    background-position: -120px -24px
}

.icon-upload {
    background-position: -144px -24px
}

.icon-inbox {
    background-position: -168px -24px
}

.icon-play-circle {
    background-position: -192px -24px
}

.icon-repeat {
    background-position: -216px -24px
}

.icon-refresh {
    background-position: -240px -24px
}

.icon-list-alt {
    background-position: -264px -24px
}

.icon-lock {
    background-position: -287px -24px
}

.icon-flag {
    background-position: -312px -24px
}

.icon-headphones {
    background-position: -336px -24px
}

.icon-volume-off {
    background-position: -360px -24px
}

.icon-volume-down {
    background-position: -384px -24px
}

.icon-volume-up {
    background-position: -408px -24px
}

.icon-qrcode {
    background-position: -432px -24px
}

.icon-barcode {
    background-position: -456px -24px
}

.icon-tag {
    background-position: 0 -48px
}

.icon-tags {
    background-position: -25px -48px
}

.icon-book {
    background-position: -48px -48px
}

.icon-bookmark {
    background-position: -72px -48px
}

.icon-print {
    background-position: -96px -48px
}

.icon-camera {
    background-position: -120px -48px
}

.icon-font {
    background-position: -144px -48px
}

.icon-bold {
    background-position: -167px -48px
}

.icon-italic {
    background-position: -192px -48px
}

.icon-text-height {
    background-position: -216px -48px
}

.icon-text-width {
    background-position: -240px -48px
}

.icon-align-left {
    background-position: -264px -48px
}

.icon-align-center {
    background-position: -288px -48px
}

.icon-align-right {
    background-position: -312px -48px
}

.icon-align-justify {
    background-position: -336px -48px
}

.icon-list {
    background-position: -360px -48px
}

.icon-indent-left {
    background-position: -384px -48px
}

.icon-indent-right {
    background-position: -408px -48px
}

.icon-facetime-video {
    background-position: -432px -48px
}

.icon-picture {
    background-position: -456px -48px
}

.icon-pencil {
    background-position: 0 -72px
}

.icon-map-marker {
    background-position: -24px -72px
}

.icon-adjust {
    background-position: -48px -72px
}

.icon-tint {
    background-position: -72px -72px
}

.icon-edit {
    background-position: -96px -72px
}

.icon-share {
    background-position: -120px -72px
}

.icon-check {
    background-position: -144px -72px
}

.icon-move {
    background-position: -168px -72px
}

.icon-step-backward {
    background-position: -192px -72px
}

.icon-fast-backward {
    background-position: -216px -72px
}

.icon-backward {
    background-position: -240px -72px
}

.icon-play {
    background-position: -264px -72px
}

.icon-pause {
    background-position: -288px -72px
}

.icon-stop {
    background-position: -312px -72px
}

.icon-forward {
    background-position: -336px -72px
}

.icon-fast-forward {
    background-position: -360px -72px
}

.icon-step-forward {
    background-position: -384px -72px
}

.icon-eject {
    background-position: -408px -72px
}

.icon-chevron-left {
    background-position: -432px -72px
}

.icon-chevron-right {
    background-position: -456px -72px
}

.icon-plus-sign {
    background-position: 0 -96px
}

.icon-minus-sign {
    background-position: -24px -96px
}

.icon-remove-sign {
    background-position: -48px -96px
}

.icon-ok-sign {
    background-position: -72px -96px
}

.icon-question-sign {
    background-position: -96px -96px
}

.icon-info-sign {
    background-position: -120px -96px
}

.icon-screenshot {
    background-position: -144px -96px
}

.icon-remove-circle {
    background-position: -168px -96px
}

.icon-ok-circle {
    background-position: -192px -96px
}

.icon-ban-circle {
    background-position: -216px -96px
}

.icon-arrow-left {
    background-position: -240px -96px
}

.icon-arrow-right {
    background-position: -264px -96px
}

.icon-arrow-up {
    background-position: -289px -96px
}

.icon-arrow-down {
    background-position: -312px -96px
}

.icon-share-alt {
    background-position: -336px -96px
}

.icon-resize-full {
    background-position: -360px -96px
}

.icon-resize-small {
    background-position: -384px -96px
}

.icon-plus {
    background-position: -408px -96px
}

.icon-minus {
    background-position: -433px -96px
}

.icon-asterisk {
    background-position: -456px -96px
}

.icon-exclamation-sign {
    background-position: 0 -120px
}

.icon-gift {
    background-position: -24px -120px
}

.icon-leaf {
    background-position: -48px -120px
}

.icon-fire {
    background-position: -72px -120px
}

.icon-eye-open {
    background-position: -96px -120px
}

.icon-eye-close {
    background-position: -120px -120px
}

.icon-warning-sign {
    background-position: -144px -120px
}

.icon-plane {
    background-position: -168px -120px
}

.icon-calendar {
    background-position: -192px -120px
}

.icon-random {
    background-position: -216px -120px;
    width: 16px
}

.icon-comment {
    background-position: -240px -120px
}

.icon-magnet {
    background-position: -264px -120px
}

.icon-chevron-up {
    background-position: -288px -120px
}

.icon-chevron-down {
    background-position: -313px -119px
}

.icon-retweet {
    background-position: -336px -120px
}

.icon-shopping-cart {
    background-position: -360px -120px
}

.icon-folder-close {
    background-position: -384px -120px;
    width: 16px
}

.icon-folder-open {
    background-position: -408px -120px;
    width: 16px
}

.icon-resize-vertical {
    background-position: -432px -119px
}

.icon-resize-horizontal {
    background-position: -456px -118px
}

.icon-hdd {
    background-position: 0 -144px
}

.icon-bullhorn {
    background-position: -24px -144px
}

.icon-bell {
    background-position: -48px -144px
}

.icon-certificate {
    background-position: -72px -144px
}

.icon-thumbs-up {
    background-position: -96px -144px
}

.icon-thumbs-down {
    background-position: -120px -144px
}

.icon-hand-right {
    background-position: -144px -144px
}

.icon-hand-left {
    background-position: -168px -144px
}

.icon-hand-up {
    background-position: -192px -144px
}

.icon-hand-down {
    background-position: -216px -144px
}

.icon-circle-arrow-right {
    background-position: -240px -144px
}

.icon-circle-arrow-left {
    background-position: -264px -144px
}

.icon-circle-arrow-up {
    background-position: -288px -144px
}

.icon-circle-arrow-down {
    background-position: -312px -144px
}

.icon-globe {
    background-position: -336px -144px
}

.icon-wrench {
    background-position: -360px -144px
}

.icon-tasks {
    background-position: -384px -144px
}

.icon-filter {
    background-position: -408px -144px
}

.icon-briefcase {
    background-position: -432px -144px
}

.icon-fullscreen {
    background-position: -456px -144px
}

.dropup,.dropdown {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

.dropdown-toggle:active,.open .dropdown-toggle {
    outline: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid rgba(0,0,0,0);
    border-left: 4px solid rgba(0,0,0,0);
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #444;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {
    text-decoration: none;
    color: #fff;
    background-color: #428bca
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #0081c2
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #999
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: rgba(0,0,0,0);
    background-image: none;
    cursor: default
}

.open {
    *z-index: 1000
}

.open>.dropdown-menu {
    display: block
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 2px 2px 2px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropup .dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    border-radius: 2px 2px 2px 0
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,0);
    border-style: solid;
    border-width: 2px 0 2px 2px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 2px 0 2px 2px
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom:1;padding: 5px 12px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    border-radius: 0
}

.btn[type=submit] {
    height: 30px
}

.btn:hover,.btn:focus {
    text-decoration: none
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active,.btn:active {
    outline: 0
}

.btn.disabled,.btn[disabled] {
    cursor: default;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn-large {
    padding: 11px 19px;
    font-size: 15px
}

.btn-large [class^=icon-],.btn-large [class*=" icon-"] {
    margin-top: 4px
}

.btn-mini {
    padding: 2px 10px;
    font-size: 12px
}

.btn-mini [class^=icon-],.btn-mini [class*=" icon-"] {
    margin-top: 4px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block {
    width: 100%
}

.btn {
    color: #666;
    background-color: #eee
}

.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
    background-color: #ddd;
    color: #444
}

.btn-primary {
    color: #fff;
    background-color: #428bca
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
    color: #fff;
    background-color: #357ebd
}

.btn-warning {
    color: #fff;
    background-color: #f8a31f
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] {
    color: #fff;
    background-color: #f88a2a
}

.btn-danger {
    color: #fff;
    background-color: #d9534f
}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] {
    color: #fff;
    background-color: #e51400
}

.btn-success {
    color: #fff;
    background-color: #5cb85c
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {
    color: #fff;
    background-color: #4cae4c
}

.btn-info {
    color: #fff;
    background-color: #00aba9
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {
    color: #fff;
    background-color: #007877
}

.btn-inverse {
    color: #fff;
    background-color: #484848
}

.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
    color: #fff;
    background-color: #333
}

button.btn,input[type=submit].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large,input[type=submit].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small,input[type=submit].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn.btn-mini,input[type=submit].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom:1;font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    *margin-left: .3em
}

.btn-group:first-child {
    *margin-left: 0
}

.btn-group+.btn-group {
    margin-left: 5px
}

.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group {
    margin-left: 5px
}

.btn-group>.btn {
    position: relative;
    border-radius: 0
}

.btn-group>.btn+.btn {
    margin-left: 1px
}

.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover {
    font-size: 12px
}

.btn-group>.btn-mini {
    font-size: 12px
}

.btn-group>.btn-large {
    font-size: 15px
}

.btn-group>.btn:first-child,.btn-group>.btn.large:first-child {
    margin-left: 0
}

.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active {
    z-index: 2
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    *padding-top: 5px;
    *padding-bottom: 5px
}

.btn-group>.btn-mini+.dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px
}

.btn-group>.btn-large+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
    *padding-top: 7px;
    *padding-bottom: 7px
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #ddd
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #357ebd
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #e51400
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #4cae4c
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #333
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0
}

.btn-large .caret {
    margin-top: 6px
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}

.btn-mini .caret,.btn-small .caret {
    margin-top: 8px
}

.dropup .btn-large .caret {
    border-bottom-width: 5px
}

.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    *zoom:1}

.btn-group-vertical>.btn {
    display: block;
    float: none;
    max-width: 100%;
    border-radius: 0
}

.btn-group-vertical>.btn+.btn {
    margin-left: 0;
    margin-top: 1px
}

.alert {
    padding: 10px 35px 10px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 2px
}

.alert {
    color: #c09853
}

.alert .close {
    position: relative;
    top: 0;
    *top: -8px;
    right: -21px;
    line-height: 20px
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #56af45
}

.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #d9534f
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

.nav {
    margin-left: 0;
    margin-bottom: 20px;
    list-style: none
}

.nav>li>a {
    display: block
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li>a>img {
    max-width: none
}

.nav>.pull-right {
    float: right
}

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-transform: uppercase
}

.nav li+.nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

.nav-list>li>a,.nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5)
}

.nav-list>li>a {
    padding: 3px 15px
}

.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    background-color: #428bd1
}

.nav-list [class^=icon-],.nav-list [class*=" icon-"] {
    margin-right: 2px
}

.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.nav-tabs,.nav-pills {
    *zoom:1}

.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after {
    display: table;
    content: "";
    line-height: 0
}

.nav-tabs:after,.nav-pills:after {
    clear: both
}

.nav-tabs>li,.nav-pills>li {
    float: left
}

.nav-tabs>li>a,.nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-tabs>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 2px 2px 0 0
}

.nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
    border-color: #eee #eee #ddd
}

.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus {
    color: #555;
    background-color: #eee;
    border: 1px solid #ddd;
    border-bottom-color: rgba(0,0,0,0);
    cursor: default
}

.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 2px
}

.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus {
    color: #fff;
    background-color: #428bd1
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li>a {
    margin-right: 0
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
    border: 1px solid #ddd;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.nav-tabs.nav-stacked>li:last-child>a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus {
    border-color: #ddd;
    z-index: 2
}

.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
    border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    border-top-color: #428bd1;
    border-bottom-color: #428bd1;
    margin-top: 6px
}

.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret {
    border-top-color: #357ebd;
    border-bottom-color: #357ebd
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus {
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus {
    color: #fff;
    background-color: #999;
    border-color: #999
}

.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus {
    border-color: #999
}

.tabbable {
    *zoom:1}

.tabbable:before,.tabbable:after {
    display: table;
    content: "";
    line-height: 0
}

.tabbable:after {
    clear: both
}

.tab-content {
    overflow: auto
}

.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs {
    border-bottom: 0
}

.tab-content>.tab-pane,.pill-content>.pill-pane {
    display: none
}

.tab-content>.active,.pill-content>.active {
    display: block
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus {
    border-bottom-color: rgba(0,0,0,0);
    border-top-color: #ddd
}

.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus {
    border-color: rgba(0,0,0,0) #ddd #ddd #ddd
}

.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus {
    border-color: #eee #ddd #eee #eee
}

.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd rgba(0,0,0,0) #ddd #ddd;
    *border-right-color: #fff
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus {
    border-color: #eee #eee #eee #ddd
}

.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus {
    border-color: #ddd #ddd #ddd rgba(0,0,0,0);
    *border-left-color: #fff
}

.nav>.disabled>a {
    color: #999
}

.nav>.disabled>a:hover,.nav>.disabled>a:focus {
    text-decoration: none;
    background-color: rgba(0,0,0,0);
    cursor: default
}

.navbar-wrap {
    position: relative;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1000
}

.navbar {
    height: 52px;
    background-color: #4a4a4a;
    position: relative;
    *z-index: 2;
    *zoom:1;max-width: 1320px;
    margin: 0 auto
}

.navbar:before,.navbar:after {
    display: table;
    content: "";
    line-height: 0
}

.navbar:after {
    clear: both
}

.navbar .logo {
    float: left;
    width: 230px;
    background: #428bca url("../img/logo.png") no-repeat 50% 50%;
    height: 52px;
    overflow: hidden;
    line-height: 208px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    *line-height: 0;
    *text-indent: -999
}

.navbar .logo a {
    height: 52px;
    display: block;
    color: #fff;
    overflow: hidden
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0
}

.navbar .nav>li {
    position: relative;
    float: left;
    margin-right: 1px
}

.navbar .nav li a {
    padding: 16px 8px;
    color: #eee
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px
}

.navbar .nav li a:focus,.navbar .nav li a:hover {
    background-color: #404040;
    color: #fff
}

.navbar .nav .active a,.navbar .nav .active a:hover,.navbar .nav .active a:focus {
    color: #fff;
    background-color: #404040
}

.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current_page_item a,.navbar .nav li.current-post-ancestor a {
    color: #fff;
    position: relative;
    z-index: 2
}

.navbar .nav li:hover>ul {
    display: block
}

.navbar .nav>li>ul {
    padding-bottom: 10px;
    text-align: left;
    position: absolute;
    top: 52px;
    left: 0;
    min-width: 140px;
    z-index: 10;
    display: none;
    font-size: 12px
}

.navbar .nav>li>ul>li>ul {
    padding-bottom: 10px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 140px;
    z-index: 10;
    display: none;
    font-size: 12px
}

.navbar .nav>li>ul>li {
    float: none;
    margin: 0;
    position: relative
}

.navbar .nav ul a {
    float: none;
    display: block;
    *min-width: 100px;
    padding: 5px 20px 4px;
    color: #eee
}

.navbar .nav ul a:hover,.navbar .nav li li.current-menu-item a {
    color: #fff
}

.navbar .nav li li a:hover,.navbar .nav li li.current-menu-item a {
    background-color: #428bca
}

.navbar .nav li:hover a,.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current_page_item a,.navbar .nav li.current-post-ancestor a,.navbar .nav li ul {
    background-color: #404040
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 5px 8px 6px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 11px;
    background-color: #404040
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f9f9f9
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 3px
}

.navbar .dropdown-menu:before {
    content: "";
    display: inline-block;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute;
    top: -5px;
    left: 9px
}

.navbar .dropdown-menu:after {
    content: "";
    display: inline-block;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    border-bottom: 4px solid #fff;
    position: absolute;
    top: -4px;
    left: 10px
}

.navbar .dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.navbar .dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.navbar .dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.navbar .dropdown-menu.pull-right .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -1px
}

.navbar .menu {
    margin-right: 20px;
    margin-top: 11px
}

.search-form {
    float: left;
    margin: 0 0 0 0
}

input.search-input {
    float: left;
    color: #bbb;
    border: solid 1px #fff;
    width: 160px;
    height: 30px
}

input.search-input:hover,input.search-input:focus {
    color: #444;
    border-color: #fff
}

.search-submit {
    float: left
}

.search-suggest.dropdown-menu>li>a {
    padding: 4px 7px 3px
}

.search-suggest span {
    float: right;
    color: #999
}

.search-suggest .active span {
    color: #fff
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 2px
}

.breadcrumb>li {
    display: inline-block;
    *display: inline;
    *zoom:1;text-shadow: 0 1px 0 #fff
}

.breadcrumb>li>.divider {
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #999
}

.pagination {
    padding: 20px;
    background-color: #fff;
    text-align: center
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom:1;margin-left: 0;
    margin-bottom: 0
}

.pagination ul>li {
    display: inline
}

.pagination ul>li>a,.pagination ul>li>span {
    margin: 0 1px;
    float: left;
    padding: 4px 12px 3px;
    line-height: 20px;
    text-decoration: none;
    background-color: #eee;
    color: #666
}

.pagination ul>li>a:hover,.pagination ul>li>a:focus {
    background-color: #ccc;
    color: #444
}

.pagination ul>.active>a,.pagination ul>.active>span {
    background-color: #428bca;
    color: #fff
}

.pagination ul>.active>a,.pagination ul>.active>span {
    cursor: default
}

.pagination ul>li>span,.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus {
    color: #999;
    background-color: rgba(0,0,0,0);
    cursor: default
}

.ias_trigger {
    padding-top: 4px
}

.ias_trigger a {
    background-color: #5cb85c;
    display: block;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #eee
}

.ias_trigger a:hover {
    background-color: #4cae4c;
    color: #fff
}

.pagination-loading {
    font-size: 14px;
    text-align: center;
    color: #666;
    line-height: 39px
}

.article-paging {
    text-align: center;
    font-size: 0;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px
}

.article-paging .post-page-numbers {
    display: inline-block;
    font-size: 12px;
    margin: 0 2px;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #eee;
    color: #666
}

.article-paging .post-page-numbers:hover {
    background-color: #ccc;
    color: #666
}

.article-paging .post-page-numbers.current {
    background-color: #428bca;
    color: #fff
}

.pagenav {
    overflow: hidden;
    text-align: center;
    padding: 20px
}

.pagenav a,.pagenav .current,.pagenav .page-numbers {
    padding: 4px 12px 3px;
    color: #666;
    display: inline-block;
    background-color: #eee;
    margin: 0 1px
}

.pagenav .current {
    background-color: #428bca;
    color: #fff
}

.pagenav a:hover {
    background-color: #ccc;
    color: #444
}

.rollto {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    width: 42px;
    display: none
}

.rollto .btn {
    margin-top: 2px;
    height: 42px;
    display: block;
    padding: 0;
    width: 100%
}

.rollto .btn i {
    position: relative;
    top: -1px
}

.speedbar {
    clear: both;
    color: #666;
    background-color: #f7f7f7;
    padding: 10px 20px 15px;
    line-height: 22px;
    *zoom:1;overflow: hidden;
    height: 14px;
    font-size: 14px;
    height: 42px
}

.speedbar i {
    opacity: .5;
    filter: alpha(opacity=50)
}

.speedbar .btn-group {
    float: right;
    margin-left: 6px
}

.speedbar .icon12 {
    margin-top: 3px
}

.speedmenu {
    float: right
}

.speedmenu li {
    float: left;
    position: relative
}

.speedmenu li a {
    position: relative;
    cursor: pointer;
    margin-left: -1px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    border-radius: 0;
    border: 1px solid #ddd;
    color: #666;
    background-color: #f1f1f1
}

.speedmenu li a:hover,.speedmenu li:hover a {
    position: relative;
    z-index: 2;
    border-color: #c6c6c6;
    color: #333;
    background-color: #f8f8f8;
    box-shadow: #ddd 0 1px 1px 0
}

.speedmenu li.current-menu-item a,.speedmenu li a:active,.speedmenu li.current-menu-parent a,.speedmenu li.current_page_item a,.speedmenu li.current-post-ancestor a {
    box-shadow: #ddd 0 1px 2px 0 inset;
    border-color: #c6c6c6;
    position: relative;
    z-index: 2
}

.speedmenu li:hover ul {
    display: block
}

.speedmenu li ul {
    text-align: left;
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 10;
    display: none;
    line-height: 18px;
    font-size: 12px
}

.speedmenu li li {
    float: none;
    margin: 0;
    position: relative;
    clear: both
}

.speedmenu li li a {
    display: block;
    margin-top: -1px;
    min-width: 80px;
    text-align: left
}

.speedmenu li li a:hover {
    color: #000
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop,.modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.3);
    *border: 1px solid #999;
    border-radius: 4px;
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.modal.fade {
    transition: opacity .3s linear,top .3s ease-out;
    top: -25%
}

.modal.fade.in {
    top: 10%
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal-white {
    border: none;
    border-radius: 0;
    box-shadow: none
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #fff;
    *zoom:1}

.modal-footer:before,.modal-footer:after {
    display: table;
    content: "";
    line-height: 0
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px 2px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 2px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,0);
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow,.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,0);
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

.popover.right .arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

.popover.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.label,.badge {
    position: relative;
    display: inline-block;
    padding: 4px 6px 3px;
    font-size: 10.152px;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #999
}

.badge {
    padding: 1px 4px 0
}

.label:empty,.badge:empty {
    display: none
}

a.label:hover,a.label:focus,a.badge:hover,a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-arrow {
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: top;
    content: ""
}

.label .label-arrow {
    top: 7px;
    right: -4px;
    border-left: 4px solid #000;
    border-top: 4px solid rgba(0,0,0,0);
    border-bottom: 4px solid rgba(0,0,0,0)
}

.label-important,.badge-important {
    background-color: #d9534f
}

.label-important .label-arrow,.badge-important .label-arrow {
    border-left-color: #d9534f
}

.label-warning,.badge-warning {
    background-color: #f89406
}

.label-warning .label-arrow,.badge-warning .label-arrow {
    border-left-color: #f89406
}

.label-success,.badge-success {
    background-color: #56af45
}

.label-success .label-arrow,.badge-success .label-arrow {
    border-left-color: #56af45
}

.label-info,.badge-info {
    background-color: #3a87ad
}

.label-info .label-arrow,.badge-info .label-arrow {
    border-left-color: #3a87ad
}

.label-inverse,.badge-inverse {
    background-color: #4a4a4a
}

.label-inverse .label-arrow,.badge-inverse .label-arrow {
    border-left-color: #4a4a4a
}

a.label-important:hover,a.badge-important:hover {
    background-color: #d33632
}

a.label-info:hover .label-arrow,a.badge-info:hover .label-arrow {
    border-left-color: #d33632
}

a.label-warning:hover,a.badge-warning:hover {
    background-color: #d57f05
}

a.label-warning:hover .label-arrow,a.badge-warning:hover .label-arrow {
    border-left-color: #d57f05
}

a.label-success:hover,a.badge-success:hover {
    background-color: #49953b
}

a.label-success:hover .label-arrow,a.badge-success:hover .label-arrow {
    border-left-color: #49953b
}

a.label-info:hover,a.badge-info:hover {
    background-color: #317292
}

a.label-info:hover .label-arrow,a.badge-info:hover .label-arrow {
    border-left-color: #317292
}

a.label-inverse:hover,a.badge-inverse:hover {
    background-color: #383838
}

a.label-inverse:hover .label-arrow,a.badge-inverse:hover .label-arrow {
    border-left-color: #383838
}

.btn .label,.btn .badge {
    position: relative;
    top: -1px
}

.btn-mini .label,.btn-mini .badge {
    top: 0
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

.archive-header {
    font-size: 12px;
    background-color: #f7f7f7;
    padding: 15px 20px;
    margin-bottom: 1px
}

.archive-header h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 1
}

.archive-header h1 a {
    color: #444
}

.archive-header-info {
    font-size: 14px;
    color: #999;
    margin: 8px 0 0
}

.archive-header-info p:last-child {
    margin-bottom: 0
}

.banner-your {
    display: block;
    background-color: #fbfbfb;
    border: 2px dashed #bbb;
    text-align: center;
    color: #aaa;
    line-height: 20px;
    font-size: 22px
}

.banner-your:hover {
    border-color: #aaa;
    color: #888
}

.banner-your:active {
    border-color: #d9534f;
    color: #d9534f
}

.slider {
    position: relative
}

.slider-wrap {
    position: relative;
    overflow: hidden
}

.slider-roll {
    position: relative
}

.slider-roll .item {
    overflow: hidden
}

.focusbanner {
    padding-left: 225px;
    overflow: hidden;
    margin-bottom: 10px
}

.focushome {
    float: left;
    margin-left: -225px;
    width: 220px;
    height: 200px;
    overflow: hidden;
    position: relative
}

.focushome span {
    background-color: #d9534f;
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: 0;
    margin-right: 40px;
    padding: 6px 12px 5px;
    opacity: .85;
    line-height: 20px
}

.focusslider {
    position: relative;
    overflow: hidden
}

.focusslider .slider-wrap {
    height: 200px
}

.focusslider .slider-roll .item img {
    width: 100%
}

.slider-ctrl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0,0,0,.5);
    height: 8px;
    padding: 2px 0 14px
}

.slider-ctrl li {
    display: inline-block;
    *display: inline;
    cursor: pointer;
    width: 20px;
    height: 8px;
    overflow: hidden;
    line-height: 50px;
    background-color: #fff;
    margin: 0 2px;
    opacity: .8
}

.slider-ctrl li.active {
    background-color: #d9534f
}

.slider-prev,.slider-next {
    font-size: 14px;
    font-family: serif;
    color: #fff;
    display: inline-block;
    padding: 4px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .4s ease-out
}

.title {
    position: relative;
    margin: 0;
    line-height: 37px;
    padding: 0 20px;
    font-size: 14px;
    background-color: #f7f7f7;
    height: 37px;
    border-bottom: 1px solid #eaeaea;
    font-weight: bold
}

.sticky {
    overflow: hidden
}

.sticky ul {
    margin-right: -2px
}

.sticky li {
    width: 50%;
    float: left;
    margin-bottom: 1px
}

.sticky li span {
    margin-left: -20px
}

.sticky li a {
    display: block;
    background-color: #fff;
    margin-right: 1px;
    padding: 5px 20px 5px 140px
}

.sticky h3 {
    font-size: 14px;
    margin: 0;
    font-weight: normal;
    height: 35px;
    overflow: hidden
}

.sticky img {
    float: left;
    margin: 8px 0 0 -120px;
    max-width: 100px;
    max-height: 70px
}

.sticky p {
    overflow: hidden;
    height: 40px
}

.sticky a:hover {
    background-color: #f8fcfe
}

.sticky a:hover span {
    background-color: #428bca
}

.sticky2 {
    background-color: #fff;
    padding: 0 0 0 120px;
    margin-bottom: 5px;
    overflow: hidden
}

.sticky2 .slider-wrap {
    height: 32px;
    line-height: 32px
}

.sticky2 .item {
    line-height: 32px
}

.sticky2 .item a {
    font-size: 15px;
    display: inline-block;
    margin-right: 20px
}

.sticky2 .muted {
    margin-right: 20px
}

.sticky2 h3 {
    font-size: 15px;
    width: 104px;
    padding: 6px 0;
    margin: 0;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal;
    background-color: #5cb85c;
    color: #fff
}

.sticky2 .caret {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -4px;
    border-right-color: #fff
}

.sticky2 .slider-prev,.sticky2 .slider-next {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -12px;
    background-color: #e6e6e6;
    color: #aaa;
    padding: 2px 7px
}

.sticky2 .slider-prev {
    right: 29px
}

.sticky2 .slider-prev:hover,.sticky2 .slider-next:hover {
    background-color: #4a4a4a;
    color: #fff
}

.excerpt {
    background-color: #fff;
    padding: 20px 20px 20px 256px;
    margin-bottom: 1px;
    position: relative;
    border-left: solid 4px #fff;
    *zoom:1}

.excerpt:before,.excerpt:after {
    display: table;
    content: "";
    line-height: 0
}

.excerpt:after {
    clear: both
}

.excerpt:hover {
    border-left-color: #428bca;
    padding-left: 260px;
    margin-left: -4px;
    background-color: #f8fcfe
}

.excerpt-nothumbnail {
    padding-left: 20px
}

.excerpt-nothumbnail:hover {
    padding-left: 24px
}

.excerpt header {
    margin: 0 40px 15px 0
}

.excerpt .focus {
    float: left;
    width: 220px;
    margin-left: -240px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: table
}

.excerpt .focus a {
    display: table-cell;
    vertical-align: middle;
    width: 220px;
    height: 150px
}

.excerpt .focus a img {
    margin: 0 auto;
    max-width: 220px;
    max-height: 150px
}

*+html .excerpt .focus a {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    height: auto
}

*+html .excerpt .focus a img {
    position: relative;
    top: -50%;
    left: -50%
}

.excerpt header .label {
    margin-right: 5px;
    position: relative;
    top: -2px
}

.excerpt h2 {
    display: inline;
    font-size: 20px;
    margin: 0;
    font-weight: normal;
    position: relative;
    top: 1px;
    line-height: 25px
}

.excerpt h2 strong {
    color: #8cac52;
    margin-right: 10px
}

.excerpt .note {
    color: #777;
    font-size: 14px;
    line-height: 24px;
    word-break: break-word;
    margin-bottom: 0
}

.excerpt .itag a {
    border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2 #ddd #ddd #e2e2e2;
    display: inline-block;
    margin-right: 3px;
    border-radius: 1px;
    padding: 0 5px;
    line-height: 18px
}

.excerpt .muted,.article-header .muted,.article-header .cate {
    margin-right: 20px
}

.comm {
    position: absolute;
    right: 20px;
    top: 23px;
    color: #fff;
    background-color: #428bca;
    padding: 1px 8px 0px;
    min-width: 14px;
    text-align: center
}

.comm i {
    display: inline-block;
    border: 5px dotted;
    border-color: #428bca rgba(0,0,0,0);
    border-bottom-width: 0;
    border-left-width: 0;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -2px
}

.comm:hover {
    color: #fff;
    background-color: #d9534f
}

.comm:hover i {
    border-color: #d9534f rgba(0,0,0,0)
}

.banner-excerpt {
    margin-bottom: 5px;
    padding-top: 4px
}

.icot {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    color: #999;
    background-color: #eee;
    padding: 0 6px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    min-width: 36px;
    text-align: center
}

.icot i {
    display: inline-block;
    border: 5px dotted;
    border-color: rgba(0,0,0,0) #eee;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -5px
}

.aside-tit {
    clear: both;
    font-size: 12px;
    border-bottom: 1px solid #bdd2df;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #333
}

.aside-tit span {
    font-weight: normal;
    float: right
}

.aside-tit a {
    margin-left: 8px
}

.base-tit {
    clear: both;
    font-size: 15px;
    border-bottom: solid 1px #e6e6e6;
    background-color: #fbfbfb;
    padding: 11px 20px 9px;
    margin: -20px -20px 20px;
    *zoom:1}

.base-tit:before,.base-tit:after {
    display: table;
    content: "";
    line-height: 0
}

.base-tit:after {
    clear: both
}

.base-tit span {
    float: right;
    color: #390;
    font-weight: normal
}

.base-tit b {
    color: #d9534f
}

.queryinfo {
    padding-bottom: 6px
}

.bdshare_t {
    line-height: 14px;
    overflow: hidden;
    height: 36px
}

.bds_tools a {
    padding-left: 0
}

.share {
    overflow: hidden
}

.share h5 {
    float: left;
    line-height: 26px;
    margin-right: 10px;
    font-weight: normal;
    font-size: 14px
}

.bdsharebuttonbox {
    float: left
}

.share-tit {
    float: left;
    padding-top: 15px
}

.pageheader .share {
    margin-top: -12px
}

.article-footer .share {
    float: none
}

.banner {
    overflow: hidden;
    clear: both;
    background-color: #fff;
    text-align: center
}

.banner-post {
    padding: 20px 20px 0
}

.banner-navbar,.banner-site {
    margin-bottom: 10px;
    background: none
}

.banner-sticky {
    margin-bottom: 1px
}

.banner-contenttop {
    margin-bottom: 1px
}

.banner img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.article-header,.article-content,.article-footer,.article-author {
    position: relative;
    padding: 20px;
    background-color: #fff
}

.page .article-header {
    padding: 8px 20px
}

.breadcrumbs {
    margin: 0 0 1px;
    padding: 9px 20px 7px;
    background-color: #f7f7f7
}

.breadcrumbs small {
    font-size: 12px;
    font-family: serif;
    color: #bbb;
    margin: 0 2px;
    font-weight: bold
}

.article-footer,.article-author {
    padding: 15px 20px;
    overflow: hidden
}

.article-header {
    margin-bottom: 1px;
    padding: 5px 20px 15px;
    background-color: #fbfbfb
}

.article-title {
    font-weight: bold;
    font-size: 22px
}

.article-title a {
    color: #444
}

.article-content {
    font-size: 16px;
    line-height: 1.8;
    word-break: break-all;
    word-wrap: break-word;
    padding-bottom: 1px;
    text-align: justify
}

.article-content h3,.article-content h4， .article-content h5， .article-content h6 {
    border-bottom: #eee 1px solid;
    padding-bottom: 2px;
    margin-bottom: 20px;
    font-weight: bold
}

.article-content h1 {
    font-size: 22px;
    margin: 20px 0;
    font-weight: bold
}

.article-content h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 20px -20px 20px -24px;
    padding: 10px 20px 10px 20px;
    border-left: 4px solid #428bca;
    background-color: #fbfbfb
}

.article-content h3 {
    font-size: 18px
}

.article-content h4 {
    font-size: 16px
}

.article-content h5 {
    font-size: 14px
}

.article-content h6 {
    font-size: 12px
}

.article-content ul {
    margin: 0 0 20px 26px
}

.article-content ol {
    margin: 20px
}

.article-content ul li {
    background: url(data:image/gif;base64,R0lGODlhDQAFAKIAAKOjo6GhoampqYSEhJWVlZ2dnZmZmXx8fCH5BAAAAAAALAAAAAANAAUAAAMVKLfcB6PIScsZJuttLvlgSByK4wQJADs=) no-repeat 0 10px;
    padding-left: 20px;
    margin-bottom: 10px;
    *list-style: disc;
    *padding-left: 0;
    line-height: 25px
}

.article-content ol li {
    list-style: decimal;
    margin-left: 28px;
    line-height: 25px
}

.article-content p {
    margin-bottom: 20px
}

.article-content pre {
    word-break: break-all;
    word-wrap: break-word
}

.article-content table {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    width: 100%;
    margin-bottom: 20px
}

.article-content table th {
    background-color: #f9f9f9;
    text-align: center
}

.article-content table td,.article-content table th {
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    padding: 5px 10px
}

.article-content .alignleft {
    float: left;
    text-align: left;
    margin-right: 10px
}

.article-content .aligncenter {
    margin: 0 auto;
    text-align: center;
    display: block
}

.article-content .alignright {
    float: right;
    text-align: right;
    margin-left: 10px
}

.article-content a {
    color: #428bca;
    text-decoration: underline
}

.article-content a:hover {
    color: #d9534f
}

.article-content .wp-caption {
    max-width: 100%
}

.article-footer {
    background-color: #fff;
    border-top: 1px solid #f7f7f7
}

.article-tags {
    margin-bottom: 15px;
    font-size: 14px
}

.article-tags a {
    display: inline-block;
    padding: 4px 12px;
    margin: 0 2px;
    color: #eee;
    font-size: 12px;
    background-color: #4a4a4a;
    opacity: .8;
    filter: alpha(opacity=80);
    border-radius: 40px
}

.article-tags a:hover {
    background-color: #428bca;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.article-tags a:nth-child(5n) {
    background-color: #4a4a4a
}

.article-tags a:nth-child(5n+1) {
    background-color: #428bca
}

.article-tags a:nth-child(5n+2) {
    background-color: #5cb85c
}

.article-tags a:nth-child(5n+3) {
    background-color: #d9534f
}

.article-tags a:nth-child(5n+4) {
    background-color: #f0ad4e
}

.tag-clouds {
    overflow: hidden
}

.tag-clouds li {
    float: left;
    width: 25%;
    margin-bottom: 12px;
    padding-bottom: 2px;
    height: 76px;
    border-bottom: 1px dotted #ddd;
    overflow: hidden
}

.tag-clouds strong {
    color: #666;
    margin-left: 2px;
    margin-bottom: 10px;
    display: inline-block
}

.tag-clouds a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-right: 10px
}

.tag-clouds a.btn {
    display: inline-block;
    margin-right: 5px
}

.article-info-text {
    margin-top: 15px;
    font-size: 14px
}

.article-content pre,.comment pre {
    margin: 20px 0;
    font: 12px/20px "courier new";
    background: #4a4a4a;
    padding: 10px 20px;
    color: #f8f8d4;
    border-radius: 0;
    border: none
}

.article-content blockquote {
    margin: 15px auto;
    border: 1px solid #d6e9c6;
    border-left-width: 3px;
    padding: 10px 15px 5px;
    background-color: #f4ffef;
    font-size: 12px;
    line-height: 20px
}

.article-content blockquote p {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 20px
}

.article-nav {
    border-top: 1px solid #f2f2f2;
    background-color: #fbfbfb;
    overflow: hidden;
    padding: 15px 20px;
    font-size: 14px;
    color: #bbb
}

.article-nav>span {
    float: left;
    position: relative;
    width: 48%
}

.article-nav>span span {
    display: block
}

.article-nav>span.article-nav-next {
    float: right;
    text-align: right
}

.relates {
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 15px
}

.relates h3 {
    font-size: 18px;
    line-height: 1;
    padding: 15px 20px 0;
    margin-bottom: 0;
    font-weight: bold
}

.relates ul {
    padding: 15px 0 15px 20px;
    overflow: hidden;
    font-size: 14px
}

.relates li {
    float: left;
    width: 50%;
    height: 30px;
    overflow: hidden;
    line-height: 30px
}

.relates a {
    margin-right: 20px;
    background: url(data:image/gif;base64,R0lGODlhDQAFAKIAAKOjo6GhoampqYSEhJWVlZ2dnZmZmXx8fCH5BAAAAAAALAAAAAANAAUAAAMVKLfcB6PIScsZJuttLvlgSByK4wQJADs=) no-repeat 2px 9px;
    padding-left: 24px
}

.rowpage {
    position: relative;
    background-color: #fff;
    padding: 0 20px
}

.rowpage-header {
    border-bottom: 1px solid #eee;
    line-height: 16px;
    height: 31px;
    padding: 8px 20px;
    margin: 0 -20px 20px;
    background-color: #fbfbfb
}

.page-title {
    font-size: 16px;
    margin: 0;
    padding: 0
}

.page-title strong {
    font: bold 12px/18px arial;
    font-style: normal;
    color: #999;
    margin: 0 10px
}

.page-title em {
    font-style: normal;
    font-weight: normal;
    color: #080;
    font-size: 12px
}

.page-title .btn {
    font-weight: normal;
    margin-left: 20px
}

.page-title .btn:active {
    border-bottom-color: #fff
}

.rowpage-header .share {
    margin: 3px 0 0
}

.plinks {
    margin-bottom: 10px;
    background-color: #fff;
    overflow: hidden;
    line-height: 36px;
    padding: 10px 0 20px
}

.plinks h2 {
    font-size: 20px;
    color: 333333;
    border-bottom: solid 1px #eee;
    padding-bottom: 0
}

.plinks li {
    margin-bottom: 20px
}

.plinks ul {
    clear: both;
    overflow: hidden
}

.plinks ul li {
    width: 20%;
    float: left;
    margin-bottom: 0
}

.plinks ul li a {
    display: inline-block;
    padding: 5px 0;
    overflow: hidden
}

.plinks ul li img {
    position: relative;
    top: -1px;
    margin-right: 5px;
    *top: 8px;
    _top: 3px
}

.readers a {
    margin: 0 5px 5px 0;
    display: inline-block
}

.tagcloud {
    padding: 10px 10px 10px 15px
}

.tagcloud a {
    margin: 0 5px 5px 0;
    display: inline-block
}

.archives {
    font-size: 14px
}

.archives .item {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

.archives h3 {
    float: left;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #f15a23;
    line-height: 20px;
    margin-top: 0
}

.archives-list {
    padding-left: 20px;
    margin: 0 0 20px 140px
}

.archives-list li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 4px
}

.archives-list time {
    width: 40px;
    display: inline-block
}

.archives-list span {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px
}

.meta-tit {
    border-bottom: solid 1px #e6e6e6;
    padding: 0 0 10px;
    margin-bottom: 20px
}

.widget {
    clear: both;
    margin-bottom: 15px;
    background-color: #fff
}

.widget h3 {
    position: relative;
    margin: 0;
    line-height: 37px;
    padding: 0 15px;
    font-size: 14px;
    background-color: #f7f7f7;
    height: 37px;
    border-bottom: 1px solid #eaeaea;
    font-weight: bold
}

.widget h3 .btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: normal;
    padding: 2px 7px 1px
}

.widget-notip {
    line-height: 20px;
    color: #666;
    border-top-color: red
}

.widget ul {
    *zoom:1}

.widget ul:before,.widget ul:after {
    display: table;
    content: "";
    line-height: 0
}

.widget ul:after {
    clear: both
}

.widget_search .search-form {
    float: none
}

.widget_search .search-input {
    width: 80%
}

.widget_search .btn {
    width: 20%
}

.widget-notip h3 {
    margin-bottom: 13px
}

.widget_views li,.widget_rss li,.widget_recent_entries li,.d_hotpost_txt li {
    border-bottom: solid 1px #eee;
    padding: 8px 15px;
    font-size: 14px
}

.widget_links ul {
    padding: 10px 15px 5px;
    color: #999
}

.widget_links li {
    width: 50%;
    float: left;
    padding: 0;
    border-bottom: none;
    margin-bottom: 8px;
    line-height: 20px;
    height: 20px
}

.widget_pages ul {
    padding: 10px 15px 5px;
    overflow: hidden
}

.widget_pages li {
    float: left;
    width: 50%;
    margin-bottom: 5px
}

.textwidget {
    padding: 15px;
    font-size: 14px
}

.textwidget p:last-child {
    margin-bottom: 0
}

.widget_media_image img {
    margin: 0 auto;
    display: block;
    width: 100%
}

.widget_recent_entries span {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 2px
}

.d_banner {
    margin-bottom: 10px
}

.d_banner img {
    display: block;
    margin: 0 auto
}

.d_banner_inner {
    position: relative;
    overflow: hidden;
    text-align: center
}

.d_reader ul {
    padding: 15px 0 9px 9px
}

.d_reader li {
    width: 36px;
    height: 36px;
    float: left;
    margin: 0 0 6px 6px
}

.d_reader li a {
    display: block
}

.d_reader li a,.d_reader li a:hover {
    color: #fff
}

.d_reader li:hover {
    z-index: 20
}

.d_reader li:hover .avatar-popup {
    display: block
}

.d_banner .sell {
    display: block;
    border: solid 1px #d6d6d6;
    color: #999;
    text-align: center;
    height: 123px;
    line-height: 123px;
    font-weight: bold
}

.d_banner .sell:hover {
    border-color: #bbb;
    color: #777
}

.d_comment ul a {
    padding: 6px 15px 6px 62px;
    display: block;
    border-bottom: 1px solid #eee;
    border-left: 3px solid rgba(0,0,0,0);
    margin-left: -3px;
    overflow: hidden;
    position: relative
}

.d_comment .avatar {
    float: left;
    width: 36px;
    margin: 3px 0 0 -47px
}

.d_comment ul a:hover {
    background-color: #f8fcfe;
    border-left-color: #428bca
}

.widget_calendar {
    overflow: hidden
}

#calendar_wrap {
    margin: 0 15px 10px
}

.widget_calendar table {
    width: 100%;
    text-align: center
}

.widget_calendar table caption {
    padding: 10px 0 5px;
    font-size: 15px
}

.widget_calendar table #prev a,.widget_calendar table #next a {
    display: block;
    padding: 0 10px
}

.widget_calendar table #prev {
    text-align: left
}

.widget_calendar table #next {
    text-align: right
}

.widget_calendar table tbody td,.widget_calendar table tfoot td,.widget_calendar table thead th {
    padding: 5px 3px;
    border: 1px solid #eee
}

.widget_calendar table thead th {
    background-color: #fbfbfb
}

.widget_calendar table tbody td a {
    display: block;
    margin: 0 3px;
    background-color: #428bca;
    color: #fff
}

.widget_calendar table tbody td a:hover {
    background-color: #357ebd
}

.widget_categories ul {
    overflow: hidden;
    padding: 10px 0 5px;
    color: #bbb
}

.widget_categories li {
    float: left;
    width: 50%;
    margin-bottom: 5px
}

.widget_categories li a {
    margin-left: 15px
}

.widget_categories li ul {
    padding: 0 0 0 15px
}

.widget_categories li li {
    float: none;
    width: auto
}

.widget_nav_menu ul {
    padding: 10px 15px 5px;
    color: #999
}

.widget_nav_menu ul li {
    margin-bottom: 8px
}

.widget_rss ul {
    color: #999
}

.widget_meta ul {
    padding: 0 15px 10px
}

.widget_meta ul li {
    margin-bottom: 5px
}

.d_textbanner a {
    display: block;
    padding: 0 15px 15px;
    border: 1px solid #fff
}

.d_textbanner a h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0
}

.d_textbanner a p {
    color: #999;
    margin-bottom: 0;
    font-size: 14px;
    text-align: justify
}

.d_textbanner a strong {
    margin: -1px 0 0 -16px;
    display: inline-block;
    padding: 3px 15px 4px;
    color: #fff;
    font-size: 14px;
    font-weight: normal
}

.d_textbanner a.style01 {
    color: #428bca
}

.d_textbanner a.style01:hover {
    border-color: #428bca;
    color: #357ebd
}

.d_textbanner a.style01 strong {
    background-color: #428bca
}

.d_textbanner a.style01:hover strong {
    background-color: #357ebd
}

.d_textbanner a.style02 {
    color: #d9534f
}

.d_textbanner a.style02:hover {
    border-color: #d9534f;
    color: #d33632
}

.d_textbanner a.style02 strong {
    background-color: #d9534f
}

.d_textbanner a.style02:hover strong {
    background-color: #d33632
}

.d_textbanner a.style03 {
    color: #5cb85c
}

.d_textbanner a.style03:hover {
    border-color: #5cb85c;
    color: #4cae4c
}

.d_textbanner a.style03 strong {
    background-color: #5cb85c
}

.d_textbanner a.style03:hover strong {
    background-color: #4cae4c
}

.d_textbanner a.style04 {
    color: #c35bff
}

.d_textbanner a.style04:hover {
    border-color: #c35bff;
    color: #b433ff
}

.d_textbanner a.style04 strong {
    background-color: #c35bff
}

.d_textbanner a.style04:hover strong {
    background-color: #b433ff
}

.d_textbanner a.style05 {
    color: #33bbba
}

.d_textbanner a.style05:hover {
    border-color: #33bbba;
    color: #00aba9
}

.d_textbanner a.style05 strong {
    background-color: #33bbba
}

.d_textbanner a.style05:hover strong {
    background-color: #00aba9
}

.d_tags {
    padding: 15px 13px 10px 15px
}

.d_tags a:nth-child(9n) {
    background-color: #4a4a4a
}

.d_tags a:nth-child(9n+1) {
    background-color: #428bca
}

.d_tags a:nth-child(9n+2) {
    background-color: #5cb85c
}

.d_tags a:nth-child(9n+3) {
    background-color: #d9534f
}

.d_tags a:nth-child(9n+4) {
    background-color: #567e95
}

.d_tags a:nth-child(9n+5) {
    background-color: #b433ff
}

.d_tags a:nth-child(9n+6) {
    background-color: #00aba9
}

.d_tags a:nth-child(9n+7) {
    background-color: #b37333
}

.d_tags a:nth-child(9n+8) {
    background-color: #f60
}

.d_tags a {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff;
    background-color: #428bca;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0 10px;
    line-height: 27px;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.d_tags a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.d_postlist li a {
    padding: 10px 15px 10px 105px;
    border-bottom: solid 1px #eee;
    border-left: 3px solid rgba(0,0,0,0);
    margin-left: -3px;
    overflow: hidden;
    position: relative;
    display: block;
    font-size: 14px
}

.d_postlist li a:hover {
    background-color: #f8fcfe;
    border-left-color: #428bca
}

.d_postlist .text {
    margin-top: 5px;
    display: block
}

.d_postlist .thumbnail {
    float: left;
    margin-left: -90px
}

.d_postlist .thumbnail img {
    max-width: 80px;
    max-height: 49px
}

.d_postlist .muted {
    margin-right: 20px;
    font-size: 12px
}

.d_postlist .nopic li a {
    padding: 8px 15px
}

.d_postlist .nopic .text {
    margin-top: 0
}

.d_slidebanner {
    position: relative
}

.d_slidebanner img {
    display: block
}

.d_slidebanner:hover .slider-prev,.d_slidebanner:hover .slider-next {
    display: block
}

.d_slidebanner .slider-prev,.d_slidebanner .slider-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    opacity: .5;
    text-shadow: 1px 1px 2px #444;
    font-size: 42px;
    padding: 10px;
    display: none
}

.d_slidebanner .slider-prev {
    left: 0
}

.d_slidebanner .slider-next {
    right: 0
}

.d_slidebanner .slider-prev:hover,.d_slidebanner .slider-next:hover {
    opacity: .95;
    display: block
}

.widget_meta .widget_tit {
    margin: 0 0 10px
}

.widget_meta ul {
    line-height: 24px
}

.widget_meta ul a {
    color: #999
}

.widget_meta ul a:hover {
    color: #333;
    text-decoration: underline
}

.widget_archive ul {
    padding: 10px 15px 5px;
    overflow: hidden;
    color: #999
}

.widget_archive li {
    width: 50%;
    float: left;
    margin-bottom: 5px
}

.widget_archive select,.widget_categories select {
    margin-top: 10px;
    width: 91%;
    margin-left: 15px;
    height: 32px;
    line-height: 32px;
    padding: 2px
}

#respond,#postcomments {
    position: relative;
    background-color: #fff
}

#respond .base-tit {
    display: none
}

.comment #respond {
    margin: 10px 0 0;
    padding: 0;
    border: 1px solid #ddd
}

.commentnew {
    background-color: #dff0d8
}

.commentnew .c-main {
    margin-bottom: 5px
}

.comment {
    padding: 12px 0 10px 0
}

.commentlist {
    padding: 0 20px
}

.c-avatar {
    width: 36px;
    height: 36px;
    background-color: #fff;
    float: left;
    display: inline;
    position: relative
}

.c-avatar .avatar {
    display: block
}

.c-main {
    margin-top: -2px;
    margin-left: 48px
}

.c-main p {
    font-size: 12px;
    margin-bottom: 0
}

.c-meta {
    color: #bbb
}

.c-author {
    margin-right: 10px
}

.comment-reply-link {
    margin-left: 6px;
    color: #428bca
}

.comment-reply-link:hover {
    color: #d9534f
}

.comment pre {
    margin: 3px 0 5px;
    padding: 7px 10px;
    border-radius: 1px
}

.depth-1 {
    border-bottom: #f2f2f2 1px solid
}

.depth-1.odd {
    background-color: #fefefe
}

.depth-2 {
    margin-right: 48px
}

.depth-2,.depth-4,.depth-6,.depth-8 {
    background-color: #fbfbfb
}

.depth-3,.depth-5,.depth-7,.depth-9 {
    background-color: #fff
}

.children .comment {
    padding: 12px 12px 10px 10px;
    margin: 10px 0 0 50px;
    border-left: 2px solid #eee
}

.children .c-main p {
    font-size: 12px;
    margin-right: 0
}

.children .c-meta {
    padding-top: 1px
}

.c-floor {
    float: right;
    font-size: 18px;
    color: #ddd
}

.comment:hover .c-floor {
    color: #999
}

.c-approved {
    border-radius: 2px;
    background-color: #fbfbfb;
    border: 1px solid #ccc;
    color: #999;
    display: inline-block;
    padding: 1px 5px;
    margin-top: 4px
}

.wp-smiley {
    margin-bottom: 2px
}

#comments {
    margin: 0;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 14px;
    color: #999;
    font-weight: normal;
    border-bottom: dotted 1px #e6e6e6
}

#comments b {
    font-weight: normal;
    font-size: 13px
}

#commentform {
    margin-bottom: 0
}

.comt-title {
    overflow: hidden;
    padding: 12px 20px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee
}

.comt-count {
    float: right;
    color: #999;
    margin-bottom: 5px
}

.comt {
    padding: 20px;
    position: relative
}

.comt-avatar {
    height: 28px;
    width: 28px
}

.comt-avatar img {
    border-radius: 2px
}

.comt-author {
    margin: 5px 10px 0 10px;
    font-size: 16px;
    color: #666
}

.comt-author span {
    color: #bbb;
    margin-left: 10px
}

.comt-box {
    overflow: hidden
}

.comt-area {
    margin-bottom: 5px;
    font-size: 14px
}

.comt-ctrl {
    position: relative;
    overflow: hidden
}

.comt-addsmilies,.comt-addcode {
    float: left;
    color: #999;
    padding: 0 10px 0 10px
}

.comt-addsmilies:hover,.comt-addcode:hover {
    color: #666
}

.comt-mailme {
    display: none
}

#comment {
    *width: 98.3%
}

.comt-smilie {
    cursor: pointer;
    margin-top: 2px;
    display: inline-block
}

.comt-smilie:hover {
    color: #666
}

#comment-smilies {
    background-color: #eee;
    padding: 3px 5px;
    float: left;
    position: relative;
    line-height: 0
}

#comment-smilies img {
    display: inline-block;
    padding: 3px;
    cursor: pointer
}

#comment-smilies::after {
    position: absolute;
    top: -5px;
    left: 20px;
    width: 0;
    height: 0;
    vertical-align: top;
    border-bottom: 5px solid #eee;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    content: ""
}

.comt-ctrl .popover {
    width: 219px
}

.comt-ctrl .popover-content {
    padding: 2px 0 2px 1px
}

.comt-ctrl .popover-content a {
    margin: -1px -1px 0 0;
    width: 16px;
    height: 16px;
    padding: 5px;
    line-height: 0;
    display: inline-block;
    border: solid 1px #eee
}

.comt-ctrl .popover-content a img {
    display: block
}

.comt-ctrl label {
    margin: 0 5px
}

.comt-ctrl label input {
    margin-right: 4px
}

.comt-tips {
    text-align: right;
    line-height: 30px;
    margin-right: 10px;
    color: #999
}

.comt-error {
    color: #d9534f
}

.comt-submit {
    position: absolute;
    right: -1px;
    top: -1px;
    border: solid 1px #ddd;
    padding: 0 30px;
    height: 34px;
    width: 120px;
    cursor: pointer;
    font-weight: bold;
    color: #666;
    font-size: 12px;
    border-radius: 0 0 3px 0;
    background-image: -webkit-linear-gradient(#fbfbfb, #f6f6f6);
    text-shadow: 0 -1px 0 #fff
}

.comt-submit:hover {
    color: #444;
    border-color: #d6d6d6;
    background-image: -webkit-linear-gradient(#f6f6f6, #eeeeee)
}

.comt-submit:active {
    border-color: #c6c6c6;
    box-shadow: inset 0 2px 2px #e6e6e6
}

.comt-comterinfo {
    padding: 20px 0 0 210px;
    color: #444;
    display: none
}

.comt-comterinfo h4 {
    float: left;
    width: 180px;
    font-size: 12px;
    line-height: 100px;
    margin-left: -210px;
    text-align: right;
    _display: inline
}

.comt-comterinfo ul {
    border-left: dotted 1px #ccc;
    padding-left: 30px
}

.comt-comterinfo li {
    margin-bottom: 10px
}

.comt-comterinfo input {
    margin-right: 10px;
    position: relative;
    *bottom: -3px
}

#cancel-comment-reply-link {
    display: none;
    color: #bbb;
    margin: -12px -20px;
    line-height: 28px;
    font-size: 14px;
    padding: 12px 20px
}

#cancel-comment-reply-link:hover {
    background-color: #999;
    color: #fff
}

.comment #cancel-comment-reply-link {
    display: block
}

@-ms-viewport {
    width: device-width
}

.post-password-form {
    overflow: hidden;
    background-color: #eee;
    padding: 20px 20px 10px
}

.post-password-form label {
    float: left;
    margin-right: 10px
}

.prettyprint,pre.prettyprint {
    background-color: #272822;
    border: 1px solid #272822;
    overflow: hidden;
    padding: 8px
}

.prettyprint.linenums,pre.prettyprint.linenums {
    box-shadow: inset 40px 0 0 #39382e,inset 41px 0 0 #464741
}

.prettyprint.linenums ol,pre.prettyprint.linenums ol {
    margin: 0 0 0 33px
}

.prettyprint.linenums ol li,pre.prettyprint.linenums ol li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    margin-left: 0;
    list-style: decimal
}

.prettyprint .com {
    color: #93a1a1
}

.prettyprint .lit {
    color: #ae81ff
}

.prettyprint .pun,.prettyprint .opn,.prettyprint .clo {
    color: #f8f8f2
}

.prettyprint .fun {
    color: #dc322f
}

.prettyprint .str,.prettyprint .atv {
    color: #e6db74
}

.prettyprint .kwd,.prettyprint .tag {
    color: #f92659
}

.prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var {
    color: #a6e22e
}

.prettyprint .pln {
    color: #66d9ef
}

.wp-video,.mejs-layer,video,embed {
    max-width: 100%;
    margin-bottom: 16px;
    display: block
}

.navbar .screen-mini {
    display: none
}

@media(max-width: 1024px) {
    .content-wrap {
        float:none;
        width: auto
    }

    .sidebar {
        display: none;
        float: none;
        width: auto;
        margin-left: 0;
        clear: both;
        margin-top: 10px
    }

    .content {
        margin-right: 0
    }

    .article-content h2 {
        margin-left: -20px;
        padding-left: 16px;
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media(max-width: 979px) {
    .navbar .logo,.navbar .logo a {
        height:42px;
        display: block;
        width: 100%;
        float: none
    }

    .navbar {
        background-color: rgba(0,0,0,0);
        height: auto
    }

    .navbar .screen-mini {
        display: block;
        float: left
    }

    .navbar .screen-mini .btn {
        background-color: #4a4a4a;
        padding: 16px 22px
    }

    .navbar .screen-mini .btn:hover,.navbar .screen-mini .btn.active {
        background-color: #404040
    }

    .navbar .screen-mini .btn i {
        margin-top: 2px
    }

    .navbar .nav {
        float: none;
        padding: 0;
        background-color: #eee;
        margin-right: 0;
        display: none
    }

    .navbar .nav>li {
        float: none;
        margin-right: 0;
        font-size: 14px;
        font-weight: bold
    }

    .navbar .nav>li>a {
        padding: 10px 20px 9px;
        border-bottom: 1px solid #ddd;
        color: #444
    }

    .navbar .nav li a:hover {
        background-color: #fff;
        color: #444
    }

    .navbar .nav ul {
        display: block
    }

    .navbar .nav>li>ul {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        padding-bottom: 0;
        font-weight: normal
    }

    .navbar .nav>li>ul>li>ul {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        padding-bottom: 0
    }

    .navbar .nav>li>ul>li {
        float: none;
        margin: 0;
        position: relative;
        border-bottom: 1px solid #ddd
    }

    .navbar .nav>li>ul>li>a,.navbar .nav>li>ul>li>ul>li>a {
        float: none;
        display: block;
        *min-width: 100px;
        padding: 10px 20px 9px 50px;
        color: #444
    }

    .navbar .nav>li>ul>li>ul>li>a {
        padding-left: 80px
    }

    .navbar .nav>li>ul>li>a:hover,.navbar .nav li li.current-menu-item a {
        color: #444
    }

    .navbar .nav li li a:hover,.navbar .nav li li.current-menu-item a {
        background-color: #fff
    }

    .navbar .nav li:hover a,.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current_page_item a,.navbar .nav li.current-post-ancestor a,.navbar .nav li ul {
        background-color: #eee;
        color: #444;
        display: block
    }

    .screen-search {
        display: none
    }

    .header {
        margin-bottom: 1px
    }

    .footer-inner {
        border-left: none
    }

    .navbar .menu {
        float: none;
        margin: 10px 20px 10px;
        text-align: center
    }

    .search-form {
        float: none;
        display: block;
        overflow: hidden;
        margin-right: 0
    }

    .search-form * {
        box-sizing: border-box
    }

    .navbar .menu .btn-group {
        float: none;
        display: inline-block;
        margin-top: -24px;
        display: none
    }

    input.search-input {
        width: 85%;
        margin-bottom: 0;
        height: 30px
    }

    input.search-submit {
        width: 15%
    }

    .tag-clouds li {
        width: 50%
    }

    .navbar .btn.screen-nav {
        padding: 11px 20px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0)
    }

    .navbar .btn.screen-nav:hover {
        background-color: rgba(0,0,0,0)
    }

    .article-content {
        font-size: 16px
    }

    .row-fluid {
        width: 100%;
        *zoom:1}

    .row-fluid:before,.row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        box-sizing: border-box;
        float: left;
        margin-left: 1.2987012987%;
        *margin-left: 1.2487012987%
    }

    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left: 1.2987012987%
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.95%
    }

    .row-fluid .span11 {
        width: 91.5584415584%;
        *width: 91.5084415584%
    }

    .row-fluid .span10 {
        width: 83.1168831169%;
        *width: 83.0668831169%
    }

    .row-fluid .span9 {
        width: 74.6753246753%;
        *width: 74.6253246753%
    }

    .row-fluid .span8 {
        width: 66.2337662338%;
        *width: 66.1837662338%
    }

    .row-fluid .span7 {
        width: 57.7922077922%;
        *width: 57.7422077922%
    }

    .row-fluid .span6 {
        width: 49.3506493506%;
        *width: 49.3006493506%
    }

    .row-fluid .span5 {
        width: 40.9090909091%;
        *width: 40.8590909091%
    }

    .row-fluid .span4 {
        width: 32.4675324675%;
        *width: 32.4175324675%
    }

    .row-fluid .span3 {
        width: 24.025974026%;
        *width: 23.975974026%
    }

    .row-fluid .span2 {
        width: 15.5844155844%;
        *width: 15.5344155844%
    }

    .row-fluid .span1 {
        width: 7.1428571429%;
        *width: 7.0928571429%
    }

    .row-fluid .offset12 {
        margin-left: 102.5974025974%;
        *margin-left: 102.4974025974%
    }

    .row-fluid .offset12:first-child {
        margin-left: 101.2987012987%;
        *margin-left: 101.1987012987%
    }

    .row-fluid .offset11 {
        margin-left: 94.1558441558%;
        *margin-left: 94.0558441558%
    }

    .row-fluid .offset11:first-child {
        margin-left: 92.8571428571%;
        *margin-left: 92.7571428571%
    }

    .row-fluid .offset10 {
        margin-left: 85.7142857143%;
        *margin-left: 85.6142857143%
    }

    .row-fluid .offset10:first-child {
        margin-left: 84.4155844156%;
        *margin-left: 84.3155844156%
    }

    .row-fluid .offset9 {
        margin-left: 77.2727272727%;
        *margin-left: 77.1727272727%
    }

    .row-fluid .offset9:first-child {
        margin-left: 75.974025974%;
        *margin-left: 75.874025974%
    }

    .row-fluid .offset8 {
        margin-left: 68.8311688312%;
        *margin-left: 68.7311688312%
    }

    .row-fluid .offset8:first-child {
        margin-left: 67.5324675325%;
        *margin-left: 67.4324675325%
    }

    .row-fluid .offset7 {
        margin-left: 60.3896103896%;
        *margin-left: 60.2896103896%
    }

    .row-fluid .offset7:first-child {
        margin-left: 59.0909090909%;
        *margin-left: 58.9909090909%
    }

    .row-fluid .offset6 {
        margin-left: 51.9480519481%;
        *margin-left: 51.8480519481%
    }

    .row-fluid .offset6:first-child {
        margin-left: 50.6493506494%;
        *margin-left: 50.5493506494%
    }

    .row-fluid .offset5 {
        margin-left: 43.5064935065%;
        *margin-left: 43.4064935065%
    }

    .row-fluid .offset5:first-child {
        margin-left: 42.2077922078%;
        *margin-left: 42.1077922078%
    }

    .row-fluid .offset4 {
        margin-left: 35.0649350649%;
        *margin-left: 34.9649350649%
    }

    .row-fluid .offset4:first-child {
        margin-left: 33.7662337662%;
        *margin-left: 33.6662337662%
    }

    .row-fluid .offset3 {
        margin-left: 26.6233766234%;
        *margin-left: 26.5233766234%
    }

    .row-fluid .offset3:first-child {
        margin-left: 25.3246753247%;
        *margin-left: 25.2246753247%
    }

    .row-fluid .offset2 {
        margin-left: 18.1818181818%;
        *margin-left: 18.0818181818%
    }

    .row-fluid .offset2:first-child {
        margin-left: 16.8831168831%;
        *margin-left: 16.7831168831%
    }

    .row-fluid .offset1 {
        margin-left: 9.7402597403%;
        *margin-left: 9.6402597403%
    }

    .row-fluid .offset1:first-child {
        margin-left: 8.4415584416%;
        *margin-left: 8.3415584416%
    }
}

.navbar .menu .dropdown-toggle {
    margin-left: 10px !important
}

@media(max-width: 768px) {
    .pagecontent {
        margin-left:0
    }

    .pagesidebar {
        display: none
    }

    .speedbar {
        display: none
    }

    .header {
        position: relative
    }

    .relates li {
        float: none;
        width: 100%
    }

    .relates a {
        height: auto;
        padding: 0 20px 12px;
        text-align: left;
        line-height: 14px;
        border-left: none
    }

    .relates li img {
        display: none
    }

    .page-sidebar {
        display: none
    }

    .content-page {
        padding-left: 0
    }

    .comt-comterinfo {
        padding-left: 0
    }

    .comt-comterinfo h4 {
        float: none;
        width: 100%;
        margin-left: 0;
        line-height: 20px;
        text-align: left
    }

    .comt-comterinfo ul {
        padding-left: 0;
        border-left: none
    }

    .comt-comterinfo ul input {
        margin-right: 0;
        display: block;
        width: 100%;
        box-sizing: border-box;
        min-height: 30px
    }

    .comt-comterinfo ul .help-inline {
        display: none
    }

    .rollto {
        bottom: 2px;
        right: 2px
    }

    .plinks ul li {
        width: 33.3333333%
    }

    .archives h3 {
        float: none
    }

    .archives-list {
        padding-left: 0
    }

    .archive-header {
        padding: 0 10px;
        height: 28px
    }

    .archive-header h1 {
        font-size: 12px;
        line-height: 28px
    }

    .archive-header-info {
        display: none
    }

    .excerpt header .label {
        display: none
    }

    .article-content {
        font-size: 16px
    }

    .article-footer .share {
        float: none;
        clear: both
    }

    .share h5 {
        float: none
    }

    .bdsharebuttonbox {
        display: inline-block;
        float: none;
        height: 32px;
        overflow: hidden
    }
}

@media(max-width: 640px) {
    .sticky ul {
        margin-right:0
    }

    .sticky li {
        width: auto;
        float: none
    }

    .sticky li a {
        margin-right: 0;
        padding: 2px 10px 2px 120px
    }

    .sticky img {
        margin-left: -110px
    }

    .sticky h3 {
        font-weight: bold
    }

    .excerpt,.excerpt:hover {
        padding: 12px 20px;
        border-left: none
    }

    .excerpt:hover {
        margin-left: 0
    }

    .excerpt-nothumbnail,.excerpt-nothumbnail:hover {
        padding: 10px 20px
    }

    .excerpt .focus {
        float: none;
        margin-left: 0;
        text-align: center;
        margin-bottom: 10px;
        width: 100%
    }

    .excerpt header h2 {
        font-size: 16px;
        line-height: 20px;
        display: block;
        font-weight: bold;
        margin-bottom: 10px
    }

    .excerpt header {
        margin-bottom: 5px;
        margin-right: 0
    }

    .excerpt p.note {
        color: #999
    }

    .excerpt p .icon12 {
        display: none
    }

    .depth-2 .children .comment {
        margin-left: 0
    }

    .children .comment.depth-2 {
        margin-left: 10px
    }

    .excerpt-titletype,.excerpt-titletype:hover {
        padding-left: 130px
    }

    .excerpt-titletype .focus {
        float: left;
        margin-left: -110px;
        width: 100px;
        margin-bottom: 0
    }

    .excerpt-titletype .focus a {
        width: 100px;
        height: 68px
    }

    .excerpt-titletype .focus a img {
        width: 100px;
        height: 68px
    }

    .excerpt-titletype .note {
        display: none
    }

    .excerpt-titletype p {
        margin-bottom: 0
    }

    .excerpt-titletype .muted {
        margin-right: 15px
    }

    .excerpt-titletype header h2 {
        font-size: 14px;
        margin-bottom: 0
    }

    .excerpt-titletype.excerpt-nothumbnail,.excerpt-titletype.excerpt-nothumbnail:hover {
        padding-left: 20px
    }
}

@media(max-width: 480px) {
    .navbar .menu {
        margin:10px
    }

    input.search-input {
        width: 80%
    }

    input.search-submit {
        width: 20%
    }

    .title {
        padding: 0 10px;
        height: 28px;
        line-height: 28px;
        font-size: 12px
    }

    .navbar .btn.screen-nav {
        padding: 11px 12px
    }

    .excerpt,.excerpt:hover {
        padding: 10px 12px
    }

    .excerpt .muted,.article-header .muted,.article-header .cate {
        margin-right: 12px
    }

    .breadcrumbs {
        padding: 8px 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: none
    }

    .m-breadcrumbs .breadcrumbs {
        display: block
    }

    .article-header h1 {
        font-size: 18px;
        line-height: 1.4;
        font-weight: bold;
        padding-top: 5px
    }

    .article-header i {
        display: none
    }

    .relates li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .relates a {
        background: none;
        padding-left: 0
    }

    #submit .icon-ok-circle {
        display: none
    }

    .excerpt-titletype,.excerpt-titletype:hover {
        padding-left: 120px
    }

    .excerpt-titletype.excerpt-nothumbnail,.excerpt-titletype.excerpt-nothumbnail:hover {
        padding-left: 10px
    }
}

@media(max-width: 360px) {
    .navbar {
        margin-bottom:0
    }

    .navbar .menu .btn-group {
        display: none
    }

    .banner-navbar,.banner-site {
        margin-bottom: 0
    }
}

.widget .gallery img {
    border: none !important;
    display: block
}

.widget .gallery {
    padding: 15px
}

.widget .gallery-item {
    margin: 0 !important
}

.widget .gallery-caption {
    margin: 0 0 5px !important
}

.fixnav {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0 5px;
    display: flex;
    box-shadow: -1px 0 10px rgba(0,0,0,.1)
}

.fixnav>li {
    flex: 1;
    text-align: center
}

.fixnav>li>a {
    height: 50px;
    line-height: 50px;
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #333
}

.fixnav>li>a .fa {
    display: block;
    margin-top: 10px;
    margin-bottom: -16px;
    font-size: 20px
}

.fixnav>li ul {
    display: none !important
}

.fixnav>li.current-menu-item>a,.fixnav>li.current_page_item>a {
    color: #428bca
}

@media(min-width: 767px) {
    .fixnav {
        display:none
    }
}

@media(max-width: 768px) {
    .fixnav-m-on {
        margin-bottom:50px
    }
}

.comments-page li{
    display: inline-block;
}