:root {
    --login-primary: #3250b9;
    --primary: var(--login-primary);
    --body-background-color: #fbfcfd
}

.page-login-form *:not(.login-logo) {
    transition: all ease .2s
}

.page-login-form .contents .login-logo {
    transition: margin ease .2s
}

.page-login-form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: var(--body-background-color)
}

.page-login-form .contents {
    width: 400px
}

.page-login-form .login-function {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px
}

.page-login-form .login-function .family-sites {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    list-style: none;
    padding: 0;
    margin-bottom: 36px
}

.page-login-form .login-function .family-sites li {
    margin: 10px 0 0
}

.page-login-form .login-function .family-sites li a {
    transition: all ease .2s;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    padding: 6px 10px 5px 20px;
    border-radius: 10px 5px 5px 10px;
    color: #fff;
    background-color: var(--primary)
}

.page-login-form .login-function .family-sites li a:after {
    content: "";
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    margin-left: 7px
}

.page-login-form .login-function .family-sites li a:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMjAgMTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOS43MDcsNC4yOTNsLTMuOTY5LTMuOTY5Yy0wLjM5MS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwcy0wLjM5MSwxLjAyMywwLDEuNDE0TDE2LjU4Niw0SDENCglDMC40NDcsNCwwLDQuNDQ3LDAsNXMwLjQ0NywxLDEsMWgxNS41ODZsLTIuMjYyLDIuMjYyYy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMywwLDEuNDE0YzAuMTk1LDAuMTk1LDAuNDUxLDAuMjkzLDAuNzA3LDAuMjkzDQoJczAuNTEyLTAuMDk4LDAuNzA3LTAuMjkzbDMuOTY5LTMuOTY5QzIwLjA5OCw1LjMxNiwyMC4wOTgsNC42ODQsMTkuNzA3LDQuMjkzeiIvPg0KPC9zdmc+DQo=")
}

.page-login-form .login-function .family-sites li:hover a {
    box-shadow: var(--z-depth-2);
    background-color: var(--primary-hover)
}

.page-login-form .login-function .family-sites li:hover a {
    padding-right: 5px;
    padding-left: 25px
}

.page-login-form .login-function .family-sites li.erp,
.page-login-form .login-function .family-sites li.homepage-mail {
    display: none
}

.page-login-form.cs .login-function .family-sites li.erp {
    display: block
}

.page-login-form.cs .login-function .family-sites li.cs {
    display: none
}

.page-login-form.userpay .login-function .family-sites li.erp {
    display: block
}

.page-login-form.userpay .login-function .family-sites li.userpay {
    display: none
}

.page-login-form.webmail .login-function .family-sites li.erp,
.page-login-form.webmail .login-function .family-sites li.homepage-mail {
    display: block
}

.page-login-form.webmail .login-function .family-sites li.cs,
.page-login-form.webmail .login-function .family-sites li.userpay,
.page-login-form.webmail .login-function .family-sites li.homepage {
    display: none
}

.page-login-form .login-function .function {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    list-style: none;
    padding: 0
}

.page-login-form .login-function .function li {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all ease .2s;
    padding: 5px 0;
    margin-bottom: 10px;
    margin-right: 5px;
    color: rgb(var(--gray60))
}

.page-login-form .login-function .function li:hover {
    border-radius: 10px 5px 5px 10px;
    padding-right: 10px;
    padding-left: 20px;
    color: rgb(var(--gray90));
    background-color: rgb(var(--gray20))
}

.page-login-form .login-function .function li:after {
    vertical-align: middle;
    position: relative;
    margin-left: 10px
}

.page-login-form .login-function .server-num {
    text-align: right;
    font-size: 10px;
    padding-right: 3px;
    padding-top: 10px;
    color: var(--body-background-color)
}

.page-login-form .contents .login-logo {
    background: var(--login-logo)
}

.page-login-form.cn .contents .login-logo {
    background-image: var(--login-logo-cn)
}

.page-login-form .contents .login-logo {
    background-repeat: no-repeat;
    background-size: auto 300px;
    background-position-x: center;
    margin-bottom: 40px;
    height: 60px
}

.page-login-form.erp .contents .login-logo {
    background-position-y: 0
}

.page-login-form.cs .contents .login-logo {
    background-position-y: -60px
}

.page-login-form.userpay .contents .login-logo {
    background-position-y: -120px
}

.page-login-form.webmail .contents .login-logo {
    background-position-y: -180px
}

.page-login-form .login-type {
    margin: 30px 0
}

.page-login-form .login-type>ul {
    display: flex;
    position: relative;
    list-style: none;
    padding: 0;
    border-radius: 10px;
    border: 1px solid var(--border-default);
    background-color: rgb(var(--gray20))
}

.page-login-form .login-type>ul>li {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    padding: 3px;
    color: rgb(var(--gray50))
}

.page-login-form .login-type>ul>li:hover {
    background-color: rgb(var(--gray30))
}

.page-login-form .login-type>ul>li.active {
    background-color: #fff;
    font-weight: bold;
    color: var(--default)
}

.page-login-form .login-type>ul:after {
    content: "";
    display: inline-block;
    transition: all ease .2s;
    position: absolute;
    width: 50%;
    top: -1px;
    bottom: -2px;
    border-radius: 10px
}

.page-login-form.state-type-id .login-type ul:after {
    left: 0
}

.page-login-form.state-type-qr-code .login-type ul:after {
    left: 50%
}

.page-login-form .login-form,
.page-login-form .login-qr-code {
    display: none
}

.page-login-form.state-type-id .login-form,
.page-login-form.state-type-qr-code .login-qr-code {
    display: block
}

.page-login-form .login-form .form [class*=login-] {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin: 10px 0;
    min-height: 42px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid var(--border-default)
}

.page-login-form .login-form .form [class*=login-]:before {
    position: absolute;
    left: 11px;
    top: 13px
}

.page-login-form .login-form .form [class*=login-].has-error {
    border-bottom-color: #dbaaa9;
    background-color: rgba(169, 68, 66, .05)
}

.page-login-form .login-form .form .form-control {
    height: auto;
    border: none;
    box-shadow: none !important;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: transparent;
    font-size: 116.6666%;
    padding: 13px 10px 8px 38px
}

.page-login-form .login-form .form [class*=login-].has-error .form-control::-moz-placeholder {
    color: rgba(169, 68, 66, .3)
}

.page-login-form .login-form .form [class*=login-].has-error .form-control:-ms-input-placeholder {
    color: rgba(169, 68, 66, .3)
}

.page-login-form .login-form .form [class*=login-].has-error .form-control::-webkit-input-placeholder {
    color: rgba(169, 68, 66, .3)
}

.page-login-form .login-form .form-option {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.page-login-form .login-form .form-option .form-checkbox {
    margin-left: 10px
}

.page-login-form .login-form .form-option .form-checkbox>input[type="checkbox"]+label:before {
    border-radius: 30%;
    border-color: var(--primary)
}

.page-login-form .login-form .form-option .form-checkbox>input[type="checkbox"]:checked+label:before {
    background-color: var(--primary)
}

.page-login-form .login-form .form-login-btn {
    margin-top: 30px
}

.page-login-form .login-form .form-login-btn .btn {
    width: 100%;
    font-weight: bold;
    font-size: 133.3333%;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--primary)
}

.page-login-form.erp .login-qr-code {
    text-align: center
}

.page-login-form.erp .login-qr-code .qr-description {
    line-height: 2.2
}

.page-login-form.erp .login-qr-code .icon-qr-code {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDIyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik03LDNINEMzLjQ0OCwzLDMsMy40NDgsMyw0djNjMCwwLjU1MiwwLjQ0OCwxLDEsMWgzYzAuNTUyLDAsMS0wLjQ0OCwxLTFWNEM4LDMuNDQ4LDcuNTUyLDMsNywzeiBNNyw3SDRWNGgzVjd6Ii8+DQoJPHBhdGggZD0iTTE1LDhoM2MwLjU1MywwLDEtMC40NDgsMS0xVjRjMC0wLjU1Mi0wLjQ0Ny0xLTEtMWgtM2MtMC41NTMsMC0xLDAuNDQ4LTEsMXYzQzE0LDcuNTUyLDE0LjQ0Nyw4LDE1LDh6IE0xNSw0aDN2M2gtM1Y0eiIvPg0KCTxwYXRoIGQ9Ik03LDE0SDRjLTAuNTUyLDAtMSwwLjQ0Ny0xLDF2M2MwLDAuNTUzLDAuNDQ4LDEsMSwxaDNjMC41NTIsMCwxLTAuNDQ3LDEtMXYtM0M4LDE0LjQ0Nyw3LjU1MiwxNCw3LDE0eiBNNywxOEg0di0zaDNWMTh6Ig0KCQkvPg0KCTxjaXJjbGUgY3g9IjUuNSIgY3k9IjUuNSIgcj0iMC41Ii8+DQoJPGNpcmNsZSBjeD0iNS41IiBjeT0iMTYuNSIgcj0iMC41Ii8+DQoJPGNpcmNsZSBjeD0iMTYuNSIgY3k9IjUuNSIgcj0iMC41Ii8+DQoJPHBhdGggZD0iTTEyLjUsM2gtM0M5LjIyNCwzLDksMy4yMjQsOSwzLjVTOS4yMjQsNCw5LjUsNGgzQzEyLjc3Niw0LDEzLDMuNzc2LDEzLDMuNVMxMi43NzYsMywxMi41LDN6Ii8+DQoJPHBhdGggZD0iTTkuNSw2aDFDMTAuNzc2LDYsMTEsNS43NzYsMTEsNS41UzEwLjc3Niw1LDEwLjUsNWgtMUM5LjIyNCw1LDksNS4yMjQsOSw1LjVTOS4yMjQsNiw5LjUsNnoiLz4NCgk8cGF0aCBkPSJNMTIuNSw1QzEyLjIyNCw1LDEyLDUuMjI0LDEyLDUuNVY3SDkuNUM5LjIyNCw3LDksNy4yMjQsOSw3LjVTOS4yMjQsOCw5LjUsOGgzQzEyLjc3Niw4LDEzLDcuNzc2LDEzLDcuNXYtMg0KCQlDMTMsNS4yMjQsMTIuNzc2LDUsMTIuNSw1eiIvPg0KCTxwYXRoIGQ9Ik0xMi41LDloLTNDOS4yMjQsOSw5LDkuMjI0LDksOS41UzkuMjI0LDEwLDkuNSwxMGgzYzAuMjc2LDAsMC41LTAuMjI0LDAuNS0wLjVTMTIuNzc2LDksMTIuNSw5eiIvPg0KCTxwYXRoIGQ9Ik0zLjUsMTNDMy43NzYsMTMsNCwxMi43NzYsNCwxMi41VjEwaDEuNUM1Ljc3NiwxMCw2LDkuNzc2LDYsOS41UzUuNzc2LDksNS41LDloLTJDMy4yMjQsOSwzLDkuMjI0LDMsOS41djMNCgkJQzMsMTIuNzc2LDMuMjI0LDEzLDMuNSwxM3oiLz4NCgk8Y2lyY2xlIGN4PSI3LjUiIGN5PSI5LjUiIHI9IjAuNSIvPg0KCTxwYXRoIGQ9Ik03LjUsMTFoLTJDNS4yMjQsMTEsNSwxMS4yMjQsNSwxMS41djFDNSwxMi43NzYsNS4yMjQsMTMsNS41LDEzUzYsMTIuNzc2LDYsMTIuNVYxMmgxdjAuNUM3LDEyLjc3Niw3LjIyNCwxMyw3LjUsMTMNCgkJUzgsMTIuNzc2LDgsMTIuNXYtMUM4LDExLjIyNCw3Ljc3NiwxMSw3LjUsMTF6Ii8+DQoJPHBhdGggZD0iTTkuNSwxMmgxYzAuMjc2LDAsMC41LTAuMjI0LDAuNS0wLjVTMTAuNzc2LDExLDEwLjUsMTFoLTFDOS4yMjQsMTEsOSwxMS4yMjQsOSwxMS41UzkuMjI0LDEyLDkuNSwxMnoiLz4NCgk8cGF0aCBkPSJNMTIuNSwxMWMtMC4yNzYsMC0wLjUsMC4yMjQtMC41LDAuNXY0YzAsMC4yNzYsMC4yMjQsMC41LDAuNSwwLjVzMC41LTAuMjI0LDAuNS0wLjV2LTRDMTMsMTEuMjI0LDEyLjc3NiwxMSwxMi41LDExeiIvPg0KCTxwYXRoIGQ9Ik0xNC41LDEwaDJjMC4yNzYsMCwwLjUtMC4yMjQsMC41LTAuNVMxNi43NzYsOSwxNi41LDloLTJDMTQuMjI0LDksMTQsOS4yMjQsMTQsOS41UzE0LjIyNCwxMCwxNC41LDEweiIvPg0KCTxwYXRoIGQ9Ik0xOCw5LjV2M2MwLDAuMjc2LDAuMjI0LDAuNSwwLjUsMC41czAuNS0wLjIyNCwwLjUtMC41di0zQzE5LDkuMjI0LDE4Ljc3Niw5LDE4LjUsOVMxOCw5LjIyNCwxOCw5LjV6Ii8+DQoJPHBhdGggZD0iTTE0LjUsMTNjMC4yNzYsMCwwLjUtMC4yMjQsMC41LTAuNVYxMmgxdjAuNWMwLDAuMjc2LDAuMjI0LDAuNSwwLjUsMC41czAuNS0wLjIyNCwwLjUtMC41di0xYzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjUNCgkJaC0yYy0wLjI3NiwwLTAuNSwwLjIyNC0wLjUsMC41djFDMTQsMTIuNzc2LDE0LjIyNCwxMywxNC41LDEzeiIvPg0KCTxwYXRoIGQ9Ik0xOSwxNC41YzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVoLTRjLTAuMjc2LDAtMC41LDAuMjI0LTAuNSwwLjV2NGMwLDAuMjc2LDAuMjI0LDAuNSwwLjUsMC41czAuNS0wLjIyNCwwLjUtMC41VjE1aDMuNQ0KCQlDMTguNzc2LDE1LDE5LDE0Ljc3NiwxOSwxNC41eiIvPg0KCTxwYXRoIGQ9Ik05LjUsMTVDOS4yMjQsMTUsOSwxNS4yMjQsOSwxNS41UzkuMjI0LDE2LDkuNSwxNmgxYzAuMjc2LDAsMC41LTAuMjI0LDAuNS0wLjV2LTJjMC0wLjI3Ni0wLjIyNC0wLjUtMC41LTAuNWgtMQ0KCQlDOS4yMjQsMTMsOSwxMy4yMjQsOSwxMy41UzkuMjI0LDE0LDkuNSwxNEgxMHYxSDkuNXoiLz4NCgk8cGF0aCBkPSJNMTIuNSwxN2MtMC4yNzYsMC0wLjUsMC4yMjQtMC41LDAuNVYxOGgtMnYtMC41YzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVTOSwxNy4yMjQsOSwxNy41djFDOSwxOC43NzYsOS4yMjQsMTksOS41LDE5aDMNCgkJYzAuMjc2LDAsMC41LTAuMjI0LDAuNS0wLjV2LTFDMTMsMTcuMjI0LDEyLjc3NiwxNywxMi41LDE3eiIvPg0KCTxjaXJjbGUgY3g9IjE2LjUiIGN5PSIxOC41IiByPSIwLjUiLz4NCgk8cGF0aCBkPSJNMTguNSwxOWMwLjI3NiwwLDAuNS0wLjIyNCwwLjUtMC41di0yYzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVoLTJjLTAuMjc2LDAtMC41LDAuMjI0LTAuNSwwLjVzMC4yMjQsMC41LDAuNSwwLjVIMTh2MS41DQoJCUMxOCwxOC43NzYsMTguMjI0LDE5LDE4LjUsMTl6Ii8+DQoJPHBhdGggZD0iTTAuNSw1QzAuNzc2LDUsMSw0Ljc3NiwxLDQuNVY0VjMuNVYzYzAtMS4xMDMsMC44OTctMiwyLTJoMC41SDRoMC41QzQuNzc2LDEsNSwwLjc3Niw1LDAuNVM0Ljc3NiwwLDQuNSwwSDRoMEgzLjVIMw0KCQlDMS4zNDMsMCwwLDEuMzQzLDAsM3YwLjVWNHYwLjVDMCw0Ljc3NiwwLjIyNCw1LDAuNSw1eiIvPg0KCTxwYXRoIGQ9Ik0xOSwwaC0wLjVIMThoLTAuNUMxNy4yMjQsMCwxNywwLjIyNCwxNywwLjVTMTcuMjI0LDEsMTcuNSwxSDE4aDAuNUgxOWMxLjEwMywwLDIsMC44OTcsMiwydjAuNVY0djAuNQ0KCQlDMjEsNC43NzYsMjEuMjI0LDUsMjEuNSw1UzIyLDQuNzc2LDIyLDQuNVY0VjMuOTk5VjMuNVYzQzIyLDEuMzQzLDIwLjY1NywwLDE5LDB6Ii8+DQoJPHBhdGggZD0iTTIxLjUsMTdjLTAuMjc2LDAtMC41LDAuMjIzLTAuNSwwLjVWMTh2MC41VjE5YzAsMS4xMDQtMC44OTYsMi0yLDJoLTAuNUgxOGgtMC41Yy0wLjI3NiwwLTAuNSwwLjIyNC0wLjUsMC41DQoJCXMwLjIyNCwwLjUsMC41LDAuNUgxOGgwLjVIMTljMS42NTYsMCwzLTEuMzQ0LDMtM3YtMC41VjE4di0wLjVDMjIsMTcuMjIzLDIxLjc3NiwxNywyMS41LDE3eiIvPg0KCTxwYXRoIGQ9Ik00LjUsMjFINEgzLjVIM2MtMS4xMDMsMC0yLTAuODk3LTItMnYtMC41VjE4di0wLjVDMSwxNy4yMjMsMC43NzYsMTcsMC41LDE3UzAsMTcuMjIzLDAsMTcuNVYxOHYwLjVWMTkNCgkJYzAsMS42NTcsMS4zNDMsMywzLDNoMC41SDRoMC41QzQuNzc2LDIyLDUsMjEuNzc2LDUsMjEuNVM0Ljc3NiwyMSw0LjUsMjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==")
}

.page-login-form.erp .login-qr-code .icon-qr-code {
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    width: 22px;
    height: 22px
}

.page-login-form.erp .login-qr-code .qr-code {
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    margin: 15px auto 20px;
    width: 150px;
    height: 150px;
    border-radius: 10px;
    padding: 10px
}

.page-login-form.erp .login-qr-code .qr-code>canvas {
    width: 100%;
    height: 100%
}

.page-login-form.erp .login-qr-code .qr-time {
    font-size: 133.3333%;
    font-weight: bold
}

.page-login-form.erp .login-qr-code .qr-time .time {
    color: var(--primary)
}

.page-login-form.erp .login-qr-code.expired .qr-code:before {
    font-family: font-icon;
    content: "\f06a";
    display: inline-block;
    position: absolute;
    z-index: 1;
    font-size: 450%;
    text-align: center;
    line-height: 0;
    left: 0;
    right: 0;
    top: 50%;
    color: rgb(var(--gray80))
}

.page-login-form.erp .login-qr-code.expired .qr-code>canvas {
    opacity: .05
}

.page-login-form.erp .login-qr-code.expired .qr-time {
    font-size: 100%;
    font-weight: normal
}

.page-login-form.erp .login-qr-code.expired .qr-time>.wrapper-toolbar {
    margin-top: 10px
}

.page-login-form.erp .login-qr-code.expired .qr-time>.wrapper-toolbar>a.qr-retry {
    font-weight: bold;
    font-size: 116.6666%
}

.page-login-form.erp .login-qr-code.expired .qr-time>.wrapper-toolbar>a.qr-retry:before {
    display: inline-block;
    margin-right: 5px;
    content: "";
    font-family: font-icon
}

.login-notice {
    display: none;
    margin-top: 30px
}

.using-notice .login-notice {
    display: block
}

.login-notice .panel.panel-default {
    border-radius: 10px;
    background-color: rgb(var(--white));
    border-color: var(--primary)
}

.login-notice .panel-heading {
    background-color: transparent;
    border-bottom: none;
    font-weight: bold;
    font-size: 116.6666%;
    padding: 15px 10px 10px 20px;
    border-radius: 10px 10px 0 0;
    color: var(--primary)
}

.login-notice .panel-body {
    max-height: 160px;
    padding: 5px 15px 15px 15px
}

.page-login-form .login-additional-function {
    transition: none;
    margin-top: 90px
}

.page-login-form.state-type-qr-code .login-additional-function {
    margin-top: 60px
}

.page-login-form.state-type-qr-code .login-qr-code.expired~.login-additional-function {
    margin-top: 38px
}

.page-login-form.using-notice .login-additional-function {
    margin-top: 30px
}

.page-login-form .login-additional-function>ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center
}

.page-login-form .login-additional-function>ul>li {
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: relative
}

.page-login-form .login-additional-function>ul>li:after {
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-left: 1px solid var(--border-default)
}

.page-login-form .login-additional-function>ul>li:last-child:after {
    display: none
}

.page-login-form .login-additional-function>ul>li>a {
    text-decoration: none;
    color: rgb(var(--gray60))
}

.page-login-form .login-additional-function>ul>li>a:hover {
    color: rgb(var(--gray80))
}

.page-login-form .login-additional-function>ul>li>.btn.btn-selectbox:not(.btn-sm):not(.btn-lg):not(.btn-xl) {
    overflow: visible;
    border: none;
    padding: 0;
    height: auto;
    background: none;
    box-shadow: none;
    white-space: nowrap;
    color: rgb(var(--gray60))
}

.page-login-form .login-additional-function>ul>li>.btn.btn-selectbox:not(.btn-sm):not(.btn-lg):not(.btn-xl):hover {
    color: rgb(var(--gray80))
}

.page-login-form .login-additional-function>ul>li>.btn-selectbox:before {
    display: none
}

.page-login-form .login-additional-function>ul>li>.btn-selectbox:after {
    position: static;
    margin-left: 5px
}

.dropdown-menu.dropup {
    top: auto;
    bottom: 100%
}

.page-login-form .login-function .function li:after {
    content: "";
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}

.page-login-form .login-function .create-shortcut:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMzMDVFQjMiIGQ9Ik0yMCwwaC04QzUuMzczLDAsMCw1LjM3MywwLDEydjhjMCw2LjYyNyw1LjM3MywxMiwxMiwxMmg4YzYuNjI3LDAsMTItNS4zNzMsMTItMTJ2LTgNCglDMzIsNS4zNzMsMjYuNjI3LDAsMjAsMHogTTI1Ljk1OSwxNS40Yy0yLjI2LDEuNTc0LTQuNTI1LDMuMTQxLTYuNzkxLDQuNzAzYy0wLjExMywwLjA4Mi0wLjIzNiwwLjE1OC0wLjM2MywwLjE4OA0KCWMtMC4zNjEsMC4wODgtMC42ODQtMC4yMTUtMC42ODQtMC42MzNjLTAuMDA0LTAuOTMtMC4wMDItMS44NjEtMC4wMDItMi43ODljMC0wLjA3NiwwLTAuMTUsMC0wLjIxNw0KCWMtMi4yMjUtMC4xMDktNC4yODMsMC4zNDYtNi4xNSwxLjU4Yy0xLjUyMSwxLjAwNi0yLjcwNywyLjM1OS0zLjY1NiwzLjk0MWMtMC4yNTYsMC40MjYtMC40ODQsMC44NjMtMC43MDcsMS4yOTkNCgljLTAuMTg0LDAuMzY3LTAuNTYzLDAuNjg0LTAuOTY1LDAuMzk2Yy0wLjM2MS0wLjI2LTAuMjQtMC43OTctMC4yNC0xLjE4NmMwLjA1MS0wLjM5NiwwLjA4NC0wLjc5NywwLjE1LTEuMTkzDQoJYzAuNjc4LTMuODg1LDIuNjk3LTYuNzQ0LDYuMDI1LTguNTY2YzEuNjM1LTAuODk2LDMuMzk2LTEuMjY2LDUuMjM4LTEuMjNjMC4wOSwwLDAuMTgyLDAsMC4zMDUsMGMwLTAuMDc4LDAtMC4xNDgsMC0wLjIyMQ0KCWMwLTAuODg5LDAuMDEyLTEuNzc1LTAuMDA0LTIuNjY2Yy0wLjAwNi0wLjMxMiwwLjEwNS0wLjcyOCwwLjQ2My0wLjgwNWMwLjM0OC0wLjA3NCwwLjY0NSwwLjI5OCwwLjg4MSwwLjQ5NQ0KCWMwLjMzLDAuMjczLDAuNjU4LDAuNTQ2LDAuOTgyLDAuODI1YzEuODc1LDEuNjE3LDMuNzQ0LDMuMjM2LDUuNjA3LDQuODU5QzI2LjUzMSwxNC41OTUsMjYuNDczLDE1LjA0MywyNS45NTksMTUuNHoiLz4NCjwvc3ZnPg0K")
}

.page-login-form .login-function .browser-optimization:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNERURGRTAiIGQ9Ik0wLDIwLjAwMmMwLDMuMzE2LDIuNjg2LDYsNiw2aDE4YzMuMzE0LDAsNi0yLjY4NCw2LTZWNkgwVjIwLjAwMnoiLz4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzM1NUZBQyIgZD0iTTMyLDE5LjE1NGMwLDEuMjI5LDAsMi40NjMsMCwzLjY5MQ0KCQljLTAuMDQ1LDAuMDA4LTAuMDg2LDAuMDI1LTAuMTI5LDAuMDI5Yy0wLjg2MywwLjEwNy0xLjcyNywwLjIxNS0yLjU5OCwwLjMxNGMtMC4xMzUsMC4wMTgtMC4xOTksMC4wNjQtMC4yNTQsMC4yMDENCgkJYy0wLjE3NiwwLjQ4Mi0wLjM1LDAuOTY3LTAuNTgyLDEuNDI4Yy0wLjEzNSwwLjI2Mi0wLjEwNywwLjQxMiwwLjA2NiwwLjYzMWMwLjUzMSwwLjY0NSwxLjAzOSwxLjMxNCwxLjUyLDEuOTM0DQoJCWMtMC44ODUsMC44OTEtMS43NjIsMS43NjItMi42NDEsMi42MzljLTAuNjg2LTAuNTMzLTEuMzk4LTEuMDg4LTIuMTA1LTEuNjM3Yy0wLjEwNS0wLjA4Mi0wLjE3NC0wLjA3OC0wLjI4NS0wLjAzMQ0KCQljLTAuNTM1LDAuMjMyLTEuMDc4LDAuNDUxLTEuNjIxLDAuNjg0Yy0wLjA3LDAuMDM1LTAuMTU2LDAuMTI1LTAuMTY0LDAuMTk3Yy0wLjA1NSwwLjI1OC0wLjA3NCwwLjUyNS0wLjEwNCwwLjc4Nw0KCQljLTAuMDg2LDAuNjU4LTAuMTcyLDEuMzE2LTAuMjU4LDEuOTc5Yy0xLjIyOSwwLTIuNDY1LDAtMy42OTMsMGMtMC4xMjEtMC45MS0wLjIzNi0xLjgxMS0wLjM0NC0yLjcyNw0KCQljLTAuMDItMC4xMzMtMC4wNjMtMC4xOTctMC4xOTktMC4yNTRjLTAuNDY5LTAuMTYyLTAuOTUzLTAuMzMtMS4zODktMC41NjNjLTAuMjg3LTAuMTUtMC40NjctMC4xMjUtMC43MDcsMC4wNzQNCgkJYy0wLjYzMSwwLjUyNy0xLjI5MSwxLjAxOC0xLjg5OCwxLjQ5NGMtMC44OTMtMC44ODUtMS43NjItMS43NjItMi42NDEtMi42NDNjMC41MzUtMC42ODgsMS4wODQtMS4zOTYsMS42NDEtMi4xMDUNCgkJYzAuMDc0LTAuMDksMC4wODQtMC4xNTQsMC4wMzktMC4yNjZjLTAuMjQtMC41NTEtMC40NTktMS4xMDktMC42OTUtMS42NTRjLTAuMDMzLTAuMDY4LTAuMTA1LTAuMTQzLTAuMTcyLTAuMTUNCgkJYy0wLjI1OC0wLjA1My0wLjUyNy0wLjA3NC0wLjc4OS0wLjFjLTAuNjY4LTAuMDktMS4zMzItMC4xNzYtMS45OTgtMC4yNjJjMC0xLjIyOSwwLTIuNDYzLDAtMy42OTENCgkJYzAuMDQ3LTAuMDE4LDAuMDkyLTAuMDI1LDAuMTQ2LTAuMDM5YzAuODYxLTAuMDk4LDEuNzE3LTAuMjA1LDIuNTc4LTAuMzA1YzAuMTM3LTAuMDE4LDAuMTk5LTAuMDY0LDAuMjQ4LTAuMjAxDQoJCWMwLjE4OC0wLjQ5NiwwLjM3NS0wLjk5NSwwLjYwMi0xLjQ2OGMwLjExNS0wLjIyOCwwLjEtMC4zNjctMC4wNTUtMC41NThjLTAuNTM3LTAuNjYyLTEuMDUxLTEuMzQtMS41NDUtMS45NjkNCgkJYzAuODg1LTAuODksMS43NjItMS43NjIsMi42NDEtMi42NDFjMC42ODgsMC41MzUsMS4zOTgsMS4wODcsMi4xMDcsMS42NDRjMC4wOSwwLjA2NiwwLjE1MiwwLjA4NiwwLjI2NCwwLjAzNg0KCQljMC41NTEtMC4yNCwxLjEwOS0wLjQ2MiwxLjY1Ni0wLjY5OGMwLjA2NC0wLjAyMywwLjE0MS0wLjEwMywwLjE0OC0wLjE3MmMwLjA1My0wLjI1OCwwLjA2Ni0wLjUyNCwwLjEwMi0wLjc4Ng0KCQljMC4wODgtMC42NjgsMC4xNzQtMS4zMzIsMC4yNi0xLjk5OGMxLjIyOSwwLDIuNDY1LDAsMy42OTMsMGMwLjExNSwwLjkwNiwwLjIzNiwxLjgxMywwLjM0NCwyLjcyNQ0KCQljMC4wMTgsMC4xMzcsMC4wNjYsMC4xOTksMC4yMDEsMC4yNTFjMC40OSwwLjE4MywwLjk4MiwwLjM1OCwxLjQ0MSwwLjU5M2MwLjI1LDAuMTI3LDAuMzk2LDAuMDk3LDAuNTk4LTAuMDY2DQoJCWMwLjY1OC0wLjUzMywxLjMyOC0xLjA0LDEuOTUzLTEuNTI1YzAuODg3LDAuODg1LDEuNzYsMS43NiwyLjYzOSwyLjYzOWMtMC41MzMsMC42ODgtMS4wODgsMS4zOTgtMS42MzksMi4xMDcNCgkJYy0wLjA3NCwwLjA5LTAuMDg0LDAuMTUyLTAuMDM5LDAuMjY0YzAuMjQsMC41NTMsMC40NTksMS4xMDksMC42OTUsMS42NTZjMC4wMzMsMC4wNjQsMC4xMDUsMC4xNDMsMC4xNzIsMC4xNQ0KCQljMC4yNzEsMC4wNTMsMC41MzksMC4wNywwLjgxMSwwLjEwNEMzMC42NzYsMTguOTgyLDMxLjMzOCwxOS4wNjgsMzIsMTkuMTU0eiBNMjUuNTEsMjAuOTk0YzAtMi40ODQtMi4wMjUtNC41MDgtNC41MTItNC41MDYNCgkJYy0yLjQ4NCwwLTQuNTEsMi4wMjEtNC41MSw0LjUxYy0wLjAwMiwyLjQ4OCwyLjAyNyw0LjUxNiw0LjUyLDQuNTEyQzIzLjQ5MiwyNS41MSwyNS41MTIsMjMuNDc3LDI1LjUxLDIwLjk5NHoiLz4NCgk8cGF0aCBmaWxsPSIjQUVBRkIyIiBkPSJNMjQsMEg2QzIuNjg2LDAsMCwyLjY4NiwwLDZoMzBDMzAsMi42ODYsMjcuMzE0LDAsMjQsMHogTTcsNEg1QzQuNDQ3LDQsNCwzLjU1Myw0LDNzMC40NDctMSwxLTFoMg0KCQljMC41NTMsMCwxLDAuNDQ3LDEsMVM3LjU1Myw0LDcsNHogTTEzLDRoLTJjLTAuNTUzLDAtMS0wLjQ0Ny0xLTFzMC40NDctMSwxLTFoMmMwLjU1MywwLDEsMC40NDcsMSwxUzEzLjU1Myw0LDEzLDR6IE0xOSw0aC0yDQoJCWMtMC41NTMsMC0xLTAuNDQ3LTEtMXMwLjQ0Ny0xLDEtMWgyYzAuNTUzLDAsMSwwLjQ0NywxLDFTMTkuNTUzLDQsMTksNHoiLz4NCjwvZz4NCjwvc3ZnPg0K")
}

.page-login-form .login-function .remote-assistance:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjQUZBRkFGIiBkPSJNMTAuNDI0LDE4SDJWNGgyNnY4LjUxNGMwLjc2MiwwLjYyOSwxLjQzMiwxLjM2MywyLDIuMTczVjRjMC0yLjIwOS0xLjc5MS00LTQtNEg0QzEuNzkxLDAsMCwxLjc5MSwwLDR2MTQNCgkJCWMwLDIuMjA5LDEuNzkxLDQsNCw0aDR2Mkg2Yy0xLjEwNSwwLTIsMC44OTUtMiwyczAuODk1LDIsMiwyaDYuNTE0QzEwLjk0MywyNi4wOTgsMTAsMjMuNjYsMTAsMjENCgkJCUMxMCwxOS45NTksMTAuMTU0LDE4Ljk1NSwxMC40MjQsMTh6Ii8+DQoJPC9nPg0KCTxwYXRoIGZpbGw9IiNERURGREYiIGQ9Ik0yMSwxMGMyLjY2LDAsNS4wOTgsMC45NDMsNywyLjUxNFY0SDJ2MTRoOC40MjRDMTEuNzMsMTMuMzg1LDE1Ljk2NSwxMCwyMSwxMHoiLz4NCgk8cGF0aCBmaWxsPSIjMzA1RUIzIiBkPSJNMzAsMTQuNjg3Yy0wLjU2OC0wLjgxLTEuMjM4LTEuNTQ0LTItMi4xNzNDMjYuMDk4LDEwLjk0MywyMy42NiwxMCwyMSwxMGMtNS4wMzUsMC05LjI3LDMuMzg1LTEwLjU3Niw4DQoJCUMxMC4xNTQsMTguOTU1LDEwLDE5Ljk1OSwxMCwyMWMwLDIuNjYsMC45NDMsNS4wOTgsMi41MTQsN2MyLjAxOCwyLjQ0Myw1LjA3LDQsOC40ODYsNGM2LjA3NiwwLDExLTQuOTI0LDExLTExDQoJCUMzMiwxOC42NDgsMzEuMjU2LDE2LjQ3NSwzMCwxNC42ODd6IE0xOS40MTQsMjUuMDM1bC0yLjgyOCwyLjgyOGwtMS40MTQtMS40MTRMMTgsMjMuNjIxbC0yLjgyOC0yLjgyOGwxLjQxNC0xLjQxNmw0LjI0Miw0LjI0NA0KCQlMMTkuNDE0LDI1LjAzNXogTTI1LjQxNCwyMi42MjFMMjQuNzkzLDIybC0yLjIwNy0yLjIwN2wtMS40MTQtMS40MTRMMjEuNTUxLDE4bDEuMDM1LTEuMDM1bDIuODI4LTIuODI4bDEuNDE0LDEuNDE0TDI0LjM3OSwxOA0KCQlMMjQsMTguMzc5bDIuODI4LDIuODI4bC0wLjc4OSwwLjc4OUwyNS40MTQsMjIuNjIxeiIvPg0KPC9nPg0KPC9zdmc+DQo=")
}

.page-login-form .login-function .connection-failure-request:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMzMDVFQjMiIGQ9Ik0xNiwwQzcuMTY0LDAsMCw3LjE2MywwLDE2YzAsOC44MzYsNy4xNjQsMTYsMTYsMTZzMTYtNy4xNjQsMTYtMTZDMzIsNy4xNjMsMjQuODM2LDAsMTYsMHogTTE2LDI2DQoJYy0xLjEwNSwwLTItMC44OTUtMi0yczAuODk1LTIsMi0yczIsMC44OTUsMiwyUzE3LjEwNSwyNiwxNiwyNnogTTIxLjE0NiwxMy4yNThjLTAuMDg4LDAuNzEyLTAuMzMyLDEuMzk0LTAuNzQ2LDEuOTY0DQoJYy0wLjM0MiwwLjQ2OS0wLjgwOSwwLjk0Mi0xLjI4MSwxLjI3OWMtMC4yMTksMC4xNTUtMC40MzQsMC4zMTMtMC42NjYsMC40NTJjLTAuNDI0LDAuMjU2LTAuNzU0LDAuNTA4LTAuODM4LDEuMDk4DQoJYy0wLjExNSwwLjg1LTAuODg5LDEuMzYxLTEuNzE3LDEuMzI4Yy0wLjg1Mi0wLjAzNS0xLjQzNC0wLjU4LTEuNjExLTEuNDYyYy0wLjMwMS0xLjQ2NiwwLjM2Ny0yLjQ5LDEuNDgyLTMuMzEzDQoJYzAuMzc1LTAuMjc4LDAuNzc5LTAuNTIxLDEuMTY4LTAuNzg0YzEuMzE2LTAuODk4LDAuNzYyLTIuOTEyLTAuODY5LTIuOTc3Yy0wLjU3Mi0wLjAyMi0xLjE0OCwwLjI2NC0xLjQ3OSwwLjczMQ0KCWMtMC4zNjEsMC41MTQtMC4yNTIsMS4xODgtMC41MDQsMS43NDNjLTAuMjM4LDAuNTI1LTAuNzM0LDAuODU1LTEuMjk3LDAuOTQ2Yy0wLjgwNywwLjEzLTEuNjA1LTAuNDIyLTEuODY3LTEuMTYNCgljLTAuNjg4LTEuOTQ0LDEuMjA1LTQuNDk0LDIuOTA4LTUuMjcxYzAuNDk4LTAuMjI4LDEuMDg4LTAuMzg0LDEuNjM5LTAuNDE5YzEuOTI4LTAuMTI0LDMuNjkzLDAuNjc2LDQuODEzLDIuMjU4DQoJQzIwLjk4LDEwLjY2MSwyMS4zMDMsMTIuMDA2LDIxLjE0NiwxMy4yNTh6Ii8+DQo8L3N2Zz4NCg==")
}

.page-login-form .login-function .call-center:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNBREFGQjIiIGQ9Ik0yMy40NDUsMjZjLTAuNjkzLDEuMTkxLTEuOTY5LDItMy40NDUsMmgtNGMtMS4xMDUsMC0yLDAuODk1LTIsMnMwLjg5NSwyLDIsMmg0DQoJCWMzLjgzMiwwLDcuMDMzLTIuNzA5LDcuODEzLTYuMzA5QzI3LjIzNiwyNS44NzUsMjYuNjM3LDI2LDI2LDI2SDIzLjQ0NXoiLz4NCgk8cGF0aCBmaWxsPSIjQURBRkIyIiBkPSJNMjgsMTIuMzY3VjEyYzAtNi42MTctNS4zODMtMTItMTItMTJTNCw1LjM4Myw0LDEydjAuMzY3QzQuNjI5LDEyLjE0NSw1LjI5NSwxMiw2LDEyaDINCgkJYzAtNC40MTgsMy41ODItOCw4LThzOCwzLjU4Miw4LDhoMkMyNi43MDUsMTIsMjcuMzcxLDEyLjE0NCwyOCwxMi4zNjd6Ii8+DQoJPHBhdGggZmlsbD0iIzMwNUVCMyIgZD0iTTAsMTh2MmMwLDMuMzE2LDIuNjg2LDYsNiw2aDJWMTJINkMyLjY4NiwxMiwwLDE0LjY4NywwLDE4eiIvPg0KCTxwYXRoIGZpbGw9IiMzMDVFQjMiIGQ9Ik0yOCwxMi4zNjdDMjcuMzcxLDEyLjE0NCwyNi43MDUsMTIsMjYsMTJoLTJ2NHY2djJjMCwwLjczMi0wLjIxMSwxLjQxLTAuNTU1LDJIMjYNCgkJYzAuNjM3LDAsMS4yMzYtMC4xMjUsMS44MTMtMC4zMDlDMzAuMjM0LDI0LjkxOCwzMiwyMi42NzgsMzIsMjB2LTJDMzIsMTUuMzkxLDMwLjMyNiwxMy4xOTMsMjgsMTIuMzY3eiIvPg0KPC9nPg0KPC9zdmc+DQo=")
}

.page-login-form .login-function .email-inquiry:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMzMDVFQjMiIGQ9Ik0zMS42MTksNy45NTlDMzAuNzgzLDUuNjU1LDI4LjU5NCw0LDI2LDRINkMzLjQwNiw0LDEuMjE3LDUuNjU1LDAuMzgxLDcuOTU5TDE2LDE2LjNMMzEuNjE5LDcuOTU5eiIvPg0KCTxwYXRoIGZpbGw9IiMzMDVFQjMiIGQ9Ik0xNi43MDcsMTkuMzIyQzE2LjQ4NiwxOS40NDEsMTYuMjQyLDE5LjUsMTYsMTkuNXMtMC40ODYtMC4wNTktMC43MDctMC4xNzhMMCwxMS4xNTdWMjINCgkJYzAsMy4zMTQsMi42ODYsNiw2LDZoMjBjMy4zMTQsMCw2LTIuNjg2LDYtNlYxMS4xNTdMMTYuNzA3LDE5LjMyMnoiLz4NCjwvZz4NCjwvc3ZnPg0K")
}

.page-login-form .login-function .ecount-api:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSItMC41IDAuNSAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC41IDAuNSAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjQURBRkIyIiBwb2ludHM9IjUuNSwxNC41IDIuNSwxNC41IDIuNSwxNS41IDUuNSwxNS41IDYuNSwxNS41IDYuNSwxMi41IDUuNSwxMi41IAkiLz4NCgk8cmVjdCB4PSI3LjUiIHk9IjEyLjUiIGZpbGw9IiNBREFGQjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjMiLz4NCgk8cG9seWdvbiBmaWxsPSIjQURBRkIyIiBwb2ludHM9IjEwLjUsMTQuNSAxMC41LDEyLjUgOS41LDEyLjUgOS41LDE1LjUgMTAuNSwxNS41IDEzLjUsMTUuNSAxMy41LDE0LjUgCSIvPg0KPC9nPg0KPGc+DQoJPHJlY3QgeD0iMi41IiB5PSIxNC41IiBmaWxsPSIjMzA1RUIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNy41IiB5PSIxNC41IiBmaWxsPSIjMzA1RUIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTIuNSIgeT0iMTQuNSIgZmlsbD0iIzMwNUVCMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KPC9nPg0KPHBhdGggZmlsbD0iIzMwNUVCMyIgZD0iTTEyLjQyMiw0LjcyM0MxMi4wNiwyLjg4NywxMC40NDMsMS41LDguNSwxLjVjLTEuODgyLDAtMy40NSwxLjMwNS0zLjg3NiwzLjA1NkM0LjQxOCw0LjUzLDQuMjE0LDQuNSw0LDQuNQ0KCWMtMi40ODUsMC00LjUsMS43OTEtNC41LDRjMCwyLjA1NywxLjc1MywzLjczMSw0LDMuOTU1VjEyLjVoMnYtM2gxdjNoMXYtM2gxdjNoMXYtM2gxdjNoMXYtMC4wNDVjMi4yNDctMC4yMjQsNC0xLjg5OCw0LTMuOTU1DQoJQzE1LjUsNi43MzUsMTQuMjA2LDUuMjU0LDEyLjQyMiw0LjcyM3oiLz4NCjwvc3ZnPg0K")
}

.page-login-form .login-form .form [class*=login-]:before {
    content: "";
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}

.page-login-form .login-code:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNBREFGQjIiIGQ9Ik0yMiwzMGMwLDEuMTA1LDAuODk1LDIsMiwyaDRjMS4xMDUsMCwyLTAuODk1LDItMlYxNmMwLTEuMTA0LTAuNzQyLTEuOTA2LTItMi40MzhsLTMuNDA0LTEuNzQ1DQoJCUMyMy4zNTUsMTEuMzAxLDIyLDExLjU2MywyMiwxMy41NjNWMzB6Ii8+DQoJPHBhdGggZmlsbD0iIzMwNUVCMyIgZD0iTTE3LjQwNCwwLjIzNkw0LDUuOTU2QzIuNzQyLDYuNDg3LDIsNy4yODksMiw4LjM5NFYzMGMwLDEuMTA1LDAuODk1LDIsMiwyaDE0LjE4OA0KCQlDMTkuMjkzLDMyLDIwLDMxLjEwNSwyMCwzMFYxLjk4MUMyMC0wLjAxOSwxOC42MzctMC4yOTUsMTcuNDA0LDAuMjM2eiBNMTUsMjBIN2MtMC41NTMsMC0xLTAuNDQ3LTEtMXMwLjQ0Ny0xLDEtMWg4DQoJCWMwLjU1MywwLDEsMC40NDcsMSwxUzE1LjU1MywyMCwxNSwyMHogTTE1LDE2SDdjLTAuNTUzLDAtMS0wLjQ0Ny0xLTFzMC40NDctMSwxLTFoOGMwLjU1MywwLDEsMC40NDcsMSwxUzE1LjU1MywxNiwxNSwxNnogTTE1LDEyDQoJCUg3Yy0wLjU1MywwLTEtMC40NDctMS0xczAuNDQ3LTEsMS0xaDhjMC41NTMsMCwxLDAuNDQ3LDEsMVMxNS41NTMsMTIsMTUsMTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==")
}

.page-login-form .login-id:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjQURBRkIyIiBkPSJNMTYuMzQyLDBjMC40MDgsMC4wNjgsMC44MTYsMC4xMjgsMS4yMjQsMC4yMDkNCgkJYzIuNzIxLDAuNTQ0LDQuOTIxLDIuOTQ3LDUuMjgyLDUuNjg2YzAuNDQ1LDMuMzY4LTEuNTc0LDYuMjUtNC4zNzEsNy4yOTdjLTMuOTEzLDEuNDYzLTguMjc3LTAuOTU0LTkuMDczLTUuMDQyDQoJCUM4LjcwNCw0LjU2NywxMC45LDEuMTMyLDE0LjQ2OCwwLjI0MmMwLjM0LTAuMDg1LDAuNjk3LTAuMTA1LDEuMDQ3LTAuMTYyQzE1LjYyNCwwLjA2MiwxNS43MywwLjAyNiwxNS44NDEsMA0KCQlDMTYuMDA4LDAsMTYuMTc1LDAsMTYuMzQyLDB6Ii8+DQoJPHBhdGggZmlsbD0iIzMwNUVCMyIgZD0iTTMwLjA5NCwyMC44NzFjLTEuNTUyLTEuNzM2LTMuNDg4LTIuODk3LTUuNjQ0LTMuNzIzYy0zLjA5NC0xLjE4NC02LjMwOC0xLjY2Mi05LjYwNy0xLjQ0OQ0KCQljLTEuMzYzLDAuMDg2LTIuNzM0LDAuMjM4LTQuMDcsMC41MDVjLTIuNzgxLDAuNTUzLTUuMzY0LDEuNjAzLTcuNTc4LDMuNDE1Yy0yLjMyLDEuODk4LTMuNTI0LDQuMjY4LTMuMTE1LDcuMzM0DQoJCWMwLjMxNiwyLjM1MiwyLjA4LDQuMzIsNC40MTYsNC44MTNDNC45NywzMS44NjksNS40NTEsMzEuOTI2LDUuOTMxLDMyYzYuNzA2LDAsMTMuNDE0LDAsMjAuMTI0LDANCgkJYzAuMTU1LTAuMDI3LDAuMzEzLTAuMDc2LDAuNDcyLTAuMDkyYzIuMTU5LTAuMTgsMy44MDUtMS4xNjIsNC43ODEtMy4xMTNDMzIuNTc2LDI2LjI3MywzMi4wNjIsMjMuMDc2LDMwLjA5NCwyMC44NzF6IE0yMy4xMzIsMjQNCgkJaC00LjAyMmMtMC41NTYsMC0xLjAwNi0wLjQ0Ny0xLjAwNi0xczAuNDUtMSwxLjAwNi0xaDQuMDIyYzAuNTU3LDAsMS4wMDYsMC40NDcsMS4wMDYsMVMyMy42ODgsMjQsMjMuMTMyLDI0eiIvPg0KPC9nPg0KPC9zdmc+DQo=")
}

.page-login-form .login-password:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMzMDVFQjMiIGQ9Ik0yNCwxMmgtNGgtOEg4Yy0zLjMxNCwwLTYsMi42ODYtNiw2djhjMCwzLjMxNCwyLjY4Niw2LDYsNmgxNmMzLjMxNCwwLDYtMi42ODYsNi02di04DQoJCUMzMCwxNC42ODYsMjcuMzE0LDEyLDI0LDEyeiBNMTgsMjRjMCwxLjEwNS0wLjg5NSwyLTIsMnMtMi0wLjg5NS0yLTJ2LTIuMjgzVjIwYzAtMS4xMDUsMC44OTUtMiwyLTJzMiwwLjg5NSwyLDJ2MS43MTdWMjR6Ii8+DQoJPHBhdGggZmlsbD0iI0FEQUZCMiIgZD0iTTEyLDhjMC0yLjIwNiwxLjc5NS00LDQtNHM0LDEuNzk0LDQsNHY0aDRWOGMwLTQuNDE4LTMuNTgyLTgtOC04UzgsMy41ODIsOCw4djRoNFY4eiIvPg0KPC9nPg0KPC9zdmc+DQo=")
}

.page-login-form .login-code.has-error:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNBREFGQjIiIGQ9Ik0yMiwzMGMwLDEuMTA1LDAuODk1LDIsMiwyaDRjMS4xMDUsMCwyLTAuODk1LDItMlYxNmMwLTEuMTA0LTAuNzQyLTEuOTA2LTItMi40MzhsLTMuNDA0LTEuNzQ1DQoJCUMyMy4zNTUsMTEuMzAxLDIyLDExLjU2MywyMiwxMy41NjNWMzB6Ii8+DQoJPHBhdGggZmlsbD0iI0I4MUYyQyIgZD0iTTE3LjQwNCwwLjIzNkw0LDUuOTU2QzIuNzQyLDYuNDg3LDIsNy4yODksMiw4LjM5NFYzMGMwLDEuMTA1LDAuODk1LDIsMiwyaDE0LjE4OA0KCQlDMTkuMjkzLDMyLDIwLDMxLjEwNSwyMCwzMFYxLjk4MUMyMC0wLjAxOSwxOC42MzctMC4yOTUsMTcuNDA0LDAuMjM2eiBNMTUsMjBIN2MtMC41NTMsMC0xLTAuNDQ3LTEtMXMwLjQ0Ny0xLDEtMWg4DQoJCWMwLjU1MywwLDEsMC40NDcsMSwxUzE1LjU1MywyMCwxNSwyMHogTTE1LDE2SDdjLTAuNTUzLDAtMS0wLjQ0Ny0xLTFzMC40NDctMSwxLTFoOGMwLjU1MywwLDEsMC40NDcsMSwxUzE1LjU1MywxNiwxNSwxNnogTTE1LDEyDQoJCUg3Yy0wLjU1MywwLTEtMC40NDctMS0xczAuNDQ3LTEsMS0xaDhjMC41NTMsMCwxLDAuNDQ3LDEsMVMxNS41NTMsMTIsMTUsMTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==")
}

.page-login-form .login-id.has-error:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNBREFGQjIiIGQ9Ik0xNi4zNDIsMGMwLjQwOCwwLjA2OCwwLjgxNiwwLjEyOCwxLjIyNSwwLjIwOWMyLjcyMSwwLjU0NCw0LjkyLDIuOTQ3LDUuMjgxLDUuNjg2DQoJCWMwLjQ0NSwzLjM2OC0xLjU3NCw2LjI1LTQuMzcxLDcuMjk3Yy0zLjkxMywxLjQ2My04LjI3Ni0wLjk1NC05LjA3My01LjA0MmMtMC43LTMuNTgzLDEuNDk2LTcuMDE4LDUuMDY0LTcuOTA4DQoJCWMwLjM0LTAuMDg1LDAuNjk3LTAuMTA1LDEuMDQ3LTAuMTYyQzE1LjYyNCwwLjA2MiwxNS43MywwLjAyNiwxNS44NDEsMEMxNi4wMDgsMCwxNi4xNzUsMCwxNi4zNDIsMHoiLz4NCgk8cGF0aCBmaWxsPSIjQjgxRjJDIiBkPSJNMzAuMDk0LDIwLjg3MWMtMS41NTItMS43MzYtMy40ODgtMi44OTYtNS42NDQtMy43MjNjLTMuMDk1LTEuMTg1LTYuMzA4LTEuNjYzLTkuNjA3LTEuNDUNCgkJYy0xLjM2MywwLjA4Ni0yLjczNCwwLjIzOC00LjA3LDAuNTA1Yy0yLjc4MSwwLjU1My01LjM2NCwxLjYwMy03LjU3OCwzLjQxNWMtMi4zMiwxLjg5OC0zLjUyNCw0LjI2OC0zLjExNSw3LjMzNA0KCQljMC4zMTYsMi4zNTIsMi4wOCw0LjMyLDQuNDE2LDQuODEzQzQuOTcsMzEuODY5LDUuNDUxLDMxLjkyNiw1LjkzMSwzMmM2LjcwNiwwLDEzLjQxNSwwLDIwLjEyNCwwDQoJCWMwLjE1NS0wLjAyNywwLjMxMy0wLjA3NiwwLjQ3My0wLjA5MmMyLjE1OC0wLjE4LDMuODA1LTEuMTYyLDQuNzgxLTMuMTEzQzMyLjU3NiwyNi4yNzMsMzIuMDYzLDIzLjA3NiwzMC4wOTQsMjAuODcxeiBNMjMuMTMyLDI0DQoJCWgtNC4wMjJjLTAuNTU1LDAtMS4wMDYtMC40NDctMS4wMDYtMXMwLjQ1MS0xLDEuMDA2LTFoNC4wMjJjMC41NTgsMCwxLjAwNywwLjQ0NywxLjAwNywxUzIzLjY4OCwyNCwyMy4xMzIsMjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==")
}

.page-login-form .login-password.has-error:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNCODFGMkMiIGQ9Ik0yNCwxMmgtNGgtOEg4Yy0zLjMxNCwwLTYsMi42ODYtNiw2djhjMCwzLjMxNCwyLjY4Niw2LDYsNmgxNmMzLjMxNCwwLDYtMi42ODYsNi02di04DQoJCUMzMCwxNC42ODYsMjcuMzE0LDEyLDI0LDEyeiBNMTgsMjRjMCwxLjEwNS0wLjg5NSwyLTIsMmMtMS4xMDUsMC0yLTAuODk1LTItMnYtMi4yODNWMjBjMC0xLjEwNSwwLjg5NS0yLDItMmMxLjEwNSwwLDIsMC44OTUsMiwyDQoJCXYxLjcxN1YyNHoiLz4NCgk8cGF0aCBmaWxsPSIjQURBRkIyIiBkPSJNMTIsOGMwLTIuMjA2LDEuNzk1LTQsNC00czQsMS43OTQsNCw0djRoNFY4YzAtNC40MTgtMy41ODItOC04LThTOCwzLjU4Miw4LDh2NGg0Vjh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==")
}

@media all and (max-width:830px) and (min-width:701px) {
    .page-login-form .contents {
        margin-right: 150px
    }
}

@media all and (max-width:700px) {
    .page-login-form .login-function {
        position: static;
        margin-top: 30px
    }

    .page-login-form .login-function .family-sites {
        align-items: stretch;
        margin-bottom: 0
    }

    .page-login-form .login-function .family-sites li {
        margin: 0
    }

    .page-login-form .login-function .family-sites li a {
        border-radius: 0;
        display: block;
        text-align: center;
        background-color: #fff;
        color: #777;
        border-bottom: 1px solid #eee;
        padding: 10px
    }

    .page-login-form .login-function .family-sites li a:after {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMjAgMTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0xOS43MDcsNC4yOTNsLTMuOTY5LTMuOTY5Yy0wLjM5MS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwcy0wLjM5MSwxLjAyMywwLDEuNDE0bDIuMjYyLDIuMjYzSDENCgljLTAuNTUyLDAtMSwwLjQ0Ny0xLDFDMCw1LjU1MywwLjQ0OCw2LDEsNmgxNS41ODZsLTIuMjYyLDIuMjYyYy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMiwwLDEuNDE0DQoJYzAuMTk1LDAuMTk0LDAuNDUzLDAuMjkzLDAuNzA3LDAuMjkzYzAuMjU4LDAsMC41MTItMC4wOTksMC43MDktMC4yOTNsMy45NjctMy45NjlDMjAuMDk4LDUuMzE2LDIwLjA5OCw0LjY4NCwxOS43MDcsNC4yOTN6Ii8+DQo8L3N2Zz4NCg==")
    }

    .page-login-form .login-function .family-sites li:last-child a {
        border-bottom: none
    }

    .page-login-form .login-function .family-sites li:hover a {
        background-color: #fff;
        box-shadow: none;
        color: #000
    }

    .page-login-form .login-function .function li {
        display: none
    }

    .page-login-form .login-additional-function {
        margin-top: 60px;
        margin-bottom: 20px
    }

    .page-login-form.erp .login-form {
        display: block !important
    }

    .page-login-form.erp .login-qr-code {
        display: none !important
    }

    .page-login-form.erp .login-type {
        display: none !important
    }
}

@media all and (max-width:440px) {
    .page-login-form .contents {
        width: 100%
    }
}

@media all and (max-height:750px) {
    .page-login-form .contents .login-logo {
        margin-top: 30px
    }
}

@media all and (max-height:680px) {
    .page-login-form .contents .login-logo {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .page-login-form .login-additional-function {
        margin-top: 30px
    }
}

@media all and (max-height:540px) {
    .page-login-form {
        justify-content: flex-start
    }

    .page-login-form .login-form .form-login-btn {
        margin-top: 20px
    }

    .page-login-form .login-function {
        justify-content: flex-start;
        margin-top: 30px
    }
}

@media all and (max-width:700px) and (max-height:750px) {
    .page-login-form .contents .login-logo {
        margin-top: 80px
    }

    .page-login-form {
        justify-content: flex-start
    }
}

@media all and (max-width:700px),
all and (max-height:680px) {
    .page-login-form .contents .login-logo {
        background-size: auto 250px;
        height: 50px
    }

    .page-login-form.cs .contents .login-logo {
        background-position-y: -50px
    }

    .page-login-form.userpay .contents .login-logo {
        background-position-y: -100px
    }

    .page-login-form.webmail .contents .login-logo {
        background-position-y: -150px
    }
}

@media all and (max-width:360px),
all and (max-width:540px) and (max-height:620px) {
    .page-login-form .contents .login-logo {
        background-size: auto 200px;
        height: 40px;
        margin-top: 80px
    }

    .page-login-form.cs .contents .login-logo {
        background-position-y: -40px
    }

    .page-login-form.userpay .contents .login-logo {
        background-position-y: -80px
    }

    .page-login-form.webmail .contents .login-logo {
        background-position-y: -120px
    }
}

@media all and (max-width:700px) {
    .page-login-form.using-notice .login-notice {
        margin-top: 20px
    }

    .page-login-form.using-notice .login-function {
        margin-top: 20px
    }
}

@media all and (max-height:900px) {
    .page-login-form.using-notice {
        justify-content: flex-start
    }

    .page-login-form.using-notice .contents .login-logo {
        margin-top: 60px;
        margin-bottom: 20px
    }
}