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

audio,
canvas,
video {
    display: inline-block
}

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

.none {
    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:active,
a:hover {
    outline: 0
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

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

button,
input {
    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] {
    cursor: pointer;
    -webkit-appearance: button
}

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

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

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

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

p {
    margin: 0 0 10px
}

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

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #999
}

.muted a {
    color: #999
}

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

.text-warning {
    color: #c09853
}

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

.text-error {
    color: #d9534f
}

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

.text-info {
    color: #3a87ad
}

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

.text-success {
    color: #56af45
}

a.text-success:focus,
a.text-success:hover {
    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;
    color: inherit;
    font-weight: 700;
    font-family: inherit;
    line-height: 20px;
    text-rendering: optimizelegibility
}

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

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

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

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

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

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 {
    margin: 20px 0 20px;
    padding-bottom: 9px;
    border-bottom: 1px solid #eee
}

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

li {
    line-height: 20px
}

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

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

dl {
    margin-bottom: 20px
}

dd,
dt {
    line-height: 20px
}

dt {
    font-weight: 700
}

dd {
    margin-left: 10px
}

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

.dl-horizontal:after {
    clear: both
}

.dl-horizontal dt {
    float: left;
    clear: left;
    overflow: hidden;
    width: 160px;
    text-align: right;
    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 {
    margin: 0 0 20px;
    padding: 0 0 0 15px;
    border-left: 5px solid #eee
}

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

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

blockquote small:before {
    content: '\2014 \00A0'
}

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: '\00A0 \2014'
}

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

code,
pre {
    border-radius: 3px
}

pre.prettyprint {
    margin-bottom: 20px
}

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

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

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

button.close {
    padding: 0;
    border: 0;
    background: 0;
    cursor: pointer;
    -webkit-appearance: none
}

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

.clearfix:after {
    clear: both
}

.hide-text {
    border: 0;
    background-color: transparent;
    color: transparent;
    text-shadow: none;
    font: 0/0 a
}

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

.row-fluid {
    width: 100%
}

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

.row-fluid:after {
    clear: both
}

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

.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%
}

.row-fluid .span11 {
    width: 91.5%
}

.row-fluid .span10 {
    width: 83%
}

.row-fluid .span9 {
    width: 74.5%
}

.row-fluid .span8 {
    width: 66%
}

.row-fluid .span7 {
    width: 57.5%
}

.row-fluid .span6 {
    width: 49%
}

.row-fluid .span5 {
    width: 40.5%
}

.row-fluid .span4 {
    width: 32%
}

.row-fluid .span3 {
    width: 23.5%
}

.row-fluid .span2 {
    width: 15%
}

.row-fluid .span1 {
    width: 6.5%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a {
    color: #555;
    text-decoration: none
}

a:focus,
a:hover {
    color: #4eae30;
    text-decoration: none
}

::selection {
    background: #81c53f;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #81c53f;
    color: #fff;
    text-shadow: none
}

.container {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    text-align: left;
    min-height: 820px;
}

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

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

.header {
    position: fixed;
    top: 0;
    z-index: 999;
    margin-bottom: 20px;
    width: 100%;
    background: #222;
    opacity: .95;
    filter: alpha(Opacity=90);
    -moz-opacity: .9
}

.container {
    margin-top: 70px;
    margin-bottom: 10px
}

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

.content {
    margin-right: 305px
}

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

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

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

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

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

.trackcode {
    float: right
}

.footer-inner {
    margin: 0 auto;
    padding: 16px 0 14px;
    width: 100%;
    max-width: 1200px;
    border-left: 0 solid #428bca;
    background-color: #414141;
    color: #aaa;
    text-shadow: 0 -1px 0 #333
}

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

.footer-inner:after {
    clear: both
}

.footer a {
    color: #aaa
}

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

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

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

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

.pageheader h1 a {
    color: #444
}

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

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

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

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

.pagecontent .article-content {
    padding: 0
}

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

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

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

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

.pagesider-menu a {
    display: block;
    overflow: hidden;
    margin-bottom: 1px;
    padding: 10px 15px;
    border-bottom: 1px solid #EEE;
    border-left: solid 4px transparent;
    color: #888;
    cursor: pointer
}

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

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

.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;
    padding: 20px;
    min-height: 600px;
    border-left: 1px solid #eee
}

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

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

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

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

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

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

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

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

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

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

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

.uneditable-input,
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=tel],
input[type=color],
input[type=search],
select,
textarea {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 6px 3px;
    height: 20px;
    border-radius: 0;
    color: #555;
    vertical-align: middle;
    font-size: 12px;
    line-height: 20px
}

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

textarea {
    height: auto
}

.uneditable-input,
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=tel],
input[type=color],
input[type=search],
textarea {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-transition: border linear .2s;
    -moz-transition: border linear .2s;
    transition: border linear .2s;
    border-top-color: silver;
    border-left-color: #d0d0d0
}

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

.uneditable-input: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=tel]:focus,
input[type=color]:focus,
input[type=search]:focus,
textarea:focus {
    border-color: #999
}

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

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

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

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

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

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
select: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
}

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

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

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

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

.checkbox.inline+.checkbox.inline,
.radio.inline+.radio.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],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    background-color: #eee
}

input[type=radio][disabled],
input[type=radio][readonly],
input[type=checkbox][disabled],
input[type=checkbox][readonly] {
    background-color: transparent
}

.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-append .add-on,
.control-group.error .input-prepend .add-on {
    border-color: #d9534f;
    background-color: #f2dede;
    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-append .add-on,
.control-group.success .input-prepend .add-on {
    border-color: #56af45;
    background-color: #dff0d8;
    color: #56af45
}

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

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

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

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

.form-actions:after {
    clear: both
}

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

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

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

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

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

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

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

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

.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
    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
}

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

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

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

.form-horizontal .controls {
    margin-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%;
    border-collapse: collapse;
    background-color: transparent;
    border-spacing: 0
}

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

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

.table th {
    font-weight: 700
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child td,
.table caption+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table thead:first-child tr:first-child td,
.table thead:first-child tr:first-child th {
    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-left: 0;
    border-radius: 2px
}

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

.table-bordered caption+tbody tr:first-child td,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered tbody:first-child tr:first-child td,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered thead:first-child tr:first-child th {
    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;
    margin-top: 4px;
    width: 14px;
    height: 14px;
    background-image: url(../images/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    vertical-align: text-top;
    line-height: 14px
}

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

.icon12 {
    margin-top: 2px
}

.muted [class*=" icon-"],
.muted [class^=icon-] {
    opacity: .5;
    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 {
    width: 16px;
    background-position: -216px -120px
}

.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 {
    width: 16px;
    background-position: -384px -120px
}

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

.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
}

.dropdown,
.dropup {
    position: relative
}

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

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

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

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

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

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

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

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

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    outline: 0;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #428bd1, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bd1), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #428bd1, #0077b3);
    background-image: linear-gradient(to bottom, #428bd1, #0077b3);
    background-repeat: repeat-x;
    color: #fff;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428BD1', endColorstr='#ff0077b3', GradientType=0)
}

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

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    background-color: transparent;
    background-image: none;
    text-decoration: none;
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.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 {
    float: right;
    display: block;
    margin-top: 5px;
    margin-right: -10px;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 2px 0 2px 2px;
    content: " ";
    border-left-color: #ccc
}

.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-right: 20px;
    padding-left: 20px
}

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

.btn:focus,
.btn:hover {
    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] {
    opacity: .65;
    cursor: default;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

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

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

.btn {
    background-color: #81c53f;
    color: #fff
}

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

.btn-primary {
    background-color: #81c53f;
    color: #fff
}

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

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

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

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

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

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

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

.btn-info {
    background-color: #129fdb;
    color: #fff
}

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

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

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

button.btn {
    border-radius: 5px
}

input[type=submit].btn {
    border-radius: 0 5px 5px 0
}

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

.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0
}

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

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

.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn {
    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 {
    border-radius: 5px;
    font-size: 12px
}

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

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

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

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

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

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

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

.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-danger .caret,
.btn-info .caret,
.btn-inverse .caret,
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.btn-group-vertical {
    display: inline-block
}

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

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

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

.alert {
    color: #c09853
}

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

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

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

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

.nav {
    list-style: none
}

.nav>li>a {
    display: block
}

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

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

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

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

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

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

.nav-list .nav-header,
.nav-list>li>a {
    margin-right: -15px;
    margin-left: -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:focus,
.nav-list>.active>a:hover {
    background-color: #428bd1;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

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

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

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

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

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

.nav-pills>li>a,
.nav-tabs>li>a {
    margin-right: 2px;
    padding-right: 12px;
    padding-left: 12px;
    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;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0;
    line-height: 20px
}

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

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

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

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

.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:focus,
.nav-tabs.nav-stacked>li>a:hover {
    z-index: 2;
    border-color: #ddd
}

.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 {
    margin-top: 6px;
    border-top-color: #428bd1;
    border-bottom-color: #428bd1
}

.nav .dropdown-toggle:focus .caret,
.nav .dropdown-toggle:hover .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:focus,
.nav>.dropdown.active>a:hover {
    cursor: pointer
}

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

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

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

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

.tabbable:after {
    clear: both
}

.tab-content {
    overflow: auto
}

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

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

.pill-content>.active,
.tab-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:focus,
.tabs-below>.nav-tabs>li>a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:focus,
.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #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 {
    margin-right: 0;
    margin-bottom: 3px;
    min-width: 74px
}

.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:focus,
.tabs-left>.nav-tabs>li>a:hover {
    border-color: #eee #ddd #eee #eee
}

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

.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:focus,
.tabs-right>.nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #ddd
}

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

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

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

.navbar {
    margin: 0 auto;
    width: 1200px;
    height: 52px
}

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

.navbar:after {
    clear: both
}

.navbar .logo {
    float: left;
    overflow: hidden;
    margin: 0;
    width: 200px;
    height: 52px;
}

.navbar .logo a {
    display: block;
    overflow: hidden;
    height: 52px;
    color: #fff
}
.navbar .logo a img{
    width: auto;
    height: 100%;
    display: block;
}
.navbar .nav {
    position: relative;
    left: 0;
    float: left;
    display: block;
    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;
    width: 110px;
    text-align: center
}

.navbar .nav li a {
    padding: 16px 20px;
    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:focus,
.navbar .nav .active a:hover {
    background-color: #404040;
    color: #fff
}

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

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

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

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

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

.navbar .nav>li>ul>li>a,
.navbar .nav>li>ul>li>ul>li>a {
    float: none;
    display: block;
    padding: 5px 20px 4px;
    color: #eee
}

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

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

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

.navbar .btn-navbar {
    float: right;
    display: none;
    margin-top: 11px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 5px 8px 6px;
    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 {
    position: absolute;
    top: -5px;
    left: 9px;
    display: inline-block;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    border-left: 5px solid transparent;
    content: '';
    border-bottom-color: rgba(0, 0, 0, .2)
}

.navbar .dropdown-menu:after {
    position: absolute;
    top: -4px;
    left: 10px;
    display: inline-block;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    content: ''
}

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

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

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

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

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

input.search-input {
    float: left;
    margin-right: -35px;
    padding-right: 35px;
    width: 195px;
    border: 1px solid #ccc;
    border-radius: 30px;
    color: #bbb;
    line-height: 14px
}

input.search-input:focus,
input.search-input:hover {
    border-color: #ccc;
    border-radius: 5px;
    border-radius: 30px;
    color: #444
}

.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 {
    margin: 0 0 20px;
    padding: 8px 15px;
    border-radius: 2px;
    background-color: #f5f5f5;
    list-style: none
}

.breadcrumb>li {
    display: inline-block;
    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;
    margin-bottom: 0;
    margin-left: 0
}

.pagination ul>li {
    display: inline
}

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

.pagination ul>li>a:focus,
.pagination ul>li>a:hover {
    border-radius: 5px;
    background-color: #81c53f;
    color: #fff
}

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

.pagination ul>.active>a,
.pagination ul>.active>span {
    border-radius: 5px;
    cursor: default
}

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

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

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

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

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

.rollto {
    position: fixed;
    right: 15px;
    bottom: 8px;
    z-index: 999;
    display: none;
    width: 32px
}

.rollto .btn {
    margin-top: 1px;
    padding: 7px 12px
}

.rollto .btn i {
    margin-top: 2px
}

.speedbar {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    padding: 8px 20px 13px;
    height: 12px;
    background-color: #f7f7f7;
    color: #666
}

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

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

.speedmenu {
    float: right
}

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

.speedmenu li a {
    position: relative;
    float: left;
    display: inline-block;
    margin-left: -1px;
    padding: 0 10px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 0;
    background: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background: linear-gradient(top, #f5f5f5, #f1f1f1);
    background-color: #fff;
    color: #666;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer
}

.speedmenu li a:hover,
.speedmenu li:hover a {
    position: relative;
    z-index: 2;
    border-color: #c6c6c6;
    background: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background: linear-gradient(top, #f8f8f8, #f1f1f1);
    background-color: #f8f8f8;
    box-shadow: #ddd 0 1px 1px 0;
    color: #333
}

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

.speedmenu li:hover ul {
    display: block
}

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

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

.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;
    margin-left: -280px;
    width: 560px;
    outline: 0;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 4px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box
}

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

.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: 0;
    border-radius: 0;
    box-shadow: none
}

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

.modal-form {
    margin-bottom: 0
}

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

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

.modal-footer:after {
    clear: both
}

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

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

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

.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 {
    padding: 3px 8px 2px;
    max-width: 200px;
    border-radius: 2px;
    background-color: #000;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    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;
    padding: 1px;
    max-width: 276px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    text-align: left;
    white-space: normal;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding
}

.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;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    background-color: #f7f7f7;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.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: transparent;
    border-style: solid
}

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

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

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

.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 {
    bottom: -10px;
    left: 1px;
    border-left-width: 0;
    border-right-color: #fff
}

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

.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;
    bottom: -10px;
    border-right-width: 0;
    border-left-color: #fff
}

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

.badge {
    padding: 1px 4px 0
}

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

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

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

.label .label-arrow {
    top: 7px;
    right: -4px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #000
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    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 {
    margin-bottom: 1px;
    padding: 5px 20px;
    border-radius: 5px 5px 0 0;
    background-color: #f7f7f7;
    font-size: 12px
}

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

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

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

.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 {
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 225px
}

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

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

.focusslider {
    position: relative;
    overflow: hidden
}

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

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

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

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

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

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

.title {
    position: relative;
    margin: 0;
    padding: 6px 20px;
    height: 20px;
    border-bottom: 1px solid #eaeaea;
    border-radius: 5px 5px 0 0;
    background-color: #f7f7f7;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.sticky {
    overflow: hidden
}

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

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

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

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

.sticky h3 {
    overflow: hidden;
    margin: 10px 0 0 0;
    height: 25px;
    font-weight: 700;
    font-size: 14px
}

.sticky img {
    float: left;
    margin: 8px 0 0 -120px;
    width: 110px;
    height: 80px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.excerpt:after {
    clear: both
}

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

.excerpt .focus {
    position: relative;
    float: left;
    margin-top: 0;
    margin-left: -240px;
    width: 220px;
    text-align: center
}

.excerpt .thumbnail img {
    display: block;
    width: 220px;
    height: 150px
}

.excerpt .thumbnail:hover {
    border-color: #ccc;
    border-bottom-color: #bbb
}

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

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

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

.excerpt .note {
    color: #888;
    font-size: 14px;
    line-height: 24px
}

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

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

.excerpt .note {
    margin-bottom: 5px
}

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

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

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

.comm:hover i {
    border-color: #d9534f transparent
}

.excerpt:hover {
    margin-left: -4px;
    padding-left: 260px;
    background-color: #fafff8;
    border-left-color: #81c53f
}

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

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

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

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

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

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

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

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

.base-tit:after {
    clear: both
}

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

.base-tit b {
    color: #d9534f
}

.queryinfo {
    padding-bottom: 6px
}

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

.share {
    overflow: hidden
}

.share-tit {
    float: left
}

.article-footer .share {
    float: none
}

.banner {
    clear: both;
    max-height: 313px;
    overflow: hidden;
    background-color: #fff
}

.banner-post {
    padding-top: 10px;
    padding-left: 20px
}

.banner-related {
    padding-left: 20px
}

.banner-navbar,
.banner-site {
    margin-bottom: 15px;
    background: 0
}

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

.banner-contenttop {
    margin-bottom: 1px;
    border-radius: 5px 5px 0 0;
    background-color: #f7f7f7
}

.banner img {
    display: block
}

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

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

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

.article-header {
    margin-bottom: 1px;
    padding: 8px 20px 12px;
    background-color: #f7f7f7
}

.article-title a {
    color: #444
}

.article-content {
    padding-bottom: 5px;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 25px;
    word-break: break-all
}

.article-content img {
    margin: auto;
    padding: 5px;
    max-width: 860px;
}

@media(max-width:979px) {
    .article-content img {
        margin: auto;
        padding: 5px;
        max-width: 95%
    }
}

.article-content img:hover {
    border-color: #ddd;
    background-color: #fbfbfb
}

.article-content h3,
.article-content h4， .article-content h5 {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: #eee 1px solid
}

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

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

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

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

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

.article-content ol {
    margin: 16px
}

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

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

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

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

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

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

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

.article-content .aligncenter {
    text-align: center
}

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

.article-content a {
    color: #428bca
}

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

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

.article-tags {
    margin: 15px
}

.article-tags a {
    display: inline-block;
    margin: 0 1px;
    padding: 2px 7px 1px;
    background-color: #4a4a4a;
    color: #eee;
    font-size: 12px;
    opacity: .9;
    filter: alpha(opacity=90)
}

.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;
    overflow: hidden;
    margin-bottom: 12px;
    padding-bottom: 2px;
    width: 25%;
    height: 76px;
    border-bottom: 1px dotted #ddd
}

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

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

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

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

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

.article-nav span {
    position: relative;
    float: left;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.relates h3 {
    margin-bottom: 0;
    padding: 15px 20px 10px;
    border-bottom: 1px dotted #e4e4e4;
    font-size: 15px;
    line-height: 15px
}

.relates ul {
    position: relative;
    overflow: hidden;
    margin-left: -1px;
    font-size: 12px
}

.relates li {
    float: left;
    width: 25%
}

.relates img {
    margin-bottom: 10px;
    width: 140px;
    height: 100px
}

.relates a {
    display: block;
    padding: 10px;
    height: 144px;
    border-left: 1px dotted #eee;
    text-align: center
}

.relates a:hover {
    background-color: #fbfbfb
}

.rowpage {
    position: relative;
    padding: 0 20px;
    background-color: #fff
}

.rowpage-header {
    margin: 0 -20px 20px;
    padding: 8px 20px;
    height: 31px;
    border-bottom: 1px solid #eee;
    background-color: #fbfbfb;
    line-height: 16px
}

.page-title {
    margin: 0;
    padding: 0;
    font-size: 16px
}

.page-title strong {
    margin: 0 10px;
    color: #999;
    font: 700 12px/18px arial;
    font-style: normal
}

.page-title em {
    color: #080;
    font-weight: 400;
    font-style: normal;
    font-size: 12px
}

.page-title .btn {
    margin-left: 20px;
    font-weight: 400
}

.page-title .btn:active {
    border-bottom-color: #fff
}

.rowpage-header .share {
    margin: 3px 0 0
}

.plinks {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px 0 20px;
    background-color: #fff;
    line-height: 36px
}

.plinks h2 {
    padding-bottom: 0;
    border-bottom: solid 1px #eee;
    color: 333333;
    font-size: 20px
}

.plinks li {
    margin-bottom: 20px
}

.plinks ul {
    clear: both;
    overflow: hidden
}

.plinks ul li {
    float: left;
    margin-bottom: 0;
    width: 20%
}

.plinks ul li a {
    display: inline-block;
    overflow: hidden;
    padding: 5px 0
}

.plinks ul li img {
    position: relative;
    top: -1px;
    margin-right: 5px
}

.readers a {
    display: inline-block;
    margin: 0 5px 5px 0
}

.tagcloud {
    padding: 10px 10px 10px 15px
}

.tagcloud a {
    display: inline-block;
    margin: 0 5px 5px 0
}

.archives {
    font-size: 14px
}

.archives .item {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

.archives h3 {
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    color: #81c53f;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

.archives-list {
    margin: 0 0 20px 140px;
    padding-left: 20px
}

.archives-list li {
    margin-bottom: 4px;
    margin-left: 20px;
    list-style: disc
}

.archives-list time {
    display: inline-block;
    width: 40px
}

.archives-list span {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px
}

.meta-tit {
    margin-bottom: 20px;
    padding: 0 0 10px;
    border-bottom: solid 1px #e6e6e6
}

.widget {
    clear: both;
    margin-bottom: 10px;
    border-radius: 5PX;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.sidzr {
    clear: both;
    margin-bottom: 10px;
    background-color: #fff
}

.sidzr h3 {
    position: relative;
    margin: 0;
    padding: 6px 15px;
    height: 20px;
    border-bottom: 1px solid #eaeaea;
    background-color: #f7f7f7;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.widgetbox {
    float: left;
    width: 190px;
    background: #fff
}

.widgetzrz {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 140px;
    height: 190px;
    background: url(../images/cif_bg.gif) no-repeat 2px 0
}

.widgetzry {
    float: left;
    width: 140px
}

.widgetzry ul {
    background: url(../images/numb.png) no-repeat -2px -5px
}

.widgetzry li {
    margin: 8px 0;
    padding-left: 18px;
    height: 24px;
    font-size: 12px;
    line-height: 24px
}

.widgetzry li a {
    overflow: hidden;
    width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.riqi img {
    padding: 5px;
    width: 130px;
    height: 170px
}

dd.tebie {
    display: block;
    margin-top: 10px;
    padding-left: 10px;
    width: 70px;
    height: 23px;
    background-image: url(../images/icon.gif);
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 12px;
    line-height: 23px
}

.widget h3 {
    position: relative;
    margin: 0;
    padding: 11px 15px 10px;
    border-bottom: 1px solid #eaeaea;
    background-color: #fbfbfb;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px
}

.widget h3 .btn {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 2px 7px 1px;
    font-weight: 400
}

.widget-notip {
    color: #666;
    line-height: 20px;
    border-top-color: red
}

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

.widget ul:after {
    clear: both
}

.widget-notip h3 {
    margin-bottom: 13px
}

.d_hotpost_txt li,
.widget_recent_entries li,
.widget_rss li,
.widget_views li {
    padding: 8px 15px;
    border-bottom: solid 1px #eee;
    font-size: 14px
}

.widget_links ul {
    padding: 10px 15px 5px;
    color: #999
}

.widget_links li {
    float: left;
    margin-bottom: 8px;
    padding: 0;
    width: 50%;
    height: 20px;
    border-bottom: 0;
    line-height: 20px
}

.widget_pages ul {
    overflow: hidden;
    padding: 10px 15px 5px
}

.widget_pages li {
    float: left;
    margin-bottom: 5px;
    width: 50%
}

.widget_recent_entries span {
    display: block;
    margin-top: 2px;
    color: #999;
    font-size: 12px
}

.d_banner {
    margin-bottom: 10px
}

.d_banner img {
    display: block
}

.d_banner_inner {
    position: relative;
    overflow: hidden;
    text-align: center
}

.d_reader ul {
    padding: 15px 0 9px 9px
}

.d_reader li {
    float: left;
    margin: 0 0 6px 6px;
    width: 36px;
    height: 36px
}

.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;
    height: 123px;
    border: solid 1px #d6d6d6;
    color: #999;
    text-align: center;
    font-weight: 700;
    line-height: 123px
}

.d_banner .sell:hover {
    border-color: #bbb;
    color: #777
}

.d_comment ul a {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -3px;
    padding: 6px 15px 6px 62px;
    border-bottom: 1px solid #eee;
    border-left: 3px solid transparent;
    color: #999
}

.d_comment ul img {
    float: left;
    margin: 3px 0 0 -47px;
    width: 36px
}

.d_comment ul strong {
    display: block;
    margin-bottom: 1px;
    color: #05a;
    font-weight: 400
}

.d_comment ul a:hover {
    background-color: #f8fcfe;
    color: #666;
    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 #next a,
.widget_calendar table #prev 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 2px 10px 6px;
    color: #bbb
}

.widget_categories li {
    float: left;
    margin: 3px;
    height: 36px;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #f6f6f6;
    line-height: 36px
}

.widget_categories li a {
    display: block;
    width: 85px;
    color: #129fdb;
    text-align: center
}

.widget_categories li a:hover {
    display: block;
    border-radius: 5px;
    background: #129fdb;
    color: #fff;
    text-decoration: none
}

.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
}

.d_textbanner a h2 {
    font-weight: 400;
    font-size: 20px
}

.d_textbanner a p {
    margin-bottom: 0;
    color: #999
}

.d_textbanner a strong {
    display: inline-block;
    margin: -1px 0 0 -16px;
    padding: 3px 15px 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.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 {
    border-radius: 5px 0;
    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: 12px 8px 10px 17px
}

.d_tags a:nth-child(1n) {
    background-color: #a1b4c5
}

.d_tags a {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0 6px;
    border-radius: 3px;
    background-color: #428bca;
    color: #fff;
    line-height: 25px;
    opacity: .8;
    filter: alpha(opacity=80)
}

.d_tags a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.d_postlist li a {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -3px;
    padding: 10px 15px 10px 105px;
    border-bottom: solid 1px #eee;
    border-left: 3px solid transparent;
    font-size: 14px
}

.d_postlist li a:hover {
    background-color: #fafff8;
    border-left-color: #81c53f
}

.d_postlist .text {
    display: block;
    margin-top: -4px
}

.d_postlist .thumbnail {
    float: left;
    margin-left: -90px
}

.d_postlist .thumbnail img {
    width: 80px;
    height: 55px
}

.d_postlist .muted {
    margin-right: 20px;
    font-size: 12px
}

.d_postlist .nopic li a {
    padding: 8px 15px
}

.d_postlist .nopic .text {
    margin-top: 0
}

.yzm-archives {
    padding-bottom: 15px
}

.yzm-archives ul {
    margin-top: 15px;
    overflow: hidden;
    width: 100%
}

.yzm-archives ul li {
    line-height: 30px;
    width: 50%;
    float: left;
    text-align: center
}

.d_slidebanner {
    position: relative
}

.d_slidebanner img {
    display: block
}

.d_slidebanner:hover .slider-next,
.d_slidebanner:hover .slider-prev {
    display: block
}

.d_slidebanner .slider-next,
.d_slidebanner .slider-prev {
    position: absolute;
    top: 50%;
    display: none;
    margin-top: -20px;
    padding: 10px;
    text-shadow: 1px 1px 2px #444;
    font-size: 42px;
    opacity: .5
}

.d_slidebanner .slider-prev {
    left: 0
}

.d_slidebanner .slider-next {
    right: 0
}

.d_slidebanner .slider-next:hover,
.d_slidebanner .slider-prev:hover {
    display: block;
    opacity: .95
}

.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 {
    overflow: hidden;
    padding: 10px 15px 5px;
    color: #999
}

.widget_archive li {
    float: left;
    margin-bottom: 5px;
    width: 50%
}

.widget_archive select,
.widget_categories select {
    margin-top: 10px;
    margin-left: 15px;
    padding: 2px;
    width: 91%;
    height: 32px;
    line-height: 32px
}

#postcomments,
#respond {
    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 {
    position: relative;
    float: left;
    display: inline;
    width: 36px;
    height: 36px;
    background-color: #FFF
}

.c-avatar .avatar {
    display: block
}

.c-main {
    margin-top: -2px;
    margin-left: 48px
}

.c-main p {
    margin-bottom: 0;
    font-size: 12px
}

.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 {
    margin: 10px 0 0 50px;
    padding: 12px 12px 10px 10px;
    border-left: 2px solid #eee
}

.children .c-main p {
    margin-right: 0;
    font-size: 12px
}

.children .c-meta {
    padding-top: 1px
}

.c-floor {
    float: right;
    color: #ddd;
    font-size: 18px
}

.comment:hover .c-floor {
    color: #999
}

.c-approved {
    display: inline-block;
    margin-top: 4px;
    padding: 1px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fbfbfb;
    color: #999
}

.wp-smiley {
    margin-bottom: 2px
}

#comments {
    margin: 0;
    padding: 10px 20px;
    border-bottom: dotted 1px #e6e6e6;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

#comments b {
    font-weight: 400;
    font-size: 13px
}

#commentform {
    margin-bottom: 0
}

.comt-title {
    overflow: hidden;
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    background-color: #f7f7f7
}

.comt-count {
    float: right;
    margin-bottom: 5px;
    color: #999
}

.comt {
    position: relative;
    padding: 20px
}

.comt-avatar {
    width: 28px;
    height: 28px
}

.comt-avatar img {
    border-radius: 2px
}

.comt-author {
    margin: 5px 10px 0 10px;
    color: #666;
    font-size: 16px
}

.comt-author span {
    margin-left: 10px;
    color: #bbb
}

.comt-box {
    overflow: hidden
}

.comt-area {
    margin-bottom: 5px
}

.comt-ctrl {
    position: relative;
    overflow: hidden
}

.comt-addcode,
.comt-addsmilies {
    float: left;
    padding: 0 10px 0 10px;
    color: #999
}

.comt-addcode:hover,
.comt-addsmilies:hover {
    color: #666
}

.comt-mailme {
    display: none
}

.comt-smilie {
    display: inline-block;
    margin-top: 2px;
    cursor: pointer
}

.comt-smilie:hover {
    color: #666
}

#comment-smilies {
    position: relative;
    float: left;
    padding: 3px 5px;
    background-color: #EEE;
    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;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #EEE;
    border-left: 5px solid transparent;
    content: "";
    vertical-align: top
}

.comt-ctrl .popover {
    width: 219px
}

.comt-ctrl .popover-content {
    padding: 2px 0 2px 1px
}

.comt-ctrl .popover-content a {
    float: left;
    display: inline-block;
    margin: -1px -1px 0 0;
    padding: 5px;
    width: 16px;
    height: 16px;
    border: solid 1px #eee;
    line-height: 0
}

.comt-ctrl .popover-content a img {
    display: block
}

.comt-ctrl label {
    margin: 0 5px
}

.comt-ctrl label input {
    margin-right: 4px
}

.comt-tips {
    margin-right: 10px;
    color: #999;
    text-align: right;
    line-height: 30px
}

.comt-error {
    color: #d9534f
}

.comt-submit {
    position: absolute;
    top: -1px;
    right: -1px;
    padding: 0 30px;
    width: 120px;
    height: 34px;
    border: solid 1px #ddd;
    border-radius: 0 0 3px 0;
    background-image: -webkit-linear-gradient(#fbfbfb, #f6f6f6);
    color: #666;
    text-shadow: 0 -1px 0 #fff;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer
}

.comt-submit:hover {
    border-color: #d6d6d6;
    background-image: -webkit-linear-gradient(#f6f6f6, #eee);
    color: #444
}

.comt-submit:active {
    border-color: #c6c6c6;
    box-shadow: inset 0 2px 2px #e6e6e6
}

.comt-comterinfo {
    display: none;
    padding: 20px 0 0 210px;
    color: #444
}

.comt-comterinfo h4 {
    float: left;
    margin-left: -210px;
    width: 180px;
    text-align: right;
    font-size: 12px;
    line-height: 100px
}

.comt-comterinfo ul {
    padding-left: 30px;
    border-left: dotted 1px #ccc
}

.comt-comterinfo li {
    margin-bottom: 10px
}

.comt-comterinfo input {
    position: relative;
    margin-right: 10px
}

#cancel-comment-reply-link {
    display: none;
    margin: -12px -20px;
    padding: 12px 20px;
    color: #bbb;
    font-size: 14px;
    line-height: 28px
}

#cancel-comment-reply-link:hover {
    background-color: #999;
    color: #fff
}

.comment #cancel-comment-reply-link {
    display: block
}

@-ms-viewport {
    width: device-width
}

.prettyprint {
    overflow: hidden;
    padding: 8px;
    border: 1px solid #272822;
    background-color: #272822
}

.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741;
    -moz-box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741;
    box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741
}

.prettyprint.linenums ol {
    margin: 0 0 0 33px
}

.prettyprint.linenums ol li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px
}

.prettyprint .com {
    color: #93a1a1
}

.prettyprint .lit {
    color: #195f91
}

.prettyprint .clo,
.prettyprint .opn,
.prettyprint .pun {
    color: #f8f8f2
}

.prettyprint .fun {
    color: #dc322f
}

.prettyprint .atv,
.prettyprint .str {
    color: #e6db74
}

.prettyprint .kwd,
.prettyprint .tag {
    color: #f92659
}

.prettyprint .atn,
.prettyprint .dec,
.prettyprint .typ,
.prettyprint .var {
    color: #a6e22e
}

.prettyprint .pln {
    color: #66d9ef
}

.navbar .screen-mini {
    display: none
}

@media(max-width:979px) {
    .navbar .screen-mini {
        float: left;
        display: block
    }

    .navbar .screen-mini .btn {
        padding: 5px 15px;
        background-color: #eee
    }

    .navbar .screen-mini .btn.active,
    .navbar .screen-mini .btn:hover {
        background-color: #ddd
    }

    .navbar .screen-mini .btn i {
        margin-top: 2px
    }

    .navbar .nav {
        position: absolute;
        top: -230px;
        left: 0;
        z-index: 9;
        padding: 20px 0 20px;
        width: 100%;
        background-color: #404040;
        opacity: 0;
        -webkit-transition-duration: .4s
    }

    .navbar .nav>li {
        margin-right: 0;
        width: 20%;
        font-size: 12px
    }

    .navbar .nav>li>a {
        margin-bottom: -1px;
        padding: 7px 0 7px 0;
        border-top: 1px solid #4a4a4a;
        border-right: 1px solid #4a4a4a;
        border-bottom: 1px solid #4a4a4a;
        color: #ccc;
        text-align: center
    }

    .navbar .nav li a:hover {
        background-color: #47a447;
        color: #fff
    }

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

    .navbar .nav::before {
        position: absolute;
        top: 10px;
        left: 20px;
        color: #aaa;
        content: '菜单栏';
        font-size: 15px
    }

    .screen-search {
        display: none
    }

    .sidebar {
        display: none
    }

    .content {
        overflow: hidden;
        margin-right: 0
    }
    .jobs-loop{
        padding: 0 10px !important;
        margin-right: unset !important;
    }
    .jobs-loop .loop dl {
        margin-left: unset !important;
    }
    .jobs-loop .loop dd {
        float: unset!important;
        display: inline-block !important;
        margin: 0 0 15px 0!important;
        width: 100% !important;
        height: 50%!important;
    }
    .jobs-loop .loop dd img {
        width: 100% !important;
        height: 50% !important;
    }
    .header {
        margin-bottom: 1px
    }

    .footer-inner {
        border-left: none
    }

    .navbar .nav.roll-down {
        height: 101px;
        opacity: 1;
        -webkit-transform: translate3d(0, 314px, 0)
    }

    .row-fluid {
        width: 100%
    }

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

    .row-fluid:after {
        clear: both
    }

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

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

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

    .row-fluid .span12 {
        width: 100%
    }

    .row-fluid .span11 {
        width: 91.55844155844156%
    }

    .row-fluid .span10 {
        width: 83.1168831168831%
    }

    .row-fluid .span9 {
        width: 74.67532467532467%
    }

    .row-fluid .span8 {
        width: 66.23376623376623%
    }

    .row-fluid .span7 {
        width: 57.79220779220779%
    }

    .row-fluid .span6 {
        width: 49.35064935064935%
    }

    .row-fluid .span5 {
        width: 40.90909090909091%
    }

    .row-fluid .span4 {
        width: 32.467532467532465%
    }

    .row-fluid .span3 {
        width: 24.025974025974023%
    }

    .row-fluid .span2 {
        width: 15.584415584415584%
    }

    .row-fluid .span1 {
        width: 7.142857142857142%
    }

    .row-fluid .offset12 {
        margin-left: 102.59740259740259%
    }

    .row-fluid .offset12:first-child {
        margin-left: 101.2987012987013%
    }

    .row-fluid .offset11 {
        margin-left: 94.15584415584415%
    }

    .row-fluid .offset11:first-child {
        margin-left: 92.85714285714286%
    }

    .row-fluid .offset10 {
        margin-left: 85.7142857142857%
    }

    .row-fluid .offset10:first-child {
        margin-left: 84.4155844155844%
    }

    .row-fluid .offset9 {
        margin-left: 77.27272727272727%
    }

    .row-fluid .offset9:first-child {
        margin-left: 75.97402597402598%
    }

    .row-fluid .offset8 {
        margin-left: 68.83116883116882%
    }

    .row-fluid .offset8:first-child {
        margin-left: 67.53246753246754%
    }

    .row-fluid .offset7 {
        margin-left: 60.38961038961039%
    }

    .row-fluid .offset7:first-child {
        margin-left: 59.090909090909086%
    }

    .row-fluid .offset6 {
        margin-left: 51.94805194805195%
    }

    .row-fluid .offset6:first-child {
        margin-left: 50.649350649350644%
    }

    .row-fluid .offset5 {
        margin-left: 43.506493506493506%
    }

    .row-fluid .offset5:first-child {
        margin-left: 42.2077922077922%
    }

    .row-fluid .offset4 {
        margin-left: 35.064935064935064%
    }

    .row-fluid .offset4:first-child {
        margin-left: 33.76623376623376%
    }

    .row-fluid .offset3 {
        margin-left: 26.623376623376622%
    }

    .row-fluid .offset3:first-child {
        margin-left: 25.324675324675322%
    }

    .row-fluid .offset2 {
        margin-left: 18.18181818181818%
    }

    .row-fluid .offset2:first-child {
        margin-left: 16.883116883116884%
    }

    .row-fluid .offset1 {
        margin-left: 9.74025974025974%
    }

    .row-fluid .offset1:first-child {
        margin-left: 8.441558441558442%
    }
}

@media(max-width:767px) {
    body {
        margin-top: 0
    }

    .navbar .logo,
    .navbar .logo a {
        margin-top: 5px;
        height: 42px
    }

    .navbar {
        margin-bottom: 1px;
        height: 56px
    }

    .speedbar {
        display: none
    }

    .sticky {
        display: none
    }

    .navbar .nav {
        padding-bottom: 5px
    }

    .navbar .nav>li {
        width: 25%
    }

    .navbar .nav {
        top: -335px
    }

    .navbar .menu .btn-group.pull-left {
        display: none
    }

    .navbar .search-form {
        float: none;
        margin-right: 0;
        margin-right: 106px
    }

    .navbar .search-input {
        margin-bottom: 0;
        width: 100%
    }

    .navbar .search-submit {
        position: absolute;
        top: 0;
        right: -94px;
        margin-bottom: 0;
        width: 80px
    }

    .navbar .menu {
        position: absolute;
        top: -72px;
        left: 0;
        z-index: 9;
        padding: 6px;
        padding-top: 15px;
        width: 100%;
        height: 40px;
        background-color: #404040;
        opacity: 0;
        -webkit-transition-duration: .2s
    }

    .navbar .menu.roll-down {
        opacity: 1;
        -webkit-transform: translate3d(0, 60px, 0)
    }
    

    .article-title {
        font-weight: 700;
        font-size: 15px;
        line-height: 20px
    }

    .screen-search {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block
    }

    .navbar .screen-mini {
        float: left;
        margin-right: 45px
    }

    .navbar .screen-mini .btn {
        margin-top: 10px;
        margin-right: 15px;
        padding: 5px 15px
    }

    .navbar .screen-mini .btn.screen-nav {
        position: absolute;
        right: 50px;
        padding: 5px 15px
    }

    .navbar .nav li:hover ul {
        display: none
    }
    .container {
        min-height: 605px;
    }

    .excerpt,
    .excerpt:hover {
        margin-left: -4px;
        padding-left: 20px
    }

    .excerpt .focus {
        float: none;
        margin: 0 auto 15px;
        width: 100%;
    }
    .excerpt .thumbnail img {
        display: block;
        width: 100%;
        height: 50%;
    }
    

    .header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%
    }

    .relates li {
        float: left;
        width: 100%
    }

    .article-footer .share {
        float: none;
        clear: both
    }
    .related-post {
        width: 100%!important;
    }
    .related-post dd {
        width: 174px!important;
        height: 162px!important;
    }
    .related-post dd a img {
        width: 100%!important;
        height: 120px!important;
    }
    .article-nav span {
        float: none;
        width: 100%;
    }
    .article-nav span.article-nav-next {
        float: left;
        text-align: left;
    }

    .page-sidebar {
        display: none
    }

    .content-page {
        padding-left: 0
    }
}

.IndexLinkListWrap {
    margin: 10px auto;
    width: 100%;
    max-width: 1200px
}

.moketitle {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #f1f1f1;
    background-color: #FFF;
    font-size: 14px
}

.IndexLinkListWrap ul {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #FFF;
    font-size: 14px
}

.IndexLinkListWrap ul li {
    float: left;
    margin-right: 6px;
    height: 2em;
    list-style: none;
    white-space: nowrap
}

.IndexLinkListWrap ul li a {
    margin-right: 8px;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-size: 12px
}

.IndexLinkListWrap ul li a:hover {
    color: #4eae30;
    text-decoration: none
}

@media(max-width:979px) {
    .IndexLinkListWrap {
        margin: 10px auto
    }

    .moketitle {
        position: relative;
        padding: 10px 20px;
        border-bottom: 1px solid #f1f1f1;
        background-color: #FFF;
        font-size: 14px
    }

    .IndexLinkListWrap ul {
        position: relative;
        margin: 0;
        padding: 10px 20px;
        height: auto;
        background-color: #FFF;
        font-size: 14px
    }

    .IndexLinkListWrap ul li {
        float: left;
        margin-right: 6px;
        height: 2em;
        list-style: none;
        white-space: nowrap
    }

    .IndexLinkListWrap ul li a {
        margin-right: 8px;
        color: #333;
        text-align: center;
        text-decoration: none;
        font-size: 12px
    }

    .IndexLinkListWrap ul li a:hover {
        color: #4eae30;
        text-decoration: none
    }
}

.tougao {
    clear: both;
    overflow: hidden;
    height: auto;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    background: none repeat scroll 0 0 #FFF
}

.tougao .entry {
    padding: 15px 0 15px 30px;
    padding: 15px;
    list-style: none outside none
}

#basicinfo p {
    position: relative;
    margin: 0 0 10px;
    width: 333px;
    border: 1px solid #CCC;
    border-radius: 2px;
    text-indent: 0
}

#basicinfo p #cat {
    width: 255px;
    border: 0 none
}

#basicinfo p.on,
#basicinfo p:hover {
    border-color: #BBB;
    box-shadow: 0 0 4px #DDD;
    color: #222
}

#basicinfo p.on label,
#basicinfo p:hover label {
    border-color: #BBB
}

#basicinfo label {
    display: inline-block;
    padding: 4px;
    width: 62px;
    height: 20px;
    border-right: 1px solid #CCC;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    text-align: right;
    line-height: 20px
}

#basicinfo p small {
    position: absolute;
    top: 4px;
    left: 336px;
    color: #888;
    font-size: 12px
}

#basicinfo input {
    padding: 4px;
    width: 250px;
    height: 20px;
    outline: medium none;
    border: 0 none;
    border-radius: 2px;
    color: #444;
    font-size: 12px;
    font-family: microsoft yahei, verdana, arial;
    line-height: 20px
}

.post-area {
    position: relative;
    margin-bottom: 10px;
    border-radius: 2px;
    background: none repeat scroll 0 0 #FFF
}

.post-area textarea {
    position: relative;
    z-index: 2;
    padding: 4px 6px;
    width: 98%;
    height: 98px;
    min-height: 320px;
    border: medium none;
    background: none repeat scroll 0 0 transparent;
    line-height: 20px
}

.tougao .entry p input#submit {
    display: inline-block;
    padding: 5px 15px 6px;
    width: auto;
    border: 1px solid #016ebd;
    border-radius: 3px;
    background-color: #4d90fe;
    background-image: -moz-linear-gradient(#049cdb, #0179d2);
    box-shadow: 0 1px 1px #e6e6e6, 0 1px 0 #36afe2 inset;
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 1px #016ebd;
    cursor: pointer;
    -moz-transition: all .1s ease-out 0s
}

.tougao .entry p input#reset {
    display: inline-block;
    padding: 5px 15px 6px;
    width: auto;
    border: 1px solid #CCC;
    border-radius: 3px;
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(#f9f9f9, #f1f1f1);
    box-shadow: 0 1px 1px #e6e6e6, 0 1px 0 #FFF inset;
    color: #444;
    text-align: center;
    text-shadow: 0 0 1px #fefefe;
    cursor: pointer;
    -moz-transition: all .1s ease-out 0s
}

.tougao .entry p #reset:hover,
.tougao .entryp #submit:hover {
    color: red
}

.tougao p {
    line-height: 28px
}

.placeholder {
    overflow: hidden;
    width: 0;
    height: 0
}

.jobs-loop .cate {
    margin-bottom: 15px;
    padding: 0
}

.jobs-loop .cate ul {
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff
}

.jobs-loop .cate ul li {
    float: left;
    display: inline;
    width: 108px;
    height: 43px;
    border-right: 1px solid #f1f1f1;
    text-align: center;
    line-height: 40px
}

.jobs-loop .cate ul a {
    display: block;
    width: 108px;
    border-bottom: 3px solid #fff;
    color: #333;
    font-size: 14px
}

.jobs-loop .cate ul a:hover {
    border-bottom-color: #81c53f
}

.jobs-loop .cate ul .current-cat a {
    border-bottom-color: #81c53f
}

.jobs-loop .pagination {
    padding-top: 0;
    background: 0
}

.jobs-loop .loop dl {
    overflow: hidden;
    margin-left: -25px
}

.jobs-loop .loop dd {
    float: left;
    display: inline;
    margin-bottom: 25px;
    margin-left: 25px;
    width: 281px;
    height: 200px;
    border-radius: 5px;
    background: #fff;
    line-height: 18px
}

.jobs-loop .loop dd img {
    display: block;
    margin-bottom: 8px;
    width: 280px;
    height: 150px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.jobs-loop .loop dd span {
    display: block;
    overflow: hidden;
    margin: 15px 14px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 16px
}

.jobs-loop .loop dd:hover img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.pagenavi {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px
}

.pagenav .page-numbers,
.pagenavi .current,
.pagenavi .dots,
.pagenavi a {
    display: inline-block;
    margin-right: 4px;
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
    color: #555
}

.pagenavi .current,
.pagenavi a:hover {
    border-color: #888;
    background: #888;
    color: #fff
}

.article-content iframe {
    width: 100% !important;
    max-width: 800px;
    max-height: 667px
}

@media(max-width:979px) {
    .article-content iframe {
        height: auto !important
    }
}

.navbar .menu {
    margin-top: 10px;
    width: 240px
}

.navbar .menu .button {
    margin-top: 1px;
    height: 28px;
    border: 0;
    border-radius: 5px;
    background: 0;
    color: #cbcbcb;
    font-size: 14px;
    line-height: 26px
}

.navbar .menu .button:hover {
    color: #333
}

.navbar .login {
    position: relative;
    margin: 10px 0 0 10px;
    height: 42px;
    color: #fff;
    font-size: 14px
}

.navbar .login .login-avatar {
    width: 40px;
    text-align: right
}

.navbar .login .login-avatar img {
    width: 30px;
    border-radius: 50%
}

.navbar .login .login-list {
    display: none
}

.navbar .login .login-list .minidot {
    position: absolute;
    top: 31px;
    right: 10px;
    z-index: 5;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed
}

.navbar .login .login-list ul {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 4;
    width: 120px;
    border: 1px solid #ddd;
    background: #fff
}

.navbar .login .login-list li {
    border-bottom: 1px solid #e4e4e4
}

.navbar .login .login-list li:last-child {
    border: 0
}

.navbar .login .login-list li a {
    display: block;
    padding: 0 20px;
    height: 35px;
    color: #333;
    line-height: 33px
}

.navbar .login .login-list li a:hover {
    color: #20ac42
}

.navbar .signup {
    position: relative;
    margin: 0 0 0 10px;
    height: 52px;
    color: #fff;
    font-size: 14px
}

.navbar .signup .signup-btn a {
    display: block;
    width: 41px;
    height: 52px;
    color: #fff;
    text-align: center;
    line-height: 50px
}

.navbar .signup .signup-btn a img {
    margin-top: -2px;
    margin-left: 1px;
    width: 30px;
    border-radius: 50%
}

.navbar .signup .signup-btn a:hover {
    background: #494949
}

.navbar .signup .signup-list {
    display: none
}

.navbar .signup .signup-con {
    position: absolute;
    top: 52px;
    right: 0;
    z-index: 4;
    padding: 15px;
    width: 120px;
    height: 80px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.navbar .signup .signup-t {
    margin-bottom: 15px
}

.excerpt .jm-post-like.liked {
    color: #f78585
}

.excerpt .jm-post-like.liked i.fa {
    color: #f78585
}

.excerpt .jm-post-like:hover {
    color: #f78585
}

.article-header {
    position: relative
}

.article-header .article-title {
    width: 85%
}

.article-header .title-fav {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 50px;
    min-width: 100px
}

.article-header .title-fav .jm-post-like {
    display: inline-block;
    padding: 0 20px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 30px;
    color: #555;
    font-size: 16px;
    line-height: 30px
}

.article-header .title-fav .jm-post-like.liked {
    border-color: #f78585;
    color: #f78585
}

.article-header .title-fav .jm-post-like:hover {
    border-color: #f78585;
    color: #f78585
}

.article-content .article-fav {
    text-align: center
}

.article-content .article-fav .jm-post-like {
    display: inline-block;
    padding: 0 30px;
    height: 50px;
    border: 2px solid #ccc;
    border-radius: 30px;
    color: #555;
    font-size: 24px;
    line-height: 50px
}

.article-content .article-fav .jm-post-like.liked {
    border-color: #f78585;
    color: #f78585
}

.article-content .article-fav .jm-post-like:hover {
    border-color: #f78585;
    color: #f78585
}

.fav_none {
    width: 100%;
    height: 350px;
    background: url(../images/favnone.png) 50% 0 no-repeat
}

.container.authorcon {
    margin-top: 20px
}

.authorcon .pagenavi {
    margin-top: 0
}

.author-header {
    padding-top: 52px;
    height: 180px;
    background: #fff
}

.author-header .wrap {
    margin: 0 auto;
    width: 1200px
}

.author-header h2.name {
    font-size: 20px
}

.author-header .author {
    padding-top: 20px;
    height: 90px
}

.author-header .author .icon {
    float: left;
    display: block;
    margin-right: 20px;
    width: 90px;
    height: 90px
}

.author-header .author .icon img {
    display: block
}

.author-header .meta {
    margin-top: 15px;
    font-size: 14px;
    line-height: 16px
}

.author-header .tab {
    margin-top: 10px
}

.author-header .tab li {
    float: left;
    display: inline;
    width: 150px;
    height: 60px
}

.author-header .tab li a {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 58px
}

.author-header .tab li a:hover {
    border-bottom: 2px solid #81c53f
}

.author-header .tab li.cur a {
    border-bottom: 2px solid #81c53f
}

.article-img-loop ul {
    overflow: hidden;
    margin-top: -25px;
    margin-left: -25px
}

.article-img-loop li {
    float: left;
    display: inline;
    margin-top: 25px;
    margin-left: 25px;
    width: 220px;
    height: auto;
    border-radius: 5px;
    background: #fff;
    line-height: 18px
}

.article-img-loop li img {
    display: block;
    margin-bottom: 8px;
    width: 220px;
    height: 150px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.article-img-loop li:hover img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.article-img-loop .sub {
    overflow: hidden;
    margin: 15px 14px;
    height: 35px;
    font-size: 14px;
    line-height: 16px
}

.article-img-loop .info {
    margin: 5px 15px;
    color: #ccc
}

.article-img-loop .info span {
    margin-right: 5px;
    color: #999
}

.article-img-loop .jm-post-like.liked {
    color: #999
}

.article-img-loop .jm-post-like.liked i.fa {
    color: #999
}

.article-img-loop .jm-post-like:hover {
    color: #f78585
}

.article-img-loop .jm-post-like:hover i.fa {
    color: #f78585
}

.related-post {
    overflow: hidden;
    padding-top: 20px;
    width: 850px
}

.related-post h6 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px
}

.related-post dl {
    margin-left: -25px
}

.related-post dd {
    float: left;
    display: inline;
    margin: 0 0 20px 25px;
    width: 150px;
    height: 140px
}

.related-post dd a img {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 0;
    width: 150px;
    height: 100px;
    border: 0
}

.related-post dd:hover img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.related-post dd span {
    display: block;
    overflow: hidden;
    height: 38px;
    color: #333;
    font-size: 12px;
    line-height: 18px
}

.related-post dd:hover span {
    color: #999
}

.tab .tab-menu {
    margin: 10px 0 0 25px;
    padding-top: 15px
}

.tab .tab-menu a {
    float: left;
    padding: 5px 8px;
    background: #999;
    color: #fff;
    font-size: 12px
}

.tab .tab-menu a.current {
    background: #81c269
}

.tab {
    background: #fff
}

.tab .none {
    display: none
}

.pages {
    text-align: center
}

.pages .pageinfo {
    padding: 6px 10px;
    border: 1px solid #CCC;
    background: #fff;
    color: #a4a4a4;
    line-height: 18px;
    border-radius: 3px
}

.pages li {
    display: inline
}

.pages a:hover,
.pages a.curpage {
    padding: 5px 10px;
    border: 1px solid #888;
    border-radius: 3px;
    background: #888;
    color: #fff;
    text-decoration: none
}

.pages a {
    padding: 5px 10px;
    border: 1px solid #CCC;
    background: #fff;
    color: #a4a4a4;
    line-height: 18px
}
.pages a.no-pointer {
    pointer-events: none;
}

.tag_list ul {
    padding: 20px
}

.tag_list ul li {
    float: left;
    display: block;
    margin-right: 8px;
    margin-bottom: 15px
}

.tag_list ul li a {
    display: inline-block;
    padding: 4px 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #666;
    font-size: 12px;
    transition: all .3s ease 0s
}

.tag_list ul li a:hover {
    background: #fff;
    color: #00c3b6;
    border: 1px solid #00c3b6
}

.com_list ul {
    padding: 20px 10px;
    font-size: 14px
}

.com_list ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #dadada
}

.com_list ul .comment_article {
    font-weight: 700
}

.com_list ul .comment_comment {
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    word-wrap: break-word
}

.searchbtn {
    width: 16px;
    outline: 0;
    border: 0;
    background: url(../images/searchbtn.png) no-repeat 0 6px
}

#button {
    bottom: 85px;
    right: 5%;
    position: fixed;
    z-index: 2;
    width: 30px
}

#button a {
    background-image: url(../images/top.png);
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 2px;
    overflow: hidden;
    text-indent: -999px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#button a.totop {
    background-position: 0 0
}

#button a.totop:hover {
    background-position: -50px 0
}

#button .guanwang {
    background-position: 0 -50px
}

#button a.guanwang:hover {
    background-position: -50px -50px
}

#button .lianxi {
    background-position: 0 -100px
}

#button a.lianxi:hover {
    background-position: -50px -100px
}

.comment_box {
    overflow: hidden;
    margin: 0 20px 20px 20px
}

.comment {
    position: relative;
    margin: 20px 0
}

.comment h3 {
    height: 28px;
    line-height: 28px
}

.com_form {
    position: relative;
    width: 100%
}

.textarea {
    padding: 5px 5px;
    width: 98%;
    height: 78px;
    outline: 0;
    border: 1px solid #ccc;
    color: #333;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px
}

.textarea2 {
    width: 98%
}

.com_form p {
    position: relative;
    height: 28px;
    line-height: 28px
}

span.emotion {
    padding-left: 20px;
    width: 42px;
    height: 20px;
    background: url(../images/icon.gif) no-repeat 2px 2px;
    color: #999;
    cursor: pointer
}

span.emotion:hover {
    background-position: 2px -28px;
    color: #666
}

.qqFace {
    margin-top: 4px;
    padding: 2px;
    border: 1px #dfe6f6 solid;
    background: #fff
}

.qqFace table td {
    padding: 0
}

.qqFace table td img {
    border: 1px #fff solid;
    cursor: pointer
}

.qqFace table td img:hover {
    border: 1px #06c solid
}

.sub_btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5px;
    width: 100px;
    height: 32px;
    outline: 0;
    border-color: #ccc #ccc #aaa;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    border-bottom-right-radius: 3px;
    background-color: #e6e6e6;
    background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
    background-repeat: no-repeat;
    box-shadow: 0 0 1px #fff inset;
    color: #555;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: all .15s linear 0s
}

.sub_btn:hover {
    background-position: 0 -15px;
    color: #121212
}

.static {
    position: static;
    float: right
}

.comment_list {
    overflow: hidden;
    margin: 15px 0 35px;
    border: 1px solid #ccc
}

.comment_list_top {
    padding: 0 12px;
    height: 30px;
    border-bottom: 1px dotted #ddd;
    background: #fbfbfb;
    color: #555;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px
}

.comment_list_body ul {
    padding: 0 12px
}

.comment_list_body ul li {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd
}

.comment_list_body ul li:last-child {
    border-bottom: 0
}

.comm_right {
    margin-left: 50px
}

.user_name {
    color: #017cb9
}

.user_name:hover {
    color: #2a6496;
    text-decoration: underline;
    transition: all .15s linear 0s
}

.user_pic {
    float: left
}

.user_pic img {
    width: 35px;
    height: 35px
}

.comm_right p {
    margin: 5px 0;
    color: #666;
    font-size: 14px;
    line-height: 1.5em
}

.comm_time {
    color: #999;
    font-size: 12px
}

.comm_a {
    margin: 0 5px;
    color: #999;
    font-size: 12px;
    transition: all .15s linear 0s
}

.comm_a:hover {
    color: #555
}

.none {
    display: none
}

.original_comment {
    display: block
}

.rep_cont {
    padding: 10px 0
}

.yzm {
    float: right;
    margin-right: 120px
}

.yzm2 {
    float: right;
    margin-right: 20px
}

.yzm img {
    cursor: pointer
}

.yzm input {
    margin-top: 10px;
    margin-left: 10px;
    width: 60px
}

.page_left {
    position: relative;
    float: left;
    margin-right: -280px;
    width: 280px;
    background: #fff
}

.page_left ul li {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 50px
}

.page_left ul li a {
    display: block;
    padding: 0 20px;
    transition: all .15s linear 0s
}

.page_left ul li .cur,
.page_left ul li a:hover {
    background: #00c3b6;
    color: #fff
}

.page_right {
    position: relative;
    float: right;
    width: 100%;
    max-width: 900px;
    background: #fff
}

.page_title {
    padding: 0 20px;
    height: 75px;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size: 20px;
    line-height: 75px
}

.page_content {
    padding: 30px;
    font-size: 14px;
    line-height: 1.8
}

.message_table {
    margin: 0 auto;
    width: 100%;
    max-width: 500px
}

.xing {
    margin-left: 5px;
    color: red
}

.input_text,
.textarea_text {
    width: 100%;
    max-width: 300px
}

.dosubmit {
    top: 0;
    margin-top: 5px;
    width: 314px!important;
    height: 32px;
    outline: 0;
    border-color: #ccc #ccc #aaa;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    border-bottom-right-radius: 3px;
    background-color: #e6e6e6;
    background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
    background-repeat: no-repeat;
    box-shadow: 0 0 1px #fff inset;
    color: #555;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: all .15s linear 0s
}

.dosubmit:hover {
    background-position: 0 -15px;
    color: #121212
}

.mycode {
    border-top: 20px solid #0c0c0c;
    border-left: 10px solid #0c0c0c;
    padding: 10px;
    margin: 20px auto;
    color: #c2be9e;
    background-color: #3f3f3f;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: Courier New;
    line-height: 20px;
    font-size: 12px
}

.sidebar_share {
    padding: 15px 13px;
    overflow: hidden
}

.sidebar_share a {
    float: left;
    width: 51px;
    margin: 0 19px 0 0;
    padding: 60px 0 0;
    color: #aaa;
    font-size: 15px;
    text-align: center;
    background: url(../images/share_icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 206px
}

.sidebar_share a:hover {
    color: #454545
}

.sidebar_share .share_qzone {
    background-position: -52px 0
}

.sidebar_share .share_weibo {
    background-position: -155px 0
}

.sidebar_share .share_qq {
    background-position: 0 0
}

.sidebar_share .share_weixin {
    background-position: -104px 1px
}

.sidebar_share a:last-child {
    margin-right: 0
}