/*CSS template default*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
html {font-size:10px;font-family: 'Open Sans', sans-serif;}
*, *:after, *:before {box-sizing: border-box;line-height:1.4em; }
img {max-width:100%}
body {margin: 0; padding: 0;font-size: 1.2rem; font-family: 'Open Sans', sans-serif;}
p, ul, ol, input, li, div, strong, span {font-family: inherit;font-size:inherit; line-height:1.4em;}
a, a:visited, a:focus {cursor: pointer;text-decoration:underline;outline:none;color: #1d318d}
span, i, a, td, th {font-size:inherit}
p {margin: 0.4em 0}
em, i {font-style: italic;}
a:hover {text-decoration:none;}
a img {border:none;}
ul, ol {list-style:disc;margin:0;padding-left: 2.4em;}
ol {list-style-type: decimal;}
ul li, ol li {margin: 4px 0}
strong {font-weight:700}
button {cursor: pointer}
div {display: block;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin:0.8em 0;font-weight:600;color:#000;line-height:1.4em;}
h1, .h1 {font-size:2.2rem;}h2, .h2 {font-size:1.8rem;}h3, .h3 {font-size:1.6rem;}h4, .h4, h5, .h5, h6, .h6  {font-size:1.4rem;}
.box {padding: 0;margin: 0;height: 100vh;position: relative;background: #1e1e1e;}
.box .wrap {margin: 0 auto;top: 30%;max-width: 280px;position: relative;box-shadow: 0 0 11px 1px #929191;transform: translate(0, -50%);background: #f3f3f3;padding: 24px;border-radius: 4px;}
.form-logo {margin: 0 12px}
.form {display: block;}
.form > * + * {margin-top: 14px}
.form .form-group.group-btn {margin-top: 28px}
.form .form-group {display: block;width: 100%}
.form .form-group.group-btn {text-align: center;}
.form .s-label {display: inline-block;font-size: 1.2rem;margin-bottom: 0.1em;}
.form input[type="text"], .form input[type="password"] {display: block;width: 100%;border: 1px solid #ff862e;font-size: 1.4rem;padding: 6px 8px;outline: none;border-radius: 4px;background-color: #f3f3f3;font-family: monospace;}
.form input[type="text"]:focus, .form input[type="password"]:focus {box-shadow:0 0 3px #ff862e;}
.form button {font-size: 1.4rem;padding: 0.4em 2.8em;background: #ff862e;border: 1px solid #d66717;color: #fff;font-weight: 600;display: inline-block;border-radius: 4px;}
.form .fg-checkbox > input[type="checkbox"] {position: absolute;pointer-events: none;opacity: 0;}
.form .fg-checkbox-label {display: block;font-size: 1.4rem;font-weight: 600;cursor: pointer;}
.form .fg-checkbox-label > * {display: inline-block;vertical-align: middle;font-style: normal;}
.form .fg-checkbox-label::before {display: inline-block;vertical-align: middle;content: '';width: 14px;height: 14px;border: 1px solid #000;margin-right: 6px}
.form :checked + .fg-checkbox-label::before {background: #00ab15;border-color: #008a11}
.login-error {text-align: center;color: #e8e8e8;font-size: 1.3rem;margin: 8px 0;padding:6px 4px;background: #b20;border-radius: 4px}
.f-login-logo {line-height: 1em;margin-bottom: 12px;/*color: #c0c4cc;*/color: #373737;}
.f-login-logo svg {width: 100%;height: 40px;}
.f-login-logo .af-logo-title {font-size: 1.3rem;margin-top: -8px;font-weight: 600;padding-left: 5px;letter-spacing: 0.4px;}
.form-logo.f-login-logo {margin: 0 0 18px 0;}
@media only screen and (min-width: 1300px) {

}