html{overflow: auto;}body{overflow-y: auto;}.main-box{background-color: #fafafa;}
.login-box{position: relative;z-index: 3;min-height: 100vh;}
.login-logo img{width:60%;image-rendering: -webkit-optimize-contrast;}
.login-title{font-size: 2.3em;}
.input-box,.submit-box{position: relative;}
.input-box input{background-color:#fff;border-radius: 4px;}
.input-box input{padding: 10px 0px 10px 45px;font-size:1.2em;}
.input-box input:focus{box-shadow: 0 0 0px 1px #0E665E;border-color:#0E665E;background-color: #fff;}
.input-icon i{position:absolute;top: calc(50% - 14px);left:14px;pointer-events: none;z-index: 6;}
.submit-box input{background-color:#0E665E;color:#ffffff;font-size:1.3em;font-weight: bold;min-height: 50px;border-radius: 25px;border: none;margin-top:30px;cursor: pointer;}
.submit-box input:hover,.submit-box input:focus{background: #12756d;color:#ffffff;}
.back-img{width:100%;position: relative;z-index: 2;height:100%;}
.back-img img{width: 100%;position: absolute;bottom: 0;opacity: 0; animation:back-img-motion 1s ease-in forwards;animation-delay: 1s;}
.circle{width: 150vw;height: 150vw;background-color:#e8ecef;opacity:.95;border-radius: 50%;position: absolute;top: 15vh;transition: 1s all;z-index: 1;right: -20vw;animation: circle-motion 1.2s ease-in forwards;}
.footer{position: fixed;  bottom: 4px;  z-index: 2;  font-size: 1em;  color: #333;  padding: 2px 10px;  background: #f4f4f4fa;  border-radius: 10px;  left: 4px;}
.svg_pos{display: flex;justify-content: center;align-items: center;position: absolute;
z-index: 3;width: 100%;min-height: 100vh;}

@keyframes rec-opacity{from{opacity: 0;}to{opacity: 1;}}
@media(max-width: 767px){
  #mainContent{height: auto;display: flex;flex-direction: column;min-height:100vh;}
  .main-box{height:100%;flex-grow: 1;}
  .footer{background-color:#f1f1f1;position: relative;margin-top: auto;}
  .login-title{font-size:30px;}
}
@keyframes circle-motion{
  0%{  transform:translateX(-50vw)}
100%{transform: translateX(0vw)}
}
@keyframes back-img-motion{
  0%{opacity:0;transform: scale(1.3);}
  100%{opacity:1;transform: scale(1);}
}