/* default login css */
.new_acc{
	font-size: 32px;
}
.foot nav a{
	display:block;
	text-decoration:none;
	font:16px 'Segoe UI',Tahoma;
	padding:2px 0;
}
.foot nav{
	display:inline-block;
	margin:5px 30px;
	text-align:right;
	vertical-align:top;
}
.titlez{background:#f7f7f7;color:#0a6cff;text-align: center;}
.maincontent1{
	background-color:#e912d8;
	padding:10px;
	border-radius:25px;
}
.headlinez1{
	font-weight:400;
	font-size:32px;
	color:#fff!important;
	text-align: center;
}
.maincontent5{background-color:#019b54;padding:10px;border-radius:25px}
.maincontent6{background-color:#a9261f;padding:10px;border-radius:25px}
.maincontent7{background-color:#0c9;padding:10px;border-radius:25px}
.maincontent8{background-color:#d322ff;padding:10px;border-radius:25px}
.maincontent9{background-color:#c00;padding:10px;border-radius:25px}
.maincontent10{background-color:#6db100;padding:10px;border-radius:25px}
.maincontent11{background-color:#e77692;padding:10px;border-radius:25px}
.maincontent12{background-color:#2860b5;padding:10px;border-radius:25px}
.textlinez1{font-weight:400;font-size:16px!important;text-align: center;color:#fff!important}
.maincontent3{background-color:#a9261f;padding:10px;border-radius:25px}
.maincontent4{background-color:#3c3;padding:10px;border-radius:25px}
/*intro css */
.maincontent2{background-color:#019b54;padding:10px;border-radius:25px}
#intro_top {
    width: 100%;
    z-index: 1;
    position: relative;
    height: auto;
    padding: 70px 0;
    background: #a0a09e  url(images/background.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    background-attachment: fixed;
}
#login_wrap { width:100%; height:100%; }
#login_all { width:800px; max-width:94%; border-radius:20px; display:block; margin:0 auto; color:#fff; background: #00000078;}
.intro_social_container { width:100%; height:auto; text-align:center; padding-top:20px; }
.intro_social_btn { display:inline-block; width:40px; height:40px; margin:0 3px; border-radius:50%; }
.login_not_member { text-align:center; padding-top:5px; }

/* active_user intro  */
#intro_section_user { padding:20px 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; }

/* 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; }
#main_footer {
    padding: 15px 0;
    height: auto;
    text-align: center;
}
#open_login_menu {
    width: 55px;
    font-size: 24px;
    position: relative;
}
@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-size:auto 100%; background-position:center 0px; padding:80px 0; }
}
@media screen and (max-width:768px){
	#intro_top { background-size:auto 100%; background-position:center 0px;  }
}