/**
 * Copyright (c) 2014-2023, www.gobiji.com
 * All right reserved.
 *
 * @since LTS-181021
 * @package CutePro
 * @author 设计笔记
 * @date 2018/10/21 10:00
 * @link https://www.gobiji.com/23856.html
 */
@charset "UTF-8";

progress,
sub,
sup {
    vertical-align: baseline
}

button,
hr,
input {
    overflow: visible;
}

#ttgg-1,
#ttgg-2,
#ttgg-3,
#ttgg-4,
body.site_util-download #ttgg-1 {
    min-height: 90px
}

.btn,
.pagination-new,
.text-center,
.ttgg>.tg-inner {
    text-align: center
}

img,
label,
legend {
    max-width: 100%
}

html {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body,
button,
input,
optgroup,
select,
textarea {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

a,
a:hover {
    text-decoration: none
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    margin: 20px 0;
    padding: 3px 10px;
    border: none;
    background-color: #525353;
    color: #F8F8D4;
    font: 12px/20px 'courier new';
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

figure {
    margin: 1em 20px
}

hr {
    box-sizing: content-box;
    height: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    white-space: normal
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

*,
.contextual-bg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.ttgg>.tg-inner img {
    display: block;
    width: 100%
}

#ttgg-1 {
    margin-top: -10px;
    margin-bottom: 10px
}

#ttgg-2,
#ttgg-3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#ttgg-4 {
    margin-top: 10px;
    margin-bottom: -10px
}

body.single #ttgg-4 {
    margin-bottom: 10px;
}

#ttgg-6 {
    margin-bottom: 20px
}

#ttgg-8,
#ttgg-9 {
    margin-top: 10px;
    margin-bottom: -10px
}

@media (max-width:960px) {
    .ttgg {
        display: none
    }
}

.pagination-new {
    margin: 0;
    padding: 20px;
    font-size: 14px;
    display: block
}

.pagination-new>ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0
}

.pagination-new>ul>li {
    display: inline
}

.pagination-new>ul>li>a,
.pagination-new>ul>li>span {
    margin: 2px 2px;
    float: left;
    padding: 5px 12px;
    background-color: #ddd;
    color: #666;
    border-radius: 2px;
    opacity: .88;
}

.pagination-new>ul>li>a:hover,
.pagination-new>ul>li>span:hover {
    cursor: pointer;
    opacity: 1
}

.pagination-new>ul>li>.current {
    background-color: #535353;
    color: #fff;
    opacity: 1;
}

.pagination-new>ul>li>.current:hover {
    cursor: default
}

.btn,
button:hover {
    cursor: pointer
}

.pagination-new>ul>li>.dots,
.pagination-new>ul>li>.max-page {
    opacity: 1;
    background-color: transparent
}

@font-face {
    font-family: Titillium;
    src: url(../fonts/TitilliumWeb-Regular.ttf) format("opentype");
    font-weight: 400
}

@font-face {
    font-family: Titillium;
    src: url(../fonts/TitilliumWeb-Italic.ttf) format("opentype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Titillium;
    src: url(../fonts/TitilliumWeb-SemiBold.ttf) format("opentype");
    font-weight: 500
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .01);
    -webkit-box-shadow: inset 0 0 6px transparent;
}

::-webkit-scrollbar-track:hover {
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
}

::-webkit-scrollbar-track:active {
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, .4)
}

html {
    font-size: 62.5%;
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%
}

body {
    font: 14px/1.5 Microsoft Yahei, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #f2f4f7;
    color: #424242;
    min-height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: inherit
}

.h1,
.h2 h3,
.h3,
h1,
h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h1,
h1 {
    font-size: 3.6rem
}

.h2,
h2 {
    font-size: 3rem
}

.h3,
h3 {
    font-size: 2.4rem
}

.h4,
h4 {
    font-size: 1.8rem
}

.h5,
h5 {
    font-size: 1.6rem
}

.h6,
h6 {
    font-size: 1.4rem
}

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

p {
    margin: 0 0 10px;
}

a {
    color: #3895D6;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

a:focus,
button:focus {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    line-height: 1;
}

input,
textarea {
    font-size: inherit;
    line-height: inherit;
    border: 1px solid #ddd;
    border-radius: 3px;
}

input:focus,
textarea:focus {
    outline: 0;
    border-color: #29AA60
}

textarea {
    overflow: auto;
    color: #222;
    resize: none
}

.dropdown-menu .divider,
.modal,
.modal-open {
    overflow: hidden
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

input:-webkit-autofill:focus,
select:-webkit-autofill:focus,
textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

address,
cite,
em,
i,
var {
    font-style: normal
}

em {
    display: inline-block
}

.clearfix,
.container,
.container-fluid,
.form-horizontal .form-group,
.modal-footer,
.modal-header,
.row {
    zoom: 1
}

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.row:after,
.row:before {
    content: '';
    display: table
}

.clearfix:after,
.container-fluid:after,
.container:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.row:after {
    clear: both
}

* {
    box-sizing: border-box
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }
}

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

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

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

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

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

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

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

.mr-15,
.mr15 {
    margin-right: 15px
}

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

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

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

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

.mb-15,
.mb15 {
    margin-bottom: 15px
}

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

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

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

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

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

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

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

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.pull-left {
    float: left
}

.close,
.pull-right {
    float: right
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.pagination>li>a,
.pagination>li>span {
    float: left
}

.text-muted {
    color: #7f8c8d
}

.caption-muted {
    color: #8899a6
}

.text-primary {
    color: #34495e
}

.text-success {
    color: #2ecc71
}

.text-danger {
    color: #e74c3c
}

.text-info {
    color: #3498db
}

.text-warning {
    color: #f1c40f
}

.hide {
    display: none
}

.btn,
.btn-group,
.btn-group-vertical,
.caret,
.vipico {
    display: inline-block
}

.invisible {
    visibility: hidden
}

.is-visible,
.tooltip,
.visible {
    visibility: visible
}

.b64_right {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABOElEQVR4XqVTIWvDQBh9HVWBwWzEYGow19KpQiBqrqKiYqpVkf0BcTX9ASdr2jBZMRFRe1CYysjcYDAoTIS5wCB6eXAXsjt2YezBme/73vfeF156MFBV1QLAHEBotCSAxPO8HVo4axGv6pfnn/k2lnEYPARoP9bY4wxnoUAHUIV8/bS+OLwf4MLsZobl7bIEMKzdnLSDR5GJTjKxf92Ds+SAJ/Dm2tqAjd8wuZ4gizKk92mzhBxy6WDOggvRKAKxed78cEIuF4THj6NT3T/3UXwVSN9SaChOyAV/ULfRhwHeScWVXIEw1C2YDqiklTvV9QIZXAZQoBIVqexUVxzJBQnDYbuAU11xEp1EpnBgBcmdxpc6iUOdxGk8jkvDSVeUp81HZKaZbW4Vd0LdZ9/MHmc4qzj49+/8DReTp9S7vY7uAAAAAElFTkSuQmCC)
}

.b64_error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABP0lEQVR4XqWTvUoDQRSFr4NBWRAD+gA+gMXmDWJlFbC3iCBY2Qm2YmttKyhYaaFtGiPY2CWFD2BjEwiugkv8XecbcmHmEgTJgUs2371ndmY4OyNGZVluedD21TStW19nWZadKrDGFV+915tONdhsVU/LkhSMHjPMqi/sYAx6b3s79Y/Lc/lLc9u7kh0cFR40/G4e3ZhflYf7wVxbzUNZKX8/ORZm8cAdZ/66v8tpYFy67lLJIpYziwev48JGHsRyi3UdVnNgsfDg5fzpZTXz6rt4rhC/0TO9ZBbvrBh9PvRluLGWvPXnpYCFnpWTKWUXiM/Mm6n4TiYGqKvBMefn/0SmwcLriOe8D4fKnlnvBBYLD15NIinMNUjIXFjMNY19n8RGEmUSRkj+HWUeAKy6cNGR2npLrGD0mFEzfOrP+Rf4+xT8EskwMAAAAABJRU5ErkJggg==)
}

img.lazy {
    opacity: .3;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -webkit-perspective-origin: top center;
    -moz-perspective-origin: top center;
    perspective-origin: top center;
}

a img {
    border-radius: 4px;
}

img.lazy.show {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

@font-face {
    font-family: Tico;
    src: url(../fonts/Tico.eot);
    src: url(../fonts/Tico.eot) format("embedded-opentype"), url(../fonts/Tico.ttf) format("truetype"), url(../fonts/Tico.woff) format("woff"), url(../fonts/Tico.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" tico-"],
[class^=tico-] {
    padding: 4px;
    font-family: Tico !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tico-close:before {
    content: "\e5cd"
}

.tico-favorite:before {
    content: "\e87d"
}

.tico-favorite_border:before {
    content: "\e87e"
}

.tico-triangle-down:before {
    content: "\e601"
}

.tico-triangle-up-small:before {
    content: "\e602"
}

.tico-triangle-down-small:before {
    content: "\e603"
}

.tico-triangle-left-large:before {
    content: "\e604"
}

.tico-triangle-right-large:before {
    content: "\e605"
}

.tico-arrow-left:before {
    content: "\e606"
}

.tico-arrow-right:before {
    content: "\e607"
}

.tico-plus:before {
    content: "\e608"
}

.tico-cross:before {
    content: "\e609"
}

.tico-check:before {
    content: "\e60a"
}

.tico-radio-unchecked:before {
    content: "\e60b"
}

.tico-radio-checked3:before {
    content: "\e60c"
}

.tico-checkbox-unchecked2:before {
    content: "\e60d"
}

.tico-checkbox-checked2:before {
    content: "\e60e"
}

.tico-alert-circle:before {
    content: "\e610"
}

.tico-question-circle:before {
    content: "\e611"
}

.tico-check-circle:before {
    content: "\e612"
}

.tico-cross-circle:before {
    content: "\e613"
}

.tico-plus-circle:before {
    content: "\e614"
}

.tico-pause:before {
    content: "\e615"
}

.tico-play:before {
    content: "\e616"
}

.tico-volume:before {
    content: "\e617"
}

.tico-mute:before {
    content: "\e618"
}

.tico-resize:before {
    content: "\e619"
}

.tico-list:before {
    content: "\e61a"
}

.tico-list-thumbnailed:before {
    content: "\e61b"
}

.tico-list-small-thumbnails:before {
    content: "\e61c"
}

.tico-list-large-thumbnails:before {
    content: "\e61d"
}

.tico-list-columned:before {
    content: "\e61f"
}

.tico-list-bulleted:before {
    content: "\e620"
}

.tico-new:before {
    content: "\e628"
}

.tico-power:before {
    content: "\e634"
}

.tico-trash:before {
    content: "\e639"
}

.tico-bubble:before {
    content: "\e63b"
}

.tico-triangle-up:before {
    content: "\e600"
}

.tico-info-circle:before {
    content: "\e60f"
}

.tico-list-numbered:before {
    content: "\e61e"
}

.tico-home:before {
    content: "\e900"
}

.tico-pencil2:before {
    content: "\e906"
}

.tico-quill:before {
    content: "\e907"
}

.tico-droplet:before {
    content: "\e90b"
}

.tico-price-tag:before {
    content: "\e935"
}

.tico-price-tags:before {
    content: "\e936"
}

.tico-barcode:before {
    content: "\e937"
}

.tico-qrcode:before {
    content: "\e938"
}

.tico-ticket:before {
    content: "\e939"
}

.tico-cart:before {
    content: "\e93a"
}

.tico-coin-yen:before {
    content: "\e93e"
}

.tico-alarm:before {
    content: "\e950"
}

.tico-user:before {
    content: "\e971"
}

.tico-users2:before {
    content: "\e972"
}

.tico-user-plus:before {
    content: "\e973"
}

.tico-user-minus:before {
    content: "\e974"
}

.tico-user-check:before {
    content: "\e975"
}

.tico-quotes-left:before {
    content: "\e977"
}

.tico-quotes-right:before {
    content: "\e978"
}

.tico-spinner:before {
    content: "\e97a"
}

.tico-spinner2:before {
    content: "\e97b"
}

.tico-spinner3:before {
    content: "\e97c"
}

.tico-spinner8:before {
    content: "\e981"
}

.tico-spinner9:before {
    content: "\e982"
}

.tico-spinner10:before {
    content: "\e983"
}

.tico-equalizer:before {
    content: "\e992"
}

.tico-cogs:before {
    content: "\e995"
}

.tico-command:before {
    content: "\ea4e"
}

.tico-shift:before {
    content: "\ea4f"
}

.tico-ctrl:before {
    content: "\ea50"
}

.tico-opt:before {
    content: "\ea51"
}

.tico-search:before {
    content: "\e986"
}

.tico-share2:before {
    content: "\ea82"
}

.tico-meter:before {
    content: "\e9a6"
}

.tico-sphere:before {
    content: "\e9c9"
}

.tico-loop:before {
    content: "\ea2d"
}

.tico-loop2:before {
    content: "\ea2e"
}

.tico-shuffle:before {
    content: "\ea30"
}

.tico-arrow-up-left2:before {
    content: "\ea39"
}

.tico-arrow-up2:before {
    content: "\ea3a"
}

.tico-arrow-up-right2:before {
    content: "\ea3b"
}

.tico-arrow-right2:before {
    content: "\ea3c"
}

.tico-arrow-down-right2:before {
    content: "\ea3d"
}

.tico-arrow-down2:before {
    content: "\ea3e"
}

.tico-arrow-down-left2:before {
    content: "\ea3f"
}

.tico-arrow-left2:before {
    content: "\ea40"
}

.tico-checkbox-checked:before {
    content: "\ea52"
}

.tico-checkbox-unchecked:before {
    content: "\ea53"
}

.tico-radio-checked:before {
    content: "\ea54"
}

.tico-radio-checked2:before {
    content: "\ea55"
}

.tico-envelope-o:before {
    content: "\f003"
}

.tico-eye:before {
    content: "\f06e"
}

.tico-comment:before {
    content: "\f075"
}

.tico-shopping-cart:before {
    content: "\f07a"
}

.tico-twitter-square:before {
    content: "\f081"
}

.tico-facebook-square:before {
    content: "\f082"
}

.tico-comments:before {
    content: "\f086"
}

.tico-thumbs-o-up:before {
    content: "\f087"
}

.tico-thumbs-o-down:before {
    content: "\f088"
}

.tico-sign-out:before {
    content: "\f08b"
}

.tico-sign-in:before {
    content: "\f090"
}

.tico-twitter:before {
    content: "\f099"
}

.tico-facebook-f:before,
.tico-facebook:before {
    content: "\f09a"
}

.tico-github:before {
    content: "\f09b"
}

.tico-bell-o:before {
    content: "\f0a2"
}

.tico-filter:before {
    content: "\f0b0"
}

.tico-group:before,
.tico-users:before {
    content: "\f0c0"
}

.tico-truck:before {
    content: "\f0d1"
}

.tico-google-plus-square:before {
    content: "\f0d4"
}

.tico-google-plus:before {
    content: "\f0d5"
}

.tico-envelope:before {
    content: "\f0e0"
}

.tico-comment-o:before {
    content: "\f0e5"
}

.tico-comments-o:before {
    content: "\f0e6"
}

.tico-exchange:before {
    content: "\f0ec"
}

.tico-cloud-download:before {
    content: "\f0ed"
}

.tico-cloud-upload:before {
    content: "\f0ee"
}

.tico-coffee:before {
    content: "\f0f4"
}

.tico-angle-double-left:before {
    content: "\f100"
}

.tico-angle-double-right:before {
    content: "\f101"
}

.tico-angle-double-up:before {
    content: "\f102"
}

.tico-angle-double-down:before {
    content: "\f103"
}

.tico-angle-left:before {
    content: "\f104"
}

.tico-angle-right:before {
    content: "\f105"
}

.tico-angle-up:before {
    content: "\f106"
}

.tico-angle-down:before {
    content: "\f107"
}

.tico-github-alt:before {
    content: "\f113"
}

.tico-folder-o:before {
    content: "\f114"
}

.tico-folder-open-o:before {
    content: "\f115"
}

.tico-smile-o:before {
    content: "\f118"
}

.tico-frown-o:before {
    content: "\f119"
}

.tico-meh-o:before {
    content: "\f11a"
}

.tico-terminal:before {
    content: "\f120"
}

.tico-code:before {
    content: "\f121"
}

.tico-code-fork:before {
    content: "\f126"
}

.tico-cny:before,
.tico-jpy:before,
.tico-rmb:before,
.tico-yen:before {
    content: "\f157"
}

.tico-youtube-play:before {
    content: "\f16a"
}

.tico-dropbox:before {
    content: "\f16b"
}

.tico-stack-overflow:before {
    content: "\f16c"
}

.tico-apple:before {
    content: "\f179"
}

.tico-windows:before {
    content: "\f17a"
}

.tico-android:before {
    content: "\f17b"
}

.tico-linux:before {
    content: "\f17c"
}

.tico-skype:before {
    content: "\f17e"
}

.tico-weibo:before {
    content: "\f18a"
}

.tico-renren:before {
    content: "\f18b"
}

.tico-wordpress:before {
    content: "\f19a"
}

.tico-paw:before {
    content: "\f1b0"
}

.tico-file-pdf-o:before {
    content: "\f1c1"
}

.tico-file-word-o:before {
    content: "\f1c2"
}

.tico-file-excel-o:before {
    content: "\f1c3"
}

.tico-file-powerpoint-o:before {
    content: "\f1c4"
}

.tico-file-image-o:before,
.tico-file-photo-o:before,
.tico-file-picture-o:before {
    content: "\f1c5"
}

.tico-file-archive-o:before,
.tico-file-zip-o:before {
    content: "\f1c6"
}

.tico-file-audio-o:before,
.tico-file-sound-o:before {
    content: "\f1c7"
}

.tico-file-movie-o:before,
.tico-file-video-o:before {
    content: "\f1c8"
}

.tico-file-code-o:before {
    content: "\f1c9"
}

.tico-tencent-weibo:before {
    content: "\f1d5"
}

.tico-qq:before {
    content: "\f1d6"
}

.tico-wechat:before,
.tico-weixin:before {
    content: "\f1d7"
}

.tico-paper-plane:before,
.tico-send:before {
    content: "\f1d8"
}

.tico-skyatlas2:before {
    content: "\f216"
}

.tico-cart-plus:before {
    content: "\f217"
}

.tico-diamond:before {
    content: "\f219"
}

.tico-female:before {
    content: "\f221"
}

.tico-male:before {
    content: "\f222"
}

.tico-safari:before {
    content: "\f267"
}

.tico-chrome:before {
    content: "\f268"
}

.tico-firefox:before {
    content: "\f269"
}

.tico-opera:before {
    content: "\f26a"
}

.tico-ie:before {
    content: "\f26b"
}

.tico-television:before,
.tico-tv:before {
    content: "\f26c"
}

.tico-edge:before {
    content: "\f282"
}

.tico-star:before {
    content: "\f005"
}

.tico-star-o:before {
    content: "\f006"
}

.tico-ban:before {
    content: "\f05e"
}

.tico-key:before {
    content: "\f084"
}

.tico-feed:before,
.tico-rss:before {
    content: "\f09e"
}

.tico-chain:before,
.tico-link:before {
    content: "\f0c1"
}

.tico-dashboard:before,
.tico-tachometer:before {
    content: "\f0e4"
}

.tico-paw2:before {
    content: "\f1b1"
}

.tico-jsfiddle:before {
    content: "\f1cc"
}

.tico-download:before {
    content: "\f019"
}

.tico-map-marker:before {
    content: "\f041"
}

.tico-gift:before {
    content: "\f06b"
}

.tico-folder:before {
    content: "\f07b"
}

.tico-folder-open:before {
    content: "\f07c"
}

.tico-desktop:before {
    content: "\f108"
}

.tico-laptop:before {
    content: "\f109"
}

.tico-tablet:before {
    content: "\f10a"
}

.tico-git-square:before {
    content: "\f1d2"
}

.tico-paypal:before {
    content: "\f1ed"
}

.tico-toggle-off:before {
    content: "\f204"
}

.tico-toggle-on:before {
    content: "\f205"
}

.tico-skyatlas:before {
    content: "\f218"
}

.tico-heartbeat:before {
    content: "\f21e"
}

.tico-trademark:before {
    content: "\f25c"
}

.tico-registered:before {
    content: "\f25d"
}

.tico-creative-commons:before {
    content: "\f25e"
}

.tico-calendar-plus-o:before {
    content: "\f271"
}

.tico-calendar-minus-o:before {
    content: "\f272"
}

.tico-calendar-times-o:before {
    content: "\f273"
}

.tico-calendar-check-o:before {
    content: "\f274"
}

.tico-map-signs:before {
    content: "\f277"
}

.tico-gitlab:before {
    content: "\f296"
}

.tico-envelope-open:before {
    content: "\f2b6"
}

.tico-envelope-open-o:before {
    content: "\f2b7"
}

.tico-bullhorn2:before {
    content: "\e91a"
}

.tico-bullhorn:before {
    content: "\f0a1"
}

.vipico {
    background: url(../img/icons.png) 25px 25px no-repeat;
    width: 75px;
    height: 20px
}

.vipico.permanent_member {
    background-position: -50px -371px
}

.vipico.annual_member {
    background-position: -50px -348px
}

.vipico.monthly_member {
    background-position: -50px -325px
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

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

.fade.in {
    opacity: 1
}

.btn {
    border: none;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 0;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    -webkit-font-smoothing: subpixel-antialiased;
    transition: all .3s;
    border-radius: 2px;
}

.btn:focus,
.btn:hover {
    outline: 0;
    color: #fff;
    text-decoration: none
}

.btn.active,
.btn:active {
    outline: 0;
    box-shadow: none
}

.btn:focus:active {
    outline: 0
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    background-color: #bdc3c7;
    color: rgba(255, 255, 255, .75);
    opacity: .7;
    filter: alpha(opacity=70);
    cursor: not-allowed
}

.btn [class^=tico-] {
    margin: 0 1px;
    position: relative;
    line-height: 1;
    top: 1px
}

.btn-demo:before,
.btn-download:before {
    font-family: Tico !important;
    margin-right: 10px;
    vertical-align: -2px
}

.btn-xs.btn [class^=tico-] {
    font-size: 11px;
    top: 0
}

.btn-hg.btn [class^=tico-] {
    top: 2px
}

.btn-default {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #bdc3c7
}

.btn-default.active,
.btn-default.hover,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #cacfd2;
    border-color: #cacfd2
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-color: #a1a6a9;
    border-color: #a1a6a9
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.hover,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].hover,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.hover,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #bdc3c7;
    border-color: #bdc3c7
}

.btn-default .badge {
    color: #bdc3c7;
    background-color: #fff
}

.btn-default:active {
    background-color: #a1a6a9;
    background-image: -webkit-radial-gradient(circle, #a1a6a9 10%, #bdc3c7 11%);
    background-image: -o-radial-gradient(circle, #a1a6a9 10%, #bdc3c7 11%);
    background-image: radial-gradient(circle, #a1a6a9 10%, #bdc3c7 11%);
    background-repeat: no-repeat;
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-info:active,
.btn-primary:active {
    background-repeat: no-repeat;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-primary {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #29AA60;
}

.btn-primary.active,
.btn-primary.hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    opacity: .6;
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background-color: #16a085;
    border-color: #16a085
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.hover,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].hover,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.hover,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #bdc3c7;
    border-color: #1abc9c
}

.btn-primary .badge {
    color: #1abc9c;
    background-color: #fff
}

.btn-primary:active {
    background-color: #16a085;
    background-image: -webkit-radial-gradient(circle, #16a085 10%, #1abc9c 11%);
    background-image: -o-radial-gradient(circle, #16a085 10%, #1abc9c 11%);
    background-image: radial-gradient(circle, #16a085 10%, #1abc9c 11%);
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-info {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #3895D6
}

.btn-info.active,
.btn-info.hover,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #5dade2;
    border-color: #5dade2
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    background-color: #2c81ba;
    border-color: #2c81ba
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.hover,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].hover,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.hover,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #bdc3c7;
    border-color: #3895D6
}

.btn-info .badge {
    color: #3498db;
    background-color: #fff
}

.btn-info:active {
    background-color: #2c81ba;
    background-image: -webkit-radial-gradient(circle, #2c81ba 10%, #3498db 11%);
    background-image: -o-radial-gradient(circle, #2c81ba 10%, #3498db 11%);
    background-image: radial-gradient(circle, #2c81ba 10%, #3498db 11%);
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-danger:active,
.btn-success:active {
    background-repeat: no-repeat;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-danger {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #ff766c;
}

.btn-danger.active,
.btn-danger.hover,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
    opacity: .6;
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    background-color: #c44133;
    border-color: #c44133
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.hover,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].hover,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.hover,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #bdc3c7;
    border-color: #e74c3c
}

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

.btn-danger:active {
    background-color: #c44133;
    background-image: -webkit-radial-gradient(circle, #c44133 10%, #e74c3c 11%);
    background-image: -o-radial-gradient(circle, #c44133 10%, #e74c3c 11%);
    background-image: radial-gradient(circle, #c44133 10%, #e74c3c 11%);
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-success {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #2ecc71
}

.btn-success.active,
.btn-success.hover,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #58d68d;
    border-color: #58d68d
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    background-color: #27ad60;
    border-color: #27ad60
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.hover,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].hover,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.hover,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #bdc3c7;
    border-color: #2ecc71
}

.btn-success .badge {
    color: #2ecc71;
    background-color: #fff
}

.btn-success:active {
    background-color: #27ad60;
    background-image: -webkit-radial-gradient(circle, #27ad60 10%, #2ecc71 11%);
    background-image: -o-radial-gradient(circle, #27ad60 10%, #2ecc71 11%);
    background-image: radial-gradient(circle, #27ad60 10%, #2ecc71 11%);
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-inverse:active,
.btn-warning:active {
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    background-repeat: no-repeat
}

.btn-warning {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #f1c40f
}

.btn-warning.active,
.btn-warning.hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #f4d313;
    border-color: #f4d313
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    background-color: #cda70d;
    border-color: #cda70d
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.hover,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].hover,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.hover,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #bdc3c7;
    border-color: #f1c40f
}

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

.btn-warning:active {
    background-color: #cda70d;
    background-image: -webkit-radial-gradient(circle, #cda70d 10%, #f1c40f 11%);
    background-image: -o-radial-gradient(circle, #cda70d 10%, #f1c40f 11%);
    background-image: radial-gradient(circle, #cda70d 10%, #f1c40f 11%);
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-inverse {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #29AA60;
}

.btn-inverse.active,
.btn-inverse.hover,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open>.dropdown-toggle.btn-inverse {
    opacity: .6
}

.btn-inverse.active,
.btn-inverse:active,
.open>.dropdown-toggle.btn-inverse {
    background-color: #2c3e50;
    border-color: #2c3e50
}

.btn-inverse.disabled,
.btn-inverse.disabled.active,
.btn-inverse.disabled.hover,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:hover,
.btn-inverse[disabled],
.btn-inverse[disabled].active,
.btn-inverse[disabled].hover,
.btn-inverse[disabled]:active,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse,
fieldset[disabled] .btn-inverse.active,
fieldset[disabled] .btn-inverse.hover,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse:hover {
    background-color: #bdc3c7;
    border-color: #34495e
}

.btn-inverse .badge {
    color: #34495e;
    background-color: #fff
}

.btn-inverse:active {
    background-color: #2c3e50;
    background-image: -webkit-radial-gradient(circle, #2c3e50 10%, #34495e 11%);
    background-image: -o-radial-gradient(circle, #2c3e50 10%, #34495e 11%);
    background-image: radial-gradient(circle, #2c3e50 10%, #34495e 11%);
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-elegant {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #a26ff9
}

.btn-elegant.active,
.btn-elegant.hover,
.btn-elegant:active,
.btn-elegant:focus,
.btn-elegant:hover,
.open>.dropdown-toggle.btn-elegant {
    color: #fff;
    background-color: #b98bfa;
    border-color: #b98bfa
}

.btn-elegant.active,
.btn-elegant:active,
.open>.dropdown-toggle.btn-elegant {
    background-color: #8a5ed4;
    border-color: #8a5ed4
}

.btn-elegant.disabled,
.btn-elegant.disabled.active,
.btn-elegant.disabled.hover,
.btn-elegant.disabled:active,
.btn-elegant.disabled:focus,
.btn-elegant.disabled:hover,
.btn-elegant[disabled],
.btn-elegant[disabled].active,
.btn-elegant[disabled].hover,
.btn-elegant[disabled]:active,
.btn-elegant[disabled]:focus,
.btn-elegant[disabled]:hover,
fieldset[disabled] .btn-elegant,
fieldset[disabled] .btn-elegant.active,
fieldset[disabled] .btn-elegant.hover,
fieldset[disabled] .btn-elegant:active,
fieldset[disabled] .btn-elegant:focus,
fieldset[disabled] .btn-elegant:hover {
    background-color: #bdc3c7;
    border-color: #a26ff9
}

.btn-elegant .badge {
    color: #a26ff9;
    background-color: #fff
}

.btn-elegant:active {
    background-color: #8a5ed4;
    background-image: -webkit-radial-gradient(circle, #8a5ed4 10%, #a26ff9 11%);
    background-image: -o-radial-gradient(circle, #8a5ed4 10%, #a26ff9 11%);
    background-image: radial-gradient(circle, #8a5ed4 10%, #a26ff9 11%);
    background-repeat: no-repeat;
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4)
}

.btn-embossed {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15)
}

.btn-embossed.active,
.btn-embossed:active {
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15)
}

.btn-wide {
    min-width: 140px;
    padding-left: 30px;
    padding-right: 30px
}

.btn-demo,
.btn-download {
    padding: 10px 15px !important;
    color: #fff;
    box-shadow: 0 0 0 1px #EEE;
    border: 2px solid #fff
}

.btn-download {
    background: #4f4f4f;
}

.btn-download:before {
    content: '\f0ed'
}

.btn-demo {
    background: #f78585
}

.btn-demo:before {
    content: '\f06e'
}

.form-control,
.popover {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-group,
.btn-group-vertical,
.caret,
.form-inline>.form-group,
.form-inline>button,
.input-group-addon {
    vertical-align: middle
}

.btn-link {
    color: #29AA60
}

.btn-link:focus,
.btn-link:hover {
    color: #2980b9;
    text-decoration: underline;
    background-color: transparent
}

.close:focus,
.close:hover,
.dropdown-menu>li>a,
.footer-menu>li>a:hover,
.pagination>li>a,
.pagination>li>span,
.popover,
.tooltip-inner,
a[rel=link]:hover,
header.common-header nav>ul a:hover,
header.white nav>ul a:hover {
    text-decoration: none
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #bdc3c7;
    text-decoration: none
}

.btn-group-hg>.btn,
.btn-hg {
    padding: 13px 20px;
    font-size: 2.2rem;
    line-height: 1.227;
    border-radius: 6px
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 19px;
    font-size: 1.7rem;
    line-height: 1.471;
    border-radius: 6px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 9px 13px;
    font-size: 1.3rem;
    line-height: 1.385;
    border-radius: 4px
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 6px 9px;
    font-size: 1.2rem;
    line-height: 1.083;
    border-radius: 3px
}

.btn-tip {
    font-weight: 300;
    padding-left: 10px;
    font-size: 92%
}

.btn-block {
    white-space: normal
}

[class*=btn-social-] {
    padding: 10px 15px;
    font-size: 1.6rem;
    line-height: 1.4;
    border-radius: 4px
}

.btn-social-pinterest {
    color: #fff;
    background-color: #cb2028
}

.btn-social-pinterest:focus,
.btn-social-pinterest:hover {
    background-color: #d54d53
}

.btn-social-pinterest.active,
.btn-social-pinterest:active {
    background-color: #ad1b22
}

.btn-social-linkedin {
    color: #fff;
    background-color: #0072b5
}

.btn-social-linkedin:focus,
.btn-social-linkedin:hover {
    background-color: #338ec4
}

.btn-social-linkedin.active,
.btn-social-linkedin:active {
    background-color: #00619a
}

.btn-social-stumbleupon {
    color: #fff;
    background-color: #ed4a13
}

.btn-social-stumbleupon:focus,
.btn-social-stumbleupon:hover {
    background-color: #f16e42
}

.btn-social-stumbleupon.active,
.btn-social-stumbleupon:active {
    background-color: #c93f10
}

.btn-social-googleplus {
    color: #fff;
    background-color: #2d2d2d
}

.btn-social-googleplus:focus,
.btn-social-googleplus:hover {
    background-color: #575757
}

.btn-social-googleplus.active,
.btn-social-googleplus:active {
    background-color: #262626
}

.btn-social-facebook {
    color: #fff;
    background-color: #2f4b93
}

.btn-social-facebook:focus,
.btn-social-facebook:hover {
    background-color: #596fa9
}

.btn-social-facebook.active,
.btn-social-facebook:active {
    background-color: #28407d
}

.btn-social-twitter {
    color: #fff;
    background-color: #00bdef
}

.btn-social-twitter:focus,
.btn-social-twitter:hover {
    background-color: #33caf2
}

.btn-social-twitter.active,
.btn-social-twitter:active {
    background-color: #00a1cb
}

.btn-social-qq {
    color: #fff;
    background-color: #f68575
}

.btn-social-qq:focus,
.btn-social-qq:hover {
    background-color: #f89d91
}

.btn-social-qq.active,
.btn-social-qq:active {
    background-color: #d17163
}

.btn-social-weibo {
    color: #fff;
    background-color: #f74660
}

.btn-social-weibo:focus,
.btn-social-weibo:hover {
    background-color: #f96b80
}

.btn-social-weibo.active,
.btn-social-weibo:active {
    background-color: #d23c52
}

.btn-social-weixin {
    color: #fff;
    background-color: #2dc100
}

.btn-social-weixin:focus,
.btn-social-weixin:hover {
    background-color: #57cd33
}

.btn-social-weixin.active,
.btn-social-weixin:active {
    background-color: #26a400
}

.btn-social-alipay {
    color: #fff;
    background-color: #3895D6
}

.btn-social-alipay:focus,
.btn-social-alipay:hover {
    background-color: #33bbf1
}

.btn-social-alipay.active,
.btn-social-alipay:active {
    background-color: #0091ca
}

.btn-alipay_pay {
    color: #fff;
    background-color: #3895D6
}

.btn-alipay_pay:focus,
.btn-alipay_pay:hover {
    background-color: #33bbf1
}

.btn-alipay_pay.active,
.btn-alipay_pay:active {
    background-color: #0091ca
}

.btn-wechat_pay {
    color: #fff;
    background-color: #01c271
}

.btn-wechat_pay:focus,
.btn-wechat_pay:hover {
    background-color: #34ce8d
}

.btn-wechat_pay.active,
.btn-wechat_pay:active {
    background-color: #01a560
}

.btn-border-danger {
    border: 1px solid #ff766c;
    color: #ffffff;
    background: #ff766c;
}

.btn-border-danger:focus {
    color: #e74c3c
}

.btn-border-danger:hover {
    opacity: .5;
}

.btn-border-success {
    border: 1px solid #29AA60;
    color: #ffffff;
    background: #29AA60;
}

.btn-border-success:focus {
    color: #2ecc71
}

.btn-border-success:hover {
    opacity: .6;
}

.btn-group {
    position: relative
}

.btn-group>.btn+.btn {
    margin-left: 0
}

.btn-group>.btn+.dropdown-toggle {
    border-left: 2px solid rgba(52, 73, 94, .15);
    padding: 10px 12px
}

.btn-group>.btn+.dropdown-toggle .caret {
    margin-left: 3px;
    margin-right: 3px
}

.btn-group>.btn.btn-gh+.dropdown-toggle .caret {
    margin-left: 7px;
    margin-right: 7px
}

.btn-group>.btn.btn-sm+.dropdown-toggle .caret {
    margin-left: 0;
    margin-right: 0
}

.btn-group-vertical {
    position: relative
}

.dropdown-toggle .caret {
    margin-left: 8px
}

.btn-group-xs>.btn+.dropdown-toggle {
    padding: 6px 9px
}

.btn-group-sm>.btn+.dropdown-toggle {
    padding: 9px 13px
}

.btn-group-lg>.btn+.dropdown-toggle {
    padding: 10px 19px
}

.btn-group-hg>.btn+.dropdown-toggle {
    padding: 13px 20px
}

.btn-xs .caret {
    border-width: 6px 4px 0
}

.btn-lg .caret {
    border-width: 8px 6px 0
}

.dropup .btn-lg .caret {
    border-width: 0 6px 8px
}

.dropup .btn-xs .caret {
    border-width: 0 4px 6px
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
    font-weight: 400
}

.btn-group:focus .dropdown-toggle {
    outline: 0;
    transition: .25s
}

.btn-group.open .dropdown-toggle {
    color: rgba(255, 255, 255, .75);
    box-shadow: none
}

.btn-toolbar .btn.active {
    color: #fff
}

.btn-toolbar .btn>[class^=tico-] {
    font-size: 16px;
    margin: 0 1px
}

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

.close:focus,
.close:hover {
    color: #000;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

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

.caret {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-top: 8px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    transition: border-color .25s, color .25s
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    z-index: 1000;
    background-color: #f3f4f5;
    min-width: 220px;
    border: none;
    margin: 9px 0 0;
    padding: 0;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    font-size: 1.4rem;
    border-radius: 4px;
    box-shadow: none
}

.dropdown-menu .divider {
    height: 2px;
    margin: 3px 0;
    background-color: rgba(202, 206, 209, .5)
}

.dropdown-menu>li>a {
    padding: 8px 16px;
    line-height: 1.429;
    color: #606d7a
}

.dropdown-menu>li:first-child>a:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.dropdown-menu>li:last-child>a:first-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.dropdown-menu.typeahead {
    display: none;
    width: auto;
    margin-top: 5px;
    border: 2px solid #1abc9c;
    padding: 5px 0;
    background-color: #fff;
    border-radius: 6px
}

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

.dropdown-menu.typeahead li a {
    padding: 6px 14px
}

.dropdown-menu.typeahead li:first-child a,
.dropdown-menu.typeahead li:last-child a {
    padding: 6px 14px;
    border-radius: 0
}

.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #55606c;
    background-color: rgba(202, 206, 209, .5)
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #1abc9c
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #bdc3c7;
    background-color: transparent;
    cursor: not-allowed
}

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

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

.dropdown-header {
    padding: 8px 16px;
    line-height: 1.538;
    font-size: 1rem;
    text-transform: uppercase;
    color: rgba(52, 73, 94, .6)
}

.dropdown-header:first-child {
    margin-top: 3px
}

.dropdown-backdrop {
    z-index: 990
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-bottom: 8px solid;
    margin-bottom: .25em
}

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

.dropdown-menu-inverse {
    background-color: #34495e
}

.dropdown-menu-inverse .divider {
    height: 2px;
    margin: 3px 0;
    overflow: hidden;
    background-color: rgba(43, 60, 78, .5)
}

.dropdown-menu-inverse>li>a {
    color: rgba(255, 255, 255, .85)
}

.dropdown-menu-inverse>li>a:focus,
.dropdown-menu-inverse>li>a:hover {
    color: rgba(255, 255, 255, .85);
    background-color: rgba(43, 60, 78, .5)
}

.dropdown-menu-inverse>.active>a,
.dropdown-menu-inverse>.active>a:focus,
.dropdown-menu-inverse>.active>a:hover {
    color: rgba(255, 255, 255, .85);
    background-color: #1abc9c
}

.dropdown-menu-inverse>.disabled>a,
.dropdown-menu-inverse>.disabled>a:focus,
.dropdown-menu-inverse>.disabled>a:hover {
    color: rgba(255, 255, 255, .5)
}

.dropdown-menu-inverse>.disabled>a:focus,
.dropdown-menu-inverse>.disabled>a:hover {
    background-color: transparent
}

.dropdown-menu-inverse .dropdown-header {
    color: rgba(255, 255, 255, .4)
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

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

.form-group-sm .form-control,
.input-sm {
    height: 35px;
    padding: 6px 10px;
    font-size: 1.3rem;
    line-height: 1.462;
    border-radius: 6px
}

select.form-group-sm .form-control,
select.input-sm {
    height: 35px;
    line-height: 35px
}

select[multiple].form-group-sm .form-control,
select[multiple].input-sm,
textarea.form-group-sm .form-control,
textarea.input-sm {
    height: auto
}

.form-group-lg .form-control,
.input-lg {
    height: 45px;
    padding: 10px 15px;
    font-size: 1.7rem;
    line-height: 1.235;
    border-radius: 6px
}

select.form-group-lg .form-control,
select.input-lg {
    height: 45px;
    line-height: 45px
}

select[multiple].form-group-lg .form-control,
select[multiple].input-lg,
textarea.form-group-lg .form-control,
textarea.input-lg {
    height: auto
}

.form-group-hg .form-control,
.form-horizontal .form-group-hg .form-control,
.input-hg {
    height: 53px;
    padding: 10px 16px;
    font-size: 2.2rem;
    line-height: 1.318;
    border-radius: 6px
}

select.form-group-hg .form-control,
select.input-hg {
    height: 53px;
    line-height: 53px
}

select[multiple].form-group-hg .form-control,
select[multiple].input-hg,
textarea.form-group-hg .form-control,
textarea.input-hg {
    height: auto
}

legend {
    width: 100%;
    padding: 0;
    margin-bottom: 1.6rem;
    font-size: 2.24rem;
    line-height: inherit;
    color: inherit;
    border-bottom: none
}

textarea {
    font-size: 2rem;
    line-height: 24px;
    padding: 5px 11px
}

input[type=search] {
    -webkit-appearance: none !important
}

label {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.3
}

.form-control::-moz-placeholder {
    color: #b2bcc5;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #b2bcc5
}

.form-control::-webkit-input-placeholder {
    color: #b2bcc5
}

.form-control {
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bdc3c7;
    color: #34495e;
    font-size: 1.6rem;
    line-height: 1.467;
    padding: 8px 12px;
    height: 42px;
    border-radius: 3px;
    box-shadow: none;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

.form-control:focus,
.form-group.focus .form-control {
    border-color: #29AA60;
    outline: 0;
    box-shadow: none
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #f4f6f6;
    border-color: #d5dbdb;
    color: #d5dbdb;
    cursor: default;
    opacity: .7;
    filter: alpha(opacity=70)
}

.form-control.flat {
    border-color: transparent
}

.form-control.flat:hover {
    border-color: #bdc3c7
}

.form-control.flat:focus {
    border-color: #29AA60
}

textarea.form-control {
    height: auto
}

.form-control-feedback {
    position: absolute;
    top: 2px;
    right: 2px;
    margin-top: 1px;
    line-height: 36px;
    font-size: 1.6rem;
    color: #b2bcc5;
    background-color: transparent;
    padding: 0 12px 0 0;
    border-radius: 3px;
    pointer-events: none
}

.modal,
.modal-backdrop {
    right: 0;
    bottom: 0;
    left: 0
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline {
    color: #2ecc71
}

.control-feedback-hg,
.input-hg+.form-control-feedback {
    font-size: 2rem;
    line-height: 48px;
    padding-right: 16px;
    width: auto;
    height: 48px
}

.control-feedback-lg,
.input-lg+.form-control-feedback {
    font-size: 1.8rem;
    line-height: 40px;
    width: auto;
    height: 40px;
    padding-right: 15px
}

.control-feedback-sm,
.input-sm+.form-control-feedback {
    line-height: 29px;
    height: 29px;
    width: auto;
    padding-right: 10px
}

.has-success .form-control {
    border-color: #2ecc71;
    box-shadow: none
}

.has-success .form-control::-moz-placeholder {
    color: #2ecc71;
    opacity: 1
}

.has-success .form-control:-ms-input-placeholder {
    color: #2ecc71
}

.has-success .form-control::-webkit-input-placeholder {
    color: #2ecc71
}

.has-success .form-control:focus {
    border-color: #2ecc71;
    box-shadow: none
}

.has-success .input-group-addon {
    color: #2ecc71;
    border-color: #2ecc71;
    background-color: #fff
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .form-control,
.has-warning .form-control-feedback,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline {
    color: #f1c40f
}

.has-warning .form-control {
    border-color: #f1c40f;
    box-shadow: none
}

.has-warning .form-control::-moz-placeholder {
    color: #f1c40f;
    opacity: 1
}

.has-warning .form-control:-ms-input-placeholder {
    color: #f1c40f
}

.has-warning .form-control::-webkit-input-placeholder {
    color: #f1c40f
}

.has-warning .form-control:focus {
    border-color: #f1c40f;
    box-shadow: none
}

.has-warning .input-group-addon {
    color: #f1c40f;
    border-color: #f1c40f;
    background-color: #fff
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline {
    color: #e74c3c
}

.has-error .form-control {
    border-color: #e74c3c;
    box-shadow: none
}

.has-error .form-control::-moz-placeholder {
    color: #e74c3c;
    opacity: 1
}

.has-error .form-control:-ms-input-placeholder {
    color: #e74c3c
}

.has-error .form-control::-webkit-input-placeholder {
    color: #e74c3c
}

.has-error .form-control:focus {
    border-color: #e74c3c;
    box-shadow: none
}

.has-error .input-group-addon {
    color: #e74c3c;
    border-color: #e74c3c;
    background-color: #fff
}

.form-control.disabled+.form-control-feedback,
.form-control[disabled]+.form-control-feedback,
.form-control[readonly]+.form-control-feedback,
fieldset[disabled] .form-control+.form-control-feedback {
    cursor: not-allowed;
    color: #d5dbdb;
    background-color: transparent;
    opacity: .7;
    filter: alpha(opacity=70)
}

.help-block {
    font-size: 1.3rem;
    margin-bottom: 5px;
    color: #6b7a88
}

.form-group {
    position: relative;
    margin-bottom: 20px
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 3px;
        padding-bottom: 3px
    }
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-control-static {
    padding-top: 6px;
    padding-bottom: 6px
}

@media (min-width:768px) {
    .form-horizontal .form-group-hg .control-label {
        font-size: 2.2rem;
        padding-top: 2px;
        padding-bottom: 0
    }

    .form-horizontal .form-group-lg .control-label {
        font-size: 1.7rem;
        padding-top: 3px;
        padding-bottom: 2px
    }

    .form-horizontal .form-group-sm .control-label {
        font-size: 1.3rem;
        padding-top: 2px;
        padding-bottom: 2px
    }
}

.form-inline {
    display: table;
    margin-bottom: 10px
}

.form-inline>.form-group {
    display: table-cell
}

.form-inline>.form-group>.input-group {
    display: inline-table;
    vertical-align: middle;
    position: relative;
    margin-bottom: 10px;
    border-collapse: separate
}

.form-inline>button {
    margin-left: 10px
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group .form-control {
    position: static;
    display: table-cell
}

.input-group-hg>.form-control,
.input-group-hg>.input-group-addon,
.input-group-hg>.input-group-btn>.btn {
    height: 53px;
    padding: 10px 16px;
    font-size: 2.2rem;
    line-height: 1.318;
    border-radius: 6px
}

select.input-group-hg>.form-control,
select.input-group-hg>.input-group-addon,
select.input-group-hg>.input-group-btn>.btn {
    height: 53px;
    line-height: 53px
}

select[multiple].input-group-hg>.form-control,
select[multiple].input-group-hg>.input-group-addon,
select[multiple].input-group-hg>.input-group-btn>.btn,
textarea.input-group-hg>.form-control,
textarea.input-group-hg>.input-group-addon,
textarea.input-group-hg>.input-group-btn>.btn {
    height: auto
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 45px;
    padding: 10px 15px;
    font-size: 1.7rem;
    line-height: 1.235;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 45px;
    line-height: 45px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 35px;
    padding: 6px 10px;
    font-size: 1.3rem;
    line-height: 1.462;
    border-radius: 6px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 35px;
    line-height: 35px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon {
    display: table-cell;
    padding: 10px 12px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #bdc3c7;
    border: 2px solid #bdc3c7;
    border-radius: 3px;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    width: 1%;
    white-space: nowrap
}

.modal-footer,
body #pmBox>.pm-btns {
    text-align: right
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group-addon .input-group-sm,
.input-group-hg .input-group-addon,
.input-group-lg .input-group-addon {
    line-height: 1
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-color: rgb(41, 170, 96);
}

.form-group.focus .input-group-addon,
.input-group.active .input-group-addon,
.input-group.focus .input-group-addon {
    background-color: #29AA60;
    border-color: #29AA60
}

.form-group.focus .input-group-btn>.btn-default+.btn-default,
.input-group.active .input-group-btn>.btn-default+.btn-default,
.input-group.focus .input-group-btn>.btn-default+.btn-default {
    border-left-color: #16a085
}

.form-group.focus .input-group-btn .btn,
.input-group.active .input-group-btn .btn,
.input-group.focus .input-group-btn .btn {
    border-color: #1abc9c;
    background-color: #fff;
    color: #1abc9c
}

.form-group.focus .input-group-btn .btn-default,
.input-group.active .input-group-btn .btn-default,
.input-group.focus .input-group-btn .btn-default {
    border-color: #29AA60;
    color: #fff;
    background-color: #29AA60
}

.form-group.focus .input-group-btn .btn-default.active,
.form-group.focus .input-group-btn .btn-default.hover,
.form-group.focus .input-group-btn .btn-default:active,
.form-group.focus .input-group-btn .btn-default:focus,
.form-group.focus .input-group-btn .btn-default:hover,
.input-group.active .input-group-btn .btn-default.active,
.input-group.active .input-group-btn .btn-default.hover,
.input-group.active .input-group-btn .btn-default:active,
.input-group.active .input-group-btn .btn-default:focus,
.input-group.active .input-group-btn .btn-default:hover,
.input-group.focus .input-group-btn .btn-default.active,
.input-group.focus .input-group-btn .btn-default.hover,
.input-group.focus .input-group-btn .btn-default:active,
.input-group.focus .input-group-btn .btn-default:focus,
.input-group.focus .input-group-btn .btn-default:hover,
.open>.dropdown-toggle.form-group.focus .input-group-btn .btn-default,
.open>.dropdown-toggle.input-group.active .input-group-btn .btn-default,
.open>.dropdown-toggle.input-group.focus .input-group-btn .btn-default {
    color: #fff;
    background-color: #68d069;
    border-color: #68d069
}

.form-group.focus .input-group-btn .btn-default.active,
.form-group.focus .input-group-btn .btn-default:active,
.input-group.active .input-group-btn .btn-default.active,
.input-group.active .input-group-btn .btn-default:active,
.input-group.focus .input-group-btn .btn-default.active,
.input-group.focus .input-group-btn .btn-default:active,
.open>.dropdown-toggle.form-group.focus .input-group-btn .btn-default,
.open>.dropdown-toggle.input-group.active .input-group-btn .btn-default,
.open>.dropdown-toggle.input-group.focus .input-group-btn .btn-default {
    background-color: #68d069;
    border-color: #68d069
}

.form-group.focus .input-group-btn .btn-default.disabled,
.form-group.focus .input-group-btn .btn-default.disabled.active,
.form-group.focus .input-group-btn .btn-default.disabled.hover,
.form-group.focus .input-group-btn .btn-default.disabled:active,
.form-group.focus .input-group-btn .btn-default.disabled:focus,
.form-group.focus .input-group-btn .btn-default.disabled:hover,
.form-group.focus .input-group-btn .btn-default[disabled],
.form-group.focus .input-group-btn .btn-default[disabled].active,
.form-group.focus .input-group-btn .btn-default[disabled].hover,
.form-group.focus .input-group-btn .btn-default[disabled]:active,
.form-group.focus .input-group-btn .btn-default[disabled]:focus,
.form-group.focus .input-group-btn .btn-default[disabled]:hover,
.input-group.active .input-group-btn .btn-default.disabled,
.input-group.active .input-group-btn .btn-default.disabled.active,
.input-group.active .input-group-btn .btn-default.disabled.hover,
.input-group.active .input-group-btn .btn-default.disabled:active,
.input-group.active .input-group-btn .btn-default.disabled:focus,
.input-group.active .input-group-btn .btn-default.disabled:hover,
.input-group.active .input-group-btn .btn-default[disabled],
.input-group.active .input-group-btn .btn-default[disabled].active,
.input-group.active .input-group-btn .btn-default[disabled].hover,
.input-group.active .input-group-btn .btn-default[disabled]:active,
.input-group.active .input-group-btn .btn-default[disabled]:focus,
.input-group.active .input-group-btn .btn-default[disabled]:hover,
.input-group.focus .input-group-btn .btn-default.disabled,
.input-group.focus .input-group-btn .btn-default.disabled.active,
.input-group.focus .input-group-btn .btn-default.disabled.hover,
.input-group.focus .input-group-btn .btn-default.disabled:active,
.input-group.focus .input-group-btn .btn-default.disabled:focus,
.input-group.focus .input-group-btn .btn-default.disabled:hover,
.input-group.focus .input-group-btn .btn-default[disabled],
.input-group.focus .input-group-btn .btn-default[disabled].active,
.input-group.focus .input-group-btn .btn-default[disabled].hover,
.input-group.focus .input-group-btn .btn-default[disabled]:active,
.input-group.focus .input-group-btn .btn-default[disabled]:focus,
.input-group.focus .input-group-btn .btn-default[disabled]:hover,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default.active,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default.hover,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default:active,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default:focus,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default:hover,
fieldset[disabled] .input-group.active .input-group-btn .btn-default,
fieldset[disabled] .input-group.active .input-group-btn .btn-default.active,
fieldset[disabled] .input-group.active .input-group-btn .btn-default.hover,
fieldset[disabled] .input-group.active .input-group-btn .btn-default:active,
fieldset[disabled] .input-group.active .input-group-btn .btn-default:focus,
fieldset[disabled] .input-group.active .input-group-btn .btn-default:hover,
fieldset[disabled] .input-group.focus .input-group-btn .btn-default,
fieldset[disabled] .input-group.focus .input-group-btn .btn-default.active,
fieldset[disabled] .input-group.focus .input-group-btn .btn-default.hover,
fieldset[disabled] .input-group.focus .input-group-btn .btn-default:active,
fieldset[disabled] .input-group.focus .input-group-btn .btn-default:focus,
fieldset[disabled] .input-group.focus .input-group-btn .btn-default:hover {
    background-color: #bdc3c7;
    border-color: #29AA60
}

.form-group.focus .input-group-btn .btn-default .badge,
.input-group.active .input-group-btn .btn-default .badge,
.input-group.focus .input-group-btn .btn-default .badge {
    color: #29AA60;
    background-color: #fff
}

.input-group-btn {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: bottom
}

.input-group-btn .btn {
    background-color: #fff;
    border: 2px solid #bdc3c7;
    color: #bdc3c7;
    line-height: 18px;
    height: 42px;
    white-space: nowrap
}

.input-group-btn .btn-default {
    color: #fff;
    background-color: #bdc3c7;
    border: 0
}

.input-group-btn .btn-default.active,
.input-group-btn .btn-default.hover,
.input-group-btn .btn-default:active,
.input-group-btn .btn-default:focus,
.input-group-btn .btn-default:hover,
.open>.dropdown-toggle.input-group-btn .btn-default {
    color: #fff;
    background-color: #cacfd2;
    border-color: #cacfd2
}

.input-group-btn .btn-default.active,
.input-group-btn .btn-default:active,
.open>.dropdown-toggle.input-group-btn .btn-default {
    background-color: #a1a6a9;
    border-color: #a1a6a9
}

.input-group-btn .btn-default.disabled,
.input-group-btn .btn-default.disabled.active,
.input-group-btn .btn-default.disabled.hover,
.input-group-btn .btn-default.disabled:active,
.input-group-btn .btn-default.disabled:focus,
.input-group-btn .btn-default.disabled:hover,
.input-group-btn .btn-default[disabled],
.input-group-btn .btn-default[disabled].active,
.input-group-btn .btn-default[disabled].hover,
.input-group-btn .btn-default[disabled]:active,
.input-group-btn .btn-default[disabled]:focus,
.input-group-btn .btn-default[disabled]:hover,
fieldset[disabled] .input-group-btn .btn-default,
fieldset[disabled] .input-group-btn .btn-default.active,
fieldset[disabled] .input-group-btn .btn-default.hover,
fieldset[disabled] .input-group-btn .btn-default:active,
fieldset[disabled] .input-group-btn .btn-default:focus,
fieldset[disabled] .input-group-btn .btn-default:hover {
    background-color: #bdc3c7;
    border-color: #bdc3c7
}

.input-group-btn .btn-default .badge {
    color: #bdc3c7;
    background-color: #fff
}

.input-group-btn .btn-primary {
    color: #fff;
    background-color: #1abc9c;
    border: 0
}

.input-group-btn .btn-primary.active,
.input-group-btn .btn-primary.hover,
.input-group-btn .btn-primary:active,
.input-group-btn .btn-primary:focus,
.input-group-btn .btn-primary:hover,
.open>.dropdown-toggle.input-group-btn .btn-primary {
    color: #fff;
    background-color: #48c9b0;
    border-color: #48c9b0
}

.input-group-btn .btn-primary.active,
.input-group-btn .btn-primary:active,
.open>.dropdown-toggle.input-group-btn .btn-primary {
    background-color: #16a085;
    border-color: #16a085
}

.input-group-btn .btn-primary.disabled,
.input-group-btn .btn-primary.disabled.active,
.input-group-btn .btn-primary.disabled.hover,
.input-group-btn .btn-primary.disabled:active,
.input-group-btn .btn-primary.disabled:focus,
.input-group-btn .btn-primary.disabled:hover,
.input-group-btn .btn-primary[disabled],
.input-group-btn .btn-primary[disabled].active,
.input-group-btn .btn-primary[disabled].hover,
.input-group-btn .btn-primary[disabled]:active,
.input-group-btn .btn-primary[disabled]:focus,
.input-group-btn .btn-primary[disabled]:hover,
fieldset[disabled] .input-group-btn .btn-primary,
fieldset[disabled] .input-group-btn .btn-primary.active,
fieldset[disabled] .input-group-btn .btn-primary.hover,
fieldset[disabled] .input-group-btn .btn-primary:active,
fieldset[disabled] .input-group-btn .btn-primary:focus,
fieldset[disabled] .input-group-btn .btn-primary:hover {
    background-color: #bdc3c7;
    border-color: #1abc9c
}

.input-group-btn .btn-primary .badge {
    color: #1abc9c;
    background-color: #fff
}

.input-group-btn .btn-info {
    color: #fff;
    background-color: #3498db;
    border: 0
}

.input-group-btn .btn-info.active,
.input-group-btn .btn-info.hover,
.input-group-btn .btn-info:active,
.input-group-btn .btn-info:focus,
.input-group-btn .btn-info:hover,
.open>.dropdown-toggle.input-group-btn .btn-info {
    color: #fff;
    background-color: #5dade2;
    border-color: #5dade2
}

.input-group-btn .btn-info.active,
.input-group-btn .btn-info:active,
.open>.dropdown-toggle.input-group-btn .btn-info {
    background-color: #2c81ba;
    border-color: #2c81ba
}

.input-group-btn .btn-info.disabled,
.input-group-btn .btn-info.disabled.active,
.input-group-btn .btn-info.disabled.hover,
.input-group-btn .btn-info.disabled:active,
.input-group-btn .btn-info.disabled:focus,
.input-group-btn .btn-info.disabled:hover,
.input-group-btn .btn-info[disabled],
.input-group-btn .btn-info[disabled].active,
.input-group-btn .btn-info[disabled].hover,
.input-group-btn .btn-info[disabled]:active,
.input-group-btn .btn-info[disabled]:focus,
.input-group-btn .btn-info[disabled]:hover,
fieldset[disabled] .input-group-btn .btn-info,
fieldset[disabled] .input-group-btn .btn-info.active,
fieldset[disabled] .input-group-btn .btn-info.hover,
fieldset[disabled] .input-group-btn .btn-info:active,
fieldset[disabled] .input-group-btn .btn-info:focus,
fieldset[disabled] .input-group-btn .btn-info:hover {
    background-color: #bdc3c7;
    border-color: #3498db
}

.input-group-btn .btn-info .badge {
    color: #3498db;
    background-color: #fff
}

.input-group-btn .btn-danger {
    color: #fff;
    background-color: #e74c3c;
    border: 0
}

.input-group-btn .btn-danger.active,
.input-group-btn .btn-danger.hover,
.input-group-btn .btn-danger:active,
.input-group-btn .btn-danger:focus,
.input-group-btn .btn-danger:hover,
.open>.dropdown-toggle.input-group-btn .btn-danger {
    color: #fff;
    background-color: #ec7063;
    border-color: #ec7063
}

.input-group-btn .btn-danger.active,
.input-group-btn .btn-danger:active,
.open>.dropdown-toggle.input-group-btn .btn-danger {
    background-color: #c44133;
    border-color: #c44133
}

.input-group-btn .btn-danger.disabled,
.input-group-btn .btn-danger.disabled.active,
.input-group-btn .btn-danger.disabled.hover,
.input-group-btn .btn-danger.disabled:active,
.input-group-btn .btn-danger.disabled:focus,
.input-group-btn .btn-danger.disabled:hover,
.input-group-btn .btn-danger[disabled],
.input-group-btn .btn-danger[disabled].active,
.input-group-btn .btn-danger[disabled].hover,
.input-group-btn .btn-danger[disabled]:active,
.input-group-btn .btn-danger[disabled]:focus,
.input-group-btn .btn-danger[disabled]:hover,
fieldset[disabled] .input-group-btn .btn-danger,
fieldset[disabled] .input-group-btn .btn-danger.active,
fieldset[disabled] .input-group-btn .btn-danger.hover,
fieldset[disabled] .input-group-btn .btn-danger:active,
fieldset[disabled] .input-group-btn .btn-danger:focus,
fieldset[disabled] .input-group-btn .btn-danger:hover {
    background-color: #bdc3c7;
    border-color: #e74c3c
}

.input-group-btn .btn-danger .badge {
    color: #e74c3c;
    background-color: #fff
}

.input-group-btn .btn-success {
    color: #fff;
    background-color: #2ecc71;
    border: 0
}

.input-group-btn .btn-success.active,
.input-group-btn .btn-success.hover,
.input-group-btn .btn-success:active,
.input-group-btn .btn-success:focus,
.input-group-btn .btn-success:hover,
.open>.dropdown-toggle.input-group-btn .btn-success {
    color: #fff;
    background-color: #58d68d;
    border-color: #58d68d
}

.input-group-btn .btn-success.active,
.input-group-btn .btn-success:active,
.open>.dropdown-toggle.input-group-btn .btn-success {
    background-color: #27ad60;
    border-color: #27ad60
}

.input-group-btn .btn-success.disabled,
.input-group-btn .btn-success.disabled.active,
.input-group-btn .btn-success.disabled.hover,
.input-group-btn .btn-success.disabled:active,
.input-group-btn .btn-success.disabled:focus,
.input-group-btn .btn-success.disabled:hover,
.input-group-btn .btn-success[disabled],
.input-group-btn .btn-success[disabled].active,
.input-group-btn .btn-success[disabled].hover,
.input-group-btn .btn-success[disabled]:active,
.input-group-btn .btn-success[disabled]:focus,
.input-group-btn .btn-success[disabled]:hover,
fieldset[disabled] .input-group-btn .btn-success,
fieldset[disabled] .input-group-btn .btn-success.active,
fieldset[disabled] .input-group-btn .btn-success.hover,
fieldset[disabled] .input-group-btn .btn-success:active,
fieldset[disabled] .input-group-btn .btn-success:focus,
fieldset[disabled] .input-group-btn .btn-success:hover {
    background-color: #bdc3c7;
    border-color: #2ecc71
}

.input-group-btn .btn-success .badge {
    color: #2ecc71;
    background-color: #fff
}

.input-group-btn .btn-warning {
    color: #fff;
    background-color: #f1c40f;
    border: 0
}

.input-group-btn .btn-warning.active,
.input-group-btn .btn-warning.hover,
.input-group-btn .btn-warning:active,
.input-group-btn .btn-warning:focus,
.input-group-btn .btn-warning:hover,
.open>.dropdown-toggle.input-group-btn .btn-warning {
    color: #fff;
    background-color: #f4d313;
    border-color: #f4d313
}

.input-group-btn .btn-warning.active,
.input-group-btn .btn-warning:active,
.open>.dropdown-toggle.input-group-btn .btn-warning {
    background-color: #cda70d;
    border-color: #cda70d
}

.input-group-btn .btn-warning.disabled,
.input-group-btn .btn-warning.disabled.active,
.input-group-btn .btn-warning.disabled.hover,
.input-group-btn .btn-warning.disabled:active,
.input-group-btn .btn-warning.disabled:focus,
.input-group-btn .btn-warning.disabled:hover,
.input-group-btn .btn-warning[disabled],
.input-group-btn .btn-warning[disabled].active,
.input-group-btn .btn-warning[disabled].hover,
.input-group-btn .btn-warning[disabled]:active,
.input-group-btn .btn-warning[disabled]:focus,
.input-group-btn .btn-warning[disabled]:hover,
fieldset[disabled] .input-group-btn .btn-warning,
fieldset[disabled] .input-group-btn .btn-warning.active,
fieldset[disabled] .input-group-btn .btn-warning.hover,
fieldset[disabled] .input-group-btn .btn-warning:active,
fieldset[disabled] .input-group-btn .btn-warning:focus,
fieldset[disabled] .input-group-btn .btn-warning:hover {
    background-color: #bdc3c7;
    border-color: #f1c40f
}

.input-group-btn .btn-warning .badge {
    color: #f1c40f;
    background-color: #fff
}

.input-group-btn .btn-inverse {
    color: #fff;
    background-color: #34495e;
    border: 0
}

.input-group-btn .btn-inverse.active,
.input-group-btn .btn-inverse.hover,
.input-group-btn .btn-inverse:active,
.input-group-btn .btn-inverse:focus,
.input-group-btn .btn-inverse:hover,
.open>.dropdown-toggle.input-group-btn .btn-inverse {
    color: #fff;
    background-color: #415b76;
    border-color: #415b76
}

.input-group-btn .btn-inverse.active,
.input-group-btn .btn-inverse:active,
.open>.dropdown-toggle.input-group-btn .btn-inverse {
    background-color: #2c3e50;
    border-color: #2c3e50
}

.input-group-btn .btn-inverse.disabled,
.input-group-btn .btn-inverse.disabled.active,
.input-group-btn .btn-inverse.disabled.hover,
.input-group-btn .btn-inverse.disabled:active,
.input-group-btn .btn-inverse.disabled:focus,
.input-group-btn .btn-inverse.disabled:hover,
.input-group-btn .btn-inverse[disabled],
.input-group-btn .btn-inverse[disabled].active,
.input-group-btn .btn-inverse[disabled].hover,
.input-group-btn .btn-inverse[disabled]:active,
.input-group-btn .btn-inverse[disabled]:focus,
.input-group-btn .btn-inverse[disabled]:hover,
fieldset[disabled] .input-group-btn .btn-inverse,
fieldset[disabled] .input-group-btn .btn-inverse.active,
fieldset[disabled] .input-group-btn .btn-inverse.hover,
fieldset[disabled] .input-group-btn .btn-inverse:active,
fieldset[disabled] .input-group-btn .btn-inverse:focus,
fieldset[disabled] .input-group-btn .btn-inverse:hover {
    background-color: #bdc3c7;
    border-color: #34495e
}

.input-group-btn .btn-inverse .badge {
    color: #34495e;
    background-color: #fff
}

.input-group-btn .btn-elegant {
    color: #fff;
    background-color: #a26ff9;
    border: 0
}

.input-group-btn .btn-elegant.active,
.input-group-btn .btn-elegant.hover,
.input-group-btn .btn-elegant:active,
.input-group-btn .btn-elegant:focus,
.input-group-btn .btn-elegant:hover,
.open>.dropdown-toggle.input-group-btn .btn-elegant {
    color: #fff;
    background-color: #b98bfa;
    border-color: #b98bfa
}

.input-group-btn .btn-elegant.active,
.input-group-btn .btn-elegant:active,
.open>.dropdown-toggle.input-group-btn .btn-elegant {
    background-color: #8a5ed4;
    border-color: #8a5ed4
}

.input-group-btn .btn-elegant.disabled,
.input-group-btn .btn-elegant.disabled.active,
.input-group-btn .btn-elegant.disabled.hover,
.input-group-btn .btn-elegant.disabled:active,
.input-group-btn .btn-elegant.disabled:focus,
.input-group-btn .btn-elegant.disabled:hover,
.input-group-btn .btn-elegant[disabled],
.input-group-btn .btn-elegant[disabled].active,
.input-group-btn .btn-elegant[disabled].hover,
.input-group-btn .btn-elegant[disabled]:active,
.input-group-btn .btn-elegant[disabled]:focus,
.input-group-btn .btn-elegant[disabled]:hover,
fieldset[disabled] .input-group-btn .btn-elegant,
fieldset[disabled] .input-group-btn .btn-elegant.active,
fieldset[disabled] .input-group-btn .btn-elegant.hover,
fieldset[disabled] .input-group-btn .btn-elegant:active,
fieldset[disabled] .input-group-btn .btn-elegant:focus,
fieldset[disabled] .input-group-btn .btn-elegant:hover {
    background-color: #bdc3c7;
    border-color: #a26ff9
}

.input-group-btn .btn-elegant .badge {
    color: #a26ff9;
    background-color: #fff
}

.input-group-hg .input-group-btn .btn {
    line-height: 31px
}

.input-group-lg .input-group-btn .btn {
    line-height: 21px
}

.input-group-sm .input-group-btn .btn {
    line-height: 19px
}

.input-group-btn:first-child>.btn {
    border-right-width: 0;
    margin-right: -3px
}

.input-group-btn:last-child>.btn {
    border-left-width: 0;
    margin-left: -3px
}

.input-group-btn>.btn-default+.btn-default {
    border-left: 2px solid #bdc3c7
}

.input-group-btn>.btn:first-child+.btn .caret {
    margin-left: 0
}

.input-group-rounded .input-group-btn+.form-control,
.input-group-rounded .input-group-btn:last-child .btn {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.input-group-hg.input-group-rounded .input-group-btn+.form-control,
.input-group-hg.input-group-rounded .input-group-btn:last-child .btn {
    border-bottom-right-radius: 27px;
    border-top-right-radius: 27px
}

.input-group-lg.input-group-rounded .input-group-btn+.form-control,
.input-group-lg.input-group-rounded .input-group-btn:last-child .btn {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px
}

.input-group-rounded .form-control:first-child,
.input-group-rounded .input-group-btn:first-child .btn {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px
}

.input-group-hg.input-group-rounded .form-control:first-child,
.input-group-hg.input-group-rounded .input-group-btn:first-child .btn {
    border-bottom-left-radius: 27px;
    border-top-left-radius: 27px
}

.input-group-lg.input-group-rounded .form-control:first-child,
.input-group-lg.input-group-rounded .input-group-btn:first-child .btn {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px
}

.input-group-rounded .input-group-btn+.form-control {
    padding-left: 0
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    z-index: 1040;
    background-color: #323232;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

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

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

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

.modal-title {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.72222
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    border-top: 1px solid #e5e5e5
}

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

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

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

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }

    .pagination {
        display: inline-block
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.pagination {
    position: relative;
    background: #d6dbdf;
    color: #fff;
    margin: 20px 0;
    padding: 0;
    display: inline-block;
    border-radius: 6px;
    word-spacing: -.5px
}

@media (max-width:767px) {
    .pagination {
        height: 41px;
        padding: 0 55px 0 52px;
        overflow: auto;
        white-space: nowrap;
        border-radius: 6px
    }
}

.pagination li {
    display: inline-block;
    margin-right: -2px;
    vertical-align: middle;
    word-spacing: normal
}

.pagination li a {
    position: static
}

.pagination li.active>a,
.pagination li.active>a:focus,
.pagination li.active>a:hover,
.pagination li.active>span,
.pagination li.active>span:focus,
.pagination li.active>span:hover {
    background-color: #34495e;
    color: #fff;
    border-color: #dfe2e5
}

.pagination li.active.next>a,
.pagination li.active.next>span,
.pagination li.active.previous>a,
.pagination li.active.previous>span {
    margin: 0
}

.pagination li.active.next>a,
.pagination li.active.next>a:focus,
.pagination li.active.next>a:hover,
.pagination li.active.next>span,
.pagination li.active.next>span:focus,
.pagination li.active.next>span:hover,
.pagination li.active.previous>a,
.pagination li.active.previous>a:focus,
.pagination li.active.previous>a:hover,
.pagination li.active.previous>span,
.pagination li.active.previous>span:focus,
.pagination li.active.previous>span:hover {
    background-color: #34495e;
    color: #fff
}

.pagination li:first-child>a,
.pagination li:first-child>span {
    border-radius: 6px 0 0 6px;
    border-left: none
}

.pagination li:first-child.previous+li>a,
.pagination li:first-child.previous+li>span {
    border-left-width: 0
}

.pagination li:last-child {
    margin-right: 0
}

.pagination li:last-child>a,
.pagination li:last-child>a:focus,
.pagination li:last-child>a:hover,
.pagination li:last-child>span,
.pagination li:last-child>span:focus,
.pagination li:last-child>span:hover {
    border-radius: 0 6px 6px 0
}

.pagination li.next>a,
.pagination li.next>span,
.pagination li.previous>a,
.pagination li.previous>span {
    border-right: 2px solid #e4e7ea;
    font-size: 1rem;
    min-width: auto;
    padding: 12px 17px;
    background-color: transparent
}

.pagination li.next>a,
.pagination li.next>span {
    border-right: none
}

.pagination li.disabled>a,
.pagination li.disabled>span {
    color: #fff;
    background-color: rgba(255, 255, 255, .3);
    border-right-color: #dfe2e5;
    cursor: not-allowed
}

.pagination li.disabled>a:active,
.pagination li.disabled>a:focus,
.pagination li.disabled>a:hover,
.pagination li.disabled>span:active,
.pagination li.disabled>span:focus,
.pagination li.disabled>span:hover {
    background-color: rgba(255, 255, 255, .4);
    color: #fff
}

@media (max-width:767px) {

    .pagination li.next,
    .pagination li.previous {
        background-color: #d6dbdf;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        border-radius: 0 6px 6px 0
    }

    .pagination li.previous {
        left: 0;
        right: auto;
        border-radius: 6px 0 0 6px
    }
}

.pagination li>a,
.pagination li>span {
    display: inline-block;
    background: 0 0;
    border: none;
    border-left: 2px solid #e4e7ea;
    color: #fff;
    font-size: 2rem;
    line-height: 16px;
    min-height: 41px;
    min-width: 41px;
    outline: 0;
    padding: 12px 10px;
    text-align: center;
    transition: .25s ease-out
}

.pagination li>a.current,
.pagination li>a:active,
.pagination li>a:focus,
.pagination li>a:hover,
.pagination li>span.current,
.pagination li>span:active,
.pagination li>span:focus,
.pagination li>span:hover {
    background-color: #29AA60;
    color: #fff
}

.pagination li>a>i {
    line-height: 16px
}

.pagination>.btn.next,
.pagination>.btn.previous {
    margin-right: 8px;
    font-size: 2rem;
    line-height: 1.429;
    padding-left: 23px;
    padding-right: 23px
}

.pagination>.btn.next [class*=fui-],
.pagination>.btn.previous [class*=fui-] {
    font-size: 16px;
    margin-left: -2px;
    margin-top: -2px
}

.pagination>.btn.next {
    margin-left: 8px;
    margin-right: 0
}

.pagination>.btn.next [class*=fui-] {
    margin-right: -2px;
    margin-left: 4px
}

@media (max-width:767px) {
    .pagination>.btn {
        display: block;
        margin: 0;
        width: 50%
    }

    .pagination>.btn:first-child {
        border-bottom: 2px solid #dfe2e5;
        border-radius: 6px 0 0
    }

    .pagination>.btn:first-child.btn-primary {
        border-bottom-color: #48c9b0
    }

    .pagination>.btn:first-child.btn-danger {
        border-bottom-color: #ec7063
    }

    .pagination>.btn:first-child.btn-warning {
        border-bottom-color: #f4d03f
    }

    .pagination>.btn:first-child.btn-success {
        border-bottom-color: #58d68d
    }

    .pagination>.btn:first-child.btn-info {
        border-bottom-color: #5dade2
    }

    .pagination>.btn:first-child.btn-inverse {
        border-bottom-color: #5d6d7e
    }

    .pagination>.btn:first-child>[class*=fui] {
        margin-left: -20px
    }

    .pagination>.btn+ul {
        padding: 0;
        text-align: center;
        border-radius: 0 0 6px 6px
    }

    .pagination>.btn+ul+.btn {
        border-bottom: 2px solid #dfe2e5;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 6px 0 0
    }

    .pagination>.btn+ul+.btn.btn-primary {
        border-bottom-color: #48c9b0
    }

    .pagination>.btn+ul+.btn.btn-danger {
        border-bottom-color: #ec7063
    }

    .pagination>.btn+ul+.btn.btn-warning {
        border-bottom-color: #f4d03f
    }

    .pagination>.btn+ul+.btn.btn-success {
        border-bottom-color: #58d68d
    }

    .pagination>.btn+ul+.btn.btn-info {
        border-bottom-color: #5dade2
    }

    .pagination>.btn+ul+.btn.btn-inverse {
        border-bottom-color: #5d6d7e
    }

    .pagination>.btn+ul+.btn>[class*=fui] {
        margin-right: -20px
    }

    .pagination ul {
        display: block
    }

    .pagination ul>li>a {
        border-radius: 0
    }
}

.pagination-danger {
    background-color: #e74c3c
}

.pagination-danger li.previous>a {
    border-right-color: #ef897e
}

.pagination-danger li>a,
.pagination-danger li>span {
    border-left-color: #ef897e
}

.pagination-danger li>a:focus,
.pagination-danger li>a:hover,
.pagination-danger li>span:focus,
.pagination-danger li>span:hover {
    border-left-color: #ef897e;
    background-color: #ec7063
}

.pagination-danger li.active>a,
.pagination-danger li.active>span,
.pagination-danger li>a:active,
.pagination-danger li>span:active {
    background-color: #c44133
}

.pagination-danger li.active>a:focus,
.pagination-danger li.active>a:hover,
.pagination-danger li.active>span:focus,
.pagination-danger li.active>span:hover {
    border-left-color: #ef897e;
    background-color: #ec7063
}

.pagination-success {
    background-color: #2ecc71
}

.pagination-success li.previous>a {
    border-right-color: #75dda1
}

.pagination-success li>a,
.pagination-success li>span {
    border-left-color: #75dda1
}

.pagination-success li>a:focus,
.pagination-success li>a:hover,
.pagination-success li>span:focus,
.pagination-success li>span:hover {
    border-left-color: #75dda1;
    background-color: #58d68d
}

.pagination-success li.active>a,
.pagination-success li.active>span,
.pagination-success li>a:active,
.pagination-success li>span:active {
    background-color: #27ad60
}

.pagination-success li.active>a:focus,
.pagination-success li.active>a:hover,
.pagination-success li.active>span:focus,
.pagination-success li.active>span:hover {
    border-left-color: #75dda1;
    background-color: #58d68d
}

.pagination-warning {
    background-color: #f1c40f
}

.pagination-warning li.previous>a {
    border-right-color: #f6d861
}

.pagination-warning li>a,
.pagination-warning li>span {
    border-left-color: #f6d861
}

.pagination-warning li>a:focus,
.pagination-warning li>a:hover,
.pagination-warning li>span:focus,
.pagination-warning li>span:hover {
    border-left-color: #f6d861;
    background-color: #f4d313
}

.pagination-warning li.active>a,
.pagination-warning li.active>span,
.pagination-warning li>a:active,
.pagination-warning li>span:active {
    background-color: #cda70d
}

.pagination-warning li.active>a:focus,
.pagination-warning li.active>a:hover,
.pagination-warning li.active>span:focus,
.pagination-warning li.active>span:hover {
    border-left-color: #f6d861;
    background-color: #f4d313
}

.pagination-info {
    background-color: #3498db
}

.pagination-info li.previous>a {
    border-right-color: #79bbe7
}

.pagination-info li>a,
.pagination-info li>span {
    border-left-color: #79bbe7
}

.pagination-info li>a:focus,
.pagination-info li>a:hover,
.pagination-info li>span:focus,
.pagination-info li>span:hover {
    border-left-color: #79bbe7;
    background-color: #5dade2
}

.pagination-info li.active>a,
.pagination-info li.active>span,
.pagination-info li>a:active,
.pagination-info li>span:active {
    background-color: #2c81ba
}

.pagination-info li.active>a:focus,
.pagination-info li.active>a:hover,
.pagination-info li.active>span:focus,
.pagination-info li.active>span:hover {
    border-left-color: #79bbe7;
    background-color: #5dade2
}

.pagination-inverse {
    background-color: #34495e
}

.pagination-inverse li.previous>a {
    border-right-color: #798795
}

.pagination-inverse li>a,
.pagination-inverse li>span {
    border-left-color: #798795
}

.pagination-inverse li>a:focus,
.pagination-inverse li>a:hover,
.pagination-inverse li>span:focus,
.pagination-inverse li>span:hover {
    border-left-color: #798795;
    background-color: #415b76
}

.pagination-inverse li.active>a,
.pagination-inverse li.active>span,
.pagination-inverse li>a:active,
.pagination-inverse li>span:active {
    background-color: #2c3e50
}

.pagination-inverse li.active>a:focus,
.pagination-inverse li.active>a:hover,
.pagination-inverse li.active>span:focus,
.pagination-inverse li.active>span:hover {
    border-left-color: #798795;
    background-color: #415b76
}

.pagination-minimal>li:first-child {
    border-radius: 6px 0 0 6px
}

.pagination-minimal>li:first-child.previous+li>a,
.pagination-minimal>li:first-child.previous+li>span {
    border-left-width: 5px
}

.pagination-minimal>li:last-child {
    border-radius: 0 6px 6px 0
}

.pagination-minimal>li.next>a,
.pagination-minimal>li.next>span,
.pagination-minimal>li.previous>a,
.pagination-minimal>li.previous>span {
    background: 0 0;
    border: none;
    border-right: 2px solid #e4e7ea;
    margin: 0 9px 0 0;
    padding: 12px 17px;
    border-radius: 6px 0 0 6px
}

.pagination-minimal>li.next>a,
.pagination-minimal>li.next>a:focus,
.pagination-minimal>li.next>a:hover,
.pagination-minimal>li.next>span,
.pagination-minimal>li.next>span:focus,
.pagination-minimal>li.next>span:hover,
.pagination-minimal>li.previous>a,
.pagination-minimal>li.previous>a:focus,
.pagination-minimal>li.previous>a:hover,
.pagination-minimal>li.previous>span,
.pagination-minimal>li.previous>span:focus,
.pagination-minimal>li.previous>span:hover {
    border-color: #e4e7ea !important
}

@media (max-width:767px) {

    .pagination-minimal>li.next>a,
    .pagination-minimal>li.next>span,
    .pagination-minimal>li.previous>a,
    .pagination-minimal>li.previous>span {
        margin-right: 0
    }
}

.pagination-minimal>li.next {
    margin-left: 9px
}

.pagination-minimal>li.next>a,
.pagination-minimal>li.next>span {
    border-left: 2px solid #e4e7ea;
    border-right: none;
    margin: 0;
    border-radius: 0 6px 6px 0
}

.pagination-minimal>li.active>a,
.pagination-minimal>li.active>span {
    background-color: #fff;
    border-color: #fff;
    border-width: 2px !important;
    color: #d6dbdf;
    margin: 10px 5px 9px
}

.pagination-minimal>li.active>a:focus,
.pagination-minimal>li.active>a:hover,
.pagination-minimal>li.active>span:focus,
.pagination-minimal>li.active>span:hover {
    background-color: #fff;
    border-color: #fff;
    color: #d6dbdf
}

.pagination-minimal>li.active.next,
.pagination-minimal>li.active.previous {
    border-color: #e4e7ea
}

.pagination-minimal>li.active.previous {
    margin-right: 6px
}

.pagination-minimal>li>a,
.pagination-minimal>li>span {
    background: #fff;
    border: 5px solid #d6dbdf;
    color: #fff;
    line-height: 16px;
    margin: 7px 2px 6px;
    min-width: 0;
    min-height: 16px;
    padding: 0 4px;
    border-radius: 50px;
    background-clip: padding-box;
    transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out
}

.pagination-minimal>li>a:focus,
.pagination-minimal>li>a:hover,
.pagination-minimal>li>span:focus,
.pagination-minimal>li>span:hover {
    background-color: #34495e;
    border-color: #34495e;
    color: #fff;
    transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out
}

.pagination-minimal>li>a:active,
.pagination-minimal>li>span:active {
    background-color: #16a085;
    border-color: #16a085
}

.pagination-plain {
    font-size: 1rem;
    font-weight: 700;
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
    height: 57px
}

.pagination-plain>li {
    display: inline
}

.pagination-plain>li.previous {
    padding-right: 23px
}

.pagination-plain>li.next {
    padding-left: 20px
}

.pagination-plain>li.active>a {
    color: #d3d7da
}

.pagination-plain>li>a {
    padding: 0 5px
}

@media (max-width:480px) {
    .pagination-plain {
        overflow: hidden;
        text-align: center
    }

    .pagination-plain>li.previous {
        display: block;
        margin-bottom: 10px;
        text-align: left;
        width: 50%
    }

    .pagination-plain>li.next {
        float: right;
        margin-top: -64px;
        text-align: right;
        width: 50%
    }
}

@media (min-width:768px) {
    .pagination-plain {
        height: auto
    }
}

.pagination-dropdown ul {
    min-width: 67px;
    width: auto;
    left: 50%;
    margin-left: -34px
}

.pagination-dropdown ul li {
    display: block;
    margin-right: 0
}

.pagination-dropdown ul li:first-child>a,
.pagination-dropdown ul li:first-child>span {
    border-radius: 6px 6px 0 0
}

.pagination-dropdown ul li:last-child>a,
.pagination-dropdown ul li:last-child>span {
    border-radius: 0 0 6px 6px !important
}

.pagination-dropdown ul li>a,
.pagination-dropdown ul li>span {
    border-left: none;
    display: block;
    float: none;
    padding: 8px 10px 7px;
    text-align: center;
    min-height: 0
}

.pagination-dropdown.dropup {
    position: relative
}

.pagination-mini {
    display: block;
    width: 100%;
    margin: 20px 0;
    font-size: 1.5rem
}

.pagination-mini>.next a,
.pagination-mini>.prev a {
    display: block;
    padding: 8px 30px;
    border: 1px solid #ddd;
    border-radius: 20px;
    color: #777;
    text-align: center
}

.pagination-mini>.next:not(.disabled) a:hover,
.pagination-mini>.prev:not(.disabled) a:hover {
    background: #29AA60;
    color: #fff;
}

.pagination-mini>.next.disabled a,
.pagination-mini>.prev.disabled a {
    cursor: not-allowed
}

.pagination-mini>.page-nums {
    text-align: center;
    line-height: 40px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.72222;
    text-align: left;
    text-align: start;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 1.8rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

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

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

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

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

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 1.7rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px;
    font-size: 1.5rem
}

.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 {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

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

.popover.left>.arrow:after,
.popover.right>.arrow:after {
    content: " ";
    bottom: -10px
}

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

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

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

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

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

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

.checkbox,
.radio {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 12px;
    padding-left: 32px;
    position: relative;
    transition: color .25s linear;
    font-size: 1.4rem;
    line-height: 1.5
}

.checkbox .icons,
.radio .icons {
    color: #bdc3c7;
    display: block;
    height: 20px;
    top: 0;
    left: 0;
    position: absolute;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    cursor: pointer
}

.checkbox .icons .icon-checked,
.radio .icons .icon-checked {
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox .icon-checked,
.checkbox .icon-unchecked,
.radio .icon-checked,
.radio .icon-unchecked {
    display: inline-table;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    margin: 0;
    opacity: 1;
    filter: none;
    transition: color .25s linear
}

.checkbox .icon-checked:before,
.checkbox .icon-unchecked:before,
.radio .icon-checked:before,
.radio .icon-unchecked:before {
    font-family: Tico;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.checkbox .icon-checked:before {
    content: "\e60e"
}

.checkbox .icon-unchecked:before {
    content: "\e60d"
}

.radio .icon-checked:before {
    content: "\e60c"
}

.radio .icon-unchecked:before {
    content: "\e60b"
}

.checkbox input[type=checkbox].custom-checkbox,
.checkbox input[type=radio].custom-radio,
.radio input[type=checkbox].custom-checkbox,
.radio input[type=radio].custom-radio {
    outline: 0 !important;
    opacity: 0;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px
}

.checkbox input[type=checkbox].custom-checkbox:hover:not(.nohover):not(:disabled)+.icons .icon-unchecked,
.checkbox input[type=radio].custom-radio:hover:not(.nohover):not(:disabled)+.icons .icon-unchecked,
.radio input[type=checkbox].custom-checkbox:hover:not(.nohover):not(:disabled)+.icons .icon-unchecked,
.radio input[type=radio].custom-radio:hover:not(.nohover):not(:disabled)+.icons .icon-unchecked {
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox input[type=checkbox].custom-checkbox:hover:not(.nohover):not(:disabled)+.icons .icon-checked,
.checkbox input[type=radio].custom-radio:hover:not(.nohover):not(:disabled)+.icons .icon-checked,
.radio input[type=checkbox].custom-checkbox:hover:not(.nohover):not(:disabled)+.icons .icon-checked,
.radio input[type=radio].custom-radio:hover:not(.nohover):not(:disabled)+.icons .icon-checked {
    opacity: 1;
    filter: none
}

.checkbox input[type=checkbox].custom-checkbox:checked+.icons,
.checkbox input[type=radio].custom-radio:checked+.icons,
.radio input[type=checkbox].custom-checkbox:checked+.icons,
.radio input[type=radio].custom-radio:checked+.icons {
    color: #1abc9c
}

.checkbox input[type=checkbox].custom-checkbox:checked+.icons .icon-unchecked,
.checkbox input[type=radio].custom-radio:checked+.icons .icon-unchecked,
.radio input[type=checkbox].custom-checkbox:checked+.icons .icon-unchecked,
.radio input[type=radio].custom-radio:checked+.icons .icon-unchecked {
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox input[type=checkbox].custom-checkbox:checked+.icons .icon-checked,
.checkbox input[type=radio].custom-radio:checked+.icons .icon-checked,
.radio input[type=checkbox].custom-checkbox:checked+.icons .icon-checked,
.radio input[type=radio].custom-radio:checked+.icons .icon-checked {
    opacity: 1;
    filter: none;
    color: #1abc9c
}

.checkbox input[type=checkbox].custom-checkbox:disabled+.icons,
.checkbox input[type=radio].custom-radio:disabled+.icons,
.radio input[type=checkbox].custom-checkbox:disabled+.icons,
.radio input[type=radio].custom-radio:disabled+.icons {
    cursor: default;
    color: #e6e8ea
}

.checkbox input[type=checkbox].custom-checkbox:disabled+.icons .icon-unchecked,
.checkbox input[type=radio].custom-radio:disabled+.icons .icon-unchecked,
.radio input[type=checkbox].custom-checkbox:disabled+.icons .icon-unchecked,
.radio input[type=radio].custom-radio:disabled+.icons .icon-unchecked {
    opacity: 1;
    filter: none
}

.checkbox input[type=checkbox].custom-checkbox:disabled+.icons .icon-checked,
.checkbox input[type=checkbox].custom-checkbox:disabled:checked+.icons .icon-unchecked,
.checkbox input[type=radio].custom-radio:disabled+.icons .icon-checked,
.checkbox input[type=radio].custom-radio:disabled:checked+.icons .icon-unchecked,
.radio input[type=checkbox].custom-checkbox:disabled+.icons .icon-checked,
.radio input[type=checkbox].custom-checkbox:disabled:checked+.icons .icon-unchecked,
.radio input[type=radio].custom-radio:disabled+.icons .icon-checked,
.radio input[type=radio].custom-radio:disabled:checked+.icons .icon-unchecked {
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox input[type=checkbox].custom-checkbox:disabled:checked+.icons,
.checkbox input[type=radio].custom-radio:disabled:checked+.icons,
.radio input[type=checkbox].custom-checkbox:disabled:checked+.icons,
.radio input[type=radio].custom-radio:disabled:checked+.icons {
    color: #e6e8ea
}

.checkbox input[type=checkbox].custom-checkbox:disabled:checked+.icons .icon-checked,
.checkbox input[type=radio].custom-radio:disabled:checked+.icons .icon-checked,
.radio input[type=checkbox].custom-checkbox:disabled:checked+.icons .icon-checked,
.radio input[type=radio].custom-radio:disabled:checked+.icons .icon-checked {
    opacity: 1;
    filter: none;
    color: #e6e8ea
}

.checkbox input[type=checkbox].custom-checkbox:indeterminate+.icons,
.checkbox input[type=radio].custom-radio:indeterminate+.icons,
.radio input[type=checkbox].custom-checkbox:indeterminate+.icons,
.radio input[type=radio].custom-radio:indeterminate+.icons {
    color: #bdc3c7
}

.checkbox input[type=checkbox].custom-checkbox:indeterminate+.icons .icon-unchecked,
.checkbox input[type=radio].custom-radio:indeterminate+.icons .icon-unchecked,
.radio input[type=checkbox].custom-checkbox:indeterminate+.icons .icon-unchecked,
.radio input[type=radio].custom-radio:indeterminate+.icons .icon-unchecked {
    opacity: 1;
    filter: none
}

.checkbox input[type=checkbox].custom-checkbox:indeterminate+.icons .icon-checked,
.checkbox input[type=radio].custom-radio:indeterminate+.icons .icon-checked,
.radio input[type=checkbox].custom-checkbox:indeterminate+.icons .icon-checked,
.radio input[type=radio].custom-radio:indeterminate+.icons .icon-checked {
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox input[type=checkbox].custom-checkbox:indeterminate+.icons:before,
.checkbox input[type=radio].custom-radio:indeterminate+.icons:before,
.radio input[type=checkbox].custom-checkbox:indeterminate+.icons:before,
.radio input[type=radio].custom-radio:indeterminate+.icons:before {
    content: "\2013";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
    width: 20px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    z-index: 10
}

input[type=checkbox],
input[type=radio] {
    clear: none;
    display: inline-block;
    margin: -3px 4px 0 0;
    padding: 0 !important;
    width: 18px;
    height: 18px;
    min-width: 18px;
    outline: 0;
    border-radius: 2px;
    background: #e9eef2;
    color: #555;
    vertical-align: middle;
    text-align: center;
    line-height: 0;
    cursor: pointer;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    -webkit-appearance: none
}

input[type=radio] {
    border-radius: 20px
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background: #29aa60;
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
    float: left;
    display: inline-block;
    margin-top: 9px;
    margin-left: 0;
    width: 1pc;
    color: #fff;
    content: "\e60a";
    vertical-align: middle;
    font-size: 13px;
    font-family: Tico !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

.form-inline .checkbox,
.form-inline .radio {
    padding-left: 32px
}

.tooltip {
    position: absolute;
    font-size: 1.4rem;
    line-height: 1.286;
    z-index: 1070
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}

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

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

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

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

.tooltip-inner {
    max-width: 183px;
    line-height: 1.286;
    padding: 12px;
    text-align: center;
    color: #fff;
    background-color: #34495e;
    border-radius: 6px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

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

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

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

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

.contextual-bg {
    position: relative;
    padding: 15px;
    margin: 10px 0 20px;
    box-sizing: border-box;
    border-width: 2px;
    border-style: dashed;
    border-radius: 3px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #aaa;
}

.contextual-bg.unborder {
    border-width: 0 !important
}

.contextual-bg.showicon {
    padding: 16px 16px 16px 65px
}

.contextual-bg.showicon:before {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 20px;
    margin-top: -12px;
    content: ''
}

.contextual-bg>h4 {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    color: #464c5b;
    margin-bottom: 12px;
    text-align: center
}

.contextual-bg>p {
    font-size: 1.4rem;
    color: #aaa;
    line-height: 21px;
    text-align: justify;
    word-break: break-all;
}

.contextual-bg>.infobg-close {
    display: none
}

.bg-success {
    border: 1px solid #ccf5e0;
    background-color: #e6faf0
}

.bg-success:before {
    background: url(../img/icon/ctx-success.png) no-repeat
}

.bg-info,
.bg-primary,
.bg-tips {
    border: 1px solid #d6ebff;
    background-color: #ebf5ff
}

.bg-info:before,
.bg-primary:before,
.bg-tips:before {
    background: url(../img/icon/ctx-info.png) no-repeat
}

.bg-notice,
.bg-warning {
    border: 1px solid #ffebcc;
    background-color: #fff5e6
}

.bg-notice:before,
.bg-warning:before {
    background: url(../img/icon/ctx-warning.png) no-repeat
}

.bg-danger,
.bg-error {
    border: 1px solid #fdc;
    background-color: #ffeee6
}

.bg-danger:before,
.bg-error:before {
    background: url(../img/icon/ctx-error.png) no-repeat
}

.bg-lightbulb {
    border: 1px solid #d6ebff;
    background-color: #ebf5ff
}

.bg-lightbulb:before {
    background: url(../img/icon/ctx-light.png) no-repeat
}

.contextual-callout {
    position: relative;
    padding: 15px;
    margin: 10px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-left-width: 4px;
    border-radius: 3px;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #666
}

.contextual-callout>h4 {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    color: #464c5b;
    margin-bottom: 16px;
    text-align: center
}

.contextual-callout>p {
    font-size: 1.3rem;
    color: #657180;
    line-height: 21px;
    text-align: justify;
    word-break: break-all
}

caption,
th {
    text-align: left
}

.callout-info {
    border-left-color: #ebf5ff
}

.callout-success {
    border-left-color: #e6faf0
}

.callout-warning {
    border-left-color: #fff5e6
}

.callout-danger,
.callout-error {
    border-left-color: #ffeee6
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #bdc3c7
}

table.table-centered tr th,
table.table-centered tr th a {
    color: #fff;
    font-size: 1.5rem
}

.sweet-alert,
.sweet-alert h2,
table.table-centered tr td,
table.table-centered tr th {
    text-align: center
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 3.2rem;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.72222;
    vertical-align: top
}

.table>thead>tr>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: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f2f4f7;
    color: #525252;
}

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

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

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

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

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

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

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

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

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

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

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

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 2.4rem;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.table-framed {
    border-collapse: collapse;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

table.table-striped tr td {
    vertical-align: middle
}

table.table-striped tr.subtotal td {
    background-color: #FFD;
    font-weight: 700
}

table.table-striped tr.tax td {
    background-color: #EBF2FE;
    font-weight: 700
}

table.table-striped tr.credit td {
    background-color: #FFE1E1;
    font-weight: 700
}

table.table-striped tr.total td {
    background-color: #E7FFDA;
    font-weight: 700
}

table.table-striped tr.recurring td {
    background-color: #FFE1E1;
    font-weight: 700
}

table.table-centered tr th {
    background-color: #eaeaea;
    padding: 8px 10px;
    font-weight: 500;
    color: #aaa;
}

table th a {
    display: block;
    margin: -10px -10px -9px;
    padding: 10px 10px 9px
}

.tableresults {
    padding: 5px
}

.recordslimit {
    float: right;
    padding-right: 20px
}

.recordslimit select {
    width: 60px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border: none
}

table {
    table-layout: fixed;
    word-break: break-all;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation: fadeIn .3s forwards;
    -o-animation: fadeIn .3s forwards;
    animation: fadeIn .3s forwards
}

@-webkit-keyframes fadeZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes fadeZoomIn {
    0% {
        opacity: 0;
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.fadeZoomIn {
    -webkit-animation: fadeZoomIn .3s forwards;
    -o-animation: fadeZoomIn .3s forwards;
    animation: fadeZoomIn .3s forwards
}

@-webkit-keyframes fadeScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes fadeScale {
    0% {
        opacity: 0;
        -o-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.fadeScale {
    -webkit-animation: fadeScale .3s forwards;
    -o-animation: fadeScale .3s forwards;
    animation: fadeScale .3s forwards
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation: fadeInUp .3s cubic-bezier(.31, .57, .68, 1.36) forwards;
    -o-animation: fadeInUp .3s cubic-bezier(.31, .57, .68, 1.36) forwards;
    animation: fadeInUp .3s cubic-bezier(.31, .57, .68, 1.36) forwards
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.rotate,
.spinner,
.spinning {
    position: absolute;
    -webkit-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    transform-origin: center
}

.footer-menu>li>a,
a[rel=link] {
    position: relative
}

.footer-menu>li>a:before,
a[rel=link]:before {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2980b9;
    content: ' ';
    -webkit-transition: all .2s;
    transition: all .2s;
    backface-visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: center
}

.sweet-alert,
.sweet-overlay {
    position: fixed;
    display: none
}

.footer-menu>li>a:hover:before,
a[rel=link]:hover:before {
    background-color: #2980b9;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

a.anchor-noborder:before {
    display: none
}

.transition {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

body.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.sweet-overlay {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: rgba(52, 73, 94, .95);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000
}

.sweet-alert {
    background-color: #fff;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    z-index: 99999
}

@media all and (max-width:540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block
}

.sweet-alert p {
    color: #797979;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal
}

.sweet-alert fieldset {
    border: none;
    position: relative
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding .15s, max-height .15s;
    transition: padding .15s, max-height .15s
}

.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding .2s, max-height .2s;
    transition: padding .25s, max-height .25s
}

.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 3px
}

.sweet-alert .sa-error-container p {
    display: inline-block
}

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .1s;
    transition: all .1s
}

.sweet-alert .sa-input-error::after,
.sweet-alert .sa-input-error::before {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px
}

.sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sweet-alert input:focus {
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5;
    border: 1px solid #b4dbed
}

.sweet-alert input:focus::-moz-placeholder {
    transition: opacity .3s 30ms ease;
    opacity: .5
}

.sweet-alert input:focus:-ms-input-placeholder {
    transition: opacity .3s 30ms ease;
    opacity: .5
}

.sweet-alert input:focus::-webkit-input-placeholder {
    transition: opacity .3s 30ms ease;
    opacity: .5
}

.sweet-alert input::-moz-placeholder {
    color: #bdbdbd
}

.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd
}

.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd
}

.sweet-alert.show-input input {
    display: block
}

.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative
}

.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden
}

.sweet-alert button {
    background-color: #8CD4F5;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0;
    cursor: pointer;
    vertical-align: baseline;
    line-height: 1.5
}

.sweet-alert button:focus {
    outline: 0;
    box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
}

.sweet-alert button:hover {
    background-color: #7ecff4
}

.sweet-alert button:active {
    background-color: #5dc2f1
}

.sweet-alert button.cancel {
    background-color: #C1C1C1
}

.sweet-alert button.cancel:hover {
    background-color: #b9b9b9
}

.sweet-alert button.cancel:active {
    background-color: #a8a8a8
}

.sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset !important
}

.sweet-alert button[disabled] {
    opacity: .6;
    cursor: default
}

.sweet-alert button.confirm[disabled] {
    color: transparent
}

.sweet-alert button.confirm[disabled]~.la-ball-fall {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .sa-icon.sa-error {
    border-color: #F27474
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #F8BB86
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86
}

.sweet-alert .sa-icon.sa-info::after,
.sweet-alert .sa-icon.sa-info::before {
    background-color: #C9DAE1;
    position: absolute;
    content: ""
}

.sweet-alert .sa-icon.sa-info {
    border-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-info::before {
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px
}

.sweet-alert .sa-icon.sa-info::after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px
}

.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, .2);
    -webkit-border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #A5DC86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat
}

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop .3s;
    animation: slideFromTop .3s
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom .3s;
    animation: slideFromBottom .3s
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert .2s;
    animation: hideSweetAlert .2s
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop .4s;
    animation: slideToTop .4s
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom .3s;
    animation: slideToBottom .3s
}

@-webkit-keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}

@-webkit-keyframes animateXMark {

    0%,
    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {

    0%,
    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animateXMark {
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }

    100% {
        border-color: #F8BB86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }

    100% {
        border-color: #F8BB86
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }

    100% {
        background-color: #F8BB86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }

    100% {
        background-color: #F8BB86
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns .75s infinite alternate;
    animation: pulseWarningIns .75s infinite alternate
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success {
    border-color: transparent
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg)
}

.la-ball-fall,
.la-ball-fall>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff;
    width: 54px;
    height: 18px
}

.la-ball-fall.la-dark {
    color: #333
}

.la-ball-fall>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    -moz-animation: ball-fall 1s ease-in-out infinite;
    -o-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite
}

.la-ball-fall>div:nth-child(1) {
    -webkit-animation-delay: -.2s;
    -moz-animation-delay: -.2s;
    -o-animation-delay: -.2s;
    animation-delay: -.2s
}

.la-ball-fall>div:nth-child(2) {
    -webkit-animation-delay: -.1s;
    -moz-animation-delay: -.1s;
    -o-animation-delay: -.1s;
    animation-delay: -.1s
}

.la-ball-fall>div:nth-child(3) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}

.la-ball-fall.la-sm {
    width: 26px;
    height: 8px
}

.la-ball-fall.la-sm>div {
    width: 4px;
    height: 4px;
    margin: 2px
}

.la-ball-fall.la-2x {
    width: 108px;
    height: 36px
}

.la-ball-fall.la-2x>div {
    width: 20px;
    height: 20px;
    margin: 8px
}

.la-ball-fall.la-3x {
    width: 162px;
    height: 54px
}

.la-ball-fall.la-3x>div {
    width: 30px;
    height: 30px;
    margin: 12px
}

#fullLoader-container,
.loading-line {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999
}

@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10%,
    90% {
        opacity: .5
    }

    20%,
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10%,
    90% {
        opacity: .5
    }

    20%,
    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10%,
    90% {
        opacity: .5
    }

    20%,
    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10%,
    90% {
        opacity: .5
    }

    20%,
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

.loading-line {
    display: none;
    height: 2px;
    background: -webkit-linear-gradient(45deg, rgba(194, 214, 194, .7), rgba(116, 190, 116, .5) 25%, rgba(70, 231, 154, .5) 50%, rgba(70, 231, 154, .7) 75%, rgba(255, 255, 255, .5));
    background: linear-gradient(45deg, rgba(194, 214, 194, .7), rgba(116, 190, 116, .5) 25%, rgba(70, 231, 154, .5) 50%, rgba(70, 231, 154, .7) 75%, rgba(255, 255, 255, .5));
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.is-loadingApp .loading-line {
    display: block;
    -webkit-animation: shift-rightwards 1.5s cubic-bezier(.2, .5, .4, .7) infinite;
    animation: shift-rightwards 1.5s cubic-bezier(.2, .5, .4, .7) infinite;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

@keyframes shift-rightwards {
    0% {
        transform: translateX(-100%)
    }

    40%,
    60% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: #fff;
}

#loading-center {
    width: 100%;
    position: absolute;
    top: 47%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

#loading-center .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-right: 10px;
    background: #3895D6;
    -webkit-animation: load 1.04s ease infinite;
}

#loading-center .dot:last-child {
    margin-right: 0px;
}

@-webkit-keyframes load {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.6);
    }

    100% {
        opacity: .1;
        -webkit-transform: scale(0);
    }
}

#loading-center .dot:nth-child(1) {
    -webkit-animation-delay: 0.1s;
}

#loading-center .dot:nth-child(2) {
    -webkit-animation-delay: 0.2s;
}

#loading-center .dot:nth-child(3) {
    -webkit-animation-delay: 0.3s;
}

#loading-center .dot:nth-child(4) {
    -webkit-animation-delay: 0.4s;
}

#loading-center .dot:nth-child(5) {
    -webkit-animation-delay: 0.5s;
}

#fullLoader-container {
    height: 100%;
    background-color: rgba(52, 73, 94, .95);
    left: 0;
    right: 0;
    bottom: 0
}

#fullLoader-container>.box {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    padding-top: 50px;
    text-align: center
}

#fullLoader-container>.box i {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    margin-left: -25px;
    top: 10px;
    font-size: 4rem;
    color: #fff
}

.header {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 84px;
    position: relative;
    z-index: 3;
}

.header.sps--abv .header__inner {
    height: 84px;
}

@media screen and (min-width:48em) {
    .header.sps--blw .header__inner {
        background-color: rgba(49, 49, 49, 0.8);
        left: 0;
        padding: 0;
        position: fixed;
        transition: left .3s ease, right .3s ease;
        transform: translate3d(0, 0, 1px);
        right: 0;
        top: 0;
    }

    .sidenav-open .header.sps--blw .header__inner {
        left: -215px;
        right: 215px;
    }

    .admin-bar .header.sps--blw .header__inner {
        top: 32px;
    }
}

@media screen and (min-width:48em) and (max-width:782px) {
    .admin-bar .header.sps--blw .header__inner {
        top: 46px;
    }
}

@media screen and (min-width:48em) and (max-width:600px) {
    .admin-bar .header.sps--blw .header__inner {
        top: 0;
    }
}

@media screen and (min-width:48em) {
    .header.sps--blw .header__nav {
        margin-top: 23px;
    }

    .header.sps--blw .header__logo img {
        margin: 10px 0;
    }

    .header.sps--blw .header__logo img.dark {
        display: none;
    }

    .header.sps--blw .header__logo img.light {
        display: block;
    }
}

@media screen and (max-width:34em) {
    .header {
        z-index: 11;
    }
}

.header__inner {
    position: relative;
    z-index: 10;
}

body:not(.page-template-page-front) .sps--abv .header__inner {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

.header__content {
    max-width: 1640px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.header__content::after {
    clear: both;
    content: "";
    display: block;
}

@media screen and (max-width:34em) {
    .header__content {
        padding: 0 10px;
    }
}

.header__logo {
    color: #fff;
    display: block;
    float: left;
    font-size: 24px;
    margin: 0;
}

.header__logo img {
    display: block;
    max-height: 60px;
    margin: 15px 0 0 0;
}

.header__logo img.dark {
    display: block;
}

.header__logo img.light {
    display: none;
}

body.page-template-page-front .header__logo img.dark {
    display: none;
}

body.page-template-page-front .header__logo img.light {
    display: block;
}

.header .sidenav__close {
    opacity: 0;
    visibility: none;
}

@media screen and (max-width:34em) {
    .sidenav-open .header .sidenav__close {
        opacity: 1;
        transition: opacity 0s linear .15s;
        visibility: visible;
        z-index: 1000;
    }
}

.header__nav {
    padding: 0;
}

.header__nav__btn {
    margin: -8px 10px 0 0 !important;
}

.header__nav__btn .link-wrapper,
.header__nav__btn a {
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 2px;
    color: #fff !important;
    display: block;
    height: 36px;
    padding: 8px 15px;
    transition: all .15s linear !important;
}

.header__nav__btn .link-wrapper::after,
.header__nav__btn a::after {
    clear: both;
    content: "";
    display: block;
}

.header__nav__btn .link-wrapper:hover,
.header__nav__btn a:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

body:not(.page-template-page-front) .sps--abv .header__nav__btn .link-wrapper:hover,
body:not(.page-template-page-front) .sps--abv .header__nav__btn a:hover {
    background-color: rgba(82, 82, 82, 0.95);
}

body:not(.page-template-page-front) .sps--abv .header__nav__btn .link-wrapper,
body:not(.page-template-page-front) .sps--abv .header__nav__btn a {
    background-color: #525252;
}

.header__nav__btn--search i {
    float: left;
    line-height: 14px;
}

.header__nav__btn--search form {
    display: block;
    float: left;
    margin: -8px -15px -15px 15px;
    overflow: hidden;
    position: relative;
    transition: width .15s ease;
    transform: translateZ(0);
    width: 0;
}

.header__nav__btn--search form input {
    background-color: #313131;
    border-radius: 0 2px 2px 0;
    border: 0;
    font-weight: normal;
    height: 36px;
    padding: 0 10px 0 5px;
    font-size: 12px;
}

body:not(.page-template-page-front) .sps--abv .header__nav__btn--search form input {
    background-color: #525252;
}

.header__nav__btn--search form input:focus {
    box-shadow: none;
    outline: none;
}

.header__nav__btn--search.open .link-wrapper,
.header__nav__btn--search.open a {
    background-color: #313131;
}

.header__nav__btn--search.open .link-wrapper form,
.header__nav__btn--search.open a form {
    width: 160px;
}

.header__nav__btn--primary a {
    background-color: #3895D6 !important;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), transparent) !important;
    color: #fff !important;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.05);
    transition: background-color .15s linear !important;
}

.header__nav__btn--primary a:hover {
    background-color: #2a89cb;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.08), transparent) !important;
}

@media screen and (max-width:48em) {
    .header__nav--left {
        bottom: 0;
        margin: 0 !important;
        max-width: 90%;
        top: 0;
        transform: translate3d(0, 0, 1px);
        transition: right .3s ease;
        width: 215px;
        z-index: 10;
    }

    .admin-bar .header__nav--left {
        margin-top: 46px !important;
    }

    .header__nav--left li {
        display: block !important;
        float: none !important;
        margin: 0 !important;
        padding: 0;
    }

    .header__nav--left li a {
        display: block;
        padding: 6px 0;
    }

    header .header__nav--left {
        right: 0;
        display: none;
    }
}

.header__nav--right {
    float: right !important;
}

.header__nav .header__user {
    margin: -8px 10px 0 0 !important;
    position: relative;
    display: block;
    line-height: 20px;
}

.header__nav .header__user .badge {
    background-color: #3895D6;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    height: 10px;
    letter-spacing: -1px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 5px;
    transform: translateX(50%) translateY(-50%);
    left: 36px;
    width: 10px;
}

.header__nav .header__user .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    float: left;
}

.header__nav .header__user .username {
    position: relative;
    margin-right: 10px;
    height: 20px;
    line-height: 36px;
    margin-left: 10px;
    font-size: 13px;
}

@media screen and (max-width:34em) {
    .header__nav .header__user {
        margin: -8px 20px 0 0 !important;
        position: relative;
        display: block;
        line-height: 20px;
    }

    .header__nav .header__user .username {
        display: none;
    }
}

.sidenav-trigger__open {
    opacity: 1;
}

.sidenav-open .sidenav-trigger__open {
    opacity: 0;
    display: none;
}

.sidenav-trigger__close {
    opacity: 0;
    display: none;
}

.sidenav-open .sidenav-trigger__close {
    opacity: 1;
    display: block;
}

.header__nav {
    float: left;
    list-style: none;
    margin: 32px 0 0 35px;
}

.header__nav::after {
    clear: both;
    content: "";
    display: block;
}

.header__nav li {
    float: left;
    margin: 0 35px 0 0;
    position: relative;
}

.header__nav li:last-child {
    margin-right: 0 !important;
}

.header__nav li:hover>.sub-menu {
    opacity: 1;
    top: 34px;
    visibility: visible;
    display: block;
}

.header__nav li .badge {
    background-color: #3895D6;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    height: 15px;
    letter-spacing: -1px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(50%) translateY(-50%);
    right: 0;
    width: 15px;
}

.header__nav .link-wrapper,
.header__nav a {
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: color .15s linear;
}

body:not(.page-template-page-front) .sps--abv .header__nav .link-wrapper,
body:not(.page-template-page-front) .sps--abv .header__nav a {
    color: rgba(0, 0, 0, 0.6);
}

.header__nav .link-wrapper .fa,
.header__nav a .fa {
    font-size: 14px;
    margin: 0 -4px;
    vertical-align: -2px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.header__nav .link-wrapper .fa.fa-bars,
.header__nav a .fa.fa-bars {
    font-size: 16px;
    margin: 0 -5px;
    vertical-align: -3px;
}

.header__nav .link-wrapper:hover,
.header__nav a:hover {
    color: #fff;
}

.header__nav .menu-item-has-children>a:after {
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: Tico;
    content: "\f107";
    font-size: 8px;
    margin: 0 0 0 14px;
    vertical-align: 2px;
    float: right;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
}

.header__nav .menu-item-has-children:hover>a:after {
    transform: rotate(180deg);
}

.header__nav .sub-menu {
    transform: translate3d(0);
    background-color: #333;
    border-radius: 2px;
    left: -16px;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 4px 0;
    position: absolute;
    top: 39px;
    transition: all .25s ease;
    visibility: hidden;
    width: 220px;
}

.header__nav .sub-menu .menu-item-has-children>a:after {
    content: "\f105";
    float: right;
}

.header__nav .sub-menu .menu-item-has-children>.sub-menu {
    left: 222px;
    top: -4px;
}

.header__nav .sub-menu .menu-item-has-children>.sub-menu:before {
    background-color: transparent;
    border: 0;
    bottom: 0;
    height: 100%;
    left: -2px;
    top: 0;
    width: 2px;
}

@media screen and (max-width:48em) {
    .header__nav .sub-menu {
        border-left: 2px solid rgba(255, 255, 255, 0.2);
        margin: 0 0 0 15px;
        opacity: 1;
        position: relative;
        top: 0 !important;
        visibility: hidden;
        width: 100%;
        display: none;
        background-color: transparent;
    }
}

.header__nav .sub-menu:before {
    border: 5px solid transparent;
    border-bottom-color: #333;
    content: "\f107";
    display: block;
    height: 0;
    left: 13px;
    position: absolute;
    top: -10px;
    width: 0;
}

.header__nav .sub-menu:after {
    background-color: transparent;
    content: '';
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: -20px;
}

.header__nav .sub-menu li {
    display: block;
    float: none;
    margin: 0;
}

.header__nav .sub-menu li a {
    color: rgba(255, 255, 255, 0.7) !important;
    display: block;
    font-weight: 400;
    padding: 8px 16px;
    text-transform: inherit;
    vertical-align: middle;
}

.header__nav .sub-menu li a:hover {
    color: #fff !important;
}

#sidebar .float-widget-mirror,
#sidebar .widget>.widget-content,
#sidebar .widget>.widget-title>span,
#sidebar .widget_float-sidebar>.widget>.widget-content,
article .entry-thumb,
body>#content .main-wrap,
body>#content .main-wrap>#sidebar {
    position: relative
}

@media (max-width:480px) {

    #header-nav .nav-search>a,
    #header-nav .nav-user>a {
        padding: 0 5px
    }

    #header-nav .nav-user>a .badge {
        left: 35px
    }

    body>#content {
        padding: 10px 5px !important
    }
}

.hero {
    height: 100vh;
    position: relative;
}

@media screen and (max-width:34em) {
    .hero {
        height: 200px !important;
    }
}

.admin-bar .hero {
    height: calc(100vh - 32px);
}

.hero--animate .hero__content h1 {
    opacity: 1;
    top: 0;
}

.hero--animate .hero__content h2 {
    bottom: 0;
    opacity: 1;
}

.hero--animate .hero__categories li {
    opacity: 1;
}

.hero--animate .hero__categories li:nth-child(1) {
    transition-delay: 0.9s;
}

.hero--animate .hero__categories li:nth-child(2) {
    transition-delay: 1.3s;
}

.hero--animate .hero__categories li:nth-child(3) {
    transition-delay: 1.7s;
}

.hero--animate .hero__categories li:nth-child(4) {
    transition-delay: 2.1s;
}

.hero--animate .hero__categories li:nth-child(5) {
    transition-delay: 2.5s;
}

.hero__image {
    background: #424242;
    background-size: cover;
    background-position: center center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.hero__image__overlay {
    background-color: rgba(66, 66, 66, 0.8);
    box-shadow: inset 0 -30px 30px 0 rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.hero__inner {
    max-width: 1640px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    position: absolute;
    top: calc(50% + 20px);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 2;
}

.hero__inner::after {
    clear: both;
    content: "";
    display: block;
}

.hero__content {
    padding: 0 260px;
    text-align: center;
}

@media screen and (max-width:78em) {
    .hero__content {
        padding: 0 100px;
    }
}

@media screen and (max-width:62em) {
    .hero__content {
        padding: 0 30px;
    }
}

@media screen and (max-width:34em) {
    .hero__content {
        padding: 0 30px;
    }
}

.hero__content h1,
.hero__content h2 {
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    tranform: translateZ(0);
}

.hero__content h1 {
    margin: 0 0 30px 0;
    font-size: 52px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    opacity: 0;
    top: -10px;
    transition: all 1s ease;
}

@media screen and (max-width:62em) {
    .hero__content h1 {
        font-size: 42px;
    }
}

@media screen and (max-width:48em) {
    .hero__content h1 {
        font-size: 32px;
    }
}

@media screen and (max-width:34em) {
    .hero__content h1 {
        font-size: 24px;
    }
}

.hero__content h2 {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    bottom: -10px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    opacity: 0;
    position: relative;
    transition: all 1s ease;
}

@media screen and (max-width:62em) {
    .hero__content h2 {
        font-size: 18px;
    }
}

@media screen and (max-width:48em) {
    .hero__content h2 {
        font-size: 16px;
    }
}

.hero__categories {
    list-style: none;
    margin: 60px 0 0 0;
    padding: 0;
}

.hero__categories::after {
    clear: both;
    content: "";
    display: block;
}

@media screen and (max-width:34em) {
    .hero__categories {
        display: none;
    }
}

.hero__categories li {
    display: inline-block;
    margin: 0 40px;
    opacity: 0;
    transition: opacity .6s ease;
    transform: translateZ(0);
}

@media screen and (max-width:34em) {
    .hero__categories li {
        margin: 10px 20px;
    }
}

.hero__categories li a {
    color: #fff;
    display: block;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
}

.hero__categories li a img {
    display: inline-block;
    margin: 0 0 15px 0;
    max-height: 50px;
    position: relative;
    top: 0;
    transition: all .15s linear;
}

@media screen and (max-width:34em) {
    .hero__categories li a img {
        max-height: 32px;
    }
}

@media screen and (max-width:34em) {
    .hero__categories li a {
        font-size: 12px;
    }
}

.hero__categories li a span {
    display: block;
}

.hero__categories li a:hover img {
    top: -2px;
}

.hero form {
    letter-spacing: -4px;
    margin: 60px 0 0 0;
}

.hero form .hero__btn {
    border-radius: 0 4px 4px 0 !important;
    margin: 0 !important;
}

.hero__search {
    border: 0 !important;
    border-radius: 4px 0 0 4px !important;
    display: inline-block !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 25px !important;
    vertical-align: top !important;
    width: 600px !important;
}

.hero__search:active,
.hero__search:focus {
    box-shadow: none;
    outline: none;
}

@media screen and (max-width:62em) {
    .hero__search {
        width: 400px;
    }
}

@media screen and (max-width:34em) {
    .hero__search {
        border-radius: 4px;
        font-size: 14px;
        height: 42px;
        width: 100%;
    }
}

.hero__btn {
    background-color: #3895D6;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), transparent);
    border: 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 58px;
    line-height: 1;
    margin: 30px 0 0 0;
    padding: 21px 40px;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.05);
    transition: background-color .15s linear;
}

.hero__btn:hover {
    background-color: #2a89cb;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.08), transparent);
}

@media screen and (max-width:34em) {
    .hero__btn {
        border-radius: 4px;
        font-size: 14px;
        line-height: 30px;
        margin: 15px 0 0 0;
        padding: 13px 20px;
        width: 100%;
    }
}

.sidenav {
    background-color: #3d3e3e;
    bottom: 0;
    margin: 0 !important;
    max-width: 90%;
    padding: 25px 20px;
    position: fixed;
    right: -225px;
    top: 0;
    transform: translate3d(0, 0, 1px);
    transition: right .3s ease;
    width: 215px;
    z-index: 10;
    overflow-y: scroll;
    overflow-x: hidden;
}

.sidenav .isdashboard {
    margin: auto;
    padding: 5px;
    background: #2f2f2f;
    border-radius: 4px;
    border: 1px dashed #aaa;
    font-size: 12px;
    text-align: center;
}

.sidenav .isdashboard ul li a {
    color: #aaa;
}

@media screen and (max-width:48em) {
    .sidenav {
        z-index: 11;
    }
}

.admin-bar .sidenav {
    padding-top: 53px;
}

.sidenav h2.widgettitle {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.sidenav__close {
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 25px;
    transition: all .15s linear;
    width: 36px;
}

.admin-bar .sidenav__close {
    top: 56px;
}

@media screen and (max-width:48em) {
    .admin-bar .sidenav__close {
        display: none;
    }
}

.sidenav__close:hover {
    color: #fff;
}

.sidenav__close .fa {
    -webkit-font-smoothing: subpixel-antialiased;
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}

.sidenav .product-categories,
.sidenav .menu {
    list-style: none;
    margin: 0 0 40px 0;
    padding: 0;
}

.sidenav .product-categories li,
.sidenav .menu li {
    line-height: 24px;
    margin: 0;
}

.sidenav .product-categories a,
.sidenav .menu a {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 13px;
    padding: 7px 0;
    text-decoration: none;
    transition: color .15s linear;
}

.sidenav .product-categories a:hover,
.sidenav .menu a:hover {
    color: #fff;
}

.sidenav #menu-social {
    list-style: none;
    margin: 7px 0 40px 0;
    padding: 0;
}

.sidenav #menu-social::after {
    clear: both;
    content: "";
    display: block;
}

.sidenav #menu-social li {
    float: left;
    margin: 0 13px 0 0;
    position: relative;
}

.sidenav #menu-social li:last-child {
    margin-right: 0;
}

.sidenav #menu-social li a {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    font-size: 12px;
    height: 26px;
    transition: all .15s linear;
    width: 26px;
}

.sidenav #menu-social li a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.sidenav #menu-social li .fa {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.sidenav-open .sidenav {
    right: 0;
}

.sidenav .view_product-list>li {
    position: relative;
    padding: 10px 0;
    clear: both;
    border-top: 1px dashed #484848;
}

.sidenav .view_product-list>li:first-child {
    border-top-width: 0
}

.sidenav .view_product-list>li>a {
    color: #fff
}

.sidenav .view_product-list>li>a:hover {
    opacity: .6
}

.sidenav .view_product-list>li>a img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 8px;
    border-radius: 2px;
}

.sidenav .view_product-list>li>a span {
    display: block;
    padding-left: 68px;
    height: 40px;
    margin-right: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 20px;
    word-break: break-all
}

.sidenav .view_product-list>li>.price {
    position: absolute;
    left: 68px;
    bottom: 8px;
    display: inline-block;
    margin-top: 10px;
    color: #29AA60;
}

.sidenav .view_product-list>li>.price i {
    margin-right: 5px
}

.sidenav .view_product-list>li del span {
    color: #aaa !important
}

.sidenav .widget_shopping_cart {
    margin-top: -60px;
    display: none
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li {
    position: relative;
    padding: 10px 0;
    clear: both
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li>a {
    color: #ffffff;
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li>a:hover {
    opacity: .6
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li>a img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 8px;
    border-radius: 2px;
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li>a>span {
    display: block;
    padding-left: 68px;
    height: 40px;
    margin-right: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 20px;
    word-break: break-all
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li>.price {
    position: absolute;
    left: 68px;
    bottom: 10px;
    font-size: 14px;
    line-height: 1;
    color: #29AA60;
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li>.price i {
    vertical-align: -2px
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li>.delete {
    position: absolute;
    right: 2px;
    bottom: 12px;
    font-size: 1.6rem;
    cursor: pointer;
    color: #8899a6
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>li>.delete:hover {
    color: #e74c3c
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>.cart-amount {
    padding: 5px 0;
    margin-top: 5px;
    font-size: 1.5rem;
    line-height: 2;
    border-top: 1px dashed #484848;
    color: #fff;
}

.sidenav .widget_shopping_cart>.widget_shopping_cart-list>.cart-amount i {
    vertical-align: -2px;
    margin-right: 5px
}

.sidenav .widget_shopping_cart>.cart-actions {
    display: none
}

.sidenav .widget_shopping_cart>.cart-actions>a {
    padding: 8px 14px;
    font-size: 1.5rem;
    line-height: 1;
    margin-right: 5px;
}

.sidenav .widget_shopping_cart.active {
    margin-top: 0;
    display: block
}

.sidenav .widget_shopping_cart.active>.cart-actions,
body>.wrapper>.row>#secondary>.widget_shopping_cart.active>.widget_shopping_cart-list,
body>.wrapper>.row>#secondary>.widget_shopping_cart.active>h3 {
    display: block
}

body.site-page header.simple-header {
    width: 100%;
    height: 60px;
    z-index: 999;
    background: #fff
}

body.site-page header.black,
header.black nav>ul>li.menu-item-has-children:hover>.sub-menu {
    background: #252525
}

body.site-page header.simple-header .logo {
    display: block;
    height: 56px
}

body.site-page header.simple-header .logo img {
    height: 56px;
    padding: 5px;
}

body.site-page header.black {
    border: 0 !important
}

body.site-page header.black nav>ul>li.current-menu-item>a {
    color: #fff
}

body.site-page header.black nav>ul a {
    color: #7289a2
}

header.black nav>ul a:hover {
    color: #fff
}

body.site-page header.white {
    background: #fff
}

body.site-page header.white nav>ul>li.current-menu-item>a {
    color: #55ca56
}

body.site-page header.white nav>ul>li.menu-item-has-children:hover>.sub-menu {
    background: #fff
}

body.site-page header.white nav>ul>li>.sub-menu {
    background: #fff;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 3px
}

body.site-page header.white nav>ul a {
    color: #34495e
}

body.site-page header.white nav>ul a:hover {
    color: #55ca56
}

body.site-page header.white nav>ul.header-tool-menu .dropdown-menu {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

body.site-page .logo-header {
    text-align: center;
    box-shadow: none !important
}

body.page-template #content,
body.page-template-template #content,
body.page-template-blog #content,
body.post-template-default #content,
body.single #content,
body.page-template #content,
body.page-template-default #content,
body.me #content,
body.me-settings #content,
body.blog #content,
body.paged #content,
body.archive #content,
body.search #content,
body.site_util-download #content {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.page__wrapper {
    display: block;
    height: 100%;
    left: 0;
    position: relative;
    transition: left .3s ease;
    width: 100%;
}

.page__wrapper__overlay {
    background-color: rgba(66, 66, 66, 0.3);
    bottom: 0;
    content: '';
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s linear, .3s visibility 0s linear;
    visibility: hidden;
    z-index: 999;
}

.sidenav-open .page__wrapper {
    left: -215px;
}

.sidenav-open .page__wrapper .page__wrapper__overlay {
    opacity: 1;
    transform: translate3d(0, 0, 1px);
    transition: opacity .3s linear;
    visibility: visible;
}

.information-bar {
    display: block;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 16px;
    line-height: 36px;
    width: 100%;
    padding: 20px;
}

.bar-big {
    display: block;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 16px;
    line-height: 36px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.information-big {
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.information-bar .slide-container {
    position: relative;
    overflow: hidden;
    height: 40px;
}

.information-bar::after {
    clear: both;
    content: "";
    display: block;
}

.information-bar__inner {
    text-align: center;
}

@media screen and (max-width:34em) {
    .information-bar__inner {
        margin: 0;
        padding: 0;
        text-align: center;
    }
}

.information-bar__text a {
    color: rgba(66, 66, 66, 0.7);
    display: inline-block;
    line-height: 36px;
}

.information-baricon i {
    margin-right: 10px;
}

.information-bar a .fa {
    font-size: 11px;
    margin: 0 0 0 10px;
}

@media screen and (max-width:34em) {
    .information-bar a {
        display: block;
        margin: 0 0 0 0;
        width: 100%;
    }
}

#home-postmode {
    padding-left: 0px;
    padding-right: 0px;
}

.section-info .postmodettitle {
    color: #424242;
    font-size: 24px;
    font-weight: 400;
    margin: 15px 0 15px 0;
    text-align: center;
}

.section-info {
    padding-left: 15px;
    padding-right: 15px;
}

.section-info .postmode-description {
    color: rgba(66, 66, 66, 0.7);
    font-size: 16px;
    margin: 0 0 30px 0;
    text-align: center;
}

.catga-section-info .postmodettitle {
    color: #aaa;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 30px;
    text-align: center;
    margin: 0;
}

.catga-section-info .postmode-description {
    color: rgba(66, 66, 66, 0.7);
    font-size: 16px;
    margin: 0 0 30px 0;
    text-align: center;
}

.product-info {
    background-color: #fff;
    border-radius: 2px;
}

.product-info__section {
    border-bottom: 1px solid #f2f4f7;
    padding: 25px 20px;
}

.product-info__table table {
    width: 100%;
}

.product-info__table table td {
    width: 50%;
    font-size: 12px;
    color: #aaa;
    text-align: center;
}

.product-info__section--sales strong {
    display: block;
    font-size: 34px;
    text-align: center;
}

.product-info__section--author {
    text-align: center;
}

.product-info__section--author a {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #424242;
    display: block;
}

.product-info__section--author strong {
    display: block;
    font-weight: 400;
    margin: 10px 0 0 0;
}

.product-info__section--tags {
    font-size: 13px;
    line-height: 28px;
    text-align: center;
}

.shop-leftwidget-category {
    text-align: center;
}

.product-info__section--tags a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: rgba(66, 66, 66, 0.7);
    padding-bottom: 1px;
}

.product-info__section--attributes {
    font-size: 13px;
}

.product-info__section--attributes .shop_attributes th {
    padding-right: 25px;
}

.product-info__section--social {
    text-align: center;
}

.product-info__section--social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-info__section--social ul li {
    display: inline-block;
}

.product-info__section--rating strong {
    color: rgba(66, 66, 66, 0.7);
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.product-info__section--rating .stars {
    margin: 0 0 10px 0;
    text-align: center;
}

.product-info__section--rating .stars .fa {
    color: #FBC02D;
    margin: 0 2px;
}

.product-info h2 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 20px 0;
    text-align: center;
    position: relative;
}

#shop-post-aside .price {
    display: block;
    font-size: 34px;
    text-align: center;
}

.product-info .wp-user-avatar {
    border-radius: 50%;
}

.post-card {
    padding-left: 15px;
    padding-right: 15px;
}

.products {
    clear: both;
    margin: 0 0 -25px 0;
    padding: 0;
}

.products .product {
    box-shadow: 0 1px 1px 0 #dfdfdf;
    float: left;
    display: block;
    margin-right: 1.3333%;
    width: 24%;
    background-color: #fff;
    margin-bottom: 25px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.products .product:last-child {
    margin-right: 0;
}

.products .product:nth-child(4n) {
    margin-right: 0;
}

.products .product:nth-child(4n+1) {
    clear: left;
}

@media screen and (max-width:78em) {
    .products .product {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
    }

    .products .product:last-child {
        margin-right: 0;
    }

    .products .product:nth-child(4n) {
        margin-right: 2.35765%;
    }

    .products .product:nth-child(4n+1) {
        clear: none;
    }

    .products .product:nth-child(3n) {
        margin-right: 0;
    }

    .products .product:nth-child(3n+1) {
        clear: left;
    }
}

@media screen and (max-width:62em) {
    .products .product {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
    }

    .products .product:last-child {
        margin-right: 0;
    }

    .products .product:nth-child(3n) {
        margin-right: 2.35765%;
    }

    .products .product:nth-child(3n+1) {
        clear: none;
    }

    .products .product:nth-child(2n) {
        margin-right: 0;
    }

    .products .product:nth-child(2n+1) {
        clear: left;
    }
}

@media screen and (max-width:34em) {
    .products .product {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
    }

    .products .product:last-child {
        margin-right: 0;
    }

    .products .product:nth-child(2n) {
        margin-right: 2.35765%;
    }

    .products .product:nth-child(2n+1) {
        clear: none;
    }
}

.products .product h3 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products .product h3 a {
    color: #424242;
}

.products-small .products .product h3 {
    background-color: #424242;
    border-radius: 0 2px 2px 0;
    bottom: 0;
    color: #fff;
    font-size: 11px;
    left: 0;
    margin: 0;
    padding: 3px 10px !important;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 2;
}

.products .product br {
    display: none;
}

.products .product .star-rating {
    display: none;
}

.columns-4 .products .product {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
}

.columns-4 .products .product:last-child {
    margin-right: 0;
}

.columns-4 .products .product:nth-child(4n) {
    margin-right: 0;
}

@media screen and (max-width:62em) {
    .columns-4 .products .product {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
    }

    .columns-4 .products .product:last-child {
        margin-right: 0;
    }

    .columns-4 .products .product:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width:34em) {
    .columns-4 .products .product {
        float: left;
        display: block;
        margin-right: 38.19822%;
        width: 100%;
    }

    .columns-4 .products .product:last-child {
        margin-right: 0;
    }
}

.columns-6 .products .product {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
}

.columns-6 .products .product:last-child {
    margin-right: 0;
}

.columns-6 .products .product:nth-child(6n) {
    margin-right: 0;
}

@media screen and (max-width:34em) {
    .columns-6 .products .product {
        float: left;
        display: block;
        margin-right: 38.19822%;
        width: 100%;
    }

    .columns-6 .products .product:last-child {
        margin-right: 0;
    }
}

.columns-8 .products .product {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 9.36867%;
}

.columns-8 .products .product:last-child {
    margin-right: 0;
}

.columns-8 .products .product:nth-child(8n) {
    margin-right: 0;
}

@media screen and (max-width:62em) {
    .columns-8 .products .product {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
    }

    .columns-8 .products .product:last-child {
        margin-right: 0;
    }

    .columns-8 .products .product:nth-child(4n) {
        margin-right: 0;
    }
}

@media screen and (max-width:48em) {
    .columns-8 .products .product {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
    }

    .columns-8 .products .product:last-child {
        margin-right: 0;
    }

    .columns-8 .products .product:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width:34em) {
    .columns-8 .products .product {
        float: left;
        display: block;
        margin-right: 38.19822%;
        width: 100%;
    }

    .columns-8 .products .product:last-child {
        margin-right: 0;
    }

    .columns-8 .products .product:nth-child(1n) {
        margin-right: 0;
    }
}

.products .product:hover .product__image:after {
    opacity: 1;
    visibility: visible;
}

.products .product:hover .product__image a {
    opacity: .6;
    background: #fff;
}

.products .product .price {
    background-color: #3895D6;
    color: #fff;
    float: right;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    margin: -2px 0 0 0;
    padding: 2px 8px;
    border-radius: 2px;
}

.products .product .wcvendors_sold_by_in_loop {
    color: #aaa;
}

.products-small .products .product .price {
    display: none;
}

.products .product__category {
    color: #aaa;
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 6px 0;
    text-transform: uppercase;
}

.products-small .products .product__category {
    display: none;
}

.products .product__image {
    align-items: center;
    background-color: #ffffff;
    display: flex;
    height: 200px;
    justify-content: center;
    margin: 0 0 15px 0;
    position: relative;
}

.products-small .products .product__image {
    background-size: cover;
}

.products-small .products .product__image__cart {
    display: none;
}

.products-small .products .product__image__link {
    background-color: transparent;
    bottom: 0;
    left: 0;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.products-small .products .product__image__link .fa {
    font-size: 24px;
}

.products-small .products .product__image__link:hover {
    background-color: transparent;
}

.products-small .products .product__image {
    margin: -15px;
    height: 104px;
}

@media screen and (max-width:34em) {
    .products-small .products .product__image {
        height: 200px;
    }
}

.products .wcvendors-profile-image {
    background-image: url(//www.wpzt.cn/wp-content/themes/markethub/assets/css/../img/default.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 21px;
    margin: 0 5px 0 0;
    vertical-align: top;
    width: 21px;
}

.products-small .products .product__image:after {
    border-radius: 2px;
}

.products .product__image a {
    display: block;
    max-height: 100%;
    position: relative;
    transition: all .3s ease;
    transform: translateZ(0);
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
}

.products .product__image a:hover {
    color: #fff;
}

.products .product__image a .fa {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 15px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.cta {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin: 0 -1000px;
    padding: 100px 1000px;
    position: relative;
    text-align: center;
}

.cta::after {
    clear: both;
    content: "";
    display: block;
}

.cta__col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    padding: 0 50px;
}

.cta__col:last-child {
    margin-right: 0;
}

.cta__col:nth-child(2n) {
    margin-right: 0;
}

.cta__col:nth-child(2n+1) {
    clear: left;
}

@media screen and (max-width:34em) {
    .cta__col {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding: 0;
    }

    .cta__col:last-child {
        margin-right: 0;
    }
}

.cta__col h1 {
    font-weight: 300;
    margin: 40px 0 25px 0;
}

.cta__col p {
    color: rgba(66, 66, 66, 0.7);
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 40px 0;
}

.cta__col .fa {
    color: #aaa;
    font-size: 46px;
}

.cta__col a {
    background-color: #424242;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), transparent);
    border: 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    min-height: 44px;
    padding: 10px 16px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.05);
    transition: background-color .15s linear;
    white-space: nowrap;
    background-color: #29AA60;
    color: #fff;
    font-size: 15px;
    padding: 13px 30px;
}

.cta__col a:hover {
    background-color: #4f4f4f;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.08), transparent);
}

.cta__col a .fa {
    font-size: 11px;
    margin: 0 0 0 10px;
}

.cta__col a:hover {
    background-color: #249554;
}

@media screen and (max-width:34em) {
    .cta__col:first-child {
        margin-bottom: 80px;
    }
}

.cta__col:first-child:after {
    background-color: #EAEAEA;
    bottom: 50px;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 50px;
    width: 1px;
}

@media screen and (max-width:34em) {
    .cta__col:first-child:after {
        display: none;
    }
}

.cta-large {
    position: relative;
    background-color: #fff;
    color: #fff;
    font-size: 24px;
    margin: 0 auto;
    padding: 30px 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.cta-large__inner {
    position: relative;
}

.cta-large__inner::after {
    clear: both;
    content: "";
    display: block;
}

.cta-large__text {
    float: left;
}

@media screen and (max-width:34em) {
    .cta-large__text {
        float: none;
        margin: 0 0 30px 0;
    }
}

.cta-large__text img {
    float: left;
    height: 60px;
    margin: 0 30px 0 0;
}

@media screen and (max-width:34em) {
    .cta-large__text img {
        float: none;
        display: none;
        margin: 0;
    }
}

.cta-large__text h1 {
    font-size: 22px;
    line-height: 1.5;
    margin: 5px 0 15px 0;
    color: #424242;
}

.cta-large__text h2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    color: rgba(66, 66, 66, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 8px 0 0 0;
}

.cta-large__text h2:last-child {
    margin-right: 0;
}

@media screen and (max-width:34em) {
    .cta-large__text h2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .cta-large__text h2:last-child {
        margin-right: 0;
    }
}

.cta-large__button {
    background-color: #424242;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), transparent);
    border: 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    min-height: 44px;
    padding: 10px 16px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.05);
    transition: background-color .15s linear;
    white-space: nowrap;
    font-size: 15px;
    margin: 0;
    padding: 14px 28px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.cta-large__button:hover {
    opacity: .6
}

.cta-large__button .fa {
    font-size: 11px;
    margin: 0 0 0 10px;
}

@media screen and (max-width:62em) {
    .cta-large__button {
        margin: 60px 0 0 90px;
        position: relative;
    }
}

@media screen and (max-width:34em) {
    .cta-large__button {
        margin: 10px 0;
        position: relative;
        font-size: 12px;
        padding: 8px 16px;
        width: 100%;
    }
}

#sidebar .widget {
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .09)
}

#sidebar .widget>.widget-title {
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 400;
    border-bottom: 2px solid #f5f6f8;
    padding-bottom: 6px;
    color: #424242;
    font-size: 18px;
    font-weight: 400;
}

#sidebar .widget_float-sidebar>.widget>.widget-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 2rem;
    font-weight: 400;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 6px
}

#sidebar .widget_float-sidebar>.widget>.widget-title>span {
    border-bottom: 2px solid #29AA60;
    padding-bottom: 6px;
    position: relative
}

#sidebar .float-widget-mirror {
    visibility: hidden
}

body.home #sidebar .widget {
    border-radius: 0;
    box-shadow: none
}

body.home #sidebar .float-widget-mirror {
    visibility: hidden !important
}

#postcard-main .loop-rows article {
    position: relative;
    padding: 0 !important;
    margin-bottom: 20px !important;
    background-color: #fff;
    border-radius: 2px;
}

#postcard-main article .entry-thumb {
    position: relative;
    overflow: hidden;
}

#postcard-main article .entry-thumb img {
    display: block;
    width: 100%;
    height: auto;
    border: unset;
    border-radius: 2px 2px 0 0;
}

#postcard-main article .entry-thumb>a {
    display: block;
    max-height: 100%
}

#postcard-main article .entry-thumb>a.category,
article .entry-thumb>a[rel="category tag"],
article .entry-thumb>a[rel=tag] {
    display: inline-block;
    min-width: 50px;
    padding: 0 10px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    color: #fff;
    background-color: rgb(60, 60, 60, 0.3);
    border-radius: 2px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}

#postcard-main article .entry-detail {
    padding: 10px;
}

#postcard-main article {
    box-shadow: 0 1px 1px 0 #dfdfdf;
}

#postcard-main article>.entry-detail>header>h2>a {
    color: #424242;
}

#postcard-main article>.entry-detail .entry-excerpt {
    display: none;
}

#postcard-main article>.entry-detail>header>.entry-meta,
.loop-grid article>.entry-detail>header>.entry-meta {
    max-height: 20px;
    overflow: hidden;
}

#postcard-main article>.entry-detail>header>.entry-meta>span a {
    color: #7f8c8d;
}

#postcard-main article>.entry-detail>header>.entry-meta>span i {
    margin-right: 5px;
    vertical-align: -1px;
}

#postcard-main article>.entry-detail>header>h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 0;
    margin: 0 auto 10px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mod-insideContent #postlist-main {
    padding-left: 0px;
    padding-right: 0px;
}

#mod-insideContent .sidebar {
    padding-right: 0px;
}

@media screen and (max-width:62em) {
    #mod-insideContent #postlist-main {
        padding: 0;
    }

    #mod-insideContent .sidebar {
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 20px;
    }
}

.loop-rows article {
    position: relative;
    padding: 20px 20px 20px 20px !important;
    margin-bottom: 0 !important;
    background-color: #fff;
}

.loop-rows article:hover.excerpt .thumb {
    opacity: .6
}

.excerpt {
    position: relative;
    padding-left: 220px;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0
}

.excerpt .focus {
    margin-left: 0;
    position: relative;
    float: left;
    left: 0;
    top: 0;
    width: 200px;
    margin-right: 20px;
    overflow: hidden
}

.excerpt .thumb {
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: transparent
}

.excerpt h2 {
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 15px;
    font-weight: 700;
    max-height: 46.8px;
    overflow: hidden
}

.excerpt h2 a {
    color: #444
}

.excerpt h2 a:hover {
    color: #0ae
}

.excerpt .note {
    color: #999;
    height: 14px
}

.excerpt .meta {
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    left: 240px;
    right: 15px;
    color: #bbb;
    font-size: 12px;
}

.excerpt .meta span {
    margin-right: 10px;
}

.excerpt .meta time {
    float: left;
    margin-right: 10px;
}

.excerpt .meta .meta-cat {
    float: left
}

.excerpt .meta .meta-cmt {
    float: right
}

.excerpt .meta a {
    color: #bbb
}

.excerpt .meta a:hover {
    color: #0ae
}

@media (max-width:768px) {
    .excerpt {
        padding-bottom: 15px;
        margin-bottom: 15px;
        padding-left: 175px
    }

    .excerpt .focus {
        margin-left: 0;
        width: 160px
    }

    .excerpt .meta {
        left: 200px
    }

    .excerpt h2 {
        font-size: 16px;
        max-height: 41.6px;
        margin-bottom: 10px
    }

    .excerpt .meta {
        bottom: 15px
    }
}

@media (max-width:544px) {
    .excerpt {
        padding-left: 120px
    }

    .excerpt .focus {
        margin-left: 0;
        width: 110px
    }

    .excerpt .meta {
        left: 150px;
    }

    .excerpt h2 {
        font-size: 13px;
        line-height: 1.2;
        max-height: 46.8px;
        margin-bottom: 0
    }

    .excerpt .note {
        display: none
    }

    .excerpt .meta {
        line-height: 1.1;
        margin-bottom: -2px;
    }

    .excerpt .meta time {
        display: none;
    }
}

article .entry-thumb {
    overflow: hidden
}

article .entry-thumb img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: transparent
}

article .entry-thumb>a {
    display: block;
    max-height: 100%
}

article:hover>.hover-scale .wp-post-image {
    opacity: .6;
}

article:hover>.hover-overlay>a:before {
    opacity: 1
}

.widget_tag-cloud>.widget-content>.tags>a {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 0 10px;
    height: 24px;
    border-radius: 3px;
    background: #dfe3eb;
    color: #8f9bb3;
    line-height: 24px
}

.widget_tag-cloud>.widget-content>.tags>a:hover {
    color: #fff;
    background: #3895D6;
}

.widget_author-info>.widget-content {
    margin: -15px -20px 0
}

.widget_author-info>.widget-content>.author-card_bg {
    display: block;
    width: 100%;
    height: 145px;
    border-radius: 3px 3px 0 0;
    background-size: cover
}

.widget_author-info>.widget-content>.author-card_content>.author_avatar-link {
    position: absolute;
    width: 72px;
    height: 72px;
    top: 121px;
    left: 10px;
    border-radius: 3px 3px 0 0
}

.widget_author-info>.widget-content>.author-card_content>.author_avatar-link img {
    border-radius: 6px;
    height: 72px;
    width: 72px;
    border: 2px solid #fff;
    box-sizing: border-box;
    color: #fff
}

.widget_author-info>.widget-content>.author-card_content>.author-fields {
    padding-left: 100px
}

.widget_author-info>.widget-content>.author-card_content>.author-fields>.author-name {
    font-size: 1.8rem;
    font-weight: 700
}

.widget_author-info>.widget-content>.author-card_content>.author-fields>.author-user_level {
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 2px;
    font-size: 1.2rem;
    line-height: 1;
    vertical-align: 2px;
    color: #fff;
    background: #29AA60
}

.widget_author-info>.widget-content>.author-card_content>.author-interact {
    padding-left: 100px
}

.widget_author-info>.widget-content>.author-card_content>.author-interact>a {
    position: relative;
    color: #66757f
}

.widget_author-info>.widget-content>.author-card_content>.author-interact>a i {
    margin-right: 6px
}

.widget_author-info>.widget-content>.author-card_content>.author-interact>.follow-btn {
    padding-left: 20px;
    margin-right: 10px
}

.widget_author-info>.widget-content>.author-card_content>.author-interact>.follow-btn i {
    position: absolute;
    left: 0;
    top: 4px
}

.widget_author-info>.widget-content>.author-card_content>.author-stats {
    display: table;
    width: 100%;
    padding: 10px;
    margin-top: 10px
}

.widget_author-info>.widget-content>.author-card_content>.author-stats>span {
    position: relative;
    display: table-cell;
    width: 25%;
    height: 36px;
    text-align: center;
    font-weight: 700;
    font-size: 1.8rem
}

.widget_author-info>.widget-content>.author-card_content>.author-stats>span>span {
    display: block;
    color: #8899a6;
    font-size: 1.3rem;
    font-weight: 400;
    text-indent: 3px
}

@media (max-width:480px) {
    .widget_author-info>.widget-content {
        margin: -10px -15px 0
    }
}

.widget_hot-posts>.widget-content>article {
    position: relative;
    margin-top: 10px;
    min-height: 68px
}

.widget_hot-posts>.widget-content>article>.entry-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 68px
}

.widget_hot-posts>.widget-content>article>.entry-thumb>a img {
    display: block;
    width: 100%;
    height: 100%
}

.widget_hot-posts>.widget-content>article>.entry-detail {
    padding-left: 115px
}

.widget_hot-posts>.widget-content>article>.entry-detail>h2 {
    margin-top: 0;
    font-size: 1.3rem;
    line-height: 1.5;
    max-height: 40px;
    overflow: hidden;
    font-weight: 400
}

.widget_hot-posts>.widget-content>article>.entry-detail>h2 a {
    color: #34495e
}

.widget_hot-posts>.widget-content>article>.entry-detail>h2 a:hover {
    color: #3895D6;
}

.widget_hot-posts>.widget-content>article>.entry-detail>.entry-meta>span {
    font-size: 1.3rem
}

.widget_hot-posts>.widget-content>article>.entry-detail>.entry-meta>span i {
    margin-right: 5px
}

.widget_hot-posts>.widget-content>article>.entry-detail>.entry-meta>.comments-count,
.widget_hot-posts>.widget-content>article>.entry-detail>.entry-meta>.view-count {
    margin-right: 8px
}

.widget_hot-posts>.widget-content>article>.entry-detail>.entry-meta>.comments-count a {
    color: #7f8c8d
}

.widget_recent-comments>.widget-content>.comment {
    list-style: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fcfcfc
}

.widget_recent-comments>.widget-content>.comment:last-child {
    border-bottom: none
}

.widget_recent-comments>.widget-content>.comment>.comment-title {
    font-size: 1.2rem;
    color: #757f90
}

.widget_recent-comments>.widget-content>.comment>.comment-title>.comment-author {
    margin-right: 5px;
    color: #34495e
}

.widget_recent-comments>.widget-content>.comment>.comment-title>.comment-author img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: -5px
}

.widget_recent-comments>.widget-content>.comment>.comment-title a {
    padding-left: 5px;
    color: #3d566e
}

.widget_recent-comments>.widget-content>.comment>.comment-title a:hover {
    color: #29AA60
}

.widget_recent-comments>.widget-content>.comment>.comment-content {
    position: relative;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 3px;
    word-break: break-all;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #222f3d;
    background-color: #f5f6f8;
}

.widget_recent-comments>.widget-content>.comment>.comment-content:before {
    content: " ";
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-bottom-color: #f3f7fb;
    position: absolute;
    left: 20px;
    top: -10px
}

.widget_recent-comments>.widget-content>.comment>.comment-content>p:last-child {
    margin-bottom: 0
}

.widget_donate>.widget-content>.row>.qr-col {
    position: relative;
    padding-top: 25px
}

.widget_donate>.widget-content>.row>.qr-col>.qr-type-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 50%;
    margin-left: -12px;
    font-size: 2rem
}

.widget_donate>.widget-content>.row>.qr-col>.qr-type-wechat {
    color: #2dc100
}

.widget_donate>.widget-content>.row>.qr-col>.qr-type-alipay {
    margin-left: -15px;
    background: url(../img/icon/alipay.png) no-repeat;
    background-size: cover
}

.widget_donate>.widget-content>.row>.col-md-6:first-child {
    padding-right: 6px
}

.widget_donate>.widget-content>.row>.col-md-6:last-child {
    padding-left: 6px
}

.widget_credits-rank .widget-content ul li {
    position: relative;
    display: flex;
    margin-bottom: 15px
}

.widget_credits-rank .widget-content ul li:last-child {
    margin-bottom: 0
}

.widget_credits-rank .widget-content ul li .index {
    width: 30px;
    line-height: 48px;
    font-weight: 500;
    font-size: 2rem
}

.widget_credits-rank .widget-content ul li .index .num {
    font-style: italic
}

.widget_credits-rank .widget-content ul li .index img {
    position: absolute;
    width: 28px;
    top: 10px;
    left: -5px
}

.widget_credits-rank .widget-content ul li .avatar {
    width: 70px
}

.widget_credits-rank .widget-content ul li .avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    display: block
}

.widget_credits-rank .widget-content ul li .name {
    flex: 1;
    line-height: 48px
}

.widget_credits-rank .widget-content ul li .name a {
    font-size: 1.5rem
}

.widget_credits-rank .widget-content ul li .credits {
    min-width: 80px;
    line-height: 48px
}

.widget_credits-rank .widget-content ul li .credits .num {
    font-weight: 500;
    margin-right: 5px
}

@media (max-width:480px) {
    #sidebar {
        margin-bottom: -10px
    }

    #sidebar .widget {
        padding: 10px 15px;
        margin-bottom: 10px
    }

    #sidebar .float-widget-mirror {
        display: none
    }

    body>#content .main-wrap>#sidebar {
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
}

[data-tooltip]:after,
[data-tooltip]:before {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    -moz-transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

[data-tooltip]:not([data-tooltip=""]):before {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-right: 10px;
    right: 100%;
    left: auto;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #525252;
    color: #fff;
    content: attr(data-tooltip);
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    text-transform: none;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    line-clamp: 10;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 177px;
}

[data-tooltip]:not([data-tooltip=""]):after {
    position: absolute;
    top: 50%;
    right: 100%;
    margin-right: 5px;
    margin-top: -5px;
    width: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent rgba(0, 0, 0, .85);
    content: " ";
    font-size: 0;
    line-height: 0
}

[data-tooltip]:not([data-tooltip=""]):hover:after,
[data-tooltip]:not([data-tooltip=""]):hover:before {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -moz-transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important
}

body .footer .footer-before img {
    display: block;
    width: 100%;
    height: 5px
}

body .footer .footer-wrap>.footer-nav {
    padding: 20px 0;
    text-align: center;
    background: #000
}

body .footer .footer-wrap>.footer-nav a {
    color: #fff
}

body .footer .footer-wrap>.footer-nav a:before {
    background-color: #c2c2c2
}

body .footer .footer-wrap>.footer-nav>.footer-nav-links {
    margin-bottom: 20px
}

body .footer .footer-wrap>.footer-nav>.footer-nav-links>ul>li {
    display: inline-block
}

body .footer .footer-wrap>.footer-nav>.footer-nav-links>ul>li>a {
    margin: 5px
}

body .footer .footer-wrap>.footer-nav>.footer-shares {
    margin-bottom: 15px
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a {
    margin: 0 10px
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a>.tico {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    color: #fff;
    font-size: 2rem
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon {
    font-size: 2rem;
    position: absolute;
    left: 0;
    top: 0;
    color: #f1af1b;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon.tico-facebook {
    color: #2f4b93
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon.tico-twitter {
    color: #00bdef
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon.tico-weibo {
    color: #f74660
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon.tico-weixin {
    color: #2dc100
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon.tico-qq {
    color: #f68575
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon.tico-users2 {
    color: #6cbd9f
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon.tico-google-plus {
    color: #2d2d2d
}

body .footer .footer-wrap>.footer-nav>.footer-shares>a .se-icon.tico-envelope {
    color: #a6c5d2
}

body .footer .footer-wrap>.footer-nav>.footer-shares a:hover .se-icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

body .footer .footer-wrap>.footer-nav>.footer-copy {
    color: #d2d2d2;
    font-size: 1.4rem
}

#fix-controls {
    position: fixed;
    right: 25px;
    width: 40px;
    z-index: 9996;
    background: #ffffff;
    border: unset;
    font-size: 2rem;
    bottom: 25px;
    top: unset;
    border-radius: 2px;
}

@media screen and (max-width:62em) {
    #fix-controls {
        display: none;
    }
}

#fix-controls>a {
    position: relative;
    display: block;
    color: #525252;
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #ffffff;
    border-radius: 2px;
}

#fix-controls>a i {
    position: relative;
    z-index: 3;
    font-size: 1.6rem;
    -webkit-transition: transform .15s linear;
    -ms-transition: transform .15s linear;
    -moz-transition: transform .15s linear;
    -o-transition: transform .15s linear;
    transition: transform .15s linear
}

#fix-controls>a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #bbbbbb;
    border-radius: 2px;
    margin: 0;
    padding: 0;
    border: none;
    -webkit-transform: scale(.1);
    -moz-transform: scale(.1);
    -ms-transform: scale(.1);
    transform: scale(.1)
}

#fix-controls>a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (max-width:480px) {
    #fix-controls {
        display: none
    }
}

#globalSearch {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 0 0;
    display: none;
    z-index: 1050;
    -webkit-backface-visibility: hidden
}

#globalSearch>form>.search-form-inner {
    position: absolute;
    width: 100%;
    max-width: 640px;
    height: 80px;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    margin-top: -40px;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

#globalSearch>form input {
    width: 100%;
    height: 60px;
    line-height: 100%;
    padding: 20px;
    border-radius: 5px;
    border: none
}

.action-page.findpass>header,
.oauth-page.oauth-last>header {
    background: 0 0
}

@media screen and (min-width:1500px) {
    .container {
        width: 1392px;
    }
}

#main .single-article>.embed-product>a>img {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 15px 0 0
}

#main>.post>.related-posts article .entry-detail .entry-title {
    font-weight: 800
}

#topBulletins {
    height: 30px
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.action-page .wrapper {
    margin-top: 0
}

.action-page.signin>.wrapper>.main>.logo {
    max-width: 200px
}

.aplayer {
    margin: 10px !important
}

#main .article-footer>.post-like>.post-pay {
    margin-left: 10px;
    outline: 0;
    padding: 0 10px;
    display: inline-block;
    min-width: 105px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #f64540;
    border-radius: 4px;
    color: #f64540;
    font-size: 15px;
    line-height: 38px;
    text-align: center
}

#main .article-footer>.post-like>.post-pay i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px
}

body>#siteQrcodes {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 0 0;
    display: none;
    z-index: 1050;
    -webkit-backface-visibility: hidden
}

body>#siteQrcodes>.qr-wrap {
    position: absolute;
    width: 500px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -100px
}

body>#siteQrcodes>.qr-wrap>.qrcode>.ali-qr img,
body>#siteQrcodes>.qr-wrap>.qrcode>.wx-qr img {
    width: 100%;
    height: auto
}

.cat-container>.home-heading>span,
.sticky-container>.home-heading>span {
    border-bottom: 2px #45b6f7 !important;
    position: initial !important
}

.widget_author-info>.widget-content>.author-card_content>.author_avatar-link img {
    border: 4px solid rgb(245, 246, 248);
}

#main>.post>.single-body>.share-bar {
    margin-top: 50px
}

body.qrpay>.wrapper>.main>.payment>.payment-wrapper {
    padding-top: 10px
}

#sidebar .float-widget-mirror {
    z-index: 1
}

.embed-product .product-info .product-rating .entry-meta i {
    margin-right: 5px;
    margin-left: 5px
}

.navigation .h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.me-cash .input-group-addon {
    width: 10px
}

.kuacg-breadcrumb a {
    color: #34495e
}

.kuacg-breadcrumb i {
    margin-right: 5px
}

.single-post .kuacg-breadcrumb {
    margin-bottom: 20px;
    margin-top: 10px
}

body>.wrapper>.content>.row>.col>.product>.entry-detail>.entry-meta>.meta-price {
    margin-left: 6px
}

.product .entry-detail .price {
    color: #85ad74
}

.product .entry-detail .line-height {
    line-height: 40px
}

.product .entry-detail .price del span {
    color: #aaa !important
}

.product .entry-detail .price i,
.single .embed-product .product-info .price i {
    margin-right: 5px
}

#main .single-article>p,
#tab-description>p {
    margin: 10px 0 10px !important
}

#main .single-article blockquote,
#tab-description blockquote {
    margin: 15px 0 !important;
    line-height: 1.8;
}

blockquote li {
    padding: 3px 0
}

#main .single-article li {
    padding: 3px 0;
    line-height: 25px
}

#main .single-article {
    font-size: 1.5rem !important;
}

a.btn.btn-download {
    background-color: #424242;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), transparent);
    border: 0;
    border-radius: 2px;
}

a.btn.btn-download:hover {
    display: inline-block;
    border: 0;
    border-radius: 2px;
    color: #fff;
    opacity: .6
}

#main .single-article>p>a,
#tab-description>p>a {
    padding: inherit !important
}

#main .single-article>p>.btn-download {
    padding: 10px 15px !important
}

.widget_hot-posts>.widget-content>article {
    margin-top: 15px !important
}

.sidebar .widget-title {
    font-size: 18px;
    color: #282828;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 20px !important;
    position: relative;
    border-bottom: 2px solid #f5f6f8;
}

.cat-container .heading-text:after,
.sticky-container .heading-text:after {
    content: "";
    background-color: #19b5fe;
    left: 1px;
    width: 80px;
    height: 2px;
    bottom: -2px;
    position: absolute;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.cat-container:hover .heading-text::after,
.sticky-container:hover .heading-text::after {
    width: 140px
}

.social-widget-link {
    position: relative;
    margin-bottom: 10px;
    position: relative;
    display: block;
    font-size: 13px;
    background: #fff;
    color: #525252;
    line-height: 40px;
    padding: 0 14px;
    border: 1px solid #ddd;
    border-radius: 2px
}

.social-widget-link-count i {
    margin-right: 9px;
    font-size: 17px;
    vertical-align: middle
}

.social-widget-link-title {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 100px;
    text-align: center;
    background: rgba(255, 255, 255, .08);
    transition: width .3s;
    border-radius: 0 3px 3px 0
}

.social-widget-link:hover .social-widget-link-title {
    width: 116px
}

.social-widget-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.social-link-weibo {
    border-color: rgba(236, 61, 81, .39)
}

.social-link-weibo i {
    color: #ec3d51
}

.social-link-weibo .social-widget-link-title {
    background-color: #ec3d51;
    color: #fff
}

.social-link-tencent-weibo {
    border-color: rgba(104, 166, 214, .39)
}

.social-link-tencent-weibo i {
    color: #68a6d6
}

.social-link-tencent-weibo .social-widget-link-title {
    background-color: #68a6d6;
    color: #fff
}

.social-link-email {
    border-color: rgba(42, 179, 154, .4)
}

.social-link-email i {
    color: #2ab39a
}

.social-link-email .social-widget-link-title {
    background-color: #2ab39a;
    color: #fff
}

.social-link-qq {
    border-color: rgba(18, 170, 232, .39)
}

.social-link-qq i {
    color: #12aae8
}

.social-link-qq .social-widget-link-title {
    background-color: #12aae8;
    color: #fff
}

.social-link-wechat {
    border-color: rgba(25, 152, 114, .4)
}

.social-link-wechat i {
    color: #199872
}

.social-link-wechat .social-widget-link-title {
    background-color: #199872;
    color: #fff
}

.attentionus ul {
    padding: 15px 20px 0 20px
}

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 3s;
    animation-duration: 5s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    animation-duration: 2s
}

@keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {

    from,
    to {
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {

    11.1%,
    from,
    to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    60% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    60% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    60% {
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    60% {
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    60% {
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    60% {
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    60% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    60% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        transform: scale(.6)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

#main>.post>.single-body>.article-header>.article-title {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 26px;
    color: #3d464d
}

#main>.post>.single-body>.article-header {
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

#main>.post>.single-body>.article-header>.article-meta {
    margin-bottom: 15px
}

#main>.post>.single-body>.article-header>.article-meta .item {
    margin-right: 10px
}

#main>.post>.single-body>.article-header>.article-meta .item a {
    color: #576366;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#main>.post>.single-body>.article-header>.article-meta .item i {
    margin-right: 2px
}

#main>.post>.single-body>.article-header>.post-tags {
    display: block
}

.footer-wrap {
    background-color: #535353 !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
}

.footer-custom a {
    color: #bbb !important
}

.footer-custom a:hover {
    color: #7e858a !important
}

.footer-custom {
    background-color: rgba(66, 66, 66, .95) !important;
}

#footer-menu {
    padding: 30px 0;
    position: relative;
    font-size: 1.3rem;
    overflow: hidden;
    color: #fff;
}

@media (max-width:1200px) {
    #footer-menu {
        display: none;
    }

    #footer-copy .copyright .footer-shares {
        display: none !important;
    }

    #footer-copy .copyright {
        border-top: unset !important;
    }
}

#footer-copy .copyright {
    padding: 20px 0;
    overflow: hidden;
    border-top: 1px dashed #717171;
}

#footer-copy .copyright .footer-shares {
    float: right;
    display: inline-block;
}

#footer-copy .copyright .footer-shares>a {
    font-size: 1.5rem;
    margin-right: 15px
}

#footer-copy .copyright .footer-shares>a>i:hover {
    color: #45b6f7
}

#footer-copy .copyright .footer-copy {
    display: inline-block;
    font-size: 1.2rem;
    color: #bbb
}

#footer-menu ul li a .kuangimg {
    width: 80px;
    height: 80px;
    padding: 0;
    border: #f5f6f8 3px solid;
}

#footer-menu ul li {
    padding: 10px 0 0
}

#footer-menu .col-contact {
    float: right;
    width: 251px;
    height: 112px;
    border-left: 1px solid #eee;
    text-align: center;
    color: #bbb
}

#footer-menu .col-contact .phone {
    margin: 0 0 5px;
    font-size: 22px;
    line-height: 1;
    color: #fff;
    text-align: center;
    font-weight: 900
}

#footer-menu .col-contact p {
    margin: 10px 0 20px;
    font-size: 12px;
    text-align: center
}

#footer-menu .col-contact a {
    padding: 5px 10px;
    margin-top: 10px;
    border: 1px solid #eee !important;
    background: #444;
    color: #fff !important
}

#footer-menu .col-contact a:hover {
    opacity: .6
}

#footer-menu .mr95 {
    margin-right: 95px
}

#footer-menu .fs16 {
    font-size: 16px;
    text-align: center
}

#comment-author-info {
    margin-top: 20px
}

#comment-author-info .comment-md-3 {
    float: left;
    width: 50%;
    padding: 0 13px 0 0;
    font-size: 13px;
    color: #ccc;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    margin-top: 5px
}

#comment-author-info .comment-form-url {
    padding: 0
}

#commentform #author,
#commentform #email,
#commentform #qqinfo,
#commentform #url {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #eaeaea;
    color: #000
}

#commentform .input-group-addon {
    background-color: #f2f4f7;
    color: #424242;
    border: inherit;
}

#commentform {
    margin-bottom: 20px
}

#commentform .comment-form-textarea {
    margin-bottom: 20px
}

#commentform .comment-textarea-box {
    position: relative;
    margin-bottom: 15px
}

#commentform .comment-textarea-box textarea {
    display: block;
    font-size: 1.4rem;
    padding: 18px 14px;
    color: #adadad;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 10px 14px;
    line-height: 1.5;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #efefef
}

#commentform .form-submit {
    position: relative
}

#commentform .form-submit .btn-comment {
    -webkit-appearance: none;
    border-radius: 2px;
    background: #3895D6;
    color: #fff;
    padding: 14px 0;
    border: 0;
    font-size: 15px;
    width: 120px;
    line-height: 1;
    height: auto;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#commentform .form-submit .btn-comment:hover {
    opacity: .6;
}

@media screen and (max-width:767px) {
    #comment-author-info .comment-md-3 {
        width: 100%;
        padding: 0
    }
}

.login-link .login-comment {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%;
    color: #fff;
    background-color: #45b6f7;
    padding: 4px 6px;
    font-size: 1.2rem;
    line-height: 1;
    border-radius: 3px
}

.login-link .login-comment:hover {
    color: #fff;
    background-color: #000;
    border-color: #58d68d
}

#respond .login-link {
    padding-left: 2px
}

.input-group-addon:first-child {
    border-right: 0;
    padding: 10px 14px
}

body #modalSignBox {
    position: fixed;
    width: 360px;
    height: 480px;
    top: 50%;
    left: 50%;
    margin-top: -218px;
    margin-left: -180px;
    padding: 0 !important;
    background: #fff;
    border-radius: 3px;
    overflow: hidden
}

body #modalSignBox>h2 {
    margin-top: 20px;
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: 5px
}

body #modalSignBox>.local-signin {
    width: 100%;
    padding: 20px
}

body #modalSignBox>.local-signin>.form-group {
    position: relative
}

body #modalSignBox>.local-signin>.form-group>.form-control {
    border: 1px solid #bdc3c7;
    border-radius: 3px
}

body #modalSignBox>.local-signin>.form-group>.form-control:focus {
    border-color: #3498db
}

body #modalSignBox>.local-signin>.form-group>.tip {
    position: absolute;
    display: none;
    max-width: 160px;
    top: 9px;
    right: 5px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    border-radius: 3px;
    background-color: #f1c40f;
    color: #fff;
    overflow: hidden
}

body #modalSignBox>.local-signin>button {
    position: relative;
    width: 100%;
    height: 42px
}

body #modalSignBox>.local-signin>button i {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    font-size: 1.6rem
}

body #modalSignBox>.local-signin>.login-help a {
    color: #34495e
}

body #modalSignBox>.local-signin>.login-help a:before {
    background-color: #34495e
}

body #modalSignBox>.open-login {
    padding: 20px;
    text-align: center;
    background: #f3f7fb
}

body #modalSignBox>.open-login>p {
    font-size: 1.6rem
}

body #modalSignBox>.open-login>.social-items {
    margin: 0 auto
}

body #modalSignBox>.open-login>.social-items>a {
    margin: 0 10px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff
}

#cms-stickies,
#cms-stickies>.block-wrapper {
    margin-bottom: 20px
}

body #modalSignBox>.open-login>.social-items>a.btn-sn-weibo {
    background-color: #f74660
}

body #modalSignBox>.open-login>.social-items>a.btn-sn-qq {
    background-color: #f68575
}

body #modalSignBox>.open-login>.social-items>a.btn-sn-weixin {
    background-color: #2dc100
}

body #modalSignBox>.open-login>.social-items>a>span {
    position: relative;
    top: 2px
}

#postlist-main .loop-rows article.post>.entry-thumb,
#postlist-main #latest-posts .block5-widget .loop-rows article.post>.entry-thumb {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    width: 250px;
    margin-right: 20px;
}

#postlist-main .loop-rows article.post>.entry-detail>.entry-header>h2,
#postlist-main #latest-posts .block5-widget .loop-rows article.post>.entry-detail>.entry-header>h2 {
    position: relative;
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 5px;
}

#postlist-main .loop-rows article.post>.entry-detail>.entry-tags,
#postlist-main #latest-posts .block5-widget .loop-rows article.post>.entry-detail>.entry-tags {
    margin-top: 10px;
    padding-left: 270px;
}

#postlist-main .loop-rows article.post>.entry-detail>.entry-tags a,
#postlist-main #latest-posts .block5-widget .loop-rows article.post>.entry-detail>.entry-tags a {
    padding: 4px 10px;
    background-color: #55ca56;
    color: #fff;
    font-size: 1.2rem;
    line-height: 16px;
    font-weight: 400;
    margin: 0 5px 5px 0;
    border-radius: 2px;
    display: inline-block;
}

#postlist-main .loop-rows article.post>.entry-detail>.entry-excerpt,
#postlist-main #latest-posts .block5-widget .loop-rows article.post>.entry-detail>.entry-excerpt {
    color: #777;
    margin-top: 16px;
    word-break: break-all;
}

.widget_downwidget .item {
    margin: 10px 0 10px 0;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px
}

.widget_downwidget t {
    display: inline-block;
    margin-right: 10px
}

.widget_downwidget .price span {
    display: block;
    font-size: 12px;
    opacity: .5
}

.widget_downwidget .vip a {
    float: right;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 2px;
    background: #ff5f6d;
    color: #fff;
    font-size: 12px
}

.widget_downwidget .down {
    display: inline-block;
    margin: 20px 0 10px 0 !important;
    padding: 10px 20px !important;
    width: 100%;
    border: none !important;
    border-radius: 4px;
    background: #ff5f6d;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    transition: all .3s ease 0s;
}

.widget_downwidget .down:hover {
    opacity: .65
}

.widget_downwidget .tips {
    margin-top: 5px;
    color: #999;
    text-align: center;
    font-size: 13px
}

.widget_downwidget .meta {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    color: #999;
    text-align: right;
    font-size: 12px
}

#isa-edd-specs {
    clear: both !important;
    margin-top: 5px;
    padding: 0;
    width: 100% !important;
    border: 0 #ddd solid !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    text-align: left !important;
    line-height: 30px
}

#isa-edd-specs caption {
    padding: 0 !important;
    background: 0 0 !important;
    background: 0 0 !important;
    behavior: url(//mythemepreviews.com/squarecode-wp/wp-content/themes/squarecode-wp/ie-css3.htc)
}

#isa-edd-specs caption {
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    text-transform: uppercase;
    font-weight: 400 !important
}

#isa-edd-specs td {
    width: 50%;
    border: 0 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px !important
}

#isa-edd-specs td:last-child {
    color: #697888 !important;
    text-align: right;
    font-weight: 400 !important
}

#mod-insideContent .post-price {
    min-width: 50px;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    color: #fff;
    background-color: #ff5f6d;
    border-radius: 2px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}

@media (max-width:480px) {

    #mod-insideContent .post-price,
    #mod-insideContent .post-free {
        display: none
    }
}

.postmode-description .more {
    min-width: 50px;
    padding: 0 10px;
    right: 10px;
    top: 10px;
    z-index: 2;
    color: #fff;
    background-color: #7f8c8d;
    border-radius: 2px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

body.me-settings .setting-tab>.tab-content>.info-basis .user-cover {
    position: relative;
}

body.me-settings .setting-tab>.tab-content>.info-basis .cover-picker {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.changeimgicon {
    background: url(../img/icons.png) -125px 0 no-repeat;
    width: 20px;
    height: 20px;
}

body #content>.main-wrap>#main {
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width:480px) {
    body #content {
        padding: 10px 5px !important;
    }
}

body .footer .footer-wrap>.footer-nav>.footer-nav-links {
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

body .footer .footer-wrap>.footer-nav>.footer-nav-links>ul>li>a {
    margin: 5px;
}

body .footer .footer-wrap>.footer-nav>.footer-nav-links>ul>li {
    display: inline-block;
}

#postcard-main .loop-rows .col-xs-6,
#mod-insideContent>.col-md-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.user-area .isdashboard {
    margin: 5px;
    padding: 5px;
    background: #aaa;
    border-radius: 4px;
    border: 1px dashed #45b6f7;
    font-size: 16px;
    text-align: center
}

#mod-insideContent .post-free {
    min-width: 50px;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    color: #fff;
    background-color: #29aa60;
    border-radius: 2px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}

.dl-detail .btn-donate {
    background-color: #ff5e5c !important;
    color: #fff !important;
    display: inline-block;
    margin: 0 4px 8px 4px;
    padding: 0 10px;
    height: 24px;
    border-radius: 3px;
    line-height: 24px;
}

@media screen and (max-width:48em) {
    .information-big {
        width: 100%;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

.wb-zifenlei ul li {
    list-style-type: none;
    padding: 0 3px;
    float: left;
    line-height: 24px;
    margin-bottom: 5px
}

.wb-zifenlei ul li a {
    line-height: 26px;
    padding: 0 5px;
    display: block;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
    text-decoration: none;
    color: #333
}

.wb-zifenlei ul li a:hover,
.wb-zifenlei ul li.current-cat a {
    background-color: #04b7ea;
    color: #fff
}

.wb-zifenlei ul li .children {
    display: none
}

.wb-zifenlei .cat-item-none {
    display: none
}

article .wb_video_box_item {
    width: 100%;
    height: 100%;
    overflow: hidden
}

article .wb_video_box_item video,
article .wb_video_box_item iframe {
    display: block;
    width: 100%;
    height: auto
}

article.wb-list-ad img {
    width: 100%;
    height: auto
}

article:hover>.hover-scale .video-play {
    display: none;
}

article>.hover-scale .video-play {
    position: absolute;
    top: 42%;
    left: 42%;
    font-size: 40px;
    color: #eee;
}

.nav-user .dropdown-menu>li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    position: relative
}

.nav-user .dropdown-menu {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.nav-user .dropdown-menu {
    min-width: 180px;
    margin-top: 30px
}

.nav-user .dropdown-menu>li>a {
    position: relative;
    text-align: center;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.6) !important
}

.nav-user .dropdown-menu>li>a>span {
    position: absolute;
    top: 12px;
    left: 20px
}

#content>#mod-insideContent .bulletin .single-bulletin {
    min-height: 200px;
    padding: 40px;
}

.header-wrap {
    margin-bottom: 20px;
}

@media screen and (max-width:650px) {
    #content>#mod-insideContent .bulletin .single-bulletin {
        padding: 20px;
    }
}

#postlist-main .loop-rows article.post>.entry-detail>.entry-header>h2 a,
#postlist-main #latest-posts .block5-widget .loop-rows article.post>.entry-detail>.entry-header>h2 a {
    color: #424242;
}

.fake-video-player__button:after {
    border-right: none;
    border-left: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border-left-width: 20px;
    content: "";
    position: absolute;
}

.fake-video-player__button {
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -30px;
    background-color: #0f1622;
    background-color: rgba(15, 22, 34, 0.9);
    border-radius: 3px;
    content: "";
    display: none;
    height: 60px;
    position: absolute;
    width: 80px;
    display: block;
}

.article-focusbox {
    text-align: center;
    background-color: #394048;
    color: #eee;
    padding: 45px 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 1;
}

.article-focusbox.bgimg-fixed {
    padding: 100px 0;
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}

.article-focusbox:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: .6;
}

.article-meta a {
    color: #eee;
}

.article-tags a {
    display: inline-block;
    padding: 8px 10px 7px;
    line-height: 1;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 5px;
    color: #999;
    background-color: #eee
}

.article-tags a:hover {
    color: #fff;
    background-color: #FF6651
}

@keyframes fade-ins {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 28px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 28px;
    margin: auto
}

.circular .path {
    width: 100%;
    height: 100%;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke: #757575;
    stroke-linecap: round
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.toast {
    background: #0d2134;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    padding: 20px 60px;
    opacity: 0;
}

.toast .icon .modia {
    font-size: 28px
}

.toast .text {
    font-size: 1rem;
    font-weight: 700;
}

.toast .text p {
    margin: 0;
}

.toast.it {
    padding: 20px 40px
}

.toast.it .text {
    margin-top: 10px
}

.toast.icon {
    padding: 25px
}

.toast.fs {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.toast.el {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal-box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .6)
}

.modal-box .modal {
    position: absolute;
    width: 400px;
    height: 404px;
    background: #fff;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    margin-left: -202px;
    margin-top: -200px;
    z-index: 1;
    padding: 60px 50px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-box .modal .title {
    font-size: 28px;
    color: #2a2a2a;
    font-weight: 700
}

.modal-box .modal .content {
    margin-top: 29px;
    font-size: 18px;
    color: #2a2a2a;
    height: 166px;
    overflow-y: auto
}

.modal-box .modal .options-btns {
    margin-top: 35px
}

.modal-box .modal .options-btns a {
    width: 50%;
    color: #fff;
    font-weight: 700
}

.custom-modal-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 999;
    -webkit-animation: fade-ins .5s;
    animation: fade-ins;
    animation-duration: .5s;
}

.custom-modal-box .modal {
    max-width: 350px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    background: #fff;
    border-radius: 3px
}

.custom-modal-box .modal .close-modal {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 15px;
    color: #000;
    width: 25px;
    height: 25px;
    text-align: center;
    display: block;
}

.custom-modal-box .modal .close-modal:hover {
    opacity: .6
}

.custom-modal-box .modal .close-modal .modia {
    display: inline-block;
    width: 18px;
    height: 1px;
    background: #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.custom-modal-box .modal .close-modal .modia:after {
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    background: #333;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.custom-modal-box .modal .submit,
.custom-modal-box .modal .submit-btn {
    margin-top: 45px
}

.custom-modal-box .modal .submit-tips {
    text-align: center;
    font-size: 12px;
    color: #333;
    margin-top: 5px
}

.custom-modal-box .modal .submit-close {
    text-align: center;
    font-size: 14px;
    color: #e04a1c;
    margin-top: 15px;
    cursor: pointer
}

.custom-modal-box .modal .submit a,
.custom-modal-box .modal .submit button,
.custom-modal-box .modal .submit-btn a,
.custom-modal-box .modal .submit-btn button {
    display: block;
    height: 43px;
    line-height: 43px;
    width: 100%;
    background: #e04a1c;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.custom-modal-box .modal .submit {
    margin-top: 20px
}

.custom-modal-box .modal .feed-content {
    padding: 60px
}

.custom-modal-box .modal .feed-content>.title {
    font-size: 28px;
    color: #2a2a2a;
    font-weight: 700
}

.custom-modal-box .modal .feed-content .feed-type {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.custom-modal-box .modal .feed-content .feed-type span {
    font-size: 14px;
    color: #2a2a2a;
    font-weight: 700
}

.custom-modal-box .modal .feed-content .feed-type a {
    font-size: 14px;
    padding: 3px 22px;
    border: #e2e2e2 solid 1px;
    border-radius: 3px;
    color: #2a2a2a;
    margin-left: 12px
}

.custom-modal-box .modal .feed-content .feed-type a:first-child {
    margin-left: 23px
}

.custom-modal-box .modal .feed-content .feed-type a.active {
    border-color: #e04a1c;
    color: #e04a1c
}

.custom-modal-box .modal .feed-content .feed-text {
    margin-top: 20px
}

.custom-modal-box .modal .feed-content .feed-text textarea {
    border: #e2e2e2 solid 1px;
    border-radius: 3px;
    padding: 18px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    height: 130px;
    resize: none;
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 700
}

.custom-modal-box .modal .feed-content .row {
    margin-top: 20px
}

.custom-modal-box .modal .feed-content .row .label {
    font-size: 14px;
    font-weight: 700;
    color: #2a2a2a
}

.custom-modal-box .modal .feed-content .row .bottom-line-input-box {
    margin-top: 13px
}

.custom-modal-box .modal .feed-content .row .bottom-line-input-box input {
    font-size: 14px;
    color: #2a2a2a
}

.custom-modal-box .modal .popup-wppay-qrcode {
    padding-top: 30px;
    z-index: 999;
}

.custom-modal-box .modal .popup-wppay-html {
    padding: 0;
    z-index: 999;
}

.custom-modal-box .modal .popup-wppay-qrcode:before {
    content: '';
    display: inline-block;
    height: 32px;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.custom-modal-box .modal .alipay:before {
    background-image: url(../img/icon/alipay-brand.png);
}

.custom-modal-box .modal .weixinpay:before {
    background-image: url(../img/icon/weixinpay-brand.png);
    height: 58px;
}

.custom-modal-box .modal .pay-button-box {
    padding: 12px 30px;
    z-index: 999;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 8px #0d2133;
    border-radius: 4px;
}

.custom-modal-box .modal .pay-button-box .pay-item,
.custom-modal-box .modal .pay-button-box .pay-vip {
    width: 100%;
    height: 60px;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    font-size: 1.25rem;
    display: inline-block;
    line-height: 60px;
    text-align: center;
}

.custom-modal-box .modal .pay-button-box .pay-item span {
    display: inline-block;
    text-align: center;
    width: 120px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-modal-box .modal .pay-button-box .pay-item i.alipay {
    display: inline-block;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    background: url(../img/icon/alipay-brand.png) center no-repeat;
}

.custom-modal-box .modal .pay-button-box .pay-item i.weixinpay {
    display: inline-block;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    background: url(../img/icon/weixinpay-brand.png) center no-repeat
}

.custom-modal-box .modal .pay-button-box .pay-item:hover {
    color: #1990fc;
    font-size: 1.25rem;
}

.custom-modal-box .modal .popup-wppay-qrcode .tab {
    text-align: center;
    padding-top: 20px;
}

.custom-modal-box .modal .popup-wppay-qrcode .tab a {
    font-size: 16px;
    color: #9b9b9b;
    font-weight: 700;
    text-decoration: none
}

.custom-modal-box .modal .alipay .tab a.active {
    color: #1296db;
    font-size: 24px;
}

.custom-modal-box .modal .alipay .tab-list {
    margin-top: 204px;
    background: #1296db;
    height: 154px;
    border-radius: 0 0 3px 3px;
}

.custom-modal-box .modal .weixinpay .tab a.active {
    color: #19ad1e;
    font-size: 24px;
}

.custom-modal-box .modal .weixinpay .tab-list {
    margin-top: 204px;
    background: #19ad1e;
    height: 154px;
    border-radius: 0 0 3px 3px;
}

.custom-modal-box .modal .popup-wppay-qrcode .tab-list .item {
    text-align: center;
    position: relative;
    top: -166px
}

.custom-modal-box .modal .popup-wppay-qrcode .tab-list .item .qr-code {
    border: #ddd solid 1px;
    width: 225px;
    height: 225px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0 auto;
    background: #fff;
}

.custom-modal-box .modal .popup-wppay-qrcode .tab-list .item .qr-code img {
    width: 100%;
    height: auto
}

.custom-modal-box .modal .popup-wppay-qrcode .tab-list .item .account {
    margin-top: 32px;
    color: #fff;
    font-size: 15px
}

.custom-modal-box .modal .popup-wppay-qrcode .tab-list .item .desc {
    margin-top: 11px;
    font-size: 16px;
    color: #fff
}

.custom-modal-box .modal .pay-button-box {
    padding: 12px 30px;
    z-index: 999;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 8px #0d2133;
    border-radius: 4px;
}

.custom-modal-box .modal .download-box {
    padding: 12px 30px;
    z-index: 999;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 8px #0d2133;
    border-radius: 4px;
}

.custom-modal-box .modal .download-box .dl-info {
    margin: 30px;
    font-size: 1rem;
}

.custom-modal-box .modal .download-box .dl-info i {
    font-size: 1rem;
}

.custom-modal-box .modal .download-box .dl-psw {
    padding: 0 5px;
    display: inline-block;
    background-color: #f3ffec;
    color: #4CAF50;
    font-size: .875rem;
    border: 1px dashed #c9dbbf;
    border-radius: 4px;
}

.custom-modal-box .modal .download-box .btn {
    background-color: #4caf50;
    border-color: #4caf50;
    margin-bottom: 30px;
}

.custom-modal-box .modal .download-box .desc {
    color: #4e5859;
    border-top: 1px solid #e7eae8;
    padding-top: 10px;
}

.custom-modal-box .modal .wx-share-friend-box .qr-code {
    border: #e6cec6 solid 1px;
    width: 225px;
    height: 225px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 0 auto;
    background: #fff
}

.custom-modal-box .modal .wx-share-friend-box .title {
    margin-top: 35px;
    color: #2a2a2a;
    font-weight: 700;
    font-size: 22px;
    text-align: center
}

.custom-modal-box .modal .sv {
    padding: 30px 40px
}

.custom-modal-box .modal .sv .title {
    font-size: 28px;
    color: #2a2a2a;
    font-weight: 700
}

.custom-modal-box .modal .sv .desc {
    font-size: 14px;
    color: #757575;
    margin-top: 10px
}

.custom-modal-box .modal .sv .verify-input {
    margin-top: 20px
}

.custom-modal-box .modal .sv .verify-input .input select {
    background: 0 0;
    border: none;
    color: #757575;
    font-size: 16px;
    font-weight: 700;
    -webkit-appearance: menulist-button
}

.custom-modal-box .modal .edit-avatar {
    padding: 60px
}

.custom-modal-box .modal .edit-avatar>.title {
    font-size: 28px;
    color: #2a2a2a;
    font-weight: 700
}

.custom-modal-box .modal .edit-avatar .clip-image {
    margin-top: 20px
}

.custom-modal-box .modal .edit-avatar .clip-image img {
    width: 100%;
    height: auto
}

.custom-modal-box .modal .edit-avatar .tip {
    margin-top: 10px;
    font-size: 14px;
    color: #757575
}

@media (max-width:768px) {
    .modal-box .modal {
        width: 320px;
        margin-left: -160px
    }

    .custom-modal-box .modal {
        width: 90%
    }

    .toast {
        padding: 10px 20px
    }

    .toast .icon .modia {
        font-size: 28px
    }

    .toast .text {
        font-size: 16px;
        font-weight: 700;
        white-space: nowrap
    }
}

.erphp-wppay {
    background-color: #dadada;
    border: 2px dashed #ffffff;
    color: #0d2133;
    font-size: .9rem;
    line-height: inherit;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%;
}

.erphp-wppay.all {
    padding: 30px;
}

.erphp-wppay .wppay-loader {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    padding: .35em .8rem;
    line-height: 1.5;
    border-radius: .1rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
}

@media (max-width:1024px) {
    .article-title {
        font-size: 20px !important;
    }
}

@media (max-width:768px) {
    .article-meta {
        font-size: 12px !important;
    }

    .article-meta .item {
        margin-right: 10px
    }
}

@media (max-width:544px) {
    .article-title {
        font-size: 18px;
        !important;
        margin-bottom: 5px
    }

    .article-meta {
        margin-bottom: 10px;
        display: none;
    }
}

@media (max-width:768px) {

    .focusbox,
    .article-focusbox {
        padding: 30px 0
    }

    .focusbox .focusbox-text {
        font-size: 12px
    }

    body.home .focusbox {
        padding: 20px;
    }
}

@media (max-width:544px) {

    .focusbox,
    .article-focusbox {
        padding: 30px 0
    }

    .article-focusbox.bgimg-fixed {
        padding: 10px 0;
    }

    .focusbox .focusbox-title {
        font-size: .875rem;
    }

    .focusbox .focusbox-title+.focusbox-text {
        display: none;
    }

    .focusbox .form-group {
        margin-left: 0;
        width: 100%;
        position: relative;
    }

    .focusbox .form-control {
        height: 30px;
    }

    #fh5co-header-subscribe button {
        padding: 4px 15px;
    }
}

.content-hide-tips {
    padding: 50px 20px 40px;
    border: 1px dashed #ccc;
    margin: 20px 0 40px;
    background-color: #fafafa;
}

.pos-r {
    position: relative;
}

.content-hide-tips i {
    font-size: 30px;
    right: 10px;
    top: 5px;
    font-style: normal;
    color: #ccc;
    position: absolute;
}

.content-hide-tips .t-c {
    text-align: center;
    padding-top: 10px;
}

.content-hide-tips .content-hide-text {
    left: 20px;
    top: 15px;
}

.user-lv {
    font-size: 14px;
    color: #90949C;
    border: 1px solid #90949C;
    padding: 4px 8px;
    border-radius: 4px;
    position: relative;
}

.t-c .vip1 {
    color: #29aa60;
    border: 1px solid #29aa60;
}

.t-c .vip2 {
    color: #0035ff;
    border: 1px solid #0035ff;
}

.t-c .vip3 {
    color: #fd3d00;
    border: 1px solid #fd3d00;
}

.guest {
    color: #ccc;
}

.fs12 {
    font-size: 12px;
}

.pos-a {
    position: absolute;
}

.gray {
    color: #90949c;
    margin: 1em 0;
}

.entry-content p {
    font-size: 15px;
    line-height: 1.6;
    margin: 1em 0;
    text-align: left;
    letter-spacing: .01rem;
    word-wrap: break-word;
    word-break: break-word;
    color: #333;
}

.content-hide-tips button {
    display: inline-block;
    padding: 8px 12px;
    line-height: 1;
    font-size: 13px;
    color: #fff;
    border: 1px solid #4285f4;
    font-weight: 400;
    background: #4285f4;
    background: -webkit-linear-gradient(top, #4387fd, #4683ea);
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    height: 32px;
}

.content-hide-tips .user-login {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    border-radius: 2px;
    -webkit-user-select: none;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #757575;
}

.content-hide-tips button a {
    color: #fff;
}

.content-hide-tips .user-login:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background-color: #f8f8f8;
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    color: #222;
}

.content-hide-tips button:hover {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}

.custom-modal-box .modal .pay-button-box .pay-vip i.vip1 {
    display: inline-block;
    width: 100%;
    height: 48px;
    vertical-align: middle;
    background: url(../img/icon/vip1.png) center no-repeat;
}

.custom-modal-box .modal .pay-button-box .pay-vip i.vip2 {
    display: inline-block;
    width: 100%;
    height: 48px;
    vertical-align: middle;
    background: url(../img/icon/vip2.png) center no-repeat;
}

.custom-modal-box .modal .pay-button-box .pay-vip i.vip3 {
    display: inline-block;
    width: 100%;
    height: 48px;
    vertical-align: middle;
    background: url(../img/icon/vip3.png) center no-repeat;
}

.filter--content {
    margin-top: -90px;
    display: block;
    padding: 20px;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    z-index: 1;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 34px 20px -24px rgba(0, 36, 100, 0.06);
    border: 1px solid #f3f3f3;
}

.filter--content .form-box {
    padding: 0;
    padding-bottom: 0;
}

.filters .filter-item {
    padding: 5px 0;
}

.filter--content .filter-item span {
    margin-right: 10px;
    background-color: #eeeeee;
    padding: 2px 6px;
    border-radius: 4px;
    color: #7b8695;
    border: 1px solid transparent;
}

.filter--content .filter-item a {
    display: inline-block;
    margin-top: 0;
    margin-right: 10px;
    border-bottom: 1px solid transparent;
    color: #808080;
    border-radius: 0;
    padding: 0 10px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px;
}

.filter--content .filter-item a.on {
    border: 1px dashed #a5a5a5;
    background-color: #eee;
}

.filter--content .filter-item a:hover {
    border: 1px dashed #cecece;
    background-color: #eee;
}

.filter--content .filter-item>.on {
    color: #1890ff
}

.filter--content .filter-item {
    margin-top: 10px
}

.filter--content .filter-tag {
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.filter--content .filter-tag li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
}

.filter--content .filter-tab {
    border-top: 1px solid #E9E9E9;
    padding-top: 13px;
    margin-top: 10px;
    margin-bottom: -10px;
}

.filter--content .filter-tab span {
    margin-right: 10px;
    background-color: #eeeeee;
    padding: 2px 6px;
    border-radius: 4px;
    color: #7b8695;
    border: 1px solid transparent;
}

.filter--content .filter-tab li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
}

.filter--content .filter-tab a {
    display: inline-block;
    margin-top: 0;
    margin-right: 20px;
    color: #808080;
    position: relative;
}

.filter--content .filter-tab a i {
    width: 18px;
    height: 18px;
    border: 1px solid #aeaeae;
    border-radius: 4px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: -4px;
    border-radius: 100%;
}

.filter--content .filter-tab .tab.on i {
    background: #ffffff;
}

.filter--content .filter-tab .tab.on i:before {
    display: inline-block;
    margin-top: 1px;
    color: #FF9800;
    content: "\f111";
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: 5px;
    margin-left: 2px;
}

.filter--content .filter-tab a.on {
    color: #FF9800;
}

.filter--content .filter-tab a em {
    font-style: normal;
}

.filter--content .filter-tab li.rightss {
    float: right;
}

@media (max-width:768px) {
    .filter--content {
        margin-top: -10px;
        display: block;
        padding: 10px;
    }

    .filter--content .filter-item span,
    .filter--content .filter-tab span {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }

    .filter--content .filter-item a {
        margin-right: 5px;
        line-height: 20px;
        font-size: 13px;
        padding: 0 5px;
    }

    .filter--content .filter-tab a {
        margin-right: 5px;
        font-size: 13px;
    }

    .filter--content .filter-tab li.rightss {
        float: none;
        margin-bottom: 10px;
        margin-top: 10px;
        margin-right: 5px;
    }
}

#mod-insideContent .tuzhan .img-count {
    min-width: 50px;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 2px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}

#postcard-main .tuzhan article {
    position: relative;
    overflow: hidden;
}

#postcard-main .tuzhan article .entry-thumb>a.category:hover,
#mod-insideContent .tuzhan .img-count:hover,
#postcard-main .tuzhan article .entry-thumb>a[rel="category tag"]:hover {
    background: #4285f4;
}

#postcard-main .tuzhan article .entry-detail .entry-header .entry-title {
    font-size: 15px;
    line-height: 20px;
    color: #eee;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-clamp: 1;
}

#postcard-main .tuzhan article .entry-detail .entry-header a,
#postcard-main .tuzhan article .entry-detail .text-muted {
    color: #fff !important;
}

@media (min-width:992px) {
    /* 仅在大屏上有动画效果 */
    .owl-item .item:hover {
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
        -webkitbox-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
        border-color: rgba(0, 0, 0, .1);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        transition: all 0.3s;
    }

    #postcard-main .tuzhan article:hover .entry-detail .entry-header .entry-title {
        line-clamp: 5;
    }

    #postcard-main .tuzhan article .entry-thumb:before {
        opacity: 1;
        transition: opacity .3s;
    }

    #postcard-main .tuzhan article .entry-thumb:hover:before {
        opacity: 0;
    }

    #postcard-main .tuzhan article .entry-detail {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;

        transition:
            transform .3s ease,
            opacity .3s ease,
            visibility 0s 0s;   /* 初始立即可见 */
        will-change: transform, opacity;
        pointer-events: auto;
    }

    #postcard-main .tuzhan article:hover .entry-detail {
        transform: translateY(100%);
        opacity: 0;
        visibility: hidden;
        transition:
            transform .3s ease,
            opacity .3s ease,
            visibility 0s .3s;  /* 等动画完再真正隐藏 */
    }
}

#postcard-main .tuzhan article .entry-thumb {
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    background-size: auto 100%;
    background-size: cover;
    background-position: 50%;
}

#postcard-main .tuzhan article .entry-thumb img {
    visibility: hidden;
}

#postcard-main .tuzhan article .entry-thumb:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2);
    content: "";
}

#postcard-main .tuzhan article .entry-thumb>a:first-child {
    position: relative;
}

#postcard-main .tuzhan article .entry-detail {
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #1718172e;
}

.lottery-box {
    overflow: hidden;
}

.lottery-box .title {
    text-align: center;
    padding: 50px 0;
    font-size: 18px;
    color: #fff;
}

.lottery {
    animation: changeBg .5s ease infinite;
    overflow: hidden;
    padding: 20px;
    width: 400px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@keyframes changeBg {
    0% {
        background-image: url(../img/k1.png);
    }

    100% {
        background-image: url(../img/k2.png);
    }
}

.lottery .lottery-item {
    height: 340px;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
}

.lottery .lottery-item ul li {
    width: 33.33333333%;
    position: absolute;
    padding-right: 10px;
}

.lottery .lottery-item ul li:nth-child(2) {
    left: 33.33333333%;
}

.lottery .lottery-item ul li:nth-child(3) {
    left: 66.66666666%;
}

.lottery .lottery-item ul li:nth-child(4) {
    left: 66.66666666%;
    top: 110px;
}

.lottery .lottery-item ul li:nth-child(5) {
    left: 66.66666666%;
    top: 220px;
}

.lottery .lottery-item ul li:nth-child(6) {
    left: 33.33333333%;
    top: 220px;
}

.lottery .lottery-item ul li:nth-child(7) {
    left: 0;
    top: 220px;
}

.lottery .lottery-item ul li:nth-child(8) {
    left: 0;
    top: 110px;
}

.lottery .lottery-item ul li .box {
    height: 100px;
    position: relative;
    text-align: center;
    overflow: hidden;
    background: url(../img/bg2.png) no-repeat center;
    background-size: 100% 100%;
}

.lottery .lottery-item ul li .box img {
    display: block;
    height: 50px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 5px;
}

.lottery .lottery-item ul li .box p {
    color: #708ABF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.lottery .lottery-item ul li.on .box {
    background: url(../img/bg1.png) no-repeat center;
    background-size: 100% 100%;
}

.lottery .lottery-item ul li.on .box p {
    color: #fff;
}

.lottery .lottery-item .lottery-start {
    position: absolute;
    left: 33.33333333%;
    width: 33.33333333%;
    top: 110px;
    padding-right: 10px;
}

.lottery .lottery-item .lottery-start .box {
    height: 100px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    background: url(../img/bg1.png) no-repeat center;
    background-size: 100% 100%;
}

.lottery .lottery-item .lottery-start .box p b {
    font-size: 40px;
    margin-top: 16px;
    margin-bottom: 15px;
    line-height: 30px;
    display: block;
}

.lottery .lottery-item .lottery-start .box:active {
    opacity: 0.7;
}

.lottery .lottery-item .lottery-start .box.gray {
    background: url(../img/bg3.png) no-repeat center;
    background-size: 100% 100%;
}

.lottery .lottery-item .lottery-start .box.gray p {
    color: #708ABF;
    font-weight: bold;
}

.mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    overflow: hidden;
    z-index: 222;
    top: 0;
    left: 0;
}

.lottery-alert {
    max-width: 400px;
    text-align: center;
    z-index: 10000;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.lottery-alert h1 {
    font-size: 18px;
    font-weight: bold;
    color: #D92B2F;
}

.lottery-alert img {
    display: block;
    height: 120px;
    margin: 0 auto;
}

.lottery-alert h2 {
    font-weight: normal;
    color: #D92B2F;
    font-size: 15px;
    padding-top: 15px;
}

.lottery-alert p {
    color: #666;
    font-size: 16px;
    padding-top: 5px;
}

.lottery-alert .btnsave {
    border-radius: 3px;
    box-shadow: none;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    color: #fff;
    margin-top: 12px;
    background: linear-gradient(180deg, rgba(213, 60, 63, 1) 0%, rgba(201, 20, 24, 1) 100%);
    font-size: 16px;
}

.owl-item .entry-detail .entry-header .entry-title {
    font-size: 15px;
    line-height: 20px;
    color: #eee;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-clamp: 1;
}

.owl-item .entry-detail {
    display: inline-block;
    position: absolute;
    bottom: 5%;
    width: 100%;
    padding: 10px;
    background-color: #1718172e;
}

.owl-item .entry-detail .entry-header a,
.owl-item .entry-detail .text-muted {
    color: #fff !important;
}

@media (max-width:480px) {
    .lottery {
        width: 320px;
    }

    .lottery .lottery-item {
        height: 280px;
    }

    .lottery .lottery-item .lottery-start {
        top: 90px;
    }

    .lottery .lottery-item .lottery-start .box {
        height: 80px;
        font-size: 10px;
    }

    .lottery .lottery-item ul li .box {
        height: 80px;
    }

    .lottery .lottery-item ul li .box p {
        font-size: 2px;
    }

    .lottery .lottery-item ul li .box img {
        display: block;
        height: 40px;
        margin: 0 auto;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .lottery .lottery-item ul li {
        width: 33.33333333%;
        position: absolute;
        padding-right: 10px;
    }

    .lottery .lottery-item ul li:nth-child(2) {
        left: 33.33333333%;
    }

    .lottery .lottery-item ul li:nth-child(3) {
        left: 66.66666666%;
    }

    .lottery .lottery-item ul li:nth-child(4) {
        left: 66.66666666%;
        top: 90px;
    }

    .lottery .lottery-item ul li:nth-child(5) {
        left: 66.66666666%;
        top: 190px;
    }

    .lottery .lottery-item ul li:nth-child(6) {
        left: 33.33333333%;
        top: 190px;
    }

    .lottery .lottery-item ul li:nth-child(7) {
        left: 0;
        top: 190px;
    }

    .lottery .lottery-item ul li:nth-child(8) {
        left: 0;
        top: 90px;
    }
}

#lottery {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 0 0;
    display: none;
    z-index: 1050;
    -webkit-backface-visibility: hidden;
}

#lottery>.lottery-box {
    position: absolute;
    width: 500px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -225px;
}

.dialog__content {
    width: 50%;
    max-width: 340px;
    min-width: 310px;
    background: #fff;
    text-align: center;
    position: relative;
    opacity: 0;
}

.dialog--open .dialog__content {
    pointer-events: auto;
}

.pd20 {
    padding: 20px;
}

.mar10-b {
    margin-bottom: 10px;
}

.pd10 {
    padding: 10px;
}

.w100 {
    width: 100% !important;
}

.pay-form .close {
    right: -40px;
    top: 0;
    opacity: 1;
}

.pay-form .close i {
    font-size: 25px;
    color: #fff;
}

.pay-form .close:hover i {
    opacity: .8
}

.pay-form button.w100 {
    height: 36px;
    display: inline-block;
    padding: 8px 12px;
    line-height: 1;
    font-size: 13px;
    color: #fff;
    border: 1px solid #4285f4;
    font-weight: 400;
    background: #4285f4;
    background: -webkit-linear-gradient(top, #4387fd, #4683ea);
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    height: 32px;
}

.pay-form button:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.pay-title .avatar {
    border-radius: 100%;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    vertical-align: -5px
}

.pay-title {
    line-height: 1.6;
    font-size: initial;
}

.pay-title .fl span {
    font-weight: 700
}

.pay-price {
    font-size: 40px;
    font-weight: 400;
    color: green;
}

.pay-price sup {
    font-size: 21px;
    top: -14px;
    margin-right: 2px
}

.pay-balance {
    line-height: 1;
    padding: 4px 5px;
    border-radius: 3px;
    display: inline-block;
    text-shadow: 0 0 1px #fff;
    box-shadow: inset 0 0 10px #e0e0e0;
}

.pay-chose .fd {
    padding: 5px 5px;
    border: 1px solid #eee;
    line-height: 1;
    font-size: 13px;
    border-radius: 3px;
    cursor: pointer;
    width: auto;
}

.pay-chose .fd.youzan {
    width: 38%
}

.pay-chose {
    padding: 5px 20px 10px 20px
}

.pay-chose .fd.dot {
    width: 2%;
    border: 0;
    margin: 0;
    padding: 0
}

.pay-chose .fd.picked {
    border-color: #f16b6f;
    color: #f16b6f
}

.pay-chose .fd.picked i {
    color: #f16b6f
}

.pay-chose .fd i {
    font-size: 20px;
    vertical-align: -2px;
    margin-right: 2px;
}

.pay-resout {
    padding: 100px 20px
}

.pay-success {
    padding: 30px 20px 50px 20px
}

.pay-font.iconfont {
    font-size: 50px
}

.scan-img {
    width: 150px;
    height: 150px;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 3px 0px, rgba(255, 255, 255, 0.65098) 0px 1px 0px 0px inset;
    margin: 20px auto;
}

.scan-img .lm {
    width: 100%;
    height: 100%
}

.scan-img img {
    width: 100%;
    height: 100%
}

.scan-price span {
    width: 100px;
    color: #fff;
    font-family: "Arial Black";
    background-color: green;
    padding: 0 14px;
    border-radius: 3px;
    font-size: 15px;
}

.wxwap-price {
    font-size: 22px
}

.pay-chose .disabled {
    border: 1px solid #ccc;
    color: #ccc;
    cursor: default;
}

.pay-chose .disabled i {
    color: #ccc
}

.cz-input {
    display: block;
    margin: 40px 20px;
}

.cz-input input {
    padding: 10px;
    width: 80%
}

.exchange-credit input {
    border: 0;
    padding: 10px;
    background: #f0f0f0;
    border-radius: 3px;
}

.pay-form .bg-blue-light span {
    color: #333
}

.ds-form .fd {
    width: 32%;
    cursor: pointer;
}

.ds-form .fd div,
.ds-form .fd label {
    display: block;
    padding: 5px;
    border: 1px solid #efefef;
    margin: 5px;
    height: 40px
}

.ds-form .fd input {
    width: 100%;
    padding: 0 5px;
    font-size: 20px;
    border: 0;
    text-align: center;
    color: #f16b6f;
    line-height: 1.5;
}

.fd {
    display: inline-block;
    vertical-align: top;
}

.custom-ds i,
.custom-ds p {
    position: absolute;
}

.custom-ds i {
    font-size: 20px;
    color: #f16b6f;
    left: 10px;
    line-height: 1.5;
}

.custom-ds .fs16 {
    font-size: 15px
}

.custom-ds p {
    right: 10px;
    top: 10px;
}

.ds-form .fd {
    color: #333
}

.ds-form .fd i {
    color: #333
}

.ds-form .fd b {
    font-size: 20px;
    margin: 0 3px
}

.ds-textarea {
    padding: 0 15px
}

.ds-textarea .textarea {
    padding: 10px;
    min-height: 60px;
    border: 1px solid #e2e2e2;
    resize: none;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    font-size: 14px;
    border-radius: 0;
}

.ds-form .fd.picked {
    color: #f16b6f;
}

.ds-form .fd.picked div,
.ds-form .fd.picked label {
    border-color: #f16b6f
}

.ds-form .fd.picked i {
    color: #f16b6f
}

.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.dialog.dialog--open .dialog__content {
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
}

.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dialog {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 10;
}

.dialog__overlay {
    position: absolute;
    background: rgba(55, 58, 71, 0.9);
    opacity: 0;
    transition: opacity 0.3s;
}

.dialog--open .dialog__overlay {
    opacity: 5;
    pointer-events: auto;
}

.dialog__overlay {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.dialog.dialog--open .dialog__content.long-weibo-content {
    -webkit-animation-name: none;
    animation-name: none;
    border-radius: 2px
}

.dialog.dialog--open h2,
.dialog.dialog--open .open-sign {
    -webkit-animation: none;
    animation: none;
}

.dialog.dialog--close .dialog__content {
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
}

.dialog.dialog--open h2,
.dialog.dialog--open .open-sign {
    -webkit-animation: anim-elem 0.3s both;
    animation: anim-elem 0.3s both;
}

.dialog.dialog--open h2,
.dialog.dialog--open .open-sign {
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
}

@-webkit-keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes anim-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
    }
}

@keyframes anim-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
}

@-webkit-keyframes anim-elem {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes anim-elem {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.custom-ds input::-webkit-outer-spin-button,
.custom-ds input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.custom-ds input[type="number"] {
    -moz-appearance: textfield;
}

i.zrz-icon-font-iconzhi02 {
    color: #00c800;
}

i.zrz-icon-font-zhifubao {
    color: #00a0e9;
}

@media screen and (max-width:670px) {
    .dialog__content {
        width: 90%;
    }

    .pay-form .close {
        right: 0;
        top: -40px;
    }
}

.t-c {
    text-align: center;
}

.mar20-b {
    margin-bottom: 20px;
}

.pos-r {
    position: relative;
}

.fs15 {
    font-size: 15px;
}

.shang button {
    background: -webkit-linear-gradient(top, #ff557f, #f16b6f);
    border: 1px solid #f16b6f;
    color: #fff;
}

.shang button {
    padding: 7px 15px;
}

.shang button:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.shang-user {
    display: inline-block;
    max-width: 500px;
}

.shang-user div {
    padding: 7px;
}

.shang-user .avatar {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    margin: 3px
}

.shang-user li a {
    position: relative;
}

.shang-user li .hide b {
    display: block;
}

.shang-user li .pjt::before,
.shang-user li .pjt::after {
    right: 42px
}

.shang-user li .hide p,
.shang-user li .hide b {
    margin: 5px;
    color: #eee
}

.shang-user li:hover .hide {
    display: block;
    position: absolute;
    left: -35px;
    top: 37px;
    min-width: 100px;
    background-color: rgba(0, 0, 0, .75);
    padding: 5px 0;
    box-shadow: 0 0 7px rgba(43, 59, 93, .29);
    border-radius: 3px;
    text-align: center;
    z-index: 6;
}

.shang li {
    list-style: none;
    display: inline-block;
}

.header__nav--right {
    margin: 32px 0 0 0;
}

.pagination-trigger,
.pagination-loading {
    text-align: center;
}

.pagination-trigger a {
    width: 100px;
    border: 1px solid #0078ff;
    height: 32px;
    padding: 5px;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #0078ff;
    background-color: #fff;
    border-radius: 0;
}

.local-signup {
    margin-bottom: 10px;
}