* {
    /*box-sizing:border-box*/
}
html.pc .pc {
    display:initial
}
html.pc .mobile {
    display:none
}
html.pc body {
    min-width:1280px
}
html.mobile .pc {
    display:none
}
html.mobile .mobile {
    display:initial
}
@media screen and (max-width: 320px) {
    html.mobile .section-header-title {
        font-size:16px
    }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
    html.mobile .section-header-title {
        font-size:18px
    }
}
@media screen and (min-width: 376px) {
    html.mobile .section-header-title {
        font-size:20px
    }
}
html.mobile .section-header-title>span {
    font-size:12px
}
html.mobile .map-box .address-layer {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    justify-content:center;
    align-items:center
}
html.mobile .map-box .address {
    font-weight:bold;
    text-align:center;
    line-height:1.8;
    color:#111111;
    font-size:14px
}
@media screen and (max-width: 320px) {
    html.mobile .map-box .address {
        font-size:14px
    }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
    html.mobile .map-box .address {
        font-size:16px
    }
}
@media screen and (min-width: 376px) {
    html.mobile .map-box .address {
        font-size:18px
    }
}
html.mobile .map-box .address>span {
    display:none
}
body {
    font-size:14px;
    margin:0;
    font-family:PingFangSC-Regular, "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    background-color:#F8F8F8
}
body input, body button {
    font-family:PingFangSC-Regular, "Microsoft YaHei", "微软雅黑", Arial, sans-serif
}
@media screen and (min-width: 1081px) {
    body {
        min-width:1280px
    }
}
@media screen and (max-width: 1080px) {
    body {
        width:100%
    }
}
body.page-index {
    background-color:#fff
}
body .mobile-only {
    display:none !important
}
html.mobile body {
    background-color:#f0f0f0
}
html.mobile body.page-index {
    background-color:#fff
}
html.mobile body .pc-only {
    display:none !important
}
html.mobile body .mobile-only {
    display:block !important
}
section {
    width:100%
}
section>.content {
    margin:0 auto
}
@media screen and (min-width: 1081px) {
    section>.content {
        width:1280px
    }
}
@media screen and (max-width: 1080px) {
    section>.content {
        width:100%;
        padding:0 .3rem
    }
}
img {
    max-width:100%
}
figure {
    margin:0;
    padding:0
}
.placeholder {
    color:#aaaaaa;
    font-size:14px
}
button:focus, button:active, input[type=button]:focus, input[type=button]:active {
    outline:none
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#aaaaaa;
    font-size:14px
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#aaaaaa;
    font-size:14px
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#aaaaaa;
    font-size:14px
}
.fl {
    float:left
}
.fr {
    float:right
}
.clearfix:after {
    content:'';
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.clearfix {
    zoom:1
}
.alert {
    position:fixed;
    top:50%;
    width:100%;
    left:0;
    right:0;
    z-index:999;
    text-align:center
}
.alert .alert-box {
    display:inline-block;
    width:auto;
    margin:0 auto;
    padding:12px 15px;
    opacity:0.8;
    background-color:#5c5c5c;
    color:#FFFFFF;
    border-radius:5px
}
.theme-bg {
    background-color:#00c568
}
.section-header-title {
    font-weight:bold;
    font-size:36px;
    line-height:1
}
@media screen and (max-width: 1599px) {
    .section-header-title {
        font-size:30px
    }
}
.section-header-title>span {
    font-size:24px;
    letter-spacing:0
}
@media screen and (max-width: 1599px) {
    .section-header-title>span {
        font-size:20px
    }
}
.fade-enter {
    opacity:0
}
.fade-enter-active {
    opacity:1;
    transition:opacity 300ms ease-in
}
.fade-leave {
    opacity:1
}
.fade-leave-active {
    opacity:0;
    transition:opacity 300ms ease-in
}
.full-container {
    width:100%
}
@media screen and (min-width: 1081px) {
    .content-container {
        width:1280px
    }
}
@media screen and (max-width: 1080px) {
    .content-container {
        width:100%;
        padding:0 .3rem
    }
}
.third-content-container {
    width:1080px
}
.popover {
    position:absolute;
    bottom:40px;
    left:-20px;
    z-index:1060;
    display:block;
    max-width:276px;
    padding:1px;
    font-style:normal;
    font-weight:400;
    line-height:1.5;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    white-space:normal;
    line-break:auto;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(0, 0, 0, 0.2);
    border-radius:.3rem;
    float:left;
    margin:1.25rem;
    display:none
}
.popover.show {
    display:block
}
.popover.fade {
    opacity:0;
    transition:opacity 0.5s ease
}
.popover.fade.show {
    opacity:1
}
.popover-body {
    padding:10px
}
.popover.popover-auto[x-placement^=top] .arrow, .popover.popover-top .arrow {
    bottom:0
}
.popover .arrow {
    position:absolute;
    display:block;
    width:10px;
    height:5px;
    left:48%
}
.popover.popover-auto[x-placement^=top] .arrow::before, .popover.popover-top .arrow::before {
    bottom:-11px;
    margin-left:-6px;
    border-top-color:rgba(0, 0, 0, 0.25)
}
.popover.popover-auto[x-placement^=top] .arrow::after, .popover.popover-auto[x-placement^=top] .arrow::before, .popover.popover-top .arrow::after, .popover.popover-top .arrow::before {
    border-bottom-width:0
}
.popover .arrow::before {
    content:"";
    border-width:11px
}
.popover .arrow::after, .popover .arrow::before {
    position:absolute;
    display:block;
    border-color:transparent;
    border-style:solid
}
.popover.popover-auto[x-placement^=top] .arrow::after, .popover.popover-top .arrow::after {
    bottom:-10px;
    margin-left:-6px;
    border-top-color:#fff
}
.popover.popover-auto[x-placement^=top] .arrow::after, .popover.popover-auto[x-placement^=top] .arrow::before, .popover.popover-top .arrow::after, .popover.popover-top .arrow::before {
    border-bottom-width:0
}
.popover .arrow::after {
    content:"";
    border-width:11px
}
.popover .arrow::after, .popover .arrow::before {
    position:absolute;
    display:block;
    border-color:transparent;
    border-style:solid
}
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, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display:block
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
a {
    color:#7e8c8d;
    text-decoration:none;
    -webkit-backface-visibility:hidden
}
li {
    list-style:none
}
html, body {
    width:100%
}
body {
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:transparent
}
input::-webkit-contacts-auto-fill-button {
    visibility:hidden;
    display:none !important;
    pointer-events:none;
    position:absolute;
    right:0
}
#nprogress {
    pointer-events:none
}
#nprogress .bar {
    background:#00c568;
    position:fixed;
    z-index:1031;
    top:0;
    left:0;
    width:100%;
    height:2px
}
#nprogress .peg {
    display:block;
    position:absolute;
    right:0px;
    width:100px;
    height:100%;
    box-shadow:0 0 10px #806600, 0 0 5px #806600;
    opacity:1.0;
    transform:rotate(3deg) translate(0px, -4px)
}
#nprogress .spinner {
    display:none;
    position:fixed;
    z-index:1031;
    top:15px;
    right:15px
}
#nprogress .spinner-icon {
    width:18px;
    height:18px;
    box-sizing:border-box;
    border:solid 2px transparent;
    border-top-color:#29d;
    border-left-color:#29d;
    border-radius:50%;
    animation:nprogress-spinner 400ms linear infinite
}
.nprogress-custom-parent {
    overflow:hidden;
    position:relative
}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
    position:absolute
}
@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg)
    }
}
@keyframes nprogress-spinner {
    0% {
        transform:rotate(0deg)
    }
    100% {
        transform:rotate(360deg)
    }
}
.footer-box {
    background-color:#ffffff;
    padding:20px
}
.footer-box .content {
    margin:0 auto;
    text-align:center
}
@media screen and (min-width: 1081px) {
    .footer-box .content {
        width:1280px
    }
}
@media screen and (max-width: 1080px) {
    .footer-box .content {
        width:100%;
        padding:0 .3rem
    }
}
.footer-box .copyright {
    color:#999999
}
.footer-box .copyright a {
    color:#999999
}
html.mobile .footer-box {
    background-color:transparent;
    padding:.3rem .4rem .3rem
}
html.mobile .footer-box .content {
    background-color:transparent;
    padding:0;
    margin:0
}
html.mobile .footer-box .copyright {
    font-size:12px
}
html.mobile .footer-box .copyright>span {
    display:block
}
html.mobile body.page-index {
    padding-bottom:1.1rem
}
body.modal-open {
    overflow-y:hidden
}
.backdrop {
    position:fixed;
    display:none;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:199;
    background-color:rgba(37, 37, 37, 0.5)
}
.backdrop.show {
    display:block
}
.modal {
    position:fixed;
    display:none;
    top:20%;
    left:50%;
    margin-left:-280px;
    padding:20px;
    width:560px;
    border-radius:8px;
    background-color:#fff;
    z-index:299
}
.modal.show {
    display:block
}
.modal .modal-wrapper {
    position:relative;
    text-align:center;
    padding-top:20px
}
.modal .btn-close {
    position:absolute;
    top:10px;
    right:10px;
    background-color:#fff;
    text-align:center;
    line-height:38px;
    border-radius:100px;
    font-weight:lighter;
    cursor:pointer;
    width:40px;
    height:40px;
    overflow:hidden;
    z-index:19
}
.modal .btn-close::before, .modal .btn-close::after {
    content:'';
    position:absolute;
    height:2px;
    width:60%;
    top:50%;
    left:20%;
    margin-top:-1px;
    background:#999999
}
.modal .btn-close::before {
    transform:rotate(45deg)
}
.modal .btn-close::after {
    transform:rotate(-45deg)
}
.modal .btn-close-mobile {
    font-weight:lighter;
    font-size:40px;
    border:2px solid #FFFFFF;
    position:absolute;
    bottom:-1rem;
    left:45%;
    width:.8rem;
    height:.8rem;
    border-radius:100px;
    line-height:.6rem;
    display:none
}
.modal .btn-close-mobile::before, .modal .btn-close-mobile::after {
    content:'';
    position:absolute;
    height:2px;
    width:60%;
    top:50%;
    left:19%;
    background:#FFFFFF
}
.modal .btn-close-mobile::before {
    transform:rotate(45deg)
}
.modal .btn-close-mobile::after {
    transform:rotate(-45deg)
}
.modal .modal-header h3 {
    font-size:24px;
    color:#111
}
.modal .modal-body {
    padding:20px 0 20px
}
html.mobile body.modal-open {
    position:fixed
}
html.mobile .modal {
    width:5.6rem;
    margin-left:-2.8rem;
    top:1rem
}
html.mobile .modal-header h3 {
    font-size:18px
}
html.mobile .btn-close {
    display:none
}
html.mobile .btn-close-mobile {
    display:block;
    font-weight:lighter
}
.contact-box {
    color:#111;
    background-color:#ffffff
}
.contact-box .content {
    padding:90px 100px;
    margin:0 auto;
    display:flex;
    border-bottom:1px solid #EEEEEE
}
@media screen and (min-width: 1081px) {
    .contact-box .content {
        width:1280px
    }
}
@media screen and (max-width: 1080px) {
    .contact-box .content {
        width:100%;
        padding:0 .3rem
    }
}
.contact-box .content .left {
    flex:1 1 auto
}
.contact-box .content .right {
    flex:0 0 auto
}
.contact-box .infomation {
    color:#555555;
    line-height:2;
    font-size:14px
}
.contact-box .social-media {
    text-aligh:center;
    display:flex;
    align-items:center
}
.contact-box .social-media .icon {
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    border-radius:100px;
    box-sizing:border-box;
    position:relative
}
.contact-box .social-media .icon:nth-last-child(n+2) {
    margin-right:60px
}
.contact-box .social-media .icon a {
    padding:10px 0 0;
    display:inline-block;
    width:100%;
    height:100%
}
.contact-box .social-media img {
    vertical-align:middle
}
.contact-box .popover.popover-wechat-qrcode {
    width:180px;
    left:-70px;
    color:#999999;
    border:none;
    background-color:transparent;
    margin:0 0 10px
}
.contact-box .popover.popover-wechat-qrcode .arrow {
    display:none
}
.contact-box .popover.popover-wechat-qrcode .popover-body {
    padding:0
}
.contact-box .wechat-qrcode {
    padding-top:10px
}
.contact-box .wechat-qrcode figcaption {
    padding-top:10px;
    font-size:14px
}
.contact-box .wechat-qrcode img {
    width:140px
}
html.mobile .contact-box {
    display:none;
    padding:1rem 0;
    text-align:center;
    font-size:14px;
    line-height:1.3;
    color:#555555
}
html.mobile .contact-box .content {
    border-bottom:none
}
html.mobile .contact-box .content .left img {
    width:1.5rem
}
html.mobile .contact-box .social-media {
    display:none
}
html.mobile body.page-index .contact-box {
    display:block
}
.enroll-modal .btn-close {
    opacity:.45
}
.enroll-form .form-item {
    display:flex;
    margin-bottom:20px
}
.enroll-form .form-item>.label {
    flex:0 0 120px
}
.enroll-form .form-item>.validation {
    flex:0 0 120px;
    display:flex;
    align-items:center
}
.enroll-form .form-item>.control {
    flex:1 1 auto
}
.enroll-form .form-item>.control input {
    padding:9px 5px;
    width:100%;
    font-size:14px
}
.enroll-form .validation .valid {
    height:100%;
    display:flex;
    align-items:center;
    padding-left:10px
}
.enroll-form .validation .icon {
    color:white;
    border-radius:50px;
    height:20px;
    width:20px;
    line-height:20px;
    display:inline-block;
    text-align:center;
    font-size:22px
}
.enroll-form .validation .icon-ok {
    background-color:#00c568;
    font-size:14px
}
.enroll-form .validation .icon-error {
    background-color:#ff5500;
    line-height:17px
}
.enroll-form .validation .err-msg {
    color:#ff5500
}
.enroll-form .select {
    position:relative
}
.enroll-form .select .placeholder {
    display:inline-block;
    float:left;
    line-height:40px;
    text-align:left;
    text-indent:15px;
    color:#aaa
}
.enroll-form .select .placeholder.active {
    color:#2f2f2f
}
.enroll-form .select .select-icon {
    display:inline-block;
    float:right;
    width:40px;
    height:100%;
    min-height:40px;
    cursor:pointer;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAMAAAAPmYwrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMzI4MDIwZi02NDA0LTQyYzgtOTNhYy05MmVhNDMxNTk0MjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzBDRjI3NkQ3Q0MyMTFFN0JBODVERUE0NURBMjQwRkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzBDRjI3NkM3Q0MyMTFFN0JBODVERUE0NURBMjQwRkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDU4YzQ1YS03ZmQ5LTRjZjgtODE5Zi1hMWY1N2E1YjQ3OTkiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMTUyOTlhOC1iYzFlLTExN2EtYWViMC1jYzJhY2U1YzVhNzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz75VzHXAAAARVBMVEX6+vr39/etra2jo6PX19e9vb3Nzc2ampr+/v6np6ekpKShoaG7u7uenp7y8vLFxcW1tbW2trbg4ODt7e39/f2ZmZn///8sM7J0AAAATElEQVR42jSLRw7AMAzDnL2abfn/Ty3SoRMJUJQdyzd2mSYGvUYDk/iCVseUxsUksSM1kZbQo5zQw+xt4M/hdDbUGqz8KquU9cAtwABLSgZp+XGEkAAAAABJRU5ErkJggg==") no-repeat scroll center center transparent
}
.enroll-form .select .select-icon.active {
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAMAAADkrjcoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMzI4MDIwZi02NDA0LTQyYzgtOTNhYy05MmVhNDMxNTk0MjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjBGNjY1OUM3Q0MyMTFFNzk3M0FEODUwNDcxNzk5RjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjBGNjY1OUI3Q0MyMTFFNzk3M0FEODUwNDcxNzk5RjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDU4YzQ1YS03ZmQ5LTRjZjgtODE5Zi1hMWY1N2E1YjQ3OTkiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMTUyOTlhOC1iYzFlLTExN2EtYWViMC1jYzJhY2U1YzVhNzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6d7yMUAAAAM1BMVEWkpKSbm5vHx8f+/v60tLS1tbW/v7+zs7PAwMCjo6O9vb37+/u4uLjDw8P9/f2ZmZn///8mjAsjAAAARElEQVR42jTLOQLAIAwDQYUbDLb+/9rgQLbSFAJ3Wp6iPuCYBpt6tDF0fAQlW4uMzbIQUm35hcuqIF04E3rgX+ivAAMA4g0Elh5fYLoAAAAASUVORK5CYII=") no-repeat scroll center center transparent
}
.enroll-form .select .select-list {
    position:absolute;
    top:40px;
    left:-1px;
    display:none;
    margin:0;
    padding:0;
    width:100%;
    height:180px;
    border:1px solid #ccc;
    background-color:#fff;
    z-index:140;
    overflow-y:scroll
}
.enroll-form .select .select-list.active {
    display:block
}
.enroll-form .select .select-list li {
    list-style:none;
    text-align:left;
    padding:10px 10px 10px 15px;
    font-size:14px
}
.enroll-form .select .select-list li:hover {
    background-color:#f8f8f8
}
.enroll-form .select, .enroll-form .input {
    position:relative;
    border:1px solid #ccc
}
.enroll-form .select input, .enroll-form .input input {
    padding:0;
    width:100%;
    text-indent:10px;
    border:none;
    outline:none
}
.enroll-form .select .valida, .enroll-form .input .valida {
    position:absolute;
    top:8px;
    right:-110px;
    width:100px;
    text-align:left
}
.enroll-form .select .valida .icon, .enroll-form .input .valida .icon {
    display:inline-block;
    margin-bottom:2px;
    width:20px;
    height:20px;
    vertical-align:middle
}
.enroll-form .select .valida .errMsg, .enroll-form .input .valida .errMsg {
    margin-left:10px;
    line-height:24px
}
.enroll-form .btn-container {
    padding-top:5px
}
.enroll-form .btn-submit {
    font-size:24px;
    padding:10px 70px 10px 80px;
    border-width:1px;
    border-style:solid;
    min-width:278px;
    font-weight:bold
}
.enroll-form .btn-submit[disabled] {
    cursor:not-allowed
}
input[type=submit].btn, input[type=reset].btn, input[type=button].btn, button, a.btn {
    display:inline-block;
    text-decoration:none;
    background-color:transparent;
    border-radius:500px;
    cursor:pointer;
    box-shadow:none;
    outline:none;
    border-width:1px;
    border-style:solid
}
input[type=submit].btn:active, input[type=submit].btn:focus, input[type=reset].btn:active, input[type=reset].btn:focus, input[type=button].btn:active, input[type=button].btn:focus, button:active, button:focus, a.btn:active, a.btn:focus {
    outline:none
}
input[type=submit].btn.btn-default, input[type=reset].btn.btn-default, input[type=button].btn.btn-default, button.btn-default, a.btn.btn-default {
    color:#00c568;
    border-color:#00c568
}
input[type=submit].btn.btn-hover-default:hover, input[type=reset].btn.btn-hover-default:hover, input[type=button].btn.btn-hover-default:hover, button.btn-hover-default:hover, a.btn.btn-hover-default:hover {
    background-color:transparent;
    border-color:#00c568;
    color:#00c568
}
input[type=submit].btn.btn-black, input[type=reset].btn.btn-black, input[type=button].btn.btn-black, button.btn-black, a.btn.btn-black {
    color:#111;
    border-color:#111
}
input[type=submit].btn.btn-white, input[type=reset].btn.btn-white, input[type=button].btn.btn-white, button.btn-white, a.btn.btn-white {
    color:#FFFFFF;
    border-color:#FFFFFF
}
input[type=submit].btn.btn-hover-white:hover, input[type=reset].btn.btn-hover-white:hover, input[type=button].btn.btn-hover-white:hover, button.btn-hover-white:hover, a.btn.btn-hover-white:hover {
    background-color:transparent;
    border-color:#FFFFFF;
    color:#FFFFFF
}
input[type=submit].btn.btn-dark, input[type=reset].btn.btn-dark, input[type=button].btn.btn-dark, button.btn-dark, a.btn.btn-dark {
    color:#555555;
    border-color:#555555
}
input[type=submit].btn.btn-hover-dark:hover, input[type=reset].btn.btn-hover-dark:hover, input[type=button].btn.btn-hover-dark:hover, button.btn-hover-dark:hover, a.btn.btn-hover-dark:hover {
    background-color:transparent;
    border-color:#555555;
    color:#555555
}
input[type=submit].btn.btn-deep-dark, input[type=reset].btn.btn-deep-dark, input[type=button].btn.btn-deep-dark, button.btn-deep-dark, a.btn.btn-deep-dark {
    background-color:#222222;
    border-color:#222222;
    color:#00c568
}
input[type=submit].btn.btn-hover-deep-dark:hover, input[type=reset].btn.btn-hover-deep-dark:hover, input[type=button].btn.btn-hover-deep-dark:hover, button.btn-hover-deep-dark:hover, a.btn.btn-hover-deep-dark:hover {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#00c568
}
input[type=submit].btn.btn-theme, input[type=reset].btn.btn-theme, input[type=button].btn.btn-theme, button.btn-theme, a.btn.btn-theme {
    color:#00c568;
    border-color:#00c568
}
input[type=submit].btn.btn-hover-theme:hover, input[type=reset].btn.btn-hover-theme:hover, input[type=button].btn.btn-hover-theme:hover, button.btn-hover-theme:hover, a.btn.btn-hover-theme:hover {
    background-color:transparent;
    border-color:#00c568;
    color:#00c568
}
input[type=submit].btn.btn-hover-deep-theme:hover, input[type=reset].btn.btn-hover-deep-theme:hover, input[type=button].btn.btn-hover-deep-theme:hover, button.btn-hover-deep-theme:hover, a.btn.btn-hover-deep-theme:hover {
    background-color:#00c568;
    border-color:#00c568;
    color:#111
}
input[type=submit].btn.btn-primary, input[type=reset].btn.btn-primary, input[type=button].btn.btn-primary, button.btn-primary, a.btn.btn-primary {
    background-color:#00c568;
    border-color:#00c568
}
input[type=submit].btn.btn-hover-primary:hover, input[type=reset].btn.btn-hover-primary:hover, input[type=button].btn.btn-hover-primary:hover, button.btn-hover-primary:hover, a.btn.btn-hover-primary:hover {
    background-color:#00c568;
    border-color:#00c568;
    color:#111
}
input[type=submit].btn.btn-hover-highlight:hover, input[type=reset].btn.btn-hover-highlight:hover, input[type=button].btn.btn-hover-highlight:hover, button.btn-hover-highlight:hover, a.btn.btn-hover-highlight:hover {
    background-color:#ffd633;
    border-color:#00c568;
    color:#111
}
input[type=submit].btn.btn-deep-white, input[type=reset].btn.btn-deep-white, input[type=button].btn.btn-deep-white, button.btn-deep-white, a.btn.btn-deep-white {
    color:#111;
    background-color:#fff;
    border-color:#fff
}
input[type=submit].btn.btn-hover-deep-white:hover, input[type=reset].btn.btn-hover-deep-white:hover, input[type=button].btn.btn-hover-deep-white:hover, button.btn-hover-deep-white:hover, a.btn.btn-hover-deep-white:hover {
    background-color:#fff;
    border-color:#fff
}
input[type=submit].btn.btn-hover-large, input[type=reset].btn.btn-hover-large, input[type=button].btn.btn-hover-large, button.btn-hover-large, a.btn.btn-hover-large {
    transition:transform
}
input[type=submit].btn.btn-hover-large:hover, input[type=reset].btn.btn-hover-large:hover, input[type=button].btn.btn-hover-large:hover, button.btn-hover-large:hover, a.btn.btn-hover-large:hover {
    transform:scale(1.02)
}
.nav-box {
    padding:20px 60px;
    font-size:16px;
    font-weight:normal;
    display:flex;
    align-items:center;
    transition:background-color .15s;
    z-index:99
}
.nav-box .nav-back, .nav-box .nav-home {
    display:none
}
.nav-box.fixed {
    z-index:99;
    position:fixed;
    top:0;
    left:0;
    right:0
}
.nav-box.grey .logo-grey {
    display:initial
}
.nav-box.grey a {
    color:#ffffff
}
.nav-box.grey a.active:after {
    background-color:#FFFFFF
}
.nav-box.grey a:hover {
    color:#00c568
}
.nav-box.grey a:hover.active:after {
    background-color:#00c568
}
.nav-box.grey .menus .btn-rack.index-grey, .nav-box.grey .menus .btn-app.index-grey {
    display:inline
}
.nav-box.white {
    background-color:rgba(255, 255, 255, 0.9);
    box-shadow:3px 0px 10px rgba(0, 0, 0, 0.09)
}
.nav-box.white .menus a {
    color:#111111
}
.nav-box.white .menus a.active:after {
    background-color:#222222
}
.nav-box.white .menus a:hover {
    color:#555555
}
.nav-box.white .menus .btn-rack.index-white, .nav-box.white .menus .btn-app.index-white {
    display:inline
}
.nav-box.white .logo-white {
    display:initial
}
.nav-box.content-page {
    background-color:#00c568
}
.nav-box.content-page .menus a {
    color:#111111
}
.nav-box.content-page .menus a.active:after {
    background-color:#111111
}
.nav-box.content-page .menus a:hover {
    color:#6a6a6a
}
.nav-box.content-page .menus a:hover:after {
    background-color:#6a6a6a
}
.nav-box.content-page .menus .btn-rack.content, .nav-box.content-page .menus .btn-app.content {
    display:inline
}
.nav-box.content-page .logo-black {
    display:initial
}
.nav-box .content {
    width:100%;
    margin:0 auto;
    display:flex;
    align-items:center
}
.nav-box .logo {
    flex:0 0 230px
}
.nav-box .logo a {
    display:inline-block;
    width:100%;
    height:100%
}
.nav-box .logo img {
    max-width:100%;
    display:none
}
.nav-box .menus {
    flex:1 1 auto;
    display:flex;
    justify-content:center
}
.nav-box .menus .menu:nth-last-child(n+2) {
    margin-right:40px
}
.nav-box .menus .menu:nth-child(1)>a:after {
    left:35%
}
.nav-box .menus .menu:nth-child(2)>a:after {
    left:42%
}
.nav-box .menus a {
    line-height:2;
    display:inline-block;
    text-decoration:none
}
.nav-box .menus a.active {
    position:relative
}
.nav-box .menus a.active:after {
    content:'';
    position:absolute;
    border-radius:5px;
    left:40%;
    bottom:0;
    width:10px;
    height:4px;
    background-color:#ffffff
}
.nav-box .menus button.btn {
    padding:6px 0;
    width:100px;
    text-align:center;
    font-size:16px;
    font-weight:normal;
    border-width:1px;
    border-style:solid;
    line-height:1
}
.nav-box .menus button.btn.btn-rack {
    margin-right:25px
}
.nav-box .menus button.btn.btn-rack, .nav-box .menus button.btn.btn-app {
    display:none
}
.nav-box .menus.right-btns {
    flex:0 0 230px
}
html.mobile .nav-box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding:.2rem 0
}
html.mobile .nav-box .content {
    padding:0 .3rem
}
html.mobile .nav-box .menus {
    display:none
}
html.mobile .nav-box .logo {
    margin:0 auto;
    flex:0 0 1.6rem;
    text-align:center
}
html.mobile .nav-box .logo img {
    max-height:100%
}
html.mobile .nav-home, html.mobile .nav-back {
    display:block;
    visibility:hidden;
    width:.44rem;
    height:.44rem
}
html.mobile body.page-jobs .nav-home, html.mobile body.page-job .nav-home, html.mobile body.page-news .nav-home {
    visibility:visible;
    transform:translateY(-3px)
}
html.mobile body.page-job .nav-back {
    visibility:visible
}
.download-app-modal .modal {
    width:640px;
    padding-bottom:0
}
.download-app-modal .modal-body {
    padding-bottom:0
}
.download-app-modal .btn-close {
    opacity:.45
}
.download-popup {
    display:flex;
    padding:0 25px 0 70px
}
.download-popup .right {
    flex:1 1 50%
}
.download-popup .left {
    flex:0 0 220px;
    height:300px;
    background:url("../images/qrcode-app-bg_1.png") no-repeat center bottom;
    text-align:center;
    padding-top:110px
}
.download-popup .left img {
    width:120px;
    vertical-align:bottom
}
.download-popup .right {
    padding-top:20px
}
.download-popup .right .title {
    font-size:24px;
    font-weight:lighter;
    color:#111
}
.download-popup .right .subject {
    padding-top:10px;
    font-size:16px;
    color:#555555
}
.download-popup .right .btn-container {
    padding-top:30px
}
.download-popup .right .btn-container .btn {
    color:#111;
    text-align:left;
    margin-bottom:20px;
    margin:0 auto;
    width:180px;
    padding:10px 0 10px 20px;
    display:flex;
    align-items:center
}
.download-popup .right .btn-container .btn img {
    vertical-align:baseline
}
.company-breif-modal .modal {
    width:640px;
    margin-left:-320px;
    background:#fff url("../images/company-breif-header_1.png") no-repeat center top;
    background-size:100% 30%;
    padding-top:120px
}
.company-breif-modal h3 {
    font-size:24px;
    color:#111;
    font-weight:lighter
}
.company-breif-modal .btn-close:before, .company-breif-modal .btn-close:after {
    background:#222222
}
.company-brief-popup p {
    font-size:14px;
    color:#111;
    line-height:1.5;
    text-align:left
}
html.mobile .company-breif-modal .modal {
    width:6.4rem;
    margin-left:-3.2rem;
    padding-top:1.2rem
}
html.mobile .company-brief-popup p {
    height:5rem;
    font-size:14px;
    overflow-y:auto
}