.reg-icon-vi {
    background-image: url(assets/img/icon-vi.svg)
}

.reg-icon-en {
    background-image: url(assets/img/icon-en.svg)
}

.reg-icon-success {
    background-image: url(assets/img/success.svg)
}

.reg-icon-warning {
    background-image: url(assets/img/warning.svg)
}

.reg-icon-gmail {
    background-image: url(assets/img/gmail.svg)
}

.reg-icon-close {
    background-image: url(assets/img/icon-close.svg)
}

@media(max-width: 768px) {
    html {
        overflow-y:auto!important
    }

    body,html {
        height: unset!important
    }

    .lang-container {
        position: absolute!important
    }

    .name-container {
        display: unset!important
    }

    .wrap-register {
        padding: 16px!important
    }

    .register-form-title {
        font-size: 18px!important
    }

    .wrap-no-field {
        display: none!important
    }

    [objname=jAddSaler] {
        display: unset!important
    }

    .wrap-register .submit-btn {
        margin-top: 32px!important
    }

    .wrap-input .input-label {
        font-size: 13px!important;
        line-height: 15px!important
    }

    .wrap-input.email-wrap,.wrap-input.firstname-wrap {
        margin-right: 0!important
    }

    .submit-btn {
        height: 40px!important;
        line-height: 40px!important
    }

    .ap-lg-input {
        width: 100%!important
    }

    .input {
        line-height: 40px!important;
        height: 40px!important
    }

    .wrap-input.left-input {
        margin-right: 0!important;
        max-width: unset!important
    }

    .apui-select-type.horizontal {
        display: block!important;
        width: 100%
    }

    .apui-select-type.horizontal .apui-select-box-item {
        margin-left: 0!important;
        width: 100%!important
    }

    .wrap-input.right-input {
        max-width: unset!important
    }

    #container {
        min-height: unset!important;
        overflow-y: auto;
        padding: 8px!important
    }

    .wrap-register {
        margin-top: 58px
    }

    .wrap-register .apui-select-type.horizontal .apui-select-box-item:first-child {
        width: 190px
    }

    .wrap-register .apui-select-box-item label.apui-radio .caption {
        width: calc(100% - 16px)
    }

    .register-form [for-tenant] {
        display: block!important
    }

    .register-form [for-hkd] {
        display: none!important
    }

    .register-form.hkd-mode [for-tenant] {
        display: none!important
    }

    .register-form.hkd-mode [for-hkd] {
        display: block!important
    }
}

body {
    overflow: hidden;
    font-size: 13px;
    color: #212121
}

body,html {
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #212121
}

body {
    background-image: url(assets/img/bg1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

body[bg='2'] {
    background-image: url(assets/img/bg2.jpg)
}

body[bg='3'] {
    background-image: url(assets/img/bg3.jpg)
}

body[bg='4'] {
    background-image: url(assets/img/bg4.jpg)
}

body[bg='5'] {
    background-image: url(assets/img/bg5.jpg)
}

body[bg='6'] {
    background-image: url(assets/img/bg6.jpg)
}

body[bg='7'] {
    background-image: url(assets/img/bg7.jpg)
}

body[bg='8'] {
    background-image: url(assets/img/bg8.jpg)
}

body::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(0,30,61,.6) 0,rgba(0,0,0,.1) 41.42%,rgba(0,0,0,.3) 100%)
}

button {
    font-family: Roboto,Helvetica,Arial,sans-serif
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    font-size: 14px;
    line-height: 17px;
    color: #666;
    margin: 0;
    transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s
}

a:focus {
    outline: 0!important
}

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

h1,h2,h3,h4,h5,h6 {
    margin: 0
}

p {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    margin: 0
}

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

.input {
    font-size: 14px;
    color: #212121;
    line-height: 34px;
    display: block;
    width: 100%;
    height: 36px;
    border: 1px solid #e0e0e0;
    padding: 0 16px;
    border-radius: 4px;
    outline: 0
}

.input.actived {
    border-color: #0073e6
}

textarea {
    outline: 0;
    border: none
}

input:focus,textarea:focus {
    border-color: #0073e6
}

textarea:focus::-webkit-input-placeholder {
    color: transparent
}

textarea:focus:-moz-placeholder {
    color: transparent
}

textarea:focus::-moz-placeholder {
    color: transparent
}

textarea:focus:-ms-input-placeholder {
    color: transparent
}

input::-webkit-input-placeholder {
    color: #9e9e9e
}

input:-moz-placeholder {
    color: #9e9e9e
}

input::-moz-placeholder {
    color: #9e9e9e
}

input:-ms-input-placeholder {
    color: #9e9e9e
}

textarea::-webkit-input-placeholder {
    color: #9e9e9e
}

textarea:-moz-placeholder {
    color: #9e9e9e
}

textarea::-moz-placeholder {
    color: #9e9e9e
}

textarea:-ms-input-placeholder {
    color: #9e9e9e
}

label {
    margin: 0;
    display: block
}

button {
    outline: 0!important;
    border: none;
    background: 0 0
}

button:hover {
    cursor: pointer
}

iframe {
    border: none!important
}

button,input,select,textarea {
    font-size: 14px
}

.submit-btn {
    height: 48px;
    background-color: #3779e8;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.submit-btn.disable,.submit-btn.disable:hover {
    cursor: default;
    background-color: silver
}

.submit-btn:hover {
    background-color: #3067c3
}

.flex-1 {
    -ms-flex: 1;
    flex: 1;
    min-height: 1px
}

.reg-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.reg-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer
}

.reg-icon-16 {
    width: 16px;
    height: 16px
}

.reg-icon-24 {
    width: 24px;
    height: 24px
}

.reg-icon-32 {
    width: 32px;
    height: 32px
}

#container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    position: relative;
    z-index: 1;
    overflow-y: auto
}

.reg-group :focus,.reg-group:focus {
    outline: 0;
    border: none
}

.reg-group.reg-group.reg-has-group {
    padding: 8px 0
}

.reg-group.reg-has-group .reg-group-items {
    padding: 8px 24px
}

.reg-multi-select-box {
    position: absolute;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    z-index: 9999;
    background-color: #fff;
    border-radius: 3px;
    max-height: 480px;
    font-size: 13px;
    color: #212121;
    padding: 16px;
    overflow-y: auto
}

.reg-input-search-box {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    max-height: 74px;
    overflow-y: auto;
    padding: 4px;
    cursor: pointer
}

.reg-input-placeholder {
    padding: 0 8px;
    margin-right: 4px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #9e9e9e
}

.reg-app-item {
    display: inline-flex;
    align-items: center;
    background-color: #f0f0f0;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 2px 4px 2px 8px;
    margin-right: 4px;
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
    max-width: 200px;
    transition: background-color .2s ease
}

.reg-app-item:hover {
    background-color: #e8e8e8
}

.reg-app-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 4px;
    color: #333
}

.reg-app-remove {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    transition: all .2s ease;
    flex-shrink: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgM0w2IDYgOSA5IDcuNSAxMC41IDQuNSA3LjUgMS41IDEwLjUgMCA5IDMgNiAwIDMgMS41IDEuNSA0LjUgNC41IDcuNSAxLjVaIiBmaWxsPSIjOTk5Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 12px 12px
}

.reg-app-remove:hover {
    background-color: #b7b5b5;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgM0w2IDYgOSA5IDcuNSAxMC41IDQuNSA3LjUgMS41IDEwLjUgMCA5IDMgNiAwIDMgMS41IDEuNSA0LjUgNC41IDcuNSAxLjVaIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=);
    border-radius: 50%
}

.reg-checkbox {
    display: block;
    height: 16px;
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reg-checkbox :focus {
    outline: 0;
    border: none
}

.reg-checkbox:focus {
    outline: 0;
    border: none
}

label.reg-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

label.reg-checkbox .reg-checkmark {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    background-color: #fdfdfd;
    border: 1px solid #c1c2c3
}

label.reg-checkbox .reg-checkmark.disable {
    background-color: #f0f0f0
}

label.reg-checkbox:hover input~.reg-checkmark {
    background-color: #fff
}

label.reg-checkbox:hover input~.reg-checkmark.disable {
    background-color: #f0f0f0
}

label.reg-checkbox input:checked~.reg-checkmark {
    background-color: #3779e8;
    border-color: #3779e8
}

label.reg-checkbox input:checked~.reg-checkmark:after {
    display: block
}

label.reg-checkbox .reg-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

label.reg-checkbox .reg-caption {
    position: absolute;
    left: 24px
}

label.reg-radio {
    display: block;
    position: relative;
    cursor: pointer;
    padding-left: 22px;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: none;
    font-weight: 400;
    color: #212121;
    margin: 0
}

label.reg-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: none
}

label.reg-radio .reg-checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #8d9ba2;
    background-color: #fff;
    border-radius: 50%
}

label.reg-radio .reg-checkmark:after {
    display: none;
    content: "";
    position: absolute
}

label.reg-radio .reg-checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3779e8
}

label.reg-radio input:checked~.reg-checkmark {
    background-color: #fff;
    border: 1px solid #3779e8
}

label.reg-radio input:checked~.reg-checkmark:after {
    display: block
}

label.reg-radio .reg-caption {
    position: absolute;
    left: 24px
}

.reg-combobox-body {
    width: 100%;
    min-width: 120px;
    position: relative;
    user-select: none
}

.reg-combobox-input {
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    color: #212121;
    user-select: none;
    background-position: calc(100% - 8px) center;
    background-repeat: no-repeat;
    background-size: 12px;
    padding: 0 16px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUuMjEiIHZpZXdCb3g9IjAgMCA5IDUuMjEiPjx0aXRsZT5hcnJvdy1vcGVuZWQ8L3RpdGxlPjxwYXRoIGQ9Ik00LDZsNCw0LDQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuNSAtNS41KSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzcxOGNhMTtzdHJva2UtbGluZWNhcDpyb3VuZCIgLz48L3N2Zz4=)
}

.reg-input {
    padding: 0 16px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.reg-input:active,.reg-input:focus {
    outline: 0;
    border: 1px solid #004cff
}

.reg-combobox-menu {
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    left: auto;
    z-index: 5000000;
    display: none;
    width: 300px;
    float: left;
    padding: 8px;
    cursor: default;
    margin: 2px 0 0;
    font-size: 16px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.3);
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    overflow: hidden;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    color: #212121;
    padding-right: 10px
}

.reg-combobox-empty {
    text-align: center;
    color: #666;
    font-size: 14px
}

.reg-combobox-menu:hover {
    overflow-y: auto
}

.reg-combobox-menu .reg-combobox-item:active {
    color: #212121;
    text-decoration: none;
    background-color: transparent
}

.reg-combobox-menu .reg-combobox-item,.reg-combobox-menu .reg-combobox-menu-clear {
    min-height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #212121;
    padding: 0 16px 0 16px;
    width: 100%;
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.reg-combobox-menu .reg-combobox-item .reg-combobox-item-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.reg-combobox-menu .reg-combobox-item:last-child {
    border-bottom: none
}

.reg-combobox-menu .reg-combobox-item.selected,.reg-combobox-menu .reg-combobox-item:hover,.reg-combobox-menu .reg-combobox-menu-clear:hover {
    background-color: #f2f2f2;
    cursor: pointer
}

.reg-combobox-menu .reg-combobox-item.reg-combobox-item-title {
    font-weight: 500;
    line-height: 40px!important;
    height: 40px!important;
    background-color: #f2f2f2
}

.reg-combobox-menu .reg-combobox-item.reg-combobox-item-title:hover {
    cursor: default;
    user-select: none
}

.reg-combobox-menu .reg-combobox-title {
    height: 40PX;
    line-height: 40PX;
    padding-left: 16PX;
    font-weight: 700
}

.reg-combobox-focused .reg-combobox-input {
    border-color: #0073e6!important
}

.reg-combobox-item.selected {
    background-color: #f2f2f2!important
}

.lang-container {
    position: fixed;
    top: 24px;
    right: 24px;
    width: 120px;
    height: 32px;
    z-index: 99;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,.3);
    line-height: 32px;
    color: #f8f8f8;
    padding: 0 8px 0 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.lang-container:hover {
    border: 1px solid #2680eb;
    background-color: #2680eb
}

.lang-container .left-icon {
    position: absolute;
    left: 8px;
    top: 7px;
    height: 16px;
    width: 21px
}

.lang-container .selected-value {
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer
}

.reg-dropdown-menu {
    position: absolute;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    z-index: 9999;
    background-color: #fff;
    border-radius: 3px;
    max-height: 400px;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow-x: hidden;
    overflow-y: hidden
}

.reg-dropdown-menu:hover {
    overflow-y: auto
}

.reg-dropdown-menu .reg-result-item {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #212121;
    padding: 0 16px 0 16px;
    width: 100%;
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.reg-dropdown-menu .reg-result-item .reg-result-item-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.reg-dropdown-menu .reg-result-item.i-bottom {
    border-bottom: 1px solid #e0e6e8
}

.reg-dropdown-menu .reg-result-item:last-child {
    border-bottom: none
}

.reg-dropdown-menu .reg-result-item:hover {
    background-color: #f2f2f2;
    cursor: pointer
}

.reg-dropdown-menu .reg-dropdow-title {
    height: 40PX;
    line-height: 40PX;
    padding-left: 16PX;
    font-weight: 700
}

.reg-loading-box-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 9000000
}

.reg-loading-box-mask .reg-loading-box-body {
    position: absolute;
    min-width: 450px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px;
    margin: 0 auto;
    padding: 24px;
    z-index: 10000;
    cursor: move
}

.reg-loading-box-title {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-top: 24px;
    color: #666
}

.reg-loading-box-icon {
    margin-bottom: 24px;
    width: 100%
}

.reg-loading-box-name {
    font-size: 20px;
    color: #3779e8;
    width: 100%;
    text-align: center;
    margin-top: 16px;
    font-weight: 500;
    margin-bottom: 40px
}

.reg-waiting-more {
    zoom:1;display: block;
    width: 16px;
    height: 16px;
    margin: 20px auto;
    animation: wait .8s steps(1,start) infinite;
    background: linear-gradient(0deg,#f4f5fa 1px,transparent 0,transparent 8px,#f4f5fa 8px),linear-gradient(90deg,#f4f5fa 1px,#f6f9fb 0,#f6f9fb 3px,#f4f5fa 3px),linear-gradient(0deg,#ececf5 1px,transparent 0,transparent 8px,#ececf5 8px),linear-gradient(90deg,#ececf5 1px,#f2f3f9 0,#f2f3f9 3px,#ececf5 3px),linear-gradient(0deg,#e7eaf4 1px,transparent 0,transparent 8px,#e7eaf4 8px),linear-gradient(90deg,#e7eaf4 1px,#eef1f8 0,#eef1f8 3px,#e7eaf4 3px),linear-gradient(0deg,#b9bedd 1px,transparent 0,transparent 10px,#b9bedd 10px),linear-gradient(90deg,#b9bedd 1px,#d0d5e8 0,#d0d5e8 3px,#b9bedd 3px),linear-gradient(0deg,#9fa6d2 1px,transparent 0,transparent 15px,#9fa6d2 15px),linear-gradient(90deg,#9fa6d2 1px,#c0c5e1 0,#c0c5e1 3px,#9fa6d2 3px),linear-gradient(0deg,#8490c6 1px,transparent 0,transparent 15px,#8490c6 15px),linear-gradient(90deg,#8490c6 1px,#aeb5da 0,#aeb5da 3px,#8490c6 3px);
    background-repeat: no-repeat;
    background-size: 4px 9px,4px 9px,4px 9px,4px 9px,4px 9px,4px 9px,4px 11px,4px 11px,4px 16px,4px 16px,4px 16px,4px 16px;
    background-position: -4px 3px,-4px 3px,-4px 3px,-4px 3px,-4px 3px,-4px 3px,-4px 2px,-4px 2px,-4px 0,-4px 0,-4px 0,-4px 0
}

.reg-notice-container {
    position: fixed;
    box-shadow: 0 3px 16px rgba(0,0,0,.16);
    border: none;
    border-radius: 3px;
    z-index: 9000000;
    min-width: 200px;
    max-width: 600px;
    min-height: 52px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background: #fff
}

.reg-notice-container .reg-notice-content {
    display: flex;
    min-height: 52px
}

.reg-notice-container.notice-center {
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.reg-notice-container .reg-notice-left {
    width: 4px;
    min-height: 52px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    overflow: hidden
}

.reg-notice-container .reg-notice-icon i {
    margin-left: 12px;
    height: 52px;
    cursor: default;
    background-repeat: no-repeat;
    background-position: center;
    display: block
}

.reg-notice-container .reg-notice-right {
    width: 40px;
    min-height: 52px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    overflow: hidden
}

.reg-notice-container .reg-notice-right .reg-icon-close {
    position: absolute;
    right: 12px;
    top: 16px
}

.reg-notice-container .reg-notice-des {
    padding: 16px;
    padding-left: 8px;
    -ms-flex: 1;
    line-height: 19px;
    flex: 1
}

.reg-notice-container .reg-icon-notice-completed {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPHRpdGxlPmljX3Rhc2tfY29tcGxldGVkXzE2PC90aXRsZT4NCiAgPHJlY3QgaWQ9IlJlY3RhbmdsZV80OTMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDQ5MyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBzdHlsZT0iZmlsbDogI2ZmZjtmaWxsLW9wYWNpdHk6IDA7b3BhY2l0eTogMCIvPg0KICA8ZyBpZD0iR3JvdXBfNjUxMCIgZGF0YS1uYW1lPSJHcm91cCA2NTEwIj4NCiAgICA8cGF0aCBpZD0iUGF0aF82NDc1LTIiIGRhdGEtbmFtZT0iUGF0aCA2NDc1LTIiIGQ9Ik04LDBBOCw4LDAsMSwxLDAsOCw4LDgsMCwwLDEsOCwwWiIgc3R5bGU9ImZpbGw6ICM2MmQyNmYiLz4NCiAgPC9nPg0KICA8cGF0aCBpZD0iTGluZV8zNSIgZGF0YS1uYW1lPSJMaW5lIDM1IiBkPSJNNC4zOCw4LjVsMi4wNSwxLjgxYS40OS40OSwwLDAsMCwuNzUsMGw0LjQ0LTQuODciIHN0eWxlPSJmaWxsOiBub25lO3N0cm9rZTogI2ZmZjtzdHJva2UtbGluZWNhcDogcm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6IDEwO3N0cm9rZS13aWR0aDogMS41cHgiLz4NCjwvc3ZnPg0K)
}

.reg-notice-container .reg-icon-notice-error {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFODM4NEY7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjcxIC0xODkpIj4NCgk8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAyNzEsIDE4OSkiPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOCwwYzQuNCwwLDgsMy42LDgsOHMtMy42LDgtOCw4cy04LTMuNi04LThTMy42LDAsOCwweiIvPg0KCTwvZz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjgxLjUsMTk0LjVsLTUsNSBNMjgxLjUsMTk5LjVsLTUtNSIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.reg-notice-container .reg-icon-notice-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNOCwwYTgsOCwwLDEsMCw4LDhBOC4wMjQsOC4wMjQsMCwwLDAsOCwwWk04LDEyYS45NDUuOTQ1LDAsMCwxLTEtMSwuOTQ1Ljk0NSwwLDAsMSwxLTEsLjk0NS45NDUsMCwwLDEsMSwxQS45NDUuOTQ1LDAsMCwxLDgsMTJaTTksOUg3VjRIOVoiIGZpbGw9IiNmZDlhMDAiLz48L3N2Zz4=)
}

.reg-notice-container .reg-icon-notice-info {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMyMTk2RjM7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjcxIC0xODkpIj4NCgk8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAyNzEsIDE4OSkiPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOCwwYzQuNCwwLDgsMy42LDgsOHMtMy42LDgtOCw4cy04LTMuNi04LThTMy42LDAsOCwweiIvPg0KCTwvZz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjc3LjUsMjAwLjNsMS0wLjJ2LTQuNWwtMS0wLjJ2LTAuN2gyLjF2NS40bDEsMC4ydjAuN2gtMy4xVjIwMC4zeiBNMjc5LjYsMTkzaC0xLjJ2LTEuMmgxLjJWMTkzeiIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.reg-notice-container .reg-icon-notice-loading {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJsZHMtbWljcm9zb2Z0IiB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPg0KICA8ZyB0cmFuc2Zvcm09InJvdGF0ZSgwKSI+DQogICAgPGNpcmNsZSBjeD0iODEuNzM0MTMzNjExNjQ5NDEiIGN5PSI3NC4zNTA0NTcxNjAzNDg4MiIgZmlsbD0iI2UxNWI2NCIgcj0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMzQwLjAwMSA0OS45OTk5IDUwKSI+DQogICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9InNwbGluZSIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIgdGltZXM9IjA7MSIga2V5U3BsaW5lcz0iMC41IDAgMC41IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjEuNXMiIGJlZ2luPSIwcyIvPg0KICAgIDwvY2lyY2xlPg0KICAgIDxjaXJjbGUgY3g9Ijc0LjM1MDQ1NzE2MDM0ODgyIiBjeT0iODEuNzM0MTMzNjExNjQ5NDEiIGZpbGw9IiNmNDdlNjAiIHI9IjUiIHRyYW5zZm9ybT0icm90YXRlKDM0OC4zNTIgNTAuMDAwMSA1MC4wMDAxKSI+DQogICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9InNwbGluZSIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIgdGltZXM9IjA7MSIga2V5U3BsaW5lcz0iMC41IDAgMC41IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjEuNXMiIGJlZ2luPSItMC4wNjI1cyIvPg0KICAgIDwvY2lyY2xlPg0KICAgIDxjaXJjbGUgY3g9IjY1LjMwNzMzNzI5NDYwMzYiIGN5PSI4Ni45NTUxODEzMDA0NTE0NyIgZmlsbD0iI2Y4YjI2YSIgcj0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMzU0LjIzNiA1MCA1MCkiPg0KICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJzcGxpbmUiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIHRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAuNSAwIDAuNSAxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxLjVzIiBiZWdpbj0iLTAuMTI1cyIvPg0KICAgIDwvY2lyY2xlPg0KICAgIDxjaXJjbGUgY3g9IjU1LjIyMTA0NzY4ODgwMjA3IiBjeT0iODkuNjU3Nzk0NDU0OTUyNDEiIGZpbGw9IiNhYmJkODEiIHI9IjUiIHRyYW5zZm9ybT0icm90YXRlKDM1Ny45NTggNTAuMDAwMiA1MC4wMDAyKSI+DQogICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9InNwbGluZSIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIgdGltZXM9IjA7MSIga2V5U3BsaW5lcz0iMC41IDAgMC41IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjEuNXMiIGJlZ2luPSItMC4xODc1cyIvPg0KICAgIDwvY2lyY2xlPg0KICAgIDxjaXJjbGUgY3g9IjQ0Ljc3ODk1MjMxMTE5NzkzIiBjeT0iODkuNjU3Nzk0NDU0OTUyNDEiIGZpbGw9IiM4NDliODciIHI9IjUiIHRyYW5zZm9ybT0icm90YXRlKDM1OS43NiA1MC4wMDY0IDUwLjAwNjQpIj4NCiAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiB0aW1lcz0iMDsxIiBrZXlTcGxpbmVzPSIwLjUgMCAwLjUgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMS41cyIgYmVnaW49Ii0wLjI1cyIvPg0KICAgIDwvY2lyY2xlPg0KICAgIDxjaXJjbGUgY3g9IjM0LjY5MjY2MjcwNTM5NjQxNSIgY3k9Ijg2Ljk1NTE4MTMwMDQ1MTQ3IiBmaWxsPSIjZTE1YjY0IiByPSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgwLjE4MzU1MiA1MCA1MCkiPg0KICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJzcGxpbmUiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIHRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAuNSAwIDAuNSAxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxLjVzIiBiZWdpbj0iLTAuMzEyNXMiLz4NCiAgICA8L2NpcmNsZT4NCiAgICA8Y2lyY2xlIGN4PSIyNS42NDk1NDI4Mzk2NTExNzYiIGN5PSI4MS43MzQxMzM2MTE2NDk0MSIgZmlsbD0iI2Y0N2U2MCIgcj0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMS44NjQ1NyA1MCA1MCkiPg0KICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJzcGxpbmUiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIHRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAuNSAwIDAuNSAxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxLjVzIiBiZWdpbj0iLTAuMzc1cyIvPg0KICAgIDwvY2lyY2xlPg0KICAgIDxjaXJjbGUgY3g9IjE4LjI2NTg2NjM4ODM1MDYiIGN5PSI3NC4zNTA0NTcxNjAzNDg4NCIgZmlsbD0iI2Y4YjI2YSIgcj0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoNS40NTEyNiA1MCA1MCkiPg0KICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJzcGxpbmUiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIHRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAuNSAwIDAuNSAxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxLjVzIiBiZWdpbj0iLTAuNDM3NXMiLz4NCiAgICA8L2NpcmNsZT4NCiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9InNwbGluZSIgdmFsdWVzPSIwIDUwIDUwOzAgNTAgNTAiIHRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAuNSAwIDAuNSAxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxLjVzIi8+DQogIDwvZz4NCjwvc3ZnPg==);
    width: 24px;
    height: 24px;
    background-size: 24px
}

.wrap-register {
    width: 100%;
    max-width: 820px;
    min-width: 680px;
    border-radius: 16px;
    padding: 32px;
    background: #fff;
    position: relative
}

.register-form .other-account-btn {
    width: 100%;
    color: #3779e8;
    font-weight: 500;
    text-align: center;
    margin-top: 24px;
    cursor: pointer
}

.register-form-content {
    margin-bottom: 12px
}

.form-account-subtitle {
    margin-top: 24px;
    margin-bottom: 24px
}

.form-account-subtitle span {
    display: block;
    margin-bottom: 8px;
    width: 100%;
    text-align: center
}

.form-account-subtitle span.account-name {
    font-size: 20px;
    color: #3779e8
}

.register-form-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    display: block;
    margin-bottom: 8px
}

.form-subtitle {
    width: 100%;
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    line-height: 17px;
    color: #666;
    margin-bottom: 32px
}

.register-form-subtitle {
    display: inline-block;
    color: #212121
}

.wrap-register a {
    color: #3779e8;
    text-decoration: none
}

.name-container {
    display: flex
}

.wrap-input {
    position: relative;
    margin-bottom: 16px
}

.wrap-input.left-input {
    margin-right: 16px
}

.wrap-input.left-input.cccd-wrap {
    margin-right: 16px;
    max-width: 100%;
    min-width: 100%
}

.apps-wrap input,.companyfield-wrap input {
    background-position: calc(100% - 8px) center;
    background-repeat: no-repeat;
    background-size: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUuMjEiIHZpZXdCb3g9IjAgMCA5IDUuMjEiPjx0aXRsZT5hcnJvdy1vcGVuZWQ8L3RpdGxlPjxwYXRoIGQ9Ik00LDZsNCw0LDQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuNSAtNS41KSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzcxOGNhMTtzdHJva2UtbGluZWNhcDpyb3VuZCIgLz48L3N2Zz4=)
}

.wrap-input.pass-wrap {
    margin-bottom: 16px
}

.wrap-input .input-label {
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 15px;
    display: block;
    font-weight: 500
}

span.error-info {
    font-size: 12px;
    color: #ff1d1d;
    height: 20px;
    line-height: 20px;
    display: none
}

.account-exist-info {
    line-height: 20px;
    display: none;
    margin-top: 8px;
    color: red
}

.wrap-input.error .input {
    border: 1px solid #ff1d1d
}

.wrap-input.account-exist input {
    border: 1px solid #ff1d1d
}

.wrap-input.account-exist span.error-info {
    display: none
}

.wrap-input.account-exist span.account-exist-info {
    display: block
}

.wrap-input.error span.error-info {
    display: block
}

.wrap-input.error span.account-exist-info {
    display: none
}

.wrap-register .submit-btn {
    width: 100%;
    margin-top: 16px
}

.agree-check-box {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.show-saler-button {
    color: #3779e8;
    margin-right: 8px;
    cursor: pointer
}

.show-saler-button:hover {
    color: #2d65c3
}

.show-saler-note {
    color: #757575
}

.input.reg-input-search-box {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    max-height: 74px;
    min-height: 38px;
    overflow-y: auto
}

.companyfield-wrap .input.reg-input-search-box {
    display: block;
    height: 36px;
    padding: 0 16px
}

.reg-app-item {
    padding: 0 4px 0 8px;
    margin-right: 4px;
    background-color: #eee;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 2px;
    margin-top: 2px
}

.reg-businesstype-wrap {
    display: inline-flex;
    align-items: center
}

.reg-businesstype-wrap .input-label {
    margin-right: 32px;
    margin-bottom: 0
}

.business-type-container {
    display: flex;
    align-items: center
}

.business-type-item {
    position: relative;
    cursor: pointer;
    padding-left: 22px;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    user-select: none;
    color: #212121;
    margin-right: 28px
}



.cccd-wrap {
    position: relative
}

.char-count {
    position: absolute;
    right: 10px;
    top: 30px;
    color: #666;
    font-size: 12px;
    pointer-events: none
}

.cccd-wrap .input {
    padding-right: 45px
}

.register-form [for-tenant] {
    display: flex
}

.register-form [for-hkd] {
    display: none
}

.register-form.hkd-mode [for-tenant] {
    display: none
}

.register-form.hkd-mode [for-hkd] {
    display: flex
}

.reg-sf-result {
    position: absolute;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    z-index: 5000003;
    background-color: #fff;
    border-radius: 3px;
    max-height: 480px;
    font-size: 13px;
    color: #212121
}

.reg-sf-result .reg-result-item {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer
}

.reg-sf-result .reg-result-item:hover {
    background-color: #f2f2f2
}

.reg-sf-result .reg-result-item.selected {
    background-color: #f2f2f2
}

.reg-search-box {
    margin-bottom: 12px
}

.reg-search-input-container {
    position: relative;
    display: flex;
    align-items: center
}

.reg-search-input {
    width: 100%;
    padding: 6px 8px;
    padding-right: 30px;
    border: 1px solid #ddd;
    border-radius: 20px
}

.reg-search-input:focus {
    outline: 0
}

.reg-search-clear-icon {
    position: absolute;
    right: 8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #999
}

.reg-search-clear-icon:hover {
    color: #666
}

.no-results {
    padding: 10px;
    text-align: center;
    color: #999
}

.reg-select-type.horizontal {
    display: inline-flex;
    width: 100%
}

.reg-select-box-item {
    display: flex;
    padding: 8px 0
}

.reg-select-type.horizontal .reg-select-box-item {
    margin-left: 16px;
    min-width: 100px
}

.reg-select-type.horizontal .reg-select-box-item:first-child {
    margin-left: 0
}

.reg-select-type.horizontal .reg-select-box-item:last-child {
    flex: 1
}

.reg-select-box-item .reg-checkbox {
    margin-right: 8px;
    width: 100%;
    display: inline-flex
}

.reg-select-box-item .reg-checkbox .reg-caption {
    width: 100%
}

.reg-select-box-item label.reg-radio .reg-caption {
    position: absolute;
    left: 24px;
    width: calc(100% - 32px)
}

.reg-select-box-item label.reg-radio {
    width: 100%
}

.reg-select-box-item.fixed label.reg-checkbox .reg-checkmark {
    background-color: #f0f0f0;
    border-color: #f0f0f0
}

.reg-select-box-item.fixed label.reg-checkbox input:checked~.reg-checkmark {
    background-color: #a0adb7;
    border-color: #a0adb7
}

.reg-select-type.horizontal {
    display: inline-flex;
    width: 100%
}

.reg-select-type.horizontal .reg-select-box-item {
    margin-left: 16px;
    min-width: 100px;
    width: 50%
}

.reg-select-box-item.keyboard-focus {
    background-color: #f2f2f2!important
}

.reg-select-box-item.keyboard-focus label {
    background-color: transparent!important
}

.reg-group-title.keyboard-focus {
    background-color: #f2f2f2!important
}

.reg-group-title.keyboard-focus label {
    background-color: transparent!important
}

.success-form {
    text-align: center
}

.wrap-success {
    width: 100%;
    border-radius: 4px;
    padding: 40px;
    background: #fff;
    position: relative;
    max-width: 640px
}

.success-bg {
    width: 116px;
    margin: 0 auto;
    height: 116px;
    margin-bottom: 24px;
    display: block
}

.success-form-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    display: block;
    margin-bottom: 8px
}

.success-form-des a {
    font-size: 14px
}

.success-form-subtitle {
    display: inline-block
}

.wrap-success a {
    display: inline-block;
    text-decoration: none
}

.wrap-success .success-form-des {
    border-radius: 4px;
    color: #212121;
    line-height: 24px;
    font-size: 16px;
    width: 100%;
    text-align: left;
    margin-top: 24px
}

.wrap-success .openmail-btn {
    margin-top: 16px;
    margin: 0 auto;
    padding: 0 24px;
    display: inline-block;
    height: 48px;
    border-radius: 4px;
    color: #3779e8;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    background-repeat: no-repeat;
    background-position: 8px;
    padding-left: 40px
}

.success-account-info {
    text-align: center;
    padding: 15px;
    border-radius: 4px
}

.success-account-notice {
    margin-top: 32px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-align: center
}