/* Default */
body { background: #ebeef0; cursor: default; font-family: Arial; font-size: 11px; margin: 0px; min-width: 1024px; width: 100%; zoom: 1; }

/* Login */
.cover { bottom: 0px; left: 0px; position: fixed; right: 0px; top: 0px; }
.info-box { background: linear-gradient(40deg, #fff, #ebeef0); bottom: 0px; left: 0px; padding: 150px 8% 50px 8%; position: fixed; top: 0px; width: 44%; }
.info-box .title { color: #000; font-size: 40px; font-weight: bold; }
.info-box .desc { color: #888; font-size: 16px; margin: 2px 0px 30px 0px; max-width: 500px; }
.info-box .desc .mailto:hover { text-decoration: underline; }
.info-box .btn { background-color: #000; color: #fff; font-weight: bold !important; font-size: 14px; font-weight: normal; padding: 15px; }
.info-box .btn:hover { background-color: #444; }
.login-box { background-color: #fff; bottom: 0px; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); position: fixed; right: 0px; top: 0px; width: 40%; }
.login-box .inner-col { padding: 20px 35px 130px 35px; }
.login-box .input-col { padding: 0px 5px 5px 0px; }
.login-box .input-col .reset { color: #999; font-size: 10px; }
.login-box .input-col .reset:hover { color: #4285f4; text-decoration: underline;}
.login-box .option-col { padding: 25px 5px 5px 0px; min-height: 50px; }
.login-box .top-col { padding: 50px 35px 20px 35px; }
.login-box .btn { background-color: #000; color: #fff; font-weight: bold !important; font-size: 14px; font-weight: normal; padding: 10px 15px; }
.login-box .btn:hover { background-color: #444; }
.footer-box { bottom: 0px; color: #000; font-size: 12px; left: 0px; padding: 20px 9% 20px 9%; position: fixed; width: 40%; }

@media (max-width: 768px) { 
    .info-box { display: none; }
    .login-box { width: 100%; }
    .footer-box { display: none; }
}