/* @author : YCTech */
@charset "utf-8";
/* @author : YCTech */
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
    width: auto;
    margin-right: 6px;
    overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 6px;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 6px;
    height: 100%;
    top: 0;
    right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px;
}

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
    height: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 6px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 14px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right;
}

.mCustomScrollBox {
    -ms-touch-action: none;
    /*MSPointer events - direct all pointer events to js*/

}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */

}

.mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
    /* old ie */

}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    /* rgba fallback */

    background: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    /* old ie */

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
    /* rgba fallback */

    background: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */

}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
    /* old ie */

}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../img/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
      sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
      */

}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
      sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
      */

}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
      sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
      */

}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
      sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
      */

}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */

}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    /* old ie */

}

/*scrollbar themes*/
/*dark-thick*/
/* htz:采用此皮肤 */
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background: #000;
    /* rgba fallback */

    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000;
    /* rgba fallback */

    background: rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools {
    height: 6px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 0 0;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 0 auto;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.65);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */

    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('https://dn-wtbox.qbox.me/img//fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/

    }

    #fancybox-loading div {
        background-image: url('https://dn-wtbox.qbox.me/img//fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/

    }
}

#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 8050;
}

#fancybox-buttons.top {
    top: 10px;
}

#fancybox-buttons.bottom {
    bottom: 10px;
}

#fancybox-buttons ul {
    display: block;
    width: 166px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border: 1px solid #111;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    background: #323232;
    background: -moz-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: -o-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: -ms-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
}

#fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-color: transparent;
    background-repeat: no-repeat;
    outline: none;
    opacity: 0.8;
}

#fancybox-buttons a:hover {
    opacity: 1;
}

#fancybox-buttons a.btnPrev {
    background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
    background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
    background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px;
}

#fancybox-buttons a.btnToggleOn {
    background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
    border-left: 1px solid #111;
    width: 35px;
    background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
    opacity: 0.4;
    cursor: default;
}

#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

#fancybox-thumbs.bottom {
    bottom: 2px;
}

#fancybox-thumbs.top {
    top: 2px;
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
    opacity: 1;
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}

.popbox {
    position: absolute;
    z-index: 1229;
    display: none;
    min-width: 240px;
    max-width: 400px;
    padding: 1px;
    text-align: left;
    background-color: #fbfbfb;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    border: 1px solid #e1e1e1;
    *border: 1px solid #e1e1e1;
    /* IE6-7 */

    font-size: 14px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    outline: none;
}

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

.popbox.fade.in {
    top: 10%;
}

.popbox.top {
    margin-top: -10px;
}

.popbox.right {
    margin-left: 10px;
}

.popbox.bottom {
    margin-top: 10px;
}

.popbox.left {
    margin-left: -10px;
}

.popbox-header {
    position: relative;
    padding: 9px 15px;
    border-bottom: 1px solid #e1e1e1;
    background-color: #f9f9f7;
}

.popbox-header:before,
.popbox-header:after {
    content: " ";
    display: table;
}

.popbox-header:after {
    clear: both;
}

.popbox-header i.icon {
    margin-top: 4px;
    padding: 0;
    float: left;
}

.popbox-header button.back,
.popbox-header button.cancel {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    margin-top: 4px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.popbox-header button.back:hover,
.popbox-header button.cancel:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.popbox-header button.back {
    float: left;
}

.popbox-header button.cancel {
    float: right;
}

.popbox-header h3 {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    left: 32px;
}

.popbox-bodywrapper {
    max-height: 400px;
}

.popbox-body {
    position: relative;
    padding: 15px;
}

.popbox-body form {
    margin-bottom: 0;
}

.popbox-body .empty-menu {
    border: dotted 1px #e1e1e1;
    background: #f9f9f7;
    padding: 15px;
    margin: 15px;
    min-height: 48px;
    line-height: 48px;
    text-align: center;
    min-width: 220px;
    color: #999;
}

.popbox-body .empty-menu-nomin-h {
    border: dotted 1px #e1e1e1;
    background: #f9f9f7;
    padding: 15px;
    margin: 15px;
    min-height: 48px;
    line-height: 48px;
    text-align: center;
    color: #999;
}

.popbox-bodyheader {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
}

.popbox-bodyheader:before,
.popbox-bodyheader:after {
    content: " ";
    display: table;
}

.popbox-bodyheader:after {
    clear: both;
}

.popbox-bodyheader button.back,
.popbox-bodyheader button.cancel {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    margin-top: 4px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.popbox-bodyheader button.back:hover,
.popbox-bodyheader button.cancel:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.popbox-bodyheader button.back {
    float: left;
}

.popbox-bodyheader button.cancel {
    float: right;
}

.popbox-form {
    margin-bottom: 0;
}

.popbox-footer {
    padding: 0 15px 15px 15px;
    margin-bottom: 0;
    border-radius: 0 0 6px 6px;
}

.popbox-footer:before,
.popbox-footer:after {
    content: " ";
    display: table;
}

.popbox-footer:after {
    clear: both;
}

.popbox-footer:before,
.popbox-footer:after {
    content: " ";
    display: table;
}

.popbox-footer:after {
    clear: both;
}

.popbox-footer .btn + .btn {
    margin-bottom: 0;
}

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

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

ul.popbox-step {
    padding: 0;
    margin: 0;
}

ul.popbox-step li.popbox-step-li {
    padding: 0;
    list-style-type: none;
}

.no-padding {
    padding: 0;
}

ul.popbox-menu {
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    margin-bottom: -15px;
}

ul.popbox-menu li {
    line-height: 200%;
    margin: 5px;
}

ul.popbox-menu li.divider {
    border: 0;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #fff;
    margin: 0;
}

ul.popbox-menu li > a {
    display: block;
    cursor: pointer;
    color: #333;
    padding: 5px 15px;
}

ul.popbox-menu li > a.active {
    text-decoration: none;
    background-color: #f2f2ea;
    border-radius: 3px;
}

ul.popbox-menu li > a:hover {
    text-decoration: none;
    background-color: #f2f2ea;
    border-radius: 3px;
}

ul.popbox-menu li > a:hover .action {
    visibility: visible;
}

ul.popbox-menu li > a:focus {
    text-decoration: none;
}

ul.popbox-menu li > a.text-muted {
    color: #ccc;
    cursor: not-allowed;
}

ul.popbox-menu li > a i {
    margin-right: 5px;
}

ul.popbox-menu li > a .small-tip {
    position: absolute;
    right: 20px;
}

ul.popbox-menu li > a .action {
    visibility: hidden;
    position: absolute;
    right: 5px;
}

ul.popbox-menu li .icon {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
}

.popbox .arrow,
.popbox .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popbox .arrow {
    border-width: 11px;
}

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

.popbox.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: #e1e1e1;
    bottom: -11px;
}

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

.popbox.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: #e1e1e1;
}

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

.popbox.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: #e1e1e1;
    top: -11px;
}

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

.popbox.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: #e1e1e1;
}

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

ul.popbox-item {
    margin: -15px;
    list-style: none;
    margin-left: 0px;
    margin-top: -5px;
}

ul.popbox-item:before,
ul.popbox-item:after {
    content: " ";
    display: table;
}

ul.popbox-item:after {
    clear: both;
}

ul.popbox-item li {
    line-height: 200%;
    margin: 5px;
    float: left;
    cursor: hand;
}

ul.popbox-item .emoji {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.emoji-box {
    padding: 5px;
}

.emoji-box .pagination {
    margin: 0px;
}

.emoji-box ul.pagination-sm li a {
    padding: 2px 9px;
}

.common-content-panel {
    background: #f9f9f7;
}

.common-content-panel .content-container {
    width: 97%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    margin-bottom: 30px;
}

.common-content-panel .content-container:before,
.common-content-panel .content-container:after {
    content: " ";
    display: table;
}

.common-content-panel .content-container:after {
    clear: both;
}

.common-content-panel .content-container .content {
    width: 75%;
    float: right;
}

.common-content-panel .content-container .content .content-wrapper {
    background: #fbfbfb;
    border: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    min-height: 478px;
    padding: 20px;
}

.common-content-panel .content-container .content .content-wrapper .content-title {
    color: #d84c31;
    font-size: 24px;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
}

.common-content-panel .content-container .sidebar {
    width: 24%;
    float: left;
}

.common-content-panel .content-container .sidebar .sidebar-widget {
    background: #fbfbfb;
    border: solid 1px #e1e1e1;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    padding: 15px;
}

.common-content-panel .content-container .sidebar .sidebar-widget h4 {
    border-bottom: solid 1px #e1e1e1;
    margin: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.common-content-panel .content-container .sidebar .sidebar-widget .widget-text {
    line-height: 2.4em;
}

.common-content-panel .content-container .sidebar .sidebar-widget ul {
    margin: 0px;
}

.common-content-panel .content-container .sidebar .sidebar-widget ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.common-content-panel .content-container .sidebar .sidebar-widget ul li i {
    margin-right: 5px;
}

.common-content-panel .content-container .sidebar .sidebar-widget ul li.active a {
    color: #d84c31;
}

li.attachment {
    min-height: 38px;
    line-height: 38px;
    margin-bottom: 10px;
}

li.attachment.attachment-progress {
    position: relative;
    margin-bottom: 15px;
}

li.attachment.attachment-progress .file-picfile {
    position: relative;
}

li.attachment.attachment-progress .file-picfile .label {
    position: absolute;
    left: 15%;
    top: 30%;
    z-index: 1000;
    max-width: 58px;
    white-space: normal;
}

li.attachment.attachment-progress .file-picfile img {
    opacity: 0.4;
}

li.attachment.attachment-progress .file-picfile canvas {
    max-width: 70px;
    max-height: 70px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    opacity: .4;
}

li.attachment.attachment-progress .progress {
    width: 182px;
    height: 14px;
    margin-top: 13px;
    margin-bottom: 0;
}

li.attachment.dragfile-hover-placeholder {
    background: #FCF8E3 !important;
}

li.attachment:before,
li.attachment:after {
    content: " ";
    display: table;
}

li.attachment:after {
    clear: both;
}

li.attachment .label {
    margin-right: 5px;
}

li.attachment .file-picfile {
    border: solid 1px #E1E1E1;
    float: left;
    width: 76px;
    height: 76px;
    line-height: 70px;
    margin-left: 20px;
    margin-right: 15px;
    text-align: center;
    -webkit-box-shadow: '0 0 3px #EEE, inset 0 0 3px #FFF';
    box-shadow: '0 0 3px #EEE, inset 0 0 3px #FFF';
}

li.attachment .file-picfile.fancybox-file {
    cursor: pointer;
}

li.attachment .file-picfile img {
    max-width: 70px;
    max-height: 70px;
    text-align: center;
}

li.attachment .file-name {
    display: block;
    font-size: 14px;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

li.attachment .file-size {
    float: left;
    color: #AAA;
    width: 80px;
    font-size: 12px;
}

li.attachment .file-action {
    visibility: hidden;
    color: #8a959e;
}

li.attachment .file-action:hover {
    color: #d84c31;
}

li.attachment .file-action a {
    margin-right: 15px;
}

li.attachment:hover .file-action {
    visibility: visible;
}

span.forum-badge {
    background: none repeat scroll 0 0 #F9F9F7;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    color: #AAAAAA;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
}

span.forum-badge:before {
    font-size: 11px;
    padding-right: 3px;
}

span.forum-badge {
    background: none repeat scroll 0 0 #F9F9F7;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    color: #AAAAAA;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
}

span.forum-badge:before {
    font-size: 11px;
    padding-right: 3px;
}

.wt-header {
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 20px;
}

.wt-header:before,
.wt-header:after {
    content: " ";
    display: table;
}

.wt-header:after {
    clear: both;
}

.wt-header .title {
    font-size: 16px;
    font-weight: bold;
}

.wt-row {
    padding: 6px 0 6px 0;
    border-bottom: solid 1px #e1e1e1;
}

.wt-row:before,
.wt-row:after {
    content: " ";
    display: table;
}

.wt-row:after {
    clear: both;
}

.wt-row:hover,
.wt-row.active {
    background: #f5f5f2;
}

.wt-row .column {
    float: left;
    text-align: left;
}

.empty-panel {
    margin: 0 auto;
    padding-top: 12%;
    text-align: center;
    text-shadow: 0 2px 0 #ffffff, 0 -2px 0 #f2f2ea;
}

.empty-panel i {
    font-size: 120px;
    color: #f2f2ea;
}

.empty-panel span {
    font-size: 24px;
    line-height: 48px;
    color: #e7e7df;
}

.empty-panel a {
    color: #e7e7df;
}

.empty-panel a:hover {
    color: #d14836;
}

.empty-panel p {
    color: #8A959E;
    text-shadow: 0 0 0;
}

.wt-alert {
    margin: 10px 20px;
}

.wt-alert i {
    margin-right: 5px;
}

.loading-more-panel {
    margin-top: 20px;
    text-align: center;
}

.loading-more-panel .btn {
    padding: 8px 40px;
}

dl.box {
    margin-top: 0px;
    margin-bottom: 25px;
}

dl.box dt {
    border-left: solid 3px #d84c31;
    color: #000;
    text-indent: 8px;
    font-size: 17px;
}

dl.box dt span {
    float: right;
}

dl.box dd.bd {
    padding: 19px;
}

dl.box dd.actions {
    padding: 0 19px 0;
}

dl.box dd.flink {
    font-size: 12px;
    text-align: right;
    padding-right: 10px;
}

dl.box dd.flink a {
    color: #666;
    margin: 3px 5px;
}

.box-large {
    padding: 24px;
    border-radius: 4px;
}

.box-small {
    padding: 9px;
    border-radius: 2px;
}

.fixed-width {
    width: 300px;
}

.fixed-width-260 {
    width: 260px;
}

dl.box-form {
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    margin-top: 30px;
    background: #f9f9f7;
}

dl.box-form dt {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14);
    border-left: 0;
    padding: 15px;
}

h4.title {
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1 !important;
}

h4.title span {
    background: #fbfbfb;
    padding: 0 7px;
    margin-left: 20px;
}

.content-panel {
    background: #f9f9f7;
}

.content-panel .content-container {
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 25px;
    margin-bottom: 30px;
}

.content-panel .content-container:before,
.content-panel .content-container:after {
    content: " ";
    display: table;
}

.content-panel .content-container:after {
    clear: both;
}

.content-panel .content-container .content .content-wrapper {
    margin-bottom: 1em;
    background: #fbfbfb;
    border: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    min-height: 0;
    padding: 20px;
}

.content-panel .content-container .content .content-wrapper .content-title {
    color: #d84c31;
    font-size: 24px;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
}

.content-panel .content-container .content .content-wrapper .article-list {
    margin-top: 20px;
}

.content-panel .content-container .content .content-wrapper .article-list .article {
    padding-bottom: 20px;
    position: relative;
}

.content-panel .content-container .content .content-wrapper .article-list .article .action {
    position: absolute;
    right: 20px;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments-heading h3 {
    color: #646b75;
    margin-top: 0;
    font-size: 20px;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments {
    border-top: solid 1px #e1e1e1;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .comment-meta {
    position: relative;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .comment-meta .avatar {
    text-align: center;
    padding-top: 2px;
    padding-left: 1em;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .comment-meta .top-right-corner {
    position: absolute;
    right: 0;
    margin-right: 8px;
    margin-top: 3px;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .comment-meta .top-right-corner .floor-label {
    position: relative;
    top: -2px;
    margin-right: 1em;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .comment-meta .top-right-corner .comment-time {
    margin-right: 1em;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .comment-meta .top-right-corner .comment-reply-link {
    position: relative;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .comment-content {
    margin-left: 1em;
    margin-top: 6px;
    padding: 6px;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .comment-content p {
    margin-bottom: 0;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item .hover-show {
    display: none;
    margin-right: 1em;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item:hover .hover-show {
    display: inline-block;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .article-comments .comment-item:hover .hover-hide {
    display: none;
}

.content-panel .content-container .content .content-wrapper .article-comments-wrapper .comment-pager {
    text-align: right;
}

.content-panel .content-container .content .content-wrapper .article-newcomment-wrapper .article-newcomment-heading h3 {
    color: #646b75;
    margin-top: 0;
    font-size: 20px;
    padding-bottom: 13px;
    border-bottom: solid 1px #e1e1e1;
}

.content-panel .content-container .content .content-wrapper .article-newcomment-wrapper .editor-wrap {
    border: 0;
    background: transparent;
    padding: 5px 0;
}

.content-panel .content-container .content .content-wrapper .comment-pager {
    text-align: right;
}

.content-panel .content-container .content .content-wrapper .comment-plz-signin {
    padding: 30px 0;
    background: #f8f8f8;
}

.content-panel .sidebar button {
    margin-bottom: 15px;
}

.content-panel .sidebar .sidebar-widget {
    background: #fbfbfb;
    border: solid 1px #e1e1e1;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    padding: 15px;
}

.content-panel .sidebar .sidebar-widget h4 {
    border-bottom: solid 1px #e1e1e1;
    margin: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.content-panel .sidebar .sidebar-widget .widget-text {
    line-height: 2.4em;
}

.content-panel .sidebar .sidebar-widget ul {
    margin: 0px;
}

.content-panel .sidebar .sidebar-widget ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.content-panel .sidebar .sidebar-widget ul li.active a {
    color: #D84C31;
}

.content-panel .sidebar .sidebar-widget ul li i {
    margin-right: 5px;
}

.content-panel .sidebar .sidebar-widget .category-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.content-panel .sidebar .sidebar-widget .category-list li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    line-height: 30px;
    position: relative;
    border-bottom: 1px #c4e3f3 dashed;
}

.content-panel .sidebar .sidebar-widget .category-list li:hover .action {
    visibility: visible;
}

.content-panel .sidebar .sidebar-widget .category-list li .action {
    position: absolute;
    right: 0px;
    visibility: hidden;
    font-size: 15px;
}

.content-panel .sidebar .sidebar-widget .category-list li .action.openpop {
    visibility: visible;
}

.blog-panel .content-wrapper .article {
    margin: 15px 15px 40px 15px;
}

.blog-panel .content-wrapper .article .article-title {
    padding-bottom: 10px;
    margin: 0px;
    font-size: 22px;
    position: relative;
    border-bottom: solid 1px #e1e1e1;
    margin-bottom: 10px;
    padding-right: 40px;
}

.blog-panel .content-wrapper .article .article-title .article-comments-num {
    position: absolute;
    width: 30px;
    height: 24px;
    color: #fff;
    top: 2px;
    right: 1px;
}

.blog-panel .content-wrapper .article .article-title .article-comments-num a {
    text-align: center;
    width: 30px;
    height: 20px;
    display: block;
    position: absolute;
    background: #d84c31;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.blog-panel .content-wrapper .article .article-title .article-comments-num .arrow {
    display: block;
    position: absolute;
    left: 12px;
    bottom: 0;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-width: 4px 4px;
    border-style: solid;
    border-color: #d84c31 #fff #fff #d84c31;
    z-index: 1;
}

.blog-panel .content-wrapper .article .article-meta {
    color: #d7d7d7;
    margin-bottom: 10px;
}

.blog-panel .content-wrapper .article .article-meta a {
    color: #d7d7d7;
}

.blog-panel .content-wrapper .article .article-meta .published {
    margin-left: 5px;
    margin-right: 5px;
}

.blog-panel .content-wrapper .article .article-meta a.category-name {
    margin-left: 5px;
}

.blog-panel .content-wrapper .article .article-meta a.category-name:hover {
    color: #d14836;
}

.blog-panel .content-wrapper .article .article-summary {
    margin-bottom: 10px;
}

.blog-panel .content-wrapper .article .article-summary img {
    margin-bottom: 10px;
    max-width: 90%;
    border: solid 5px #fbfbfb;
}

.blog-panel .content-wrapper .article .article-footer i {
    margin-left: 10px;
}

.contact-code {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

.article-markdown {
    font-size: 16px;
    line-height: 200%;
}

.article-markdown a {
    word-break: break-all;
}

.article-markdown p {
    margin: 0 0 15px;
}

.article-markdown h4 {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 5px;
}

.article-markdown h5 {
    font-size: 16px;
}

.article-markdown h6 {
    font-size: 14px;
}

.article-markdown pre {
    background-color: #f9f9f7;
    padding: 10px;
    line-height: 24px;
    border: 1px solid #e1e1e1;
}

.article-markdown blockquote {
    color: #888;
    margin-left: 15px;
}

.article-markdown blockquote p {
    font-size: 14px;
    line-height: 180%;
}

.article-markdown ul,
.article-markdown ol {
    margin-left: 30px;
}

.article-markdown ul li {
    list-style-type: disc;
}

.article-markdown ol li {
    list-style-type: decimal;
}

.article-markdown a,
.article-markdown a:link {
    color: #d84c31;
}

.article-markdown a:hover {
    text-decoration: underline;
}

.article-markdown hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #e1e1e1;
}

.article-markdown img {
    max-width: 98%;
    margin: 15px;
    border: solid 5px #FBFBFB;
    -webkit-box-shadow: 0 0 3px #e1e1e1, inset 0 0 3px white;
    box-shadow: 0 0 3px #e1e1e1, inset 0 0 3px white;
}

.article-markdown img.emoji {
    width: 22px;
    height: 22px;
    margin: 0;
    border: 0;
    box-shadow: 0 0 0 #fff, inset 0 0 0 #fff;
}

.article-markdown .unindent p {
    text-indent: 0;
}

@media (max-width: 767px) {
    .content-panel .content-container {
        width: 99%;
    }

    .content-panel .content-container .content .content-wrapper {
        padding: 0;
    }
}

.forum-panel {
    background: #f9f9f7;
}

.forum-panel .forum-container {
    /*width: 97%;*/
    /*margin-right: auto;*/
    /*margin-left: auto;*/
    /*padding:25px;*/
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0;
    width: 1210px;
}

.forum-panel .forum-container:before,
.forum-panel .forum-container:after {
    content: " ";
    display: table;
}

.forum-panel .forum-container:after {
    clear: both;
}

.forum-panel .forum-container .forum-content-devider {
    margin-top: 20px;
    height: 20px;
}

.forum-panel .forum-container .forum-left-panel {
    padding: 0;
}

.forum-panel .forum-container .forum-content {
    background: #fbfbfb;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    border: solid 1px #e1e1e1;
    min-height: 500px;
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
    min-height: 600px;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading {
    color: #646b75;
    font-size: 24px;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading h3 {
    color: #646b75;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading .category-desc {
    color: #d7d7d7;
    font-size: 15px;
    margin-left: 1em;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item {
    /*  padding-bottom: 20px;*/
    position: relative;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item:hover .thread-admin {
    display: block !important;
}

/*.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .avatar {
  text-align: center;
  padding-top: 12px;
  padding-left: 28px;
}*/
.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text {
    cursor: default;
    position: relative;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .thread-title {
    position: absolute;
    top: 5px;
    font-size: 22px;
    margin-bottom: 6px;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .thread-title a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .thread-counts {
    position: absolute;
    right: 6px;
    text-align: right;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .thread-counts .thread-total-comment {
    line-height: 12px;
    font-weight: bold;
    color: #FFF;
    background-color: #d84c31;
    display: inline-block;
    padding: 5px 8px 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 18px 12px 0px 0px;
    text-decoration: none;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .thread-counts .thread-total-view {
    margin-top: 14px;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .secondary {
    position: relative;
    padding-right: 4px;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .secondary .thread-admin {
    display: none;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .secondary .thread-meta {
    color: #d7d7d7;
    padding-left: 15px;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .thread-list .thread-item .text .secondary .thread-comment-meta {
    color: #d7d7d7;
    text-align: right;
    padding-right: 18px;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .category-pager {
    text-align: right;
}

.forum-panel .forum-container .forum-content .forum-single-wrapper .thread {
    padding: 12px;
}

.forum-panel .forum-container .forum-content .forum-single-wrapper .thread .thread-title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: -5px;
    padding-bottom: 12px;
    border-bottom: solid 1px #e1e1e1;
    color: #646b75;
    word-break: break-all;
}

.forum-panel .forum-container .forum-content .forum-single-wrapper .thread .thread-meta:before,
.forum-panel .forum-container .forum-content .forum-single-wrapper .thread .thread-meta:after {
    content: " ";
    display: table;
}

.forum-panel .forum-container .forum-content .forum-single-wrapper .thread .thread-meta:after {
    clear: both;
}

.forum-panel .forum-container .forum-content .forum-single-wrapper .thread .thread-meta .thread-information {
    color: #d7d7d7;
}

.forum-panel .forum-container .forum-content .forum-single-wrapper .thread .thread-meta .thread-information a {
    color: #d7d7d7;
}

.forum-panel .forum-container .forum-content .forum-single-wrapper .thread .thread-markdown {
    padding: 40px 20px 20px 20px;
    min-height: 200px;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments-heading h3 {
    color: #646b75;
    margin-top: 0;
    font-size: 20px;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments {
    border-top: solid 1px #e1e1e1;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item .comment-meta {
    position: relative;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item .comment-meta .avatar {
    text-align: center;
    padding-top: 2px;
    padding-left: 1em;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item .comment-meta .top-right-corner {
    position: absolute;
    right: 0;
    margin-right: 8px;
    margin-top: 3px;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item .comment-meta .top-right-corner .floor-label {
    position: relative;
    top: -2px;
    margin-right: 1em;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item .comment-meta .top-right-corner .comment-time {
    margin-right: 1em;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item .comment-content {
    margin-left: 1em;
    margin-top: 6px;
    padding: 6px;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item .comment-content p {
    margin-bottom: 0;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item .hover-show {
    display: none;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item:hover .hover-show {
    display: inline-block;
    margin-right: 1em;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .forum-comments .comment-item:hover .hover-hide {
    display: none;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .comment-pager {
    text-align: right;
}

.forum-panel .forum-container .forum-content .forum-comments-wrapper .comment-plz-signin {
    padding: 30px 0;
    background: #f8f8f8;
}

.forum-panel .forum-container .forum-content .forum-newcomment-wrapper .forum-newcomment-heading h3 {
    margin-top: 0;
    font-size: 20px;
    padding-bottom: 13px;
    border-bottom: solid 1px #e1e1e1;
}

.forum-panel .forum-container .forum-content .forum-newcomment-wrapper .editor-wrap {
    border: 0;
    background: transparent;
    padding: 5px 0;
}

.forum-panel .forum-container .forum-content .forum-editor-wrapper .forum-editor-heading {
    color: #646b75;
    margin-top: 0;
    font-size: 20px;
}

.forum-panel .forum-container .forum-content .forum-editor-wrapper .thread-edit-container .editor-wrap {
    border: 0;
    background: transparent;
    padding: 5px 0;
}

.forum-panel .forum-container .sidebar button {
    margin-bottom: 15px;
}

.forum-panel .forum-container .sidebar .sidebar-widget {
    background: #fbfbfb;
    border: solid 1px #e1e1e1;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    padding: 15px;
}

.forum-panel .forum-container .sidebar .sidebar-widget h4 {
    margin-top: 10px;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
    font-size: 16px;
    margin-bottom: 10px;
    text-shadow: 0 2px 0 #ffffff, 0 -2px 0 #f2f2ea;
}

.about_left_title {
    font-size: 20px;
    margin-top: 0px;
    padding-bottom: 12px;
    border-bottom: solid 1px #e1e1e1;
    color: #646b75;
    word-break: break-all;
}

.forum-panel .forum-container .sidebar .sidebar-widget .widget-text {
    line-height: 2.4em;
}

.forum-panel .forum-container .sidebar .sidebar-widget ul {
    margin: 0px;
}

.forum-panel .forum-container .sidebar .sidebar-widget ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.forum-panel .forum-container .sidebar .sidebar-widget ul li.active a {
    color: #D84C31;
}

.forum-panel .forum-container .sidebar .sidebar-widget ul li i {
    margin-right: 5px;
}

.forum-panel .forum-container .sidebar .sidebar-widget .category-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.forum-panel .forum-container .sidebar .sidebar-widget .category-list li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    line-height: 30px;
    position: relative;
    border-bottom: 1px #c4e3f3 dashed;
}

.forum-panel .forum-container .sidebar .sidebar-widget .category-list li:hover .action {
    visibility: visible;
}

.forum-panel .forum-container .sidebar .sidebar-widget .category-list li .action {
    position: absolute;
    right: 0px;
    visibility: hidden;
    font-size: 15px;
}

.forum-panel .forum-container .sidebar .sidebar-widget .category-list li .action.openpop {
    visibility: visible;
}

.forum-panel .attachments {
    overflow-x: hidden;
    margin-left: 2em;
}

.forum-panel .attachments .attachments-heading {
    color: #646b75;
    margin-top: 1em;
    margin-bottom: 1em;
}

.contact-code {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

.thread-markdown {
    font-size: 16px;
    line-height: 200%;
}

.thread-markdown a {
    word-break: break-all;
}

.thread-markdown p {
    margin: 0 0 15px;
}

.thread-markdown h4 {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 5px;
}

.thread-markdown h5 {
    font-size: 16px;
}

.thread-markdown h6 {
    font-size: 14px;
}

.thread-markdown pre {
    background-color: #f9f9f7;
    padding: 10px;
    line-height: 24px;
    border: 1px solid #e1e1e1;
}

.thread-markdown blockquote {
    color: #888;
    margin-left: 15px;
}

.thread-markdown blockquote p {
    font-size: 14px;
    line-height: 180%;
}

.thread-markdown ul,
.thread-markdown ol {
    margin-left: 30px;
}

.thread-markdown ul li {
    list-style-type: disc;
}

.thread-markdown ol li {
    list-style-type: decimal;
}

.thread-markdown a,
.thread-markdown a:link {
    color: #d84c31;
}

.thread-markdown a:hover {
    text-decoration: underline;
}

.thread-markdown hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #e1e1e1;
}

.thread-markdown img {
    max-width: 98%;
    margin: 15px;
    border: solid 5px #FBFBFB;
    -webkit-box-shadow: 0 0 3px #e1e1e1, inset 0 0 3px white;
    box-shadow: 0 0 3px #e1e1e1, inset 0 0 3px white;
}

.thread-markdown img.emoji {
    width: 22px;
    height: 22px;
    margin: 0;
    border: 0;
    box-shadow: 0 0 0 #fff, inset 0 0 0 #fff;
}

.thread-markdown .unindent p {
    text-indent: 0;
}

@media (max-width: 767px) {
    .forum-panel .forum-container {
        width: 99%;
    }
}

.content-support-panel {
    background: #f9f9f7;
}

.content-support-panel .content-container {
    width: 97%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    margin-bottom: 30px;
}

.content-support-panel .content-container:before,
.content-support-panel .content-container:after {
    content: " ";
    display: table;
}

.content-support-panel .content-container:after {
    clear: both;
}

.content-support-panel .content-container .content .content-wrapper {
    background: #fbfbfb;
    border: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    min-height: 478px;
    padding: 20px;
}

.content-support-panel .content-container .content .content-wrapper .content-title {
    color: #d84c31;
    font-size: 24px;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
}

.content-support-panel .content-container .content .content-wrapper .content-title a {
    color: #d84c31;
}

.content-support-panel .content-container .sidebar .sidebar-widget {
    background: #fbfbfb;
    border: solid 1px #e1e1e1;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    padding: 15px;
}

.content-support-panel .content-container .sidebar .sidebar-widget h4 {
    border-bottom: solid 1px #e1e1e1;
    margin: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.content-support-panel .content-container .sidebar .sidebar-widget .widget-text {
    line-height: 2.4em;
}

.content-support-panel .content-container .sidebar .sidebar-widget ul {
    margin: 0px;
}

.content-support-panel .content-container .sidebar .sidebar-widget ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.content-support-panel .content-container .sidebar .sidebar-widget ul li i {
    margin-right: 5px;
}

.content-support-panel .content-container .sidebar .sidebar-widget ul li.active a {
    color: #d84c31;
}

.help-panel .content-wrapper .manual-list:before,
.help-panel .content-wrapper .manual-list:after {
    content: " ";
    display: table;
}

.help-panel .content-wrapper .manual-list:after {
    clear: both;
}

.help-panel .content-wrapper .manual-list .manual-item {
    width: 50%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.help-panel .content-wrapper .manual-list .manual-item a {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
}

.help-panel .content-wrapper .manual-list .manual-item a:hover {
    background: #f2f2ea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.help-panel .content-wrapper .manual-list .manual-item a h4 {
    color: #d84c31;
    display: inline;
}

.help-panel .content-wrapper .manual-list .manual-item a span {
    color: #aaa;
    display: block;
    margin-top: 10px;
    line-height: 180%;
}

.help-panel .content-wrapper .manual-list .manual-item a i {
    font-size: 22px;
    color: #d84c31;
    text-shadow: 0 2px 0 #ffffff, 0 -2px 0 #f2f2ea;
    margin-right: 10px;
}

.guide-panel .content-wrapper ul.guide-list {
    margin-top: 20px;
}

.guide-panel .content-wrapper ul.guide-list li {
    line-height: 200%;
    margin-bottom: 20px;
    font-size: 16px;
}

.guide-panel .content-wrapper ul.guide-list li i {
    margin-right: 10px;
}

.guide-panel .content-wrapper .subguide {
    margin-top: 30px;
    margin-bottom: 30px;
}

.guide-panel .content-wrapper .subguide h4 {
    color: #333;
    font-size: 22px;
}

.guide-panel .content-wrapper .subguide p {
    line-height: 200%;
}

.feedback-panel .extra-text {
    color: #d84c31;
    padding-left: 10px;
}

.feedback-panel .extra-text a {
    color: #d84c31;
}

.help-center-banner {
    background-size: 100% 100%;
    text-align: center;
    height: 330px;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
}

.help-center-banner i {
    font-size: 50px;
}

.help-center-banner h3 {
    font-size: 30px;
}

.help-center-banner p {
    font-size: 20px;
}

.help-center-banner .search-block {
    max-width: 800px;
    margin: 0 auto;
}

.help-center-warpper {
    width: 980px;
    margin: 0 auto;
}

.help-center-warpper h2 {
    font-size: 23px;
}

.help-center-warpper .faqs {
    padding: 40px 0 20px 0;
}

.help-center-warpper .faqs:before,
.help-center-warpper .faqs:after {
    content: " ";
    display: table;
}

.help-center-warpper .faqs:after {
    clear: both;
}

.help-center-warpper .faqs .faqs-item {
    width: 33%;
    height: 230px;
    overflow: hidden;
    float: left;
    padding: 20px;
}

.help-center-warpper .faqs .faqs-item h4 {
    position: relative;
    text-indent: 100px;
    text-align: left;
    font-size: 20px;
}

.help-center-warpper .faqs .faqs-item h4 i {
    position: absolute;
    top: 0;
    right: 68%;
    color: #DCD8CD;
    font-size: 40px;
    text-shadow: 0 2px 0 #ffffff, 0 -2px 0 #f2f2ea;
}

.help-center-warpper .faqs .faqs-item h4 i.icon-mobile-phone {
    font-size: 48px;
}

.help-center-warpper .faqs .faqs-item ul {
    text-align: left;
    padding-left: 75px;
}

.help-center-warpper .faqs .faqs-item ul li {
    color: #777;
}

.help-center-warpper .faqs .faqs-item ul li a {
    line-height: 180%;
}

.help-center-warpper .videos-titile h3 {
    text-align: center;
    margin: 0 auto 50px auto;
    font-weight: normal;
    width: 980px;
    text-transform: uppercase;
    border-bottom: 3px solid #F1F1F1;
}

.help-center-warpper .videos-titile h3 span {
    border: 0;
    background: #FBFBFB;
    bottom: -12px;
    position: relative;
    padding: 0 30px;
}

.help-center-warpper .videos {
    padding-bottom: 20px;
}

.help-center-warpper .videos:before,
.help-center-warpper .videos:after {
    content: " ";
    display: table;
}

.help-center-warpper .videos:after {
    clear: both;
}

.help-center-warpper .videos .video-item {
    float: left;
    width: 25%;
    height: 170px;
    position: relative;
}

.help-center-warpper .videos .video-item a {
    display: block;
    width: 194px;
    height: 120px;
    padding-top: 70px;
    border: solid 1px #D7D7D7;
    color: #FFF;
    font-size: 16px;
    line-height: 15px;
    background-size: contain;
    background-position: 0 -10px;
    opacity: 0.7;
}

.help-center-warpper .videos .video-item a:hover {
    opacity: 1;
}

.help-center-warpper .videos .video-item a span {
    font-family: Helvetica Neue, Helvetica, Arial;
    font-size: 11px;
}

.help-center-warpper .feedback-title h3 {
    text-align: center;
    margin: 0 auto 50px auto;
    font-weight: normal;
    width: 980px;
    text-transform: uppercase;
    border-bottom: 3px solid #F1F1F1;
}

.help-center-warpper .feedback-title h3 span {
    border: 0;
    background: #FBFBFB;
    bottom: -12px;
    position: relative;
    padding: 0 30px;
}

.help-center-warpper .qrs {
    padding-bottom: 30px;
}

.help-center-warpper .qrs:before,
.help-center-warpper .qrs:after {
    content: " ";
    display: table;
}

.help-center-warpper .qrs:after {
    clear: both;
}

.help-center-warpper .qrs .qrs-item {
    float: left;
    width: 25%;
}

.help-center-warpper .qrs .qrs-item a {
    display: block;
    margin: 20px auto 0 auto;
    height: 100px;
    width: 100px;
    line-height: 32px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: #666;
}

.help-center-warpper .qrs .qrs-item a:hover {
    color: #d14836;
}

.help-search-warpper {
    max-width: 980px;
    margin: 0 auto;
}

.help-search-warpper .results {
    margin: 0 20px 35px 20px;
}

.help-search-warpper .results h3 a {
    font-size: 20px;
    color: #999999;
}

.help-search-warpper .results .links:before,
.help-search-warpper .results .links:after {
    content: " ";
    display: table;
}

.help-search-warpper .results .links:after {
    clear: both;
}

.help-search-warpper .results .links ul li {
    line-height: 180%;
    font-size: 15px;
}

.help-search-warpper .results .links ul li a {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.guide-center-banner {
    background-size: 100% 100%;
    text-align: center;
    height: 180px;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
}

.guide-center-banner i {
    font-size: 50px;
}

.guide-center-banner h3 {
    font-size: 30px;
}

.guide-center-banner p {
    font-size: 20px;
}

.guide-center-banner .search-block {
    max-width: 800px;
    margin: 0 auto;
}

.guide-panel h2 {
    font-size: 23px;
}

.guide-panel .guides {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.guide-panel .guides:before,
.guide-panel .guides:after {
    content: " ";
    display: table;
}

.guide-panel .guides:after {
    clear: both;
}

.guide-panel .guides .guide-item {
    padding: 15px;
}

.guide-panel .guides .guide-item a {
    display: block;
    height: 130px;
    padding: 6px 0;
    padding-top: 40px;
    line-height: 140%;
    font-size: 20px;
    color: #666;
    text-shadow: 0 2px 0 #ffffff, 0 -2px 0 #f2f2ea;
}

.guide-panel .guides .guide-item a:hover {
    background: #f6f6f6;
}

.guide-panel .guides .guide-item a i {
    font-size: 35px;
    position: absolute;
    top: 40px;
    left: 6px;
    right: 6px;
    color: #bbb;
}

.guide-panel .guides .guide-item a span {
    font-family: Helvetica Neue, Helvetica, Arial;
    font-size: 13px;
    color: #999999;
}

.guide-panel .categories-block a {
    display: block;
    padding-left: 15px;
    height: 56px;
    line-height: 56px;
    white-space: nowrap;
}

.guide-panel .categories-block a:hover {
    background: #f6f6f6;
}

.videos-list {
    margin-left: 40px;
    min-height: 260px;
}

.videos-list:before,
.videos-list:after {
    content: " ";
    display: table;
}

.videos-list:after {
    clear: both;
}

.videos-list .category-title h3 {
    font-size: 18px;
    color: #666;
}

.videos-list .video {
    float: left;
    position: relative;
    margin-top: 25px;
    text-align: center;
}

.videos-list .video .video-figure img {
    width: 200px;
    height: 112px;
}

.videos-list .video .name {
    margin-top: 10px;
    font-size: 15px;
}

.videos-list .video .duration {
    font-size: 12px;
    color: #d7d7d7;
}

.videos-list .video a {
    display: block;
}

.video-content .video-meta {
    color: #D7D7D7;
    margin-bottom: 10px;
    line-height: 30px;
}

div.hr {
    margin: 1.428571429 auto;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #fff;
}

div.hr_black {
    margin: 1.428571429 auto;
    border-top: solid 1px #111415;
    border-bottom: solid 1px #646668;
}

.border-notop {
    border-top: solid 1px transparent;
}

/** CONTROL END **/
html {
    -webkit-text-size-adjust: none;
}

html#inner {
    overflow: hidden;
}

html#inner body {
    overflow: hidden;
}

html body {
    padding: 0;
    background: #fbfbfb;
    overflow-x: hidden;
    scrollbar-base-color: white;
    scrollbar-track-color: white;
    scrollbar-darkshadow-color: white;
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: #757778;
    scrollbar-shadow-color: #bec1c4;
    scrollbar-highlight-color: #bec1c4;
}

html body header.navbar-fixed-top {
    margin-bottom: 0;
}

html body .container-fluid {
    padding: 0;
}

ul,
ol {
    padding: 0;
    margin: 0 0 10px 25px;
}

li {
    list-style-type: none;
}

textarea {
    resize: vertical;
}

form {
    margin: 0;
}

dd {
    margin-left: 10px;
}

label {
    font-weight: normal;
}

.popbox-body .control-label {
    line-height: 26px;
}

.input-lg {
    font-size: 1em;
    padding: 4px 6px;
}

.help-inline {
    display: inline;
}

.help-inlineblock {
    display: inline-block;
}

select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    height: 38px;
}

.form-control[readonly],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: default;
    background: #fbfbfb;
}

.btn {
    border: 1px solid #e1e1e1;
    background: #f9f9f7;
    background-image: none;
    text-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    padding: 8px 25px;
}

.btn.btn-hover.openpop,
.btn.btn-hover:hover {
    color: #666;
    background: #f2f2ea;
    border: solid 1px #e1e1e1 !important;
}

.btn.btn-hover:focus,
.btn.btn-hover:active {
    background: #f2f2ea;
}

.btn.btn-danger {
    border: solid 1px #d14836;
}

.btn.btn-primary {
    border: solid 1px #3079ed;
    background-color: #4d90fe;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background: #357ae8;
}

.btn.btn-sm {
    padding: 2px 10px;
}

.btn.btn-link {
    color: #333;
}

.btn.btn-link:link {
    text-decoration: none;
}

.btn.btn-link:hover,
.btn.btn-link:active {
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

.label-inverse {
    background: #333;
    color: #888;
}

ul.list-col-2:before,
ul.list-col-2:after {
    content: " ";
    display: table;
}

ul.list-col-2:after {
    clear: both;
}

ul.list-col-2 li {
    width: 50%;
    float: left;
}

ul.list-col-3:before,
ul.list-col-3:after {
    content: " ";
    display: table;
}

ul.list-col-3:after {
    clear: both;
}

ul.list-col-3 li {
    width: 33%;
    float: left;
}

ul.list-col-4:before,
ul.list-col-4:after {
    content: " ";
    display: table;
}

ul.list-col-4:after {
    clear: both;
}

ul.list-col-4 li {
    width: 25%;
    float: left;
}

.dropdown-menu {
    padding: 0;
    background: #fbfbfb;
    border-radius: 3px;
    border-color: #e1e1e1;
    -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
    box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
}

.dropdown-menu li.divider {
    margin: 0;
}

.dropdown-menu > li {
    line-height: 200%;
    margin: 5px;
}

.dropdown-menu > li i {
    margin-right: 5px;
}

.dropdown-menu > li > a {
    padding: 8px 20px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li a:focus {
    color: #333;
    background-image: none;
    background: #f2f2ea;
    border-radius: 3px;
}

.btn-group.open .btn.dropdown-toggle {
    background-image: none;
    text-shadow: 0 0 0 transparent;
}

.btn-group .btn.dropdown-toggle {
    margin-left: -1px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

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

.nav-tabs {
    margin-left: 0;
}

.nav-tabs li.active a {
    background: #f9f9f7;
}

.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    background: #f9f9f7;
}

.nav-tabs li a {
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
    margin-right: 0px;
    cursor: pointer;
    color: #d7d7d7;
}

.bw {
    word-wrap: break-word;
}

.ui-sortable-helper {
    box-sizing: content-box;
}

.fs_17 {
    font-size: 17px;
}

.fs_15 {
    font-size: 15px;
}

.ml_sub2 {
    margin-left: -2px;
}

.ml_sub10 {
    margin-left: -10px;
}

.ml_0 {
    margin-left: 0px;
}

.ml_5 {
    margin-left: 5px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_15 {
    margin-left: 15px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_50 {
    margin-left: 50px;
}

.mr_5 {
    margin-right: 5px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_15 {
    margin-right: 15px;
}

.mr_45 {
    margin-right: 45px;
}

.mr_115 {
    margin-right: 115px;
}

.mr_210 {
    margin-right: 210px;
}

.mb_10 {
    margin-bottom: 10px;
}

.pr_10 {
    padding-right: 10px;
}

.pl_0 {
    padding-left: 0px;
}

.plr_5 {
    padding-left: 5px;
    padding-right: 5px;
}

.plr_10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pl_5 {
    padding-left: 5px;
}

.pl_10 {
    padding-left: 10px;
}

.pl_12 {
    padding-left: 12px;
}

.pl_15 {
    padding-left: 15px;
}

.pl_20 {
    padding-left: 20px;
}

.p_0 {
    padding: 0;
}

.pr_0 {
    padding-right: 0 !important;
}

.pr_5 {
    padding-right: 5px;
}

.p_5 {
    padding: 5px;
}

.p_10 {
    padding: 10px;
}

.p_12 {
    padding: 12px;
}

.p_15 {
    padding: 15px;
}

.p_20 {
    padding: 20px;
}

.pt_0 {
    padding-top: 0 !important;
}

.ptb_2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pt_15 {
    padding-top: 15px;
}

.pt_45 {
    padding-top: 45px;
}

.pb_0 {
    padding-bottom: 0;
}

.pb_10 {
    padding-bottom: 10px;
}

.ml_sub100 {
    margin-left: -100px;
}

.m_0 {
    margin: 0;
}

.m_10 {
    margin: 10px;
}

.m_12 {
    margin: 12px;
}

.m_15 {
    margin: 15px;
}

.m_20 {
    margin: 20px;
}

.mt_0 {
    margin-top: 0;
}

.mt_5 {
    margin-top: 5px;
}

.mt_12 {
    margin-top: 12px;
}

.mt_20 {
    margin-top: 20px;
}

.mb_0 {
    margin-bottom: 0;
}

.mb_100 {
    margin-bottom: 100px;
}

.w_12 {
    width: 12px;
}

.w_25 {
    width: 25px;
}

.w_120 {
    width: 120px;
}

.w_165 {
    width: 165px;
}

.w_260 {
    width: 260px;
}

.w_300 {
    width: 300px;
}

.w_355 {
    width: 355px;
}

.w_360 {
    width: 360px;
}

.w_397 {
    width: 397px;
}

.w_600 {
    width: 600px;
}

.w_660 {
    width: 660px;
}

.w_678 {
    width: 678px;
}

.w_m100 {
    min-width: 100px;
}

.w_30p {
    width: 30%;
}

.w_50p {
    width: 50%;
}

.w_70p {
    width: 70%;
}

.w_75p {
    width: 75%;
}

.w_83p {
    width: 83%;
}

.h_36 {
    height: 36px;
}

.h_38 {
    height: 38px;
}

.lh-40 {
    line-height: 40px;
}

.mh-300 {
    max-height: 300px;
}

.mh-360 {
    max-height: 360px;
}

.mh-400 {
    max-height: 400px;
}

.h-380 {
    height: 380px;
}

.min-h-200 {
    min-height: 200px;
}

.min-h-400 {
    min-height: 400px;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.min-w200 {
    min-width: 200px;
}

.not-allowed {
    cursor: not-allowed !important;
}

.color_gray {
    color: #ccc;
}

.color_main {
    color: #d84c31;
}

.tab-content {
    min-height: 100px;
}

.ui-match {
    background: #ffd860;
}

.wt-form input:focus:invalid:focus,
.wt-form textarea:focus:invalid:focus,
.wt-form select:focus:invalid:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    color: #000000;
}

.wt-form input.error:focus:invalid:focus,
.wt-form textarea.error:focus:invalid:focus,
.wt-form select.error:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.wt-form .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

.wt-form textarea.error,
.wt-form select.error {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.wt-form textarea.ng-invalid.error,
.wt-form select.ng-invalid.error {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.wt-form input.error {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.wt-form input.ng-invalid.error {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.breadcrumb {
    margin: 10px 0 0px;
    background-color: #f9f9f7;
    border: solid 1px #f2f2ea;
}

.breadcrumb.blank {
    margin-left: 25px;
    margin-right: 25px;
}

.breadcrumb a {
    color: #333;
    font-weight: normal;
}

.breadcrumb a:hover {
    color: #d14836;
}

/* form cursors */
button[type="submit"],
input[type="submit"] {
    cursor: pointer;
}

/* custom selection colors */
::-moz-selection {
    color: #fff;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(216, 76, 49, 0.8);
}

::selection {
    color: #fff;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(216, 76, 49, 0.8);
}

/* custom scroll colors */
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-thumb {
    background-color: #FFF;
    border: solid 1px #BEC1C4;
}

::-webkit-scrollbar-track-piece {
    background-color: #FFF;
}

.rightpanel-wrapper {
    position: relative;
}

.height-scrollauto {
    overflow: auto;
}

embed {
    display: block;
}

.btn {
    background-color: #f9f9f7;
    border-color: #e1e1e1;
}

.btn:hover {
    background-color: #f2f2ea;
}

.btn:active,
.btn.active {
    background-color: #f2f2ea;
    border-color: #e1e1e1;
}

.btn-default {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-color: #f9f9f7;
    background-repeat: repeat-x;
    border-color: #dadace;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus {
    background-color: #dfdfd4;
    background-position: 0 -15px;
}

.btn-default:active,
.btn-default.active {
    background-color: #dfdfd4;
    border-color: #dadace;
}

.btn-primary {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-color: #428bca;
    background-repeat: repeat-x;
    border-color: #2b669a;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #2d6ca2;
    background-position: 0 -15px;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #2d6ca2;
    border-color: #2b669a;
}

.btn-success {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-color: #5cb85c;
    background-repeat: repeat-x;
    border-color: #3e8f3e;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #419641;
    background-position: 0 -15px;
}

.btn-success:active,
.btn-success.active {
    background-color: #419641;
    border-color: #3e8f3e;
}

.btn-info {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-color: #5bc0de;
    background-repeat: repeat-x;
    border-color: #28a4c9;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #2aabd2;
    background-position: 0 -15px;
}

.btn-info:active,
.btn-info.active {
    background-color: #2aabd2;
    border-color: #28a4c9;
}

.btn-warning {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-color: #f0ad4e;
    background-repeat: repeat-x;
    border-color: #e38d13;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #eb9316;
    background-position: 0 -15px;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #eb9316;
    border-color: #e38d13;
}

.btn-danger {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-color: #d84c31;
    background-repeat: repeat-x;
    border-color: #a3341f;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #ab3720;
    background-position: 0 -15px;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #ab3720;
    border-color: #a3341f;
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover {
    background-color: #47a447;
}

.btn-success:active,
.btn-success.active {
    background-color: #47a447;
    border-color: #398439;
}

.thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #e8e8e8;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #357ebd;
}

.navbar-default {
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}

.navbar-default .navbar-nav > .active > a {
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}

.navbar-brand,
.navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
    background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/*todo 导航样式调整 11.15*/
/*.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%);
  background-image: linear-gradient(to bottom, #222222 0%, #282828 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}*/
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
}

.alert {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alert-success {
    border-color: #b2dba1;
}

.alert-info {
    border-color: #9acfea;
}

.alert-warning {
    border-color: #f5e79e;
}

.alert-danger {
    border-color: #dca7a7;
}

.progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top, #d84c31 0%, #b43a22 100%);
    background-image: linear-gradient(to bottom, #d84c31 0%, #b43a22 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd84c31', endColorstr='#ffb43a22', GradientType=0);
}

.list-group {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #3071a9;
    background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
    border-color: #3278b3;
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}

.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}

.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}

.panel-info > .panel-heading {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}

.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}

.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}

.well {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

a {
    color: #666666;
    outline: 0 none;
}

a:link {
    color: #666666;
    outline: 0 none;
}

a:link.underline {
    text-decoration: underline;
}

a:hover {
    color: #d14836;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading {
    color: #646b75;
    font-size: 18px;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading .pull-left a {
    color: #d84c31;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading .pull-left a:hover {
    color: #646b75;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading :not(ul li) a {
    color: #646b75;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading :not(ul li) a:hover {
    color: #d84c31;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading .active {
    color: #d84c31;
}

.forum-panel .forum-container .forum-content .forum-category-wrapper .forum-heading :not(ul li) i {
    margin-left: 5px;
    margin-right: 10px;
}

.faqList > li > a {
    color: #646b75 !important;
}

.faqList > li > a:hover {
    color: #d84c31 !important;
}

.faqList > li > a:visited:first-child {
    color: #d84c31 !important;
}

.callusLink a {
    color: #333 !important;
}

.callusLink a:hover {
    color: #d84c31 !important;
}

.backToTop {
    position: fixed;
    right: 30px;
    bottom: 50px;
}

.backToTop a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #cccccc;
    margin-bottom: 2px;
    border-radius: 3px;
    text-align: center;
    padding-top: 3px;
}

.backToTop a:hover {
    color: #666666;
    background-color: #999999;
}

.myTab li a {
    font-size: 22px;
    width: 150%;
    text-align: center;
}

.myTab li:first-child {
    margin-left: -5px;
!important;
}

.myTab li:nth-child(n+2) {
    margin-left: 140px !important;
}

.myTabContent {
    height: 280px;
    border-bottom: 2px solid #EEEEEE;
    font-size: 16px;
}

.myTabContent h4 {
    font-size: 20px;
}

.myTabContent h4 > img {
    margin-right: 30px;
}

.myTabContent ul {
    margin-left: 70px;
}

.myLinkModule {
    float: left;
    margin: 40px 0 50px 0;
    width: 320px;
    height: 200px;
    font-size: 16px;
}

.myLinkModule > header {
    width: 100%;
    height: 40px;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    line-height: 2em;
}

.myLinkModule article {
    text-align: center;
    border: 1px solid #cccccc;
    height: 159px;
    padding-top: 20px;
}

.myLinkModule article > h4 {
    font-size: 18px;
    margin-bottom: 14px;
}

/*
@media (max-width: 767px) {
    .content-panel .content-container {
        width: 99%;
    }
    .content-panel .content-container .content .content-wrapper {
        padding: 0;
    }
}
.forum-panel {
    background: #f9f9f7;
}
.forum-panel .forum-container {
        max-width: 980px;
    max-width: 97%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 25px;
    margin-bottom: 30px;
}
.forum-panel .forum-container:before,
.forum-panel .forum-container:after {
    content: " ";
    display: table;
}
.forum-panel .forum-container:after {
    clear: both;
}
.forum-panel .forum-container .forum-content-devider {
    margin-top: 20px;
    height: 20px;
}
.forum-panel .forum-container .forum-left-panel {
    padding: 0;
}
*/