/* default login css */

/*intro css */
#login_wrap{width:100%;height:100%}
#login_left{float:left;position:relative;z-index:1;width:50%;height:100%;padding:40px 20px;background:#292929;color:#fff}
#login_left::before{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:url('./images/background.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.4}
#login_right{float:right;position:relative;z-index:1;padding:20px;width:50%;height:100%;padding:40px 20px;}
.login_left_box{max-width:100%;width:550px;margin:0 auto}
.login_right_inner{max-width:100%;width:450px;min-height:350px;margin:0 auto}
.login_right_box{min-height:350px;border-radius:4px;overflow:hidden}
#login_logo { height:130px; }
.login_not_member { text-align:center; padding-top:5px; }
#intro_lang { position:absolute; top:10px; right:20px; width:40px; height:40px; }

/* active_user  */
#active_container{ display: flex; justify-content: center;}
.active_user { margin-left: -12px; width: 50px !important; height:50px; text-align:center; float:left; overflow:hidden; }
.active_avatar { width:50px; height:50px; border-radius:50%;border: 2px solid #03add8;  }

/* section css */
.section { width:100%; height:auto; margin:0 auto; }
.section_content { width:100%; max-width:1100px; margin:0 auto; }
.section_inside { margin:0 auto; }

/* custom */
.form_title { font-size:16px; font-weight:bold; padding-bottom:15px; }

@media screen and (max-width: 992px){
	#login_left{width:100%;}
	#login_right{width:100%;height: auto;}
}
@media screen and (max-width:1120px){
	.section_inside { width:96%; }
}