.wrapper {
    position: relative;
    overflow: hidden;
    min-width: 320px;
    padding-top: 0px;
}

.container {
    width: auto !important;
    max-width: 1370px;
    height: auto;
    min-height: auto;
    background: 0 0;
    box-shadow: none;
}

@media screen and (max-width: 1229px) {
    .wrapper {
        padding-top: 0px
    }
}


footer hr {
    max-width: none
}

.page-logo__img {
    height: 4.3125rem;
    width: auto
}

@media screen and (max-width: 1199px) {
    .page-logo__img {
        height: 3.4375rem
    }
}

@media screen and (max-width: 991px) {
    .page-logo__img {
        height: 3.125rem
    }
}

@media screen and (max-width: 767px) {
    .page-logo__img {
        height: 2.5rem
    }
}

.page-foot {
    position: relative;
    padding: 2.85714286em 0;
    font-size: 1em;
    background-color: #f5f5f5
}

.page-foot:after, .page-foot:before {
    content: '';
    position: absolute
}

.page-foot:before {
    top: 0;
    left: 0;
    width: 95.83333333%;
    height: 1px;
    border-top: 4px dotted #d6d6d6
}

.page-foot:after {
    top: -.57142857em;
    right: 2.77777778%;
    width: 1.42857143em;
    height: 1.42857143em;
    background: #d6d6d6;
    border-radius: 50%
}

@media screen and (max-width: 767px) {
    .page-foot {
        font-size: .75em
    }
}

.page-foot .container {
    position: relative
}

.foot-links {
    margin-bottom: .9375rem
}

.foot-links__item {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.foot-links__item:before {
    margin: 0 .83333333em;
    font-size: .92307692em;
    content: '|'
}

.foot-links__item:first-child:before {
    display: none
}

.foot-links__item:first-child a {
    padding-left: 0
}

.foot-links__link {
    color: #fff
}

.seo-foot {
    margin-bottom: 1.875rem
}

.seo-foot__list {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none
}

.seo-foot__list--lv2 {
    padding-left: .625rem
}

.seo-foot__item {
    font-size: .875rem
}

.seo-foot__item--lv1 {
    display: inline-block;
    width: 33.33333333%;
    vertical-align: top
}

.seo-foot__link {
    position: relative;
    display: block;
    padding: .3125rem 1.5625rem;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase
}

.seo-foot__link:before {
    position: absolute;
    left: .9375rem;
    top: .3125rem;
    font-family: fontello;
    content: '\e808'
}

.seo-foot__link--lv1 {
    font-size: 1.07692308em
}

.seo-foot__link--lv2 {
    font-size: 1em
}

.foot-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 991px) {
    .foot-content {
        display: block
    }
}

.foot-content__item:nth-child(1) {
    width: 34.70149254%
}

.foot-content__item:nth-child(2) {
    padding: 0 .71428571em;
    width: 37.31343284%
}

.foot-content__item:nth-child(3) {
    width: 27.98507463%
}

@media screen and (max-width: 991px) {
    .foot-content__item {
        margin: 0 auto 1.42857143em
    }

    .foot-content__item:nth-child(1), .foot-content__item:nth-child(2), .foot-content__item:nth-child(3) {
        padding: 0;
        width: 100%
    }
}

.copyright {
    margin-left: auto;
    text-align: left;
    width: 27.98507463%;
    color: #002156
}

@media screen and (max-width: 991px) {
    .copyright {
        width: 100%;
        text-align: center
    }
}

.contact-info {
    margin: 0 0 .85714286em;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #002156
}

.contact-info__title {
    position: relative;
    float: none;
    text-align: left;
    font-weight: 400
}

.contact-info__title:after {
    position: absolute;
    top: 0;
    right: 0;
    content: ': '
}

.contact .contact-info__title {
    width: 5em
}

.date-time .contact-info__title {
    width: 9.64285714em
}

.contact-info__content {
    margin-bottom: 0;
    padding-left: 1.25em;
    text-align: left;
    height: auto
}

.contact .contact-info__content {
    width: calc(100% - 3.21428571em)
}

.date-time .contact-info__content {
    width: calc(100% - 9.64285714em)
}

.contact-info__content a {
    color: inherit
}

.contact-info__content a:focus, .contact-info__content a:hover {
    text-decoration: underline
}

/*

.page-head {
    position: relative;
    z-index: 100;
    padding: 0 0 1em}
@media screen and (max-width: 1440px) {
    .page-head {
    padding: 0 0 2.1875em}
}
@media screen and (max-width: 991px) {
    .page-head {
    padding: 0 0 1.5625em}
}
@media screen and (max-width: 767px) {
    .page-head {
    padding: 0}
}
.page-head__border {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    bottom: -2.9375rem;
    z-index: -1;
    width: 100%;}
    
.menu--unpinned .page-head__border{
	display: none;
}
@media screen and (max-width: 1440px) {
    .page-head__border {
    bottom: -1.6875rem;
    width: 133.33333333%}
}
@media screen and (max-width: 767px) {
    .page-head__border {
    top: 100%;
    bottom: auto}
}
.head-top {
    padding: .5em 0;
    background: -webkit-linear-gradient(left,#2a3673 0,#0f70b7 100%);
    background: linear-gradient(to right,#2a3673 0,#0f70b7 100%)}
.head-logo__img {
    height: 5.125rem;
    width: auto}
@media screen and (max-width: 991px) {
    .head-logo__img {
    height: 4.0625rem}
}
@media screen and (max-width: 767px) {
    .head-logo__img {
    height: 2.5rem}
}
.head-logo__bg {
    position: absolute;
    top: 75%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    left: 20%;
    z-index: 0;}
.tools {
    float: right;
    margin: 0;
    padding: 0}
.tools__item {
    display: inline-block;
    margin-left: 2.1875rem;
    vertical-align: middle}
.tools__item:first-child {
    margin-left: 0}
@media screen and (max-width: 991px) {
    .tools__item {
    margin-left: 1.42857143rem;
    font-size: .875em}
}
*/


.form-blk {
    margin: 6.5625em auto 5.3125em;
    padding: 2.5em;
    width: 100%;
    max-width: 55.375em;
    background: #fefefe;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15)
}

@media screen and (max-width: 991px) {
    .form-blk {
        font-size: .875em
    }
}

@media screen and (max-width: 767px) {
    .form-blk {
        font-size: .75em
    }
}

.form-blk__top {
    margin-bottom: 1.125em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-blk__remark {
    margin-top: 0;
    margin-bottom: 2.22222222em;
    font-weight: 700;
    font-size: 1.25em;
    color: #707070
}

.form-tool {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none
}

.form-tool__item {
    /*position: relative;*/
    padding: 0 .9375em;
    font-size: 1.2em;
}

.form-tool__item:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    right: 0;
    width: 1px;
    height: 13px;
    background: #353535
}

.form-tool__item: last-child {
    padding: 0 0 0 .9375em
}

.form-tool__item: last-child:after {
    display: none
}

.form-tool__link {
    color: #353535;
    font-size: .875em;
    font-weight: 500
}

.form-tool__link--blue {
    color: #2a3673
}

.form-tool__link .icon-svg {
    vertical-align: bottom
}

.form-tool__link .icon-img {
    vertical-align: bottom
}

.loginform {
    margin: 0 auto;
    width: 100%;
    max-width: 25em
}

.loginform__input-contain {
    position: relative;
    margin-bottom: 2.5em;
    padding: 0 2.5em .625em 0
}

.loginform__input-contain .icon-svg {
    position: absolute;
    bottom: 10px;
    right: 0
}

.loginform__input-contain:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: -webkit-linear-gradient(left, #e94e1b 0, #ee8c01 100%);
    background: linear-gradient(to right, #e94e1b 0, #ee8c01 100%)
}

.loginform__input-contain.captcha {
    padding: 0 7.8125em .625em 0
}

.loginform__input {
    border: 0 !important;
    outline: 0 !important;
    padding: 0;
    font-family: barlow, Arial, PingFangTC, "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
    font-size: 1.25em;
    font-weight: 400;
    color: #353535;
    height: auto;
    box-shadow: none !important
}

.loginform__input, .loginform__input:focus {
    background: 0 0
}

.captcha__img, .captcha__refresh {
    position: absolute;
    bottom: 10px
}

.captcha__img {
    right: 1.875em;
    height: 125%
}

.captcha__refresh {
    right: 0;
    padding: 0;
    width: 1em;
    min-width: auto;
    font-size: 1.25em;
    border-radius: 0
}

.captcha__refresh .icon-font:before {
    margin: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

a[class*=" icon-"], a[class^=icon-] {
    color: #2a3673;
    text-decoration: none
}

a[class*=" icon-"]:hover, a[class^=icon-]:hover {
    text-decoration: underline
}

a[class*=" icon-"]:before, a[class*=" icon-"]:hover:before, a[class^=icon-]:before, a[class^=icon-]:hover:before {
    text-decoration: none !important
}

a[class*=" icon-"]:before, a[class^=icon-]:before {
    margin-right: 7px;
    text-decoration: underline
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.icon-svg--register {
    width: 1.5em;
    height: 1.5em
}

.icon-svg--login {
    width: 1.875em;
    height: 1.875em
}

.icon-svg--password {
    width: 1.9375em;
    height: 2.3125em
}

.icon-svg--refresh {
    width: 1.3125em;
    height: 1.25em
}


.wrapper {
    background: url(../img/bg_login.jpg) no-repeat center bottom;
    background-size: 100% auto
}

@media screen and (max-width: 860px) {
    .login .inner-content {
        background-size: auto 100%
    }
}

.h1--deco, h1--deco {
    /*font-size: 3rem;*/
    position: relative;
    z-index: 1;
    padding: 0 .41666667em .3125em;
    font-weight: 400;
    color: #e94e1b
}

.h1--deco:after, h1--deco:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: .83333333em;
    background: #f5f5f5
}


.btn-orange {
    color: #fff;
    background: -webkit-linear-gradient(left, #e94e1b 0, #ee8c01 100%);
    background: linear-gradient(to right, #e94e1b 0, #ee8c01 100%);
    background-size: 105% 101%;
    background-position: 95% 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn-orange:focus, .btn-orange:hover {
    color: #fff;
    background-position: -2000% 0
}

.btn-orange:active {
    background: -webkit-linear-gradient(left, #e94e1b 0, #ee8c01 100%) !important;
    background: linear-gradient(to right, #e94e1b 0, #ee8c01 100%) !important;
    background-position: -2000% 0
}

.btn-orange.disabled {
    background: #8d8d8d;
    opacity: 1
}

.btn-shadow {
    box-shadow: none;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.btn-shadow:focus, .btn-shadow:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .35)
}


.icon-font--phone:before {
    content: '\e800'
}

.icon-font--plus:before {
    content: '\e801'
}

.icon-font--down:before {
    content: '\e802'
}

.icon-font--up:before {
    content: '\e803'
}

.icon-font--left:before {
    content: '\e804'
}

.icon-font--right:before {
    content: '\e805'
}

.icon-font--down-sm:before {
    content: '\e806'
}

.icon-font--left-sm:before {
    content: '\e807'
}

.icon-font--right-sm:before {
    content: '\e808'
}

.icon-font--up-sm:before {
    content: '\e809'
}

.icon-font--pause:before {
    content: '\e80a'
}

.icon-font--play:before {
    content: '\e80b'
}

.icon-font--down-lg:before {
    content: '\e80c'
}

.icon-font--left-lg:before {
    content: '\e80d'
}

.icon-font--right-lg:before {
    content: '\e80e'
}

.icon-font--up-lg:before {
    content: '\e80f'
}

.icon-font--cross:before {
    content: '\e810'
}

.icon-font--email:before {
    content: '\e811'
}

.icon-font--external:before {
    content: '\e812'
}

.icon-font--search:before {
    content: '\e814'
}

.icon-font--download:before {
    content: '\e815'
}

.icon-font--minus:before {
    content: '\e816'
}

.icon-font--ok:before {
    content: '\e817'
}

.icon-font--circle-thick:before {
    content: '\f10c'
}

.icon-font--circle:before {
    content: '\f111'
}

.icon-font--circle-thin:before {
    content: '\f1db'
}

.icon-font--contact:before {
    content: '\e81b'
}

.icon-font--home:before {
    content: '\e81c'
}

.icon-font--lang:before {
    content: '\e81d'
}

.icon-font--refresh:before {
    content: '\e81e'
}

.icon-font--share:before {
    content: '\e81f'
}

.remark {
    margin: 2.8125em auto 5.3125em;
    width: 100%;
    max-width: 55.375em
}

.remark p {
    color: #353535;
    line-height: 1.75em;
    font-size: 1.05em;
}

.btn--xs-text {
    padding: .28571429em .71428571em;
    font-size: .875rem
}