/* default login css */


body, #messenger, .chat_left_menu_wrap {
    background: #fdfefe;
    color: #444;
    background: linear-gradient(0deg, #c9e5f7 0%, #fdfefe 15%, #fdfefe 100%);
}




/*intro css */
#intro_top {width:100%;z-index:1;position:relative;height:auto;padding: 26px 0;background: url(images/bg_login.png);background-repeat:no-repeat;background-position: top;background-attachment:fixed;background-size: 100% 130px;}
#login_wrap { width:100%; height:100%; }
#login_all {width:800px;max-width: 100%;border-radius:20px;display:block;margin:0 auto;color:#fff;}
.intro_social_container { width:100%; height:auto; text-align:center; padding-top:20px; }
.intro_social_btn {display:inline-block;width: 30px;height: 30px;margin:0 3px;border-radius:50%;}
.login_not_member { text-align:center; padding-top:5px; }

/* active_user intro  */
#intro_section_user { padding:72px 0; }
.active_user { height:110px; text-align:center; float:left; overflow:hidden; }
#last_active { width: 100%; height:110px; margin:0 auto; }
.active_avatar { width:110px; height:110px; border-radius:50%; }
#last_active .left-arrow,
#last_active .right-arrow { width: 0; height: 0; border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  margin-top: 5px; cursor: pointer; margin-top:40px; }
#last_active .left-arrow {  float: left; border-right: 10px solid #ccc; display:none;}
#last_active .left-arrow:hover { border-right: 10px solid #000; }
#last_active .right-arrow { float: right;  border-left: 10px solid #ccc; display:none; }
#last_active .right-arrow:hover { border-left: 10px solid #000; }
#last_active .last-clip {  margin: 0 20px; overflow: hidden; position: relative; }
#last_active .last_10 { height: 110px; width: 10000%;  overflow: hidden;  position: relative; }


.or {
  overflow: hidden;
  text-align: center;
  color:#aaa;
  font-size:16px;
  margin-bottom:8px;
}

.or:before,
.or:after {
  background-color: #aaa;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  color:#aaa;
}

.or:before {
  right: 0.5em;
  margin-left: -50%;
  color:#aaa;
}

.or:after {
  left: 0.5em;
  margin-right: -50%;
  color:#aaa;
}

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

@media screen and (max-width:1120px){
	.section_inside {width:96%;}
}
@media screen and (min-width:1121px){
	#intro_top { background-attachment: fixed; }
}
@media screen and (max-width:1100px){
	#intro_top {background-position:center 0px;background-size: auto 130px;}
}
@media screen and (max-width:768px){
	#intro_top {background-position:center 0px;background-size: auto 130px;}
}