:root{
  --login-primary: #3250b9;
  --primary: var(--login-primary);
  --body-background-color : #fbfcfd;
}
/************************
LAYOUT
************************/
.page-login-form *:not(.login-logo) {
  transition: all ease 0.2s
}
.page-login-form .contents .login-logo {
  transition: margin ease 0.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
}
/************************
CONTENTS
************************/
/*side-function*/
.page-login-form .login-function {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;

  right: 20px;
}
  /*--family-sites*/
.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 0.2s;
  display: inline-block;
  line-height: 1;
  text-decoration: none;

  padding: 6px 10px 5px 20px;
  border-radius: 10px 5px 5px 10px;

  color: rgb(var(--white-fixed));
  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}
  /*--function*/
.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 0.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;
}
  /*-server-num-*/
.page-login-form .login-function .server-num {
  text-align: right;
  
  font-size: 10px;
  padding-right: 3px;
  padding-top: 10px;

  color: var(--body-background-color);
}

/*logo*/
.page-login-form .contents .login-logo {
  background-image: 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
}

/*login tab*/
.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: rgb(var(--white));
  font-weight: bold;
  color: var(--default)
}
.page-login-form .login-type > ul:after {
  content: "";
  display: inline-block;
  transition: all ease 0.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}

/*login-form*/
.page-login-form .login-form { }
/*--form*/
.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,0.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,0.3);
}
.page-login-form .login-form .form [class*=login-].has-error .form-control:-ms-input-placeholder {
  color: rgba(169,68,66,0.3);
}
.page-login-form .login-form .form [class*=login-].has-error .form-control::-webkit-input-placeholder {
  color: rgba(169,68,66,0.3);
}
  /*--option*/
.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);
}
  /*--btn*/
.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);
}

/*QR CODE*/
.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: 0px 0px 8px rgba(0,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: 0.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: "\e911";
  font-family: font-icon
}


/*notice*/
.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;
}

/*login-additional-function*/
.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%; }

/************************
ICON
************************/
/*login-function*/
.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 .ip-unblock:after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNBREFGQjIiIGQ9Ik0yNCwwYy00LjQxOCwwLTgsMy41ODItOCw4djZoNFY4YzAtMi4yMDYsMS43OTUtNCw0LTRzNCwxLjc5NCw0LDRjMCwxLjEwNCwwLjg5NiwyLDIsMnMyLTAuODk2LDItMg0KCUMzMiwzLjU4MiwyOC40MTgsMCwyNCwweiIvPg0KPHBhdGggZmlsbD0iIzMwNUVCMyIgZD0iTTE4LDEyaC0ySDhINmMtMy4zMTQsMC02LDIuNjg2LTYsNnY4YzAsMy4zMTQsMi42ODYsNiw2LDZoMTJjMy4zMTQsMCw2LTIuNjg2LDYtNnYtOA0KCUMyNCwxNC42ODYsMjEuMzE0LDEyLDE4LDEyeiBNMTQsMjRjMCwxLjEwNS0wLjg5NSwyLTIsMmMtMS4xMDUsMC0yLTAuODk1LTItMnYtMi4yODNWMjBjMC0xLjEwNSwwLjg5NS0yLDItMmMxLjEwNSwwLDIsMC44OTUsMiwyDQoJdjEuNzE3VjI0eiIvPg0KPC9zdmc+DQo=") }*/
.page-login-form .login-function .ecount-api:after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSItMC41IDAuNSAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC41IDAuNSAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjQURBRkIyIiBwb2ludHM9IjUuNSwxNC41IDIuNSwxNC41IDIuNSwxNS41IDUuNSwxNS41IDYuNSwxNS41IDYuNSwxMi41IDUuNSwxMi41IAkiLz4NCgk8cmVjdCB4PSI3LjUiIHk9IjEyLjUiIGZpbGw9IiNBREFGQjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjMiLz4NCgk8cG9seWdvbiBmaWxsPSIjQURBRkIyIiBwb2ludHM9IjEwLjUsMTQuNSAxMC41LDEyLjUgOS41LDEyLjUgOS41LDE1LjUgMTAuNSwxNS41IDEzLjUsMTUuNSAxMy41LDE0LjUgCSIvPg0KPC9nPg0KPGc+DQoJPHJlY3QgeD0iMi41IiB5PSIxNC41IiBmaWxsPSIjMzA1RUIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNy41IiB5PSIxNC41IiBmaWxsPSIjMzA1RUIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTIuNSIgeT0iMTQuNSIgZmlsbD0iIzMwNUVCMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KPC9nPg0KPHBhdGggZmlsbD0iIzMwNUVCMyIgZD0iTTEyLjQyMiw0LjcyM0MxMi4wNiwyLjg4NywxMC40NDMsMS41LDguNSwxLjVjLTEuODgyLDAtMy40NSwxLjMwNS0zLjg3NiwzLjA1NkM0LjQxOCw0LjUzLDQuMjE0LDQuNSw0LDQuNQ0KCWMtMi40ODUsMC00LjUsMS43OTEtNC41LDRjMCwyLjA1NywxLjc1MywzLjczMSw0LDMuOTU1VjEyLjVoMnYtM2gxdjNoMXYtM2gxdjNoMXYtM2gxdjNoMXYtMC4wNDVjMi4yNDctMC4yMjQsNC0xLjg5OCw0LTMuOTU1DQoJQzE1LjUsNi43MzUsMTQuMjA2LDUuMjU0LDEyLjQyMiw0LjcyM3oiLz4NCjwvc3ZnPg0K") }

/*form*/
.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==") }
/************************
Responsive
************************/
@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: var(--body-background-color);
    color: rgb(var(--gray70));
    border-bottom: 1px solid var(--border-default);
    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 {
      box-shadow: none;

      background-color: rgb(var(--white));
      color: rgb(var(--black))
    }

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

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

  /*qr*/
  .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}
}