.login_wrap{width:100%;height:100%}
.login_intro{position:relative;z-index:1;width:100%;min-height:calc(100% - 50px);background: #141414 url('./images/bg_tile.png');background-repeat:no-repeat;background-position:top center;background-size:cover;opacity:80}
.login_intro_inner{display:block;margin:0 auto;max-width:96%;width:800px;height:auto}
.login_box{margin:0 auto 20px auto;max-width:100%;width:450px;height:auto;border-bottom-left-radius:30px;border-bottom-right-radius:30px;overflow:hidden; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.51),0 5px 8px rgba(0, 0, 0, 0.24);}
.login_box_top{position:relative;z-index:1;font-family:'Trebuchet MS',sans-serif;text-shadow:0 1px 2px #000;background:#222;color:#fff}
.login_box_top::before{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:url('./images/background_top.jpg');background-repeat:no-repeat;background-position:top center;background-size:cover;opacity:.5}
.login_intro_inner>*:not(.login_box){color:#fff}

/* active_user  */
.active_user:first-child, .active_user:last-child{
	opacity: 0.5;
}
#active_container{ display: flex; justify-content: center;}
.active_user { margin-left: -12px; width: 70px !important; height:70px; text-align:center; float:left; overflow:hidden; }
.active_avatar { width:60px; height:60px; border-radius:10%;border: 3px solid #004080;  }

/* custom */
.bbox_foot{background:rgb(0,0,0,.16)}
.form_title { font-size:16px; font-weight:bold; }