/* Minification failed. Returning unminified contents.
(188,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(2593,1): run-time error CSS1019: Unexpected token, found '@import'
(2593,9): run-time error CSS1019: Unexpected token, found 'url("define.css")'
(4192,833): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4192,871): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4192,994): run-time error CSS1019: Unexpected token, found '@keyframes'
(4192,1024): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4192,1243): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4192,1278): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4192,1427): run-time error CSS1019: Unexpected token, found '@keyframes'
(4192,1454): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4192,2878): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4192,2918): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4192,3027): run-time error CSS1019: Unexpected token, found '@keyframes'
(4192,3059): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    height: 100%;
    overflow: auto;
    margin: 0;
    /*margin: 15px;*/
    padding-top: 0px;
    /*background: #f5f5f6;*/
    -webkit-overflow-scrolling: touch;
}
h3 {
    font-size:20px;
}
a, a:focus, a:hover {
    color: #000;
    text-decoration: none;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

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

.table {
    margin-bottom: 0;
}
.loading-overlay.loading-theme-light {
    opacity: 1;
    background-color: initial;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: inherit;
}
/*
 * Global add-ons
 */
.popover {
    min-width: 300px;
}

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}


/*
 * Main content
 */
.main > .page {
    padding-bottom: 60px;
}

@media (min-width: 768px) {
    .sec-main {
        margin-left: 130px;
        padding: 15px 5px;
    }

    .navbar-right {
        margin-right: 0;
    }
}

.main .page-header {
    padding: 2px;
    margin-top: 0;
    margin: 0;
}

.page-header h2 {
    font-size: 18px;
    margin: 8px;
}

/*
 * Sidebar
 */
/* Hide for mobile, show later */
.sidebar {
    min-width: 115px;
    display: none;
}

.secondsidebar {
    display: none;
}

@media (min-width: 768px) {
    .sidebar {
        min-width: 115px;
        position: fixed;
        top: 60px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #333;
        border-right: 1px solid #eee;
    }

    .secondsidebar {
        width: 130px;
        position: fixed;
        top: 60px;
        bottom: 0;
        left: 115px;
        z-index: 1000;
        display: block;
        padding-top: 41px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #EDEDED;
        border-right: 1px solid #eee;
    }
}

.navbar-inverse {
    min-height: 60px;
    padding: 10px 0 0 0;
    background-color: #FFF;
    background-image: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}

.navbar-header {
    width: 40%;
    margin-left: 10px;
}

.navbar-center {
    float: left;
    line-height: 50px;
    width: 20%;
    text-align: center;
}

.navbar-collapse {
    width: 40%;
    float: left;
    padding-right: 24px;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #9d9d9d;
    background-color: none;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: inherit;
}

    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
        color: initial;
    }
/* Sidebar navigation */
.nav-sidebar {
    /*margin-right: -21px; /* 20px padding + 1px border */ */;
    /*margin-bottom: 20px;
    margin-left: -20px;*/
}

    .nav-sidebar > li > a {
        padding-right: 20px;
        padding-left: 20px;
    }

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

    .nav-sidebar > .active > a {
        background-color: #666;
    }

    .nav-sidebar > li > a {
        color: #FFF;
        background-color: #333;
    }

        .nav-sidebar > li > a:focus, .nav-sidebar > li > a:hover, .nav-sidebar > li > a:active {
            background-color: #484848;
        }

        .nav-sidebar > li > a:hover, .nav-sidebar > li > a:active {
            background-color: #484848;
        }

.secondsidebar > .nav-sidebar > li > a {
    color: rgba(0,0,0,.75);
    background-color: #EDEDED;
}

.secondsidebar > .nav-sidebar > .active > a,
.secondsidebar > .nav-sidebar > .active > a:hover,
.secondsidebar > .nav-sidebar > .active > a:focus {
    background-color: #E4E3DF;
}

.secondsidebar > .nav-sidebar > li > a:hover, .secondsidebar > .nav-sidebar > li > a:active {
    background-color: #EDEDED;
}
/*縮進導航*/
.container-main {
}

    .container-main .sidebar a {
        padding-left: 18px;
    }

    .container-main.ss_small .sidebar {
        min-width: 50px;
    }

        .container-main.ss_small .sidebar .nav_name {
            display: none;
        }

    .container-main.ss_small .secondsidebar {
        display: none;
    }

    .container-main.ss_small .main {
        margin-left: 50px;
    }

    .container-main.ss_small .sec-main {
        margin-left: 5px;
    }
/*
 * Placeholder dashboard ideas
 */
.placeholders {
    margin-bottom: 30px;
    text-align: center;
}

    .placeholders h4 {
        margin-bottom: 0;
    }

.placeholder {
    margin-bottom: 20px;
}

    .placeholder img {
        display: inline-block;
        border-radius: 50%;
    }

.pagination-container {
    text-align: center;
}

.pagination {
    margin: 10px 0;
}
    .pagination li {
        display: inline-block;
        margin-bottom: 10px;
        line-height: 26px;
    }
    .pagination > li > a {
        display: inline-block;
        padding: 0 10px;
        color: #666;
    }

    .pagination > .active > a, .pagination > .active > a:hover {
        margin: 0 10px;
        background: #00A0E9;
        color: #fff;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        line-height: 26px;
        padding: 0;
    }

.modal.fade {
    overflow-y: auto;
}

.modal-header {
    background-color: #333;
    color: #FFF;
    padding: 10px 5px;
}

    .modal-header .close {
        margin-top: 0;
    }

.modal-footer {
    clear: both;
}

.close {
    color: #EEE;
    opacity: .8;
}

    .close:hover {
        color: #FFFFFF;
        opacity: 1;
    }

.thumbnail {
    text-align: center;
    background-color: #dedede;
    width: 160px;
    height: 214px;
    box-shadow: none;
}

    .thumbnail img {
        width: 110px;
        margin-top: 10px;
    }

    .thumbnail .progressName {
        text-align: center;
        word-wrap: break-word;
        min-height: 30px;
    }

    .thumbnail .progress {
        margin-bottom: 0px;
        line-height: 23px;
    }

.progressContainer {
    width: 170px;
    padding: 0px;
}

/*.text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}*/
/*截取文本 省略号*/
.branch-name {
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*鼠标懸停帶遮罩的box*/
.ss-box {
    position: relative;
    width: 180px;
    height: 180px;
    display: inline-block;
    background-color: #dedede;
}

    .ss-box .primary-content, .ss-box .secondary-content {
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
    }

        .ss-box .primary-content .thumbnail {
            width: 100%;
            height: 100%;
            background-color: inherit;
            border: none;
        }

    .ss-box .secondary-content {
        opacity: 0;
        color: #FFF;
        background-color: #6e6e6e;
    }

        .ss-box .secondary-content a {
            color: #FFF;
            display: -webkit-inline-box;
        }

        .ss-box .secondary-content:hover {
            opacity: 1;
            background-color: rgba(0, 0, 0, 0.5);
        }

/*box End*/
.info-box {
    display: block;
    min-height: 90px;
    background: #f7f6f2;
    width: 100%;
    min-width: 180px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-title {
}

    .info-box-title a {
        color: #000;
    }

.info-box-text {
    font-size: 30px;
    font-weight: 600;
}
/*鼠标懸停文字，出現修改圖标*/

.edit-box {
    position: relative;
}

    .edit-box .primary-content {
        position: relative;
    }

    .edit-box .secondary-content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
    }

        .edit-box .secondary-content:hover {
            opacity: 1;
        }

/*box End*/

.ss-percent {
    font-size: 12px;
    border-radius: 2px;
    color: #2dc3e8;
    border: 1px solid #2dc3e8;
    padding: 0 8px;
    vertical-align: top;
    max-width: 60px;
    line-height: 20px;
    margin-left: 5px;
}

.ss-finish-line {
    text-decoration: line-through;
    color: #999 !important;
}

.ss-level-0 {
    color: #777;
    font-size: 12px;
    margin-right: 2px;
}

.ss-level-1 {
    color: #f0ad4e;
}

.ss-level-2 {
    color: #d9534f;
}
/*validate*/
.validateform .form-group {
    margin-top: 0px;
    margin-bottom: 5px;
    min-height: 65px;
}

.form-control:focus, .btn:focus {
    border-color: #80bdff;
    box-shadow: inset 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(102,175,233,.9);
}

.form-inline .input-group > .form-control {
    min-width: 160px;
}

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

.form-group .error {
    color: #dd4b39;
    font-weight: 100;
}

@media (min-width: 768px) {
    .form-inline .form-control {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }
}
/*validate END*/
.head-addition label {
    font-weight: 100;
}

/*//滾動條整體部分*/
.scrum-stage-content::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
/*//scroll軌道背景*/
.scrum-stage-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
/*滾動條中能上下移動的小塊*/
.scrum-stage-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #CECECE;
}
/*滾動條 End*/
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-image: none;
    background-color: inherit;
}

.account_wrapper {
    text-align: center;
    width: 300px;
    background-color: #FFF;
}

    .account_wrapper .user {
        border-bottom: 1px solid #eaeaea;
    }

        .account_wrapper .user .headimg {
            font-size: 50px;
            width: 50px;
            display: block;
            margin: auto;
        }

    .account_wrapper .info {
        width: 90px;
        height: 90px;
        float: left;
        cursor: pointer;
    }

        .account_wrapper .info .icon {
            font-size: 35px;
        }

        .account_wrapper .info:hover {
            background-color: #dedede;
        }

.navbar-header a {
    line-height: 45px;
    padding: 0;
    height: initial;
}

.navbar-nav.navbar-right {
}

    .navbar-nav.navbar-right .navinfo {
        margin-right: 10px;
        padding: 0 8px;
    }

        .navbar-nav.navbar-right .navinfo .nav {
            line-height: 45px;
            color: #9d9d9d;
            padding: 0;
        }

/*nav.nav-pills*/
.nav.nav-pills li {
    border: 1px dashed #e5e5e5;
    height: 52px;
    min-width: 100px;
    margin: 5px;
}

    .nav.nav-pills li a {
        line-height: 30px;
    }

.nav.nav-pills a.act {
    background-color: #A1CF64 !important;
}
/*ss-list*/

.ss-list-item a:hover {
    text-decoration: inherit;
}

.ss-sticker {
    background-color: #FFF;
    padding: 7px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    display: inline-block;
    width: 100%;
}

    .ss-sticker .header {
        line-height: 22px;
    }

    .ss-sticker .form-control {
        margin-top: 5px;
    }

.ss-list-item .first, .ss-list-item .second {
    line-height: 22px;
}

.ss-list-item .second {
    margin-top: 8px;
}

    .ss-list-item .second .btn-group {
        padding: 0 5px;
    }

.ss-list-item .info {
    line-height: 15px;
    margin: 0 5px 5px 5px;
    padding: 0 20px;
}


.ss-list-item .ckinfo {
    cursor: pointer;
    float: left;
    padding: 12px;
}

    .ss-list-item .ckinfo input {
        width: 18px;
        height: 18px;
    }

/*ss-panel*/
.ss-panel {
    background-color: #fff;
    box-shadow: 0 2px 1px rgba(0,0,0,0.15);
    margin-bottom: 20px;
}

    .ss-panel.ss-panel-sticker {
        padding: 0;
        background-color: none;
        box-shadow: none;
        margin-bottom: 0;
        margin-top: 5px;
    }

        .ss-panel.ss-panel-sticker .ss-list-item {
            border: none;
            padding: 0 0 7px 0;
        }

    .ss-panel .ss-panel-heading {
        width: 100%;
        background: #f5f5f6;
        height: 45px;
        border-bottom: 1px solid #ddd;
    }

    .ss-panel .ss-panel-tabs {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

        .ss-panel .ss-panel-tabs li {
            position: relative;
            display: block;
            float: left;
            margin-bottom: -1px;
        }

    .ss-panel .ss-panel-heading .ss-panel-title {
        line-height: 45px;
        margin: 0 8px;
        padding: 0 8px;
    }

    .ss-panel .ss-panel-body {
        padding: 0px;
        background-color: #f5f5f6;
    }

    .ss-panel .ss-panel-heading .ss-panel-tabs li a {
        border: none;
        display: inline-block;
        border-bottom: 2px solid transparent;
        line-height: 45px;
        margin: 0 8px;
        padding: 0 8px;
        -webkit-transition: all 0s 0.1s;
        transition: all 0s 0.1s;
    }

        .ss-panel .ss-panel-heading .ss-panel-tabs li a:hover {
            border: none;
            color: #00C1DE;
            text-decoration: none;
        }

    .ss-panel .ss-panel-heading .ss-panel-tabs li.active a, .ss-panel .ss-panel-heading .ss-panel-tabs li.active a:hover {
        border: none;
        border-bottom: 2px solid #00C1DE;
        background: #f5f5f6;
        color: #00C1DE;
    }

    .ss-panel .ss-panel-footer {
        border-top: 1px solid #eaeaea;
    }

    .ss-panel.ss-panel-primary > .ss-panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .ss-panel.ss-panel-success > .ss-panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

    .ss-panel.ss-panel-info > .ss-panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    .ss-panel.ss-panel-warning > .ss-panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

    .ss-panel.ss-panel-danger > .ss-panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }
/*背景色*/
.ss-default {
    background-color: #dedede;
}

.ss-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.ss-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.ss-warning {
    color: #fcf8e3;
    background-color: #f0ad4e;
    border-color: #faebcc;
}

.ss-danger {
    color: #f2dede;
    background-color: #d9534f;
    border-color: #ebccd1;
}

.sec-main [name=search] {
    padding: 5px;
    width: 99%;
}

    .sec-main [name=search] .form-group {
        margin-top: 8px;
    }

        .sec-main [name=search] .form-group .form-control {
            min-width: 243px;
        }

        .sec-main [name=search] .form-group .input-group .form-control {
            min-width: 203px;
        }

        .sec-main [name=search] .form-group label {
            min-width: 65px;
            text-align: right;
        }

.table-responsive table {
    width: 99%;
}

    .table-responsive table th {
        border-right: 1px solid #ccc;
        background-color: #e4e3df;
        white-space: nowrap;
    }

    .table-responsive table > tbody > tr > td {
        border: 1px solid #ddd;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

        .table-responsive table > tbody > tr > td.td_edit {
            background-color: #e6ffe6;
        }

        .table-responsive table > tbody > tr > td > .td_input, .table-responsive table > tbody > tr > td.editAct .td_text {
            display: none;
        }

        .table-responsive table > tbody > tr > td.editAct .td_input {
            display: initial;
        }


.secondsidebar .nav.nav-sidebar li {
    border-bottom: 1px solid #e3e3e3;
}

.secondsidebar > .nav-sidebar > li > a:hover {
    background-color: #e5e5e5;
}

.ss-sort {
    padding-left: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: initial;
    border-left: 1px solid #ccc;
}

.modal-content {
    border-radius: inherit;
}

.ss-auth-key {
    display: none;
}
.navbar-inverse .login-out {
    display:inline-block;
}
.dw-trans .dw-persp {
    overflow: hidden;
    perspective: 1000;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
}

.dw-trans .dwwb {
    -webkit-backface-visibility: hidden;
}

.dw-in {
    animation-timing-function: ease-out;
    animation-duration: 350ms;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 350ms;
}

.dw-out {
    animation-timing-function: ease-in;
    animation-duration: 350ms;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 350ms;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 350ms;
}

.dw-flip,
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
    backface-visibility: hidden;
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
}

.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
}

.dw-flip,
.dw-pop {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
}

    .dw-pop.dw-in {
        opacity: 1;
        transform: scale(1);
        animation-name: dw-p-in;
        -webkit-animation-name: dw-p-in;
        -webkit-transform: scale(1);
        -moz-animation-name: dw-p-in;
        -moz-transform: scale(1);
    }

    .dw-pop.dw-out {
        opacity: 0;
        animation-name: dw-p-out;
        -webkit-animation-name: dw-p-out;
        -moz-animation-name: dw-p-out;
    }

    .dw-flip.dw-in {
        opacity: 1;
        transform: scale(1);
        animation-name: dw-fl-in;
        -webkit-animation-name: dw-fl-in;
        -webkit-transform: scale(1);
        -moz-animation-name: dw-fl-in;
        -moz-transform: scale(1);
    }

    .dw-flip.dw-out {
        opacity: 0;
        animation-name: dw-fl-out;
        -webkit-animation-name: dw-fl-out;
        -moz-animation-name: dw-fl-out;
    }

.dw-swing.dw-in {
    opacity: 1;
    transform: scale(1);
    animation-name: dw-sw-in;
    -webkit-animation-name: dw-sw-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sw-in;
    -moz-transform: scale(1);
}

.dw-swing.dw-out {
    opacity: 0;
    animation-name: dw-sw-out;
    -webkit-animation-name: dw-sw-out;
    -moz-animation-name: dw-sw-out;
}

.dw-slidehorizontal.dw-in {
    opacity: 1;
    transform: scale(1);
    animation-name: dw-sh-in;
    -webkit-animation-name: dw-sh-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sh-in;
    -moz-transform: scale(1);
}

.dw-slidehorizontal.dw-out {
    opacity: 0;
    animation-name: dw-sh-out;
    -webkit-animation-name: dw-sh-out;
    -moz-animation-name: dw-sh-out;
}

.dw-slidevertical.dw-in {
    opacity: 1;
    animation-name: dw-dw-sv-in;
    transform: scale(1);
    -webkit-animation-name: dw-dw-sv-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-dw-sv-in;
    -moz-transform: scale(1);
}

.dw-slidevertical.dw-out {
    opacity: 0;
    animation-name: dw-sv-out;
    -webkit-animation-name: dw-sv-out;
    -moz-animation-name: dw-sv-out;
}

.dw-slidedown.dw-in {
    animation-name: dw-sd-in;
    transform: scale(1);
    -webkit-animation-name: dw-sd-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sd-in;
    -moz-transform: scale(1);
}

.dw-slidedown.dw-out {
    animation-name: dw-sd-out;
    -webkit-animation-name: dw-sd-out;
    -moz-animation-name: dw-sd-out;
}

.dw-slideup.dw-in {
    transform: scale(1);
    animation-name: dw-su-in;
    -webkit-animation-name: dw-su-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-su-in;
    -moz-transform: scale(1);
}

.dw-slideup.dw-out {
    animation-name: dw-su-out;
    -webkit-animation-name: dw-su-out;
    -moz-animation-name: dw-su-out;
}

.dw-fade.dw-in {
    opacity: 1;
    animation-name: dw-f-in;
    -webkit-animation-name: dw-f-in;
    -moz-animation-name: dw-f-in;
}

.dw-fade.dw-out {
    opacity: 0;
    animation-name: dw-f-out;
    -webkit-animation-name: dw-f-out;
    -moz-animation-name: dw-f-out;
}
/* Fade in */
@keyframes dw-f-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes dw-f-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes dw-f-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Fade out */
@keyframes dw-f-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes dw-f-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes dw-f-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
/* Pop in */
@keyframes dw-p-in {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes dw-p-in {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes dw-p-in {
    from {
        opacity: 0;
        -moz-transform: scale(0.8);
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
    }
}
/* Pop out */
@keyframes dw-p-out {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.8);
    }
}

@-webkit-keyframes dw-p-out {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
}

@-moz-keyframes dw-p-out {
    from {
        opacity: 1;
        -moz-transform: scale(1);
    }

    to {
        opacity: 0;
        -moz-transform: scale(0.8);
    }
}
/* Flip in */
@keyframes dw-fl-in {
    from {
        opacity: 0;
        transform: rotateY(90deg);
    }

    to {
        opacity: 1;
        transform: rotateY(0);
    }
}

@-webkit-keyframes dw-fl-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
    }

    to {
        opacity: 1;
        -webkit-transform: rotateY(0);
    }
}

@-moz-keyframes dw-fl-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(90deg);
    }

    to {
        opacity: 1;
        -moz-transform: rotateY(0);
    }
}
/* Flip out */
@keyframes dw-fl-out {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        transform: rotateY(-90deg);
    }
}

@-webkit-keyframes dw-fl-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
}

@-moz-keyframes dw-fl-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
}
/* Swing in */
@keyframes dw-sw-in {
    from {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    to {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes dw-sw-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }

    to {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
}

@-moz-keyframes dw-sw-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }

    to {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
}
/* Swing out */
@keyframes dw-sw-out {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        transform: rotateY(-90deg);
    }
}

@-webkit-keyframes dw-sw-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
}

@-moz-keyframes dw-sw-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
}
/* Slide horizontal in */
@keyframes dw-sh-in {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes dw-sh-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes dw-sh-in {
    from {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
/* Slide horizontal out */
@keyframes dw-sh-out {
    from {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

@-webkit-keyframes dw-sh-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}

@-moz-keyframes dw-sh-out {
    from {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    to {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}
/* Slide vertical in */
@keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
/* Slide vertical out */
@keyframes dw-sv-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(100%);
    }
}

@-webkit-keyframes dw-sv-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}

@-moz-keyframes dw-sv-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    to {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}
/* Slide Down In */
@keyframes dw-sd-in {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

@-webkit-keyframes dw-sd-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes dw-sd-in {
    from {
        -moz-transform: translateY(-100%);
    }

    to {
        -moz-transform: translateY(0);
    }
}
/* Slide down out */
@keyframes dw-sd-out {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes dw-sd-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes dw-sd-out {
    from {
        -moz-transform: translateY(0);
    }

    to {
        -moz-transform: translateY(-100%);
    }
}
/* Slide Up In */
@keyframes dw-su-in {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@-webkit-keyframes dw-su-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes dw-su-in {
    from {
        -moz-transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(0);
    }
}
/* Slide up out */
@keyframes dw-su-out {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(100%);
    }
}

@-webkit-keyframes dw-su-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }
}

@-moz-keyframes dw-su-out {
    from {
        -moz-transform: translateY(0);
    }

    to {
        -moz-transform: translateY(100%);
    }
}

/* Datewheel overlay */
.dw {
    position: absolute;
    top: 5%;
    left: 0;
    z-index: 1001;
    color: #000;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    text-shadow: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dwi {
    position: static;
    margin: 5px;
    display: inline-block;
}
.dwwr {
    min-width: 170px;
    zoom: 1;
    padding: 0 10px;
    text-align: center;
}
/* Datewheel overlay background */
.dw-persp, .dwo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1101;
}
.dwo {
    background: #000;
    opacity: .7;
    filter: Alpha(Opacity=70);
}
/* Bubble positionings */
.dw-bubble .dw {
    margin: 20px 0;
}
.dw-bubble .dw-arrw {
    position: absolute;
    left: 0;
    width: 100%;
}
.dw-bubble-top .dw-arrw {
    bottom: -36px;
}
.dw-bubble-bottom .dw-arrw {
    top: -36px;
}
.dw-bubble .dw-arrw-i {
    margin: 0 30px;
    position: relative;
    height: 36px;
}
.dw-bubble .dw-arr {
    display: block;
}
.dw-arr {
    display: none;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-width: 18px 18px;
    border-style: solid;
    margin-left: -18px;
}
.dw-bubble-bottom .dw-arr {
    top: 0;
    border-color: transparent transparent #fff transparent;
}
.dw-bubble-top .dw-arr {
    bottom: 0;
    border-color: #fff transparent transparent transparent;
}
/* Datewheel wheel container wrapper */
.dwc {
    float: none;
    margin: 0 2px 5px 2px;
    padding-top: 30px;
    display: inline-block;
}
.dwcc {
    clear: both;
}
/* Datewheel label */
.dwl {
    text-align: center;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    position: absolute;
    top: -30px;
    width: 100%;
}
/* Datewheel value */
.dwv {
    padding: 10px 0;
    border-bottom: 1px solid #000;
}
/* Datewheel wheel container */
.dwrc {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.dwwc {
    margin: 0;
    padding: 0 2px;
    position: relative;
    background: #000;
    zoom: 1;
}
/* Datewheel wheels */
.dwwl {
    margin: 4px 2px;
    position: relative;
    z-index: 5;
}
.dww {
    margin: 0 2px;
    overflow: hidden;
    position: relative;
}
.dwsc .dwwl {
    background: #888;
    background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
    background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
}
.dwsc .dww {
    color: #fff;
    background: #444;
    background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
    background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
    background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
}
.dw-bf {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
.dw-ul {
    position: relative;
    z-index: 2;
}
.dw-li {
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    white-space: nowrap;
    text-shadow: 0 1px 1px #000;
    vertical-align: bottom;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
/* Higlighted */
.dw-li.dw-hl {
    background: #fff;
    background: rgba(255,255,255,.3);
}
/* Valid entry */
.dw-li.dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
/* Hidden entry */
.dw-li.dw-h {
    visibility: hidden;
}
.dw-i {
    position: relative;
    height: 100%;
}
/* Wheel +/- buttons */
.dwwb {
    position: absolute;
    z-index: 4;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 40px;
    text-align: center;
    opacity: 1;
    transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
}
.dwa .dwwb {
    opacity: 0;
}
.dwwbp {
    top: 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 40px;
}
.dwwbm {
    bottom: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    font-size: 32px;
    font-weight: bold;
}
.dwpm .dwwc {
    background: transparent;
}
.dwpm .dww {
    margin: 0;
}
.dwpm .dw-li {
    text-shadow: none;
}
.dwpm .dwwol {
    display: none;
}
/* Datewheel wheel overlay */
.dwwo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
    background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
}
/* Background line */
.dwwol {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555;
}
/* Datewheel button */
.dwbg .dwb {
    cursor: pointer;
    overflow: hidden;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 2px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 1px #000;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    color: #fff;
    background: #000;
    background: linear-gradient(#6e6e6e 50%,#000 50%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
    background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
    background: -o-linear-gradient(#6e6e6e 50%,#000 50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-border-radius: 5px;
}
/* Datewheel button container */
.dwbc {
    padding: 5px 0;
    text-align: center;
    clear: both;
}
.dwbc:after {
    content: '';
    display: block;
    clear: both;
}
/* Datewheel button wrapper */
.dwbw {
    display: inline-block;
    float: left;
    width: 50%;
    position: relative;
    z-index: 5;
}
.dwbc-p .dwbw {
    width: 33.33%;
}
/* Hidden label */
.dwhl {
    padding-top: 10px;
}
.dwhl .dwl {
    display: none;
}
/* Multiple selection */
.dwms .dwwms .dw-li {
    padding: 0 40px;
    position: relative;
}
.dwms .dw-msel:after {
    width: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    content: '?';
}
/* Backgrounds */
.dwbg {
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    z-index: 1102;
}
.dwbg .dwpm .dwwl {
    border: 1px solid #aaa;
}
.dwbg .dwpm .dww {
    color: #000;
    background: #fff;
    -webkit-border-radius: 3px;
}
.dwbg .dwwb {
    background: #ccc;
    color: #888;
    text-shadow: 0 -1px 1px #333;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
}
.dwbg .dwwbp {
    background: linear-gradient(#f7f7f7,#bdbdbd);
    background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
    background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
    background: -o-linear-gradient(#f7f7f7,#bdbdbd);
}
.dwbg .dwwbm {
    background: linear-gradient(#bdbdbd,#f7f7f7);
    background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
    background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
    background: -o-linear-gradient(#bdbdbd,#f7f7f7);
}
.dwbg .dwb-a {
    background: #3c7500;
    background: linear-gradient(#94c840 50%,#3c7500 50%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
    background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
    background: -o-linear-gradient(#94c840 50%,#3c7500 50%);
}
.dwbg .dwwl .dwb-a {
    background: #3c7500;
    background: linear-gradient(#94c840,#3c7500);
    background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
    background: -moz-linear-gradient(#94c840,#3c7500);
    background: -o-linear-gradient(#94c840,#3c7500);
}

/* Android ICS skin */
.android-ics .dw {
    padding: 0;
    color: #31b6e7;
    background: #292829;
}
.android-ics .dw .dwwc,
.android-ics .dw .dwwl,
.android-ics .dw .dww,
.android-ics .dw .dwb,
.android-ics .dw .dwpm .dww {
    background: none;
}
.android-ics .dwwr {
    padding: 0;
}
.android-ics .dwc {
    margin: 0;
    padding: 30px 10px 1px 10px;
}
.android-ics .dwhl {
    padding: 1px 10px;
}
.android-ics .dwv {
    height: 36px;
    line-height: 36px;
    padding: 0;
    border-bottom: 2px solid #31b6e7;
    font-size: 18px;
}
.android-ics .dwwl {
    margin: 0 2px;
}
.android-ics .dww,
.android-ics .dw .dwpm .dwwl,
.android-ics .dw .dwpm .dww {
    border: 0;
}
.android-ics .dww .dw-li {
    color: #fff;
    font-size: 18px;
    text-shadow: none;
}
.android-ics .dww .dw-li.dw-hl {
    background: #31b6e7;
    background: rgba(49,182,231,.5);
}
.android-ics .dwwo {
    background: linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828));
    background: -moz-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
    background: -o-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
}
.android-ics .dw .dwwb {
    background: #292829;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.android-ics .dwwb span {
    display: none;
}
.android-ics .dwwb:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    color: #7e7e7e;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    content: '';
}
.android-ics .dwwbm {
    top: 0;
    bottom: auto;
}
.android-ics .dwwbp {
    bottom: 0;
    top: auto;
}
.android-ics .dwwbm:after {
    border-color: transparent transparent #7e7e7e transparent;
}
.android-ics .dwwbp:after {
    border-color: #7e7e7e transparent transparent transparent;
}
.android-ics .dw .dwwl .dwb-a {
    background: #292829;
}
.android-ics .dwwbm.dwb-a:after {
    border-color: transparent transparent #319abd transparent;
}
.android-ics .dwwbp.dwb-a:after {
    border-color: #319abd transparent transparent transparent;
}
.android-ics .dw .dwwol {
    width: 60%;
    left: 20%;
    height: 36px;
    border-top: 2px solid #31b6e7;
    border-bottom: 2px solid #31b6e7;
    margin-top: -20px;
    display: block;
}
.android-ics .dwbc {
    border-top: 1px solid #424542;
    padding: 0;
}
.android-ics .dw .dwb {
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
}
.android-ics .dw .dwb-a {
    background: #29799c;
}
.android-ics .dwb-s .dwb, .android-ics .dwb-n .dwb {
    border-right: 1px solid #424542;
}
/* Docked */
.android-ics.dw-bottom .dw, .android-ics.dw-top .dw {
    border-radius: 0;
    -webkit-border-radius: 0;
}
/* Multiple select */
.android-ics .dwwms .dwwol {
    display: none;
}
.android-ics .dwwms .dw-li {
    padding-left: 5px;
    padding-right: 36px;
}
.android-ics .dwwms .dw-li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    color: #31b6e7;
    line-height: 14px;
    border: 1px solid #424542;
    text-shadow: 0 0 5px #29799c;
}
.android-ics .dwwms .dw-msel:after {
    content: '?';
}
/* Light version */
.android-ics.light .dw {
    background: #f5f5f5;
}
.android-ics.light .dww .dw-li {
    color: #000;
}
.android-ics.light .dwwo {
    background: linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f5f5f5));
    background: -moz-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
    background: -o-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
}
.android-ics.light .dw .dwwb {
    background: #f5f5f5;
    color: #f5f5f5;
}
.android-ics.light .dwbc {
    border-top: 1px solid #dbdbdb;
}
.android-ics.light .dwb {
    color: #000;
}
.android-ics.light .dwb-a {
    color: #fff;
}
.android-ics.light .dwb-s .dwb, .android-ics.light .dwb-n .dwb {
    border-right: 1px solid #dbdbdb;
}
/* Bubble positioning */
.android-ics .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #292829 transparent;
}
.android-ics .dw-bubble-top .dw-arr {
    border-color: #292829 transparent transparent transparent;
}
/* Bubble positioning */
.android-ics.light .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #f5f5f5 transparent;
}
.android-ics.light .dw-bubble-top .dw-arr {
    border-color: #f5f5f5 transparent transparent transparent;
}
/* Multiple select */
.android-ics.light .dwwms .dw-li:after {
    text-shadow: 0 0 5px #31b6e7;
}

.masonry-list {
    -webkit-padding-start: 0px;
}

    .masonry-list li {
        display: inline-block;
        width: 190px;
        height: 190px;
        padding: 3px;
        overflow: hidden;
    }

        .masonry-list li img {
            width: 90%;
            margin: 10%;
        }

    .masonry-list .title-body,
    .masonry-list button {
        display: block;
        height: 100%;
        position: relative;
        width: 100%;
    }

    .masonry-list li .title-body a {
        color: #FFF;
    }

.tile-primary-content .icon {
    position: absolute;
    right: 0;
    top: 0;
}

.tile-primary-content .headimg {
    font-size: 100px;
    width: 80%;
    margin: auto;
    text-align: center;
}

    .tile-primary-content .headimg img {
        width: 90%;
        margin: auto;
    }

.tile-primary-content .bottom {
    position: absolute;
    padding-bottom: 10px;
    width: 90%;
    text-align: center;
    color: #000;
}

.masonry-list .tile-primary-content,
.masonry-list .tile-secondary-content {
    background-color: #ddd;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    overflow: hidden;
}


.masonry-list li.tile-person p {
    color: #a18e5c;
    font-family: 'Georgia', serif;
    font-size: 17px;
    margin: .2em;
    text-transform: none;
}

.masonry-list .tile-secondary-content {
    opacity: 0;
    -moz-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
}

.masonry-list li:focus .title-body::after, .masonry-list li:hover a::after {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.masonry-list li .title-body, .masonry-list li h {
    color: #FFF;
}

.masonry-list li.tile-case .tile-secondary-content, .masonry-list li.tile-client .tile-secondary-content, .masonry-list li.tile-person .tile-secondary-content {
    background-color: rgba(0, 0, 0, 0.5);
    -moz-transition: opacity 100ms ease-out;
    -o-transition: opacity 100ms ease-out;
    -webkit-transition: opacity 100ms ease-out;
    transition: opacity 100ms ease-out;
}

.masonry-list li:focus .tile-primary-content img, .masonry-list li:hover .tile-primary-content img {
    -moz-transform: scale3d(1.2, 1.2, 0);
    -webkit-transform: scale3d(1.2, 1.2, 0);
    transform: scale3d(1.2, 1.2, 2);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transition: -moz-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
    -o-transition: -o-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
    -webkit-transition: -webkit-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
    transition: transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
}

.masonry-list li:focus p,
.masonry-list li:focus h2,
.masonry-list li:focus .tile-secondary-content, .masonry-list li:hover p,
.masonry-list li:hover h2,
.masonry-list li:hover .tile-secondary-content {
    opacity: 1;
}

.masonry-list li.tile-job:focus .tile-primary-content p, .masonry-list li.tile-job:hover .tile-primary-content p {
    -moz-transform: translate3d(150%, 0, 0);
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0);
    -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1);
    -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1);
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1);
    transition: transform 300ms cubic-bezier(0, 0, 0.4, 1);
}

.masonry-list li.tile-job:focus .tile-secondary-content p, .masonry-list li.tile-job:hover .tile-secondary-content p {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
    -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1);
    -webkit-transition-delay: 150ms;
    transition: transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
}

.masonry-list li.tile-job .tile-primary-content p, .tile-primary-content p {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
    -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1);
    -webkit-transition-delay: 150ms;
    transition: transform 300ms cubic-bezier(0, 0, 0.4, 1) 150ms;
}

.masonry-list li.tile-job .tile-secondary-content p, .tile-secondary-content p {
    opacity: 1;
    -moz-transform: translate3d(-150%, 0, 0);
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0);
    -moz-transition: -moz-transform 300ms cubic-bezier(0, 0, 0.4, 1);
    -o-transition: -o-transform 300ms cubic-bezier(0, 0, 0.4, 1);
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0, 0.4, 1);
    transition: transform 300ms cubic-bezier(0, 0, 0.4, 1);
}


@media (max-width: 768px) {
    .masonry-list li {
        display: inline-block;
        width: 49%;
        height: 180px;
        padding: 3px;
        overflow: hidden;
    }
}
.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;background-color:#000;opacity:0;background:-moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,rgba(0,0,0,.9)));background:-webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-fixParent{z-index:auto!important;opacity:1!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999!important}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;background-color:#fff;background-color:rgba(255,255,255,.9);border:1px solid #777;border:1px solid rgba(0,0,0,.5);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.4);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-tooltipReferenceLayer{box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{box-sizing:content-box;position:absolute;visibility:visible;top:-16px;left:-16px;z-index:9999999999!important;padding:2px;font-family:Arial,verdana,tahoma;font-size:13px;font-weight:700;color:#fff;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);background:#ff3019;background:-webkit-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff3019),color-stop(100%,#cf0404));background:-moz-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0,#cf0404 100%);background:linear-gradient(to bottom,#ff3019 0,#cf0404 100%);width:20px;height:20px;line-height:20px;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.4)}.introjs-arrow{border:5px solid transparent;content:'';position:absolute}.introjs-arrow.top{top:-10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;padding:10px;background-color:#fff;min-width:200px;max-width:300px;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,.4);-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;display:inline-block;padding:.3em .8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;text-shadow:1px 1px 0 #fff;font:11px/normal sans-serif;color:#333;white-space:nowrap;cursor:pointer;outline:0;background-color:#ececec;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#ececec));background-image:-moz-linear-gradient(#f4f4f4,#ececec);background-image:-o-linear-gradient(#f4f4f4,#ececec);background-image:linear-gradient(#f4f4f4,#ececec);-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;zoom:1;margin-top:10px}.introjs-button:hover{border-color:#bcbcbc;text-decoration:none;box-shadow:0 1px 1px #e3e3e3}.introjs-button:active,.introjs-button:focus{background-image:-webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#f4f4f4));background-image:-moz-linear-gradient(#ececec,#f4f4f4);background-image:-o-linear-gradient(#ececec,#f4f4f4);background-image:linear-gradient(#ececec,#f4f4f4)}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{box-sizing:content-box;margin-right:5px;color:#7a7a7a}.introjs-prevbutton{-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;border-right:none}.introjs-prevbutton.introjs-fullbutton{border:1px solid #d4d4d4;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em}.introjs-nextbutton{-webkit-border-radius:0 .2em .2em 0;-moz-border-radius:0 .2em .2em 0;border-radius:0 .2em .2em 0}.introjs-nextbutton.introjs-fullbutton{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{color:#9a9a9a;border-color:#d4d4d4;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:15px auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:hover{background:#999}.introjs-bullets ul li a.active{background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px 0 5px 0;border-radius:4px;background-color:#ecf0f1}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}.introjs-hint:hover>.introjs-hint-pulse{border:5px solid rgba(60,60,60,.57)}.introjs-hint-pulse{box-sizing:content-box;width:10px;height:10px;border:5px solid rgba(60,60,60,.27);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.introjs-hint-no-anim .introjs-hint-dot{-webkit-animation:none;-moz-animation:none;animation:none}.introjs-hint-dot{box-sizing:content-box;border:10px solid rgba(146,146,146,.36);background:0 0;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;height:50px;width:50px;-webkit-animation:introjspulse 3s ease-out;-moz-animation:introjspulse 3s ease-out;animation:introjspulse 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;top:-25px;left:-25px;z-index:1;opacity:0}@-webkit-keyframes introjspulse{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);opacity:.1}50%{-webkit-transform:scale(.1);opacity:.3}75%{-webkit-transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);opacity:0}}@-moz-keyframes introjspulse{0%{-moz-transform:scale(0);opacity:0}25%{-moz-transform:scale(0);opacity:.1}50%{-moz-transform:scale(.1);opacity:.3}75%{-moz-transform:scale(.5);opacity:.5}100%{-moz-transform:scale(1);opacity:0}}@keyframes introjspulse{0%{transform:scale(0);opacity:0}25%{transform:scale(0);opacity:.1}50%{transform:scale(.1);opacity:.3}75%{transform:scale(.5);opacity:.5}100%{transform:scale(1);opacity:0}}

container {
    width: 100%;
}

.bar-tab {
    bottom: 0;
    height: 2.5rem;
    padding: 0;
    table-layout: fixed;
    padding-top: 11px;
}

.bar {
    right: 0;
    left: 0;
    z-index: 10;
    height: 60px;
    background-color: #FFF;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-top: 1px solid #ddd;
    -webkit-transform: translateZ(0);
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active, .bar-tab .tab-item.active > a {
    color: #FF4B19;
}

.bar-tab .tab-item {
    position: relative;
    display: table-cell;
    width: 1%;
    height: 45px;
    color: #929292;
    text-align: center;
    vertical-align: middle;
}

    .bar-tab .tab-item .dropdown-menu > li {
        padding: 5px 0px;
    }

        .bar-tab .tab-item .dropdown-menu > li:not(:last-child) {
            border-bottom: 1px solid #ddd;
        }

.tab-item a {
    width: 100%;
    display: block;
    color: #929292;
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #FF4B19;
}

.bar-tab .tab-item .fa {
    top: .05rem;
    height: 1.2rem;
    font-size: 2.2rem;
    line-height: 1.2rem;
    padding-top: 0;
    padding-bottom: 0;
}

.bar .fa {
    position: relative;
    z-index: 20;
    padding: .5rem .1rem;
    font-size: 2rem;
    line-height: 1.2rem;
}

.bar-tab .tab-item .fa ~ .tab-label {
    display: block;
    position: relative;
    top: .15rem;
}

.bar-tab .dropdown-menu {
    min-width: 100px;
}

@media (max-width: 768px) {
    .container-fluid > .navbar-header {
        margin: 0;
    }

    .navbar-nav {
        margin: 0px;
    }

    .navbar-collapse {
        width: auto;
        padding: 0;
    }

        .navbar-collapse.navbar-right {
            float: right;
            display: inline-block;
            border: none;
        }

    .navbar-nav.navbar-right .navinfo {
        padding: 0;
    }

    .navbar-right .nav .open > a, .navbar-right .nav .open > a:focus, .navbar-right .nav .open > a:hover {
        background-color: none;
        border-color: none;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        right: 0px;
        left: initial;
        padding: 0;
        min-width: 100px;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 0;
    }

    .navbar-nav .account_wrapper {
        width: 210px;
    }

    .account_wrapper .user {
        border: none;
    }

    .modal-body {
        padding: 15px 0;
    }

    .validateform .form-group {
        min-height: 0;
    }

    .form-group {
        margin-bottom: 5px;
    }

    /* 文本居中 */
    .tc {
        text-align: center;
    }

    /* 搜索+新增 間距調整*/
    button.search-add {
        margin-left: 10px;
    }

    .my-search-area {
        border: 1px #ccc dashed;
        padding: 2px 0;
        display: none;
    }
    /*@font-face {
        font-family: 'iconfont'; 
        src: url('//at.alicdn.com/t/font_148185_0syw9bm78v4.eot');
        src: url('//at.alicdn.com/t/font_148185_0syw9bm78v4.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_148185_0syw9bm78v4.woff2') format('woff2'), url('//at.alicdn.com/t/font_148185_0syw9bm78v4.woff') format('woff'), url('//at.alicdn.com/t/font_148185_0syw9bm78v4.ttf') format('truetype'), url('//at.alicdn.com/t/font_148185_0syw9bm78v4.svg#iconfont') format('svg');
    }*/
    /* 首頁格子樣式 */
    .demo-nav {
        line-height: 1.8em;
    }

        /*.demo-nav div {
            border-left: 1px solid #f1f1f1;
            border-bottom: 1px solid #f1f1f1;
        }*/

        .demo-nav a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .demo-nav div:nth-child(4n+1) {
            border-left: none;
        }
}

@import url("define.css");
/**/
.logos {
	float: left;
}

.logos img {
	max-width: 100%;
	display: block;
}

.nav-toggle {
	width: 30px;
	text-align: center;
	font-size: 30px;
	cursor: pointer;
	float: right;
	color: #fff;
	display: none;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -15px;
}

.nav-toggle span {
	width: 100%;
	height: 3px;
	background: #777;
	border-radius: 20px;
	display: block;
	margin: 5px 0
}

.menu {
	text-align: center;
	width: 70%;
	float: right;
	font-size: 15px;
	padding: 48px 0 0;
	line-height: 2;
	text-align: right
}

.menu dt a {
	color: #999
}

	.menu dd {
		display: inline-block;
		*display: inline;
		margin-left: 2.5%;
		text-transform: capitalize;
		font-size: 18px
	}

.menu dd a {
	color: #555;
	display: block;
}

.menu dd.active a {
	color: #00a0e9
}
.menu dd:nth-child(2){ margin-left: 0;}




.home_title {
	padding: 50px 0 20px;
}

.home_title h2 {
	font-family: "impact1";
	text-align: center;
	text-transform: uppercase;
	color: #808080;
	font-size: 36px;
	font-weight: normal;
}

.home_title h2 span {
	color: #00a0e9
}

	.home_title p {
		text-align: center;
		background: url(/Resource/client/images/title.png) center no-repeat;
		font-size: 24px;
		color: #727272;
		margin-top: 10px;
		text-transform: uppercase;
	}

.home_about {
	text-align: center;
	padding-bottom: 50px;
}

.home_about .title {
	text-align: center;
	color: #00a0e9;
	font-size: 20px;
	font-weight: normal;
	display: block;
	padding: 15px 0
}

.home_about p {
	color: #666;
	font-size: 15px;
	line-height: 1.8;
	width: 80%;
	margin: 0 auto;
	display: block
}

.home_about img {
	display: block;
	margin: 20px auto 10px
}

.home_classify {
	max-width: 525px;
	text-align: left;
	margin: 25px auto 0;
	overflow: hidden
}

	.home_classify a {
		display: inline-block;
		margin-bottom: 10px;
		padding-right: 23px;
		margin-right: 7%;
		background: url(/Resource/client/images/more1.png) right center no-repeat;
		color: #666666;
		text-decoration: underline !important;
	}

.home_classify a:last-child {
	margin-right: 0
}

		.home_classify a.active,
		.home_classify a:hover {
			color: #13a3ea;
			background-image: url(/Resource/client/images/more1_select.png)
		}


.home_new {
	padding-bottom: 50px;
}

.home_new_images {
	width: 42%;
	float: left;
	margin-top: 20px;
}

.home_new_images img {
	display: block;
	max-width: 100%
}

.home_new_images .title,
.home_new_list .title {
	line-height: 20px;
	font-size: 15px;
	color: #13a3ea;
	padding: 20px 0 10px;
	overflow: hidden
}

.home_new_images .title em,
.home_new_list .title em {
	float: right;
	font-style: normal;
	font-size: 14px;
}

.home_new_images p {
	color: #747474;
	font-size: 14px;
	line-height: 1.8
}

.home_new_images .title span,
.home_new_list .title span {
	display: block;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left
}

.home_new_list {
	width: 100%;
	margin-top: 20px;
}

	.home_new_list dd {
		background: url(/Resource/client/images/himg3.png) 70px 25px no-repeat;
		padding: 15px 15px;
		padding-left: 105px;
		position: relative;
		box-sizing: border-box;
		width: 49%;
		float: left;
		margin-bottom: 20px;
		transition: all .2s;
	}

.home_new_list dd p {
	display: block;
	height: 70px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.home_new_list dd:nth-child(2n) {
	float: right;
}

.home_new_list .num {
	color: #888;
	font-size: 36px;
	position: absolute;
	top: 20px;
	left: 15px
}

.home_new_list .title {
	padding-top: 0
}

.home_new_list .word {
	line-height: 1.8;
	color: #555;
	font-size: 13px;
}

.home_new_list dd:hover {
	background: #00a0e9
}

.home_new_list dd:hover .num,
.home_new_list dd:hover .word,
.home_new_list dd:hover .title {
	color: #fff
}

.min-width {
	min-width: 1230px;
}

.home_more {
	background: #2ba2ce url(/Resource/client/images/dian.png) 10px center no-repeat;
	border-radius: 30px;
	padding: 0 15px;
	padding-left: 45px;
	width: 110px;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #fff;
	margin: 30px auto 0;
	transition: all 0.3s;
	border: 1px solid #2ba2ce;
}

.wbrs .more:hover,
.home_more:hover {
	background-color: transparent;
	color: #43b4de;
}

.foot-cont {
	/* background: url(/Resource/client/images/map2.jpg) center left fixed no-repeat; */
	background-size: cover;
	padding: 70px 0 50px
}

.foot-contart {
	color: #555;
	line-height: 2;
	width: 35%;
	float: left;
	margin-top: 30px;
}

.foot-contart dt {
	color: #000;
	font-size: 20px;
	padding-bottom: 15px;
}

	.foot-contart dd {
		background: url(/Resource/client/images/foot1.png) center left no-repeat;
		padding: 6px 10px 6px 33px;
	}

		.foot-contart dd.tel {
			background-image: url(/Resource/client/images/foot2.png)
		}

		.foot-contart dd.email {
			background-image: url(/Resource/client/images/foot3.png)
		}

		.foot-contart dd.add {
			background-image: url(/Resource/client/images/foot4.png)
		}

		.foot-contart dd.chanzhen {
			background-image: url(/Resource/client/images/foot5.png)
		}

.foot-form {
	width: 55%;
	margin-right: 10%;
	box-sizing: border-box;
	float: left;
	height: 300px; margin-bottom: 20px;
}

.foot-form input,
.foot-form textarea {
	width: 100%;
	border: 1px solid #fff;
	height: 35px;
	line-height: 35px;
	box-sizing: border-box;
	padding: 0 8px;
	color: #fff;
	background: none;
	border-radius: 3px;
	margin-bottom: 15px
}

.input-test::-webkit-input-placeholder {
	color: #fff;
}

.input-test::-moz-placeholder {
	color: #fff;
}

.input-test:-ms-input-placeholder {
	color: #fff;
}

.foot-form textarea {
	resize: none;
	height: 80px;
	line-height: 1.8;
	padding: 5px 8px
}

.foot-form .btn {
	width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	cursor: pointer;
	color: #fff;
}

.foot-code {
	float: left;
	width: 20%;
	text-align: center;
	color: #fff;
	line-height: 2;
	text-align: center
}

.foot-code img {
	width: 90%;
	max-width: 122px;
	display: block;
	margin: 0 auto 10px
}

.foot {
	background: #171717;
	color: #fff;
	padding: 30px 0;
	line-height: 2;
	text-align: center
}

.foot-menu {
	text-align: center;
	padding-bottom: 3px
}

.foot-menu a {
	text-align: center;
	color: #fff;
	padding: 0 20px
}

.my_menu {
	line-height: 75px;
	text-align: center;
	padding-top: 3px;
	border-bottom: 1px solid #EDEDED;
	margin-bottom: 30px;
}

.my_menu li {
	display: inline-block;
	padding: 0 25px;
}

.my_menu li a {
	font-size: 16px;
	color: #666;
	display: inline-block;
}

.my_menu li.active a {
	color: #000;
	border-bottom: 2px solid #000;
}

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

.about-title {
	padding-bottom: 20px;
	font-weight: normal;
	font-size: 26px;
	color: #000;
	line-height: 1.8
}

.about-title strong {
	font-weight: normal;
	font-size: 14px
}

.about-title span {
	font-size: 18px;
	color: #333333
}

.about-word {
	line-height: 2.2;
	padding-bottom: 50px; 
	/*font-size: 15px*/
}

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

	.about-word .title {
		background: url(/Resource/client/images/line3.jpg) center left no-repeat;
		padding-left: 10px;
		color: #000;
		font-size: 16px;
		margin-bottom: 5px;
	}

.about-info{   line-height: 2.2; padding: 0 0 20px; font-size: 15px;}
.about-info p{ text-indent: 2em; padding: 5px 0;}
.about-info img{ display: block; margin: 0 auto;  max-width: 100%;} 

.activity dd {
	float: left;
	width: 32%;
	margin-top: 25px;
	box-sizing: border-box;
	margin-right: 2%;
	border: 1px solid #ededed
}
.about{ margin-top: 40px;}
.activity dd:nth-child(3n) {
	margin-right: 0
}

.activity dd div.images {
	display: block;
	width: 100%;
	height: 230px;
	background: center no-repeat;
	background-size: cover
}

.activity dd .word {
	padding: 20px;
}

.activity dd .word h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 10px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.activity dd .word p {
	color: #666;
	line-height: 1.9;
	height: 78px;
	overflow: hidden;
}

.activity dd .more {
	background: #f8f8f8;
	border-top: 1px solid #ededed;
	color: #86bb79;
	text-align: right;
	padding: 13px 20px;
	;
}

.activity dd .more img {
	vertical-align: middle;
	margin-right: 5px;
}

.activity dd:hover .word h2 {
	color: #2ba2ce
}


.pages {
	text-align: center;
	padding: 35px 0
}

.pages li {
	display: inline-block;
	*display: inline;
	margin-bottom: 10px;
	line-height: 26px;
}

	.pages li a {
		display: inline-block;
		padding: 0 10px;
		color: #666
	}

.pages li.active a {
	margin: 0 10px;
	background: #00A0E9;
	color: #fff;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	line-height: 26px;
	padding: 0;
}

.info_content {
	background: #fafafa;
	margin-top: 30px;
}

.info_menu {
	width: 20%;
	float: left
}

.info_menu .head {
	background: #00a0e9;
	color: #fff;
	padding: 30px 25px;
	text-transform: uppercase;
}

.info_menu .head span {
	font-size: 16px;
	display: block
}

.info_menu .head h2 {
	font-weight: normal;
	font-size: 36px;
	padding-bottom: 5px;
}

.info_menu .head p {
	font-size: 18px;
}

.info_menu dl {
	line-height: 45px;
	margin-top: 10px;
}

.info_menu dd {
	border-bottom: 1px solid #ededed;
	padding: 0 20px
}

.info_menu dd a {
	display: block
}

.info_menu dd.active a {
	color: #00a0e9;
	background: url(/Resource/client/images/nei2.png) center right no-repeat
}

.info_main {
	width: 80%;
	float: left;
	background: #fff;
	min-height: 500px;
}

.info_title {
	border-bottom: 1px solid #ededed;
	line-height: 45px;
	height: 45px;
	;
	margin-left: 25px;
	margin-bottom: 20px;
}

.info_title h2 {
	color: #00a0e9;
	font-weight: normal;
	font-size: 18px;
	float: left
}

.info_title .right {
	float: right;
	background: url(/Resource/client/images/nei1.png) center left no-repeat;
	padding-left: 25px;
}

.info_title .right span {
	color: #00a0e9
}

.info_main .content {
	margin-left: 25px;
}

.inside_ment {
	background: #00a0e9;
	color: #fff;
	padding: 15px 25px;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
}

.inside_ment span {
	float: left;
	font-size: 60px;
}

.inside_ment p {
	float: left;
	font-size: 20px;
	line-height: 28px;
	padding-top: 20px;
	margin-left: 5px;
}

.inside_ment p em {
	display: block;
	font-style: normal;
	font-size: 14px;
	padding-left: 3px;
}

.home-news {
	width: 31.3%;
	margin-left: 2%;
	float: left;
	margin-bottom: 10px;
}

.home-news .img {
	overflow: hidden;
	height: 250px;
}

.home-news img {
	display: block;
	margin: 0 auto;
	transition: .3s;
	height: 250px;
}

.home-news .topimg {
	display: block;
	position: relative;
	border-bottom: 1px solid #D3D3D3
}

.newtime {
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 10px;
	line-height: 26px;
	transition: .3s;
}

.newtime p {
	color: #c90915;
	font-size: 15px;
	opacity: 1;
	transition: .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newtime span {
	display: block;
}

.home-news>p {
	padding: 18px 0;
	font-size: 13px;
	line-height: 24px;
}

.home-news>p a {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.home-news:hover .newtime span {
	opacity: 0;
	display: none;
}

.home-news:hover .newtime p {
	color: #fff;
	padding: 0;
}

.home-news:hover .newtime {
	background: rgba(0, 0, 0, .6);
	color: #fff;
	padding: 12px 15px;
}

.home-news:hover .newtime span {
	background: url(/Resource/client/images/ser2.png) center right no-repeat;
}

.home-news:hover img {
	transform: scale(1.1);
}


.join-cont {
	overflow: hidden;
	padding: 5px 5px 40px;
	margin-top: 30px;
}

.join-cont .join-left {
	height: 435px;
	width: 560px;
	float: left;
}

.join-cont .join-left>div {
	padding: 20px 30px 0;
	line-height: 2;
	align-items: center;
}

.join-cont .join-left .word {
	padding-top: 30px;
	font-size: 16px;
}

.join-cont .join-left .word span {
	color: #00a0e9;
	font-size: 20px;
	display: block;
	padding-bottom: 5 10px;
}

/*.join-cont img {
	float: right
}*/

.join-cont .join-left .title {
	font-size: 18px;
	color: #333;
}

.insidetit {
	background: #f8f8f8
}

.insleft {
	height: 50px;
	line-height: 50px;
	color: #555;
	font-size: 14px;
	float: left
}

.insleft span {
	color: #0296DC
}

.insidenav {
	float: right;
	padding-bottom: 2px;
	overflow: hidden
}

.insidenav dd {
	float: left;
	height: 48px;
	line-height: 48px;
	margin-left: 30px;
}

.insidenav dd a {
	display: inline-block;
	font-size: 15px;
	color: #555;
}

.insidenav dd.active a {
	color: #0296DC;
	border-bottom: 2px solid #0296DC;
	box-sizing: border-box;
}

.contenttit {
	text-align: center;
	color: #333;
	font-size: 24px;
	padding: 40px 0;
	line-height: 38px
}

.contenttit span {
	display: block;
	color: #bfa16f;
	text-transform: uppercase;
	font-family: "MS Serif", "New York", serif;
	letter-spacing: 0.5px
}

.fengcai {
	margin-top: 30px;
}

.serlist {
	position: relative;
	margin: 30px 0;
	overflow: hidden;
	min-height: 500px;
}

.serlist img {
	max-width: 50%;
	display: block;
}

.serlist .serleft,
.serright {
	position: absolute;
/*	background: url(/Resource/client/images/fimg1.png) left top;*/
	padding: 15px;
	width: 55%;
}

.serlist .serleft {
	top: 17%;
	right: 0;
	padding: 30px 0;
	line-height: 1.9;
/*	font-size: 15px;*/
	padding-left: 40px;
}

.serlist .serright {
	background: url(/Resource/client/images/fimg2.png) right top;
	left: 0;
	padding-right: 35px;
}

.serlist .stit {
	font-size: 20px;
	display: block;
	padding-bottom: 3px;
	color: #00A0E9;
}

.serlist .smore {
	background: #95c62a;
	display: block;
	color: #fff;
	width: 120px;
	line-height: 35px;
	text-align: center;
	margin: 20px 0;
}

.newslist {
	padding: 20px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.5);
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #DEDEDE;
}

.newslist dt {
	float: left;
	overflow: hidden;
	height: 180px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 25%;
}

.newslist dd {
	width: 73%;
	float: left;
	padding-left: 2%;
	line-height: 24px;
}

.newslist .neword>a {
	color: #333;
	font-size: 16px;
}

.newslist .neword>a::after {
	content: "";
	display: block;
	display: block;
	width: 40px;
	height: 2px;
	background: #4c423f;
	margin-top: 15px
}

.newslist .neword p {
	margin-top: 15px;
}

.newslist .neword p a {
	color: #666;
/*	font-size: 14px;*/
}

.neword {
	float: left;
	width: 80%
}

.nedtime {
	float: left;
	width: 20%;
	padding-right: 20px;
	box-sizing: border-box;
	text-align: right;
	color: #4c423f;
	font-size: 14px
}

.nedtime span {
	display: block;
	font-size: 24px;
}

.newslist:hover {
	border-color: #0296DC;
}

.newslist:hover .neword>a,
.newslist:hover .nedtime {
	color: #00A0E9;
}

.newslist:hover .neword>a::after {
	background: #00A0E9;
}

.nedtime .newmore {
	position: absolute;
	bottom: 25px;
	right: 35px
}

.contents {
	margin-top: 25px;
}

.newinfo {
	padding-top: 30px;
	line-height: 1.8
}

.newinfo .title {
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 15px
}

.newinfo .time {
	text-align: center;
	color: #999;
	margin-bottom: 30px
}

.newinfo .time span {
	padding: 0 10px;
}

.newinfo .guide {
	background: #f9f9f9 url(/Resource/client/images/999999.png) top left no-repeat;
	line-height: 1.9;
	padding: 25px;
	padding-left: 70px;
	color: #999999
}

.newinfo .word {
	line-height: 2.2;
	padding-top: 30px
}

.newinfo .word p {
	margin-bottom: 18px;
}

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

.new_pager {
	padding: 20px 0;
	line-height: 2;
	border-top: 1px solid #EDEDED;
	margin-top: 20px;
}

.new_pager a {
	display: block;
}

.peixun {
	margin-top: 20px;
}

.maps {
	height: 500px;
	margin: 30px auto;
}

.contact {
	padding: 0 0 40px;
}

.contact span {
	display: block;
	line-height: 35px;
	font-size: 15px;
}

.contact p {
	color: #000;
}

.contact span.conticon1 {
	background-position: 0 5px;
}

.contact span.conticon2 {
	background-position: 0 -30px;
}

.contact span.conticon3 {
	background-position: 0 -63px;
}

.contact span.conticon4 {
	background-position: 0 -100px;
}

.contact span.conticon5 {
	background-position: 0 -133px;
}

.dangzheng {
	margin-top: 30px;
}

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

.gallery-thumbs .swiper-slide {
	background: #000;
}

.gallery-thumbs .swiper-slide img {
	opacity: .2;
	width: 110px;
	height: 90px;
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {
	opacity: 1;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;} 
img,a{border:0; text-decoration:none; outline:none;}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{color:#555;  text-decoration:none;} 
img{height:auto;}
*{ margin:0; padding:0;}
body{ margin:0; padding:0; color:#555; font-family:"微軟雅黑"; font-size:14px; /*overflow-x:hidden;padding-bottom:500px;*/ background: none !important ; }
ul{ list-style:none;} 
.warp{ width:1200px; min-width:320px;  margin:0 auto; font-size: 13px; padding: 0 15px;}
.page{}
.fl{ float:left !important}
.fr{ float:right !important}
.pr{ position:relative} 
.bgf2{ background: #F5F6F7;}
.bgf6{ background:#f6f6f6}
.grey-bg{ background: #eff1f0 !important;}
.theme-bg{ background: #8FC31F !important; color: #fff !important;} 
.white-bg{ background:   #fff !important;} 
.box-shadow{box-shadow: 0 0 4px rgba(0,0,0,.08);}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

.color6{ color: #666}
.color8{ color: #888}
.color7{ color: #777}
.color9{ color: #999}
.blue-color{ color: #0296DC !important;}
.green-color{ color: #09ba00 !important;}
.red-color{color: #f83b3b !important;}
.theme-color{ color: #00A0E9 !important;}


.theme-border{ border-color: #8FC31F !important; color: #8FC31F !important}

.font12{ font-size: 12px !important;}
.font13{ font-size: 13px !important;}

.text-center{ text-align: center !important;}
.text-left{ text-align: left !important;}
.text-right{ text-align: right !important;}

input ,select,textarea{ outline: none;}
input[type=text],
input[type=number],
/*select,*/
textarea,
checkbox,
radio,
password {
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0px; color: #555;
}

input[type=button],
input[type=submit] {
	cursor: pointer;	-webkit-appearance: none;
} 
/**/

.w-10{ width: 10% !important;}
.w-15{ width: 15% !important;}
.w-20{ width: 20% !important;}
.w-25{ width: 25% !important;}
.w-30{ width: 30% !important;}
.w-35{ width: 35% !important;}
.w-40{ width: 40% !important;}
.w-45{ width: 45% !important;}
.w-50{ width: 50% !important;}
.w-55{ width: 55% !important;}
.w-60{ width: 60% !important;}
.w-65{ width: 65% !important;}
.w-70{ width: 70% !important;}
.w-75{ width: 75% !important;}
.w-80{ width: 80% !important;}
.w-85{ width: 85% !important;}
.w-90{ width: 90% !important;}
.w-95{ width: 95% !important;}


.pt0{ padding-top: 0px !important;}
.pl0{ padding-left: 0px !important;}
.pr0{ padding-right: 0px !important;}
.pb0{ padding-bottom: 0px !important;}
.ptb0{ padding: 0px 0 !important;}
.plr0{ padding: 0 0px !important;}

.mt0{ margin-top: 0px !important;}
.mb0{ margin-bottom: 0px !important;}
.ml0{ margin-left: 0px !important;}
.mr0{ margin-right: 0px !important;}
.mlr0{ margin: 0 0px !important;}
.mtb0{ margin: 0px 0 !important;}


.pt5{ padding-top: 5px !important;}
.pl5{ padding-left: 5px !important;}
.pr5{ padding-right: 5px !important;}
.pb5{ padding-bottom: 5px !important;}
.ptb5{ padding: 5px 0 !important;}
.plr5{ padding: 0 5px !important;}

.mt5{ margin-top: 5px !important;}
.mb5{ margin-bottom: 5px !important;}
.ml5{ margin-left: 5px !important;}
.mr5{ margin-right: 5px !important;}
.mlr5{ margin: 0 5px !important;}
.mtb5{ margin: 5px 0 !important;}

.pt10{ padding-top: 10px !important;}
.pl10{ padding-left: 10px !important;}
.pr10{ padding-right: 10px !important;}
.pb10{ padding-bottom: 10px !important;}
.ptb10{ padding: 10px 0 !important;}
.plr10{ padding: 0 10px !important;}

.mt10{ margin-top: 10px !important;}
.mb10{ margin-bottom: 10px !important;}
.ml10{ margin-left: 10px !important;}
.mr10{ margin-right: 10px !important;}
.mlr10{ margin: 0 10px !important;}
.mtb10{ margin: 10px 0 !important;}


.pt13{ padding-top: 13px !important;}
.pl13{ padding-left: 13px !important;}
.pr13{ padding-right: 13px !important;}
.pb13{ padding-bottom: 13px !important;}
.ptb13{ padding: 13px 0 !important;}
.plr13{ padding: 0 13px !important;}

.mt13{ margin-top: 13px !important;}
.mb13{ margin-bottom: 13px !important;}
.ml13{ margin-left: 13px !important;}
.mr13{ margin-right: 13px !important;}
.mlr13{ margin: 0 13px !important;}
.mtb13{ margin: 13px 0 !important;}

.pt15{ padding-top: 15px !important;}
.pl15{ padding-left: 15px !important;}
.pr15{ padding-right: 15px !important;}
.pb15{ padding-bottom: 15px !important;}
.ptb15{ padding: 15px 0 !important;}
.plr15{ padding: 0 15px !important;}

.mt15{ margin-top: 15px !important;}
.mb15{ margin-bottom: 15px !important;}
.ml15{ margin-left: 15px !important;}
.mr15{ margin-right: 15px !important;}
.mlr15{ margin: 0 15px !important;}
.mtb15{ margin: 15px 0 !important;}

.border{border: 1px solid #EAEAEA;}
.border-t{border-top: 1px solid #EAEAEA;}
.border-l{border-left: 1px solid #EAEAEA;}
.border-b{border-bottom: 1px solid #EAEAEA;}
.border-r{border-right: 1px solid #EAEAEA;}

.border-blue-t{border-top: 1px solid #6DC8F2;}
.b-radius{ border-radius: 5px;}
.b-radius8{ border-radius: 8px;}
.b-radius10{ border-radius: 10px;}
.b-radius15{ border-radius: 15px;}
.b-radius20{ border-radius: 20px;}


.scroll-y{ overflow-y: auto;}
.scroll-x{ overflow-x: auto;}

.z-index{ z-index: 10000 !important;}
.position-r{  position: relative;}
.fixed-all{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100;}
.fixed-black{position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; background: rgba(0,0,0,.8);}
.fixed-white{position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; background: rgba(255,255,255,.9);}

.absolute-centered{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

.display-n{ display: none;}
.display-flex{ display: flex; flex-direction: row;}

.enter-right{ background: url(../images/enter.png) center right no-repeat; padding-right: 13px; background-size: 7px;}

/*
.checkbox{    position: absolute;
    top: 17px;;
    left: 10px; 
}*/
.checkbox{ cursor:pointer;
    width: 15px;
	height:0; 
    background-color: #000; 
    position: relative; top:-7px; float:left
}
.checkbox:before,.chebuy:after {
    content: '';
    display: block;
    position: absolute; 
}
.checkbox:before{
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px; background: url(../images/checkbox-normal.png); background-size:18px  
}
 
.checkbox:checked:before { background-image: url(../images/checkbox-select.png)}

/*
.code-popup .absolute-centered{ background: #fff; border-radius: 10px; box-sizing: border-box; width: 300px; padding: 15px; overflow: hidden;}
.code-popup .absolute-centered .title{ text-align: center; font-size: 16px; padding: 2px 0 25px;}
.code-popup .absolute-centered .title img{ float: right; width: 25px; cursor: pointer;}
.code-popup .absolute-centered .code-img{ width: 180px; height: 180px; display: block; margin: 0 auto 15px;}
.code-popup .absolute-centered .word{ text-align: center;}*/



			input[type=text], input[type=number], select, textarea, checkbox, radio, password {
            cursor: pointer;
            -webkit-appearance: none;
            border-radius: 0px;
        }

        input[type=button], input[type=submit] {
            cursor: pointer;
            -webkit-appearance: none;
        }
.flickerplate {
	position:relative;
	width:100%; 
	background-color:#e6e6e6;
	overflow:hidden; 
}
.flickerplate img{ max-width: 100%; display: block; margin: 0 auto; }
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:0;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	
	margin-left:auto;
	margin-right:auto
}
.flickerplate ul.flicks>li .flick-title {
	padding:0px 0px;
	/*font-size:2.778em;
	line-height:1.995em;*/
	text-align:center
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	font-weight:300;/*
	line-height:2.5em;
	color:rgba(255, 255, 255, 0.8);*/
	text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
	.flickerplate .arrow-navigation.left .arrow {
		opacity: 0;
		margin: 0px 0px 0px 50%;
		background-image: url("/Resource/client/images/flickerplate/arrow-left-light.png");
		background-repeat: no-repeat;
		background-position: left
	}
.flickerplate .arrow-navigation.right {
	right:0%
}
	.flickerplate .arrow-navigation.right .arrow {
		opacity: 0;
		margin: 0px 0px 0px -50%;
		background-image: url("/Resource/client/images/flickerplate/arrow-right-light.png");
		background-repeat: no-repeat;
		background-position: right
	}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
}
.flickerplate .dot-navigation .dot {
	width:10px;
	height:10px;
	margin:0px 6px;
	background-color:#fff;
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:#00a0e9
}
.flickerplate .dot-navigation .dot.active {
	background-color:#00a0e9
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image: url("/Resource/client/images/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image: url("/Resource/client/images/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#007AFF
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}
@media screen and (max-width:1400px) {
.flickerplate{ height:600px}
}
@media screen and (max-width:1200px) {
.flickerplate{ height:600px}
}
@media screen and (max-width:640px) {
.flickerplate{ height:400px}
}
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
.mobileSelect {
  position: relative;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, z-index 0.4s;
  transition: opacity 0.4s, z-index 0.4s;
}
.mobileSelect * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mobileSelect .grayLayer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #eee;
  background: rgba(0, 0, 0, 0.7);
  z-index: 888;
  display: block;
}
.mobileSelect .content {
  width: 100%;
  display: block;
  position: fixed;
  z-index: 889;
  color: black;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  bottom: -350px;
  left: 0;
  background: white;
}
.mobileSelect .content .fixWidth {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.mobileSelect .content .fixWidth:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.mobileSelect .content .btnBar {
  border-bottom: 1px solid #DCDCDC;
  font-size: 15px;
  height: 45px;
  position: relative;
  text-align: center;
  line-height: 45px;
}
.mobileSelect .content .btnBar .cancel,
.mobileSelect .content .btnBar .ensure {
  height: 45px;
  width: 55px;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.mobileSelect .content .btnBar .cancel {
  left: 0;
  color: #666;
}
.mobileSelect .content .btnBar .ensure {
  right: 0;
  color: #1e83d3;
}
.mobileSelect .content .btnBar .title {
  font-size: 15px;
  padding: 0 15%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mobileSelect .content .panel:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.mobileSelect .content .panel .wheels {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.mobileSelect .content .panel .wheel {
  position: relative;
  z-index: 0;
  float: left;
  width: 50%;
  height: 200px;
  overflow: hidden;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.mobileSelect .content .panel .wheel .selectContainer {
  display: block;
  text-align: center;
  -webkit-transition: -webkit-transform 0.18s ease-out;
  transition: -webkit-transform 0.18s ease-out;
  transition: transform 0.18s ease-out;
  transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
}
.mobileSelect .content .panel .wheel .selectContainer li {
  font-size: 15px;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mobileSelect .content .panel .selectLine {
  height: 40px;
  width: 100%;
  position: absolute;
  top: 80px;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}
.mobileSelect .content .panel .shadowMask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  opacity: 0.9;
  pointer-events: none;
}
.mobileSelect-show {
  opacity: 1;
  z-index: 10000;
  visibility: visible;
}
.mobileSelect-show .content {
  bottom: 0;
}