html, body { min-height: 100vh; height: 100vh; margin: 0; padding: 0; }

#main-navbar, #main-nav, .alert { z-index: 1000 !important; position: relative; box-shadow: none !important; }

 .navbar-nav .nav-link { color: white; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); }

.background-slider { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.background-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; background-size: cover; background-position: center; background-repeat: no-repeat; }

.background-slide.active { opacity: 1; }

.validate-error { border-color: #d72f40 !important; }
.validate-error-msg { position: absolute; bottom: -22px; }
.send-code { color: #0078ffc2; }
.weibo, .qq, .weixin, .alipay, .github { height: 45px; width: 45px; line-height: 45px; text-align: center; font-size: 20px; }

.login { height: calc(100vh - 135px); margin-top:30px; }

.footer { display:none;}
.navbar-nav.flex-row.flex-wrap.ms-md-auto { display: none; }