.site_wrapper{
	width:1024px;
	margin:0px auto;	
	background-color:#FFF;
	display:table;
	height:100%;
}

.site_center{
	width:100%;
	display: table;
	height:100%;
}

.site_strip{
	width:80px;
	height:100%;	
	background:#2d2d2d;
	display: table-cell;
	vertical-align:top;
	padding:10px 0px
}

.site_strip.inactive{
	background:#E9E9E9;
}

.round_logo{
	text-align:center;
	margin-bottom:10px;
}

.round_logo img{
	/*width:70%;*/
	width:60px;
	height:56px;
	margin:0px auto;
	margin-bottom:10px;
	background-position:center center;
	background-size:cover;
	border-radius:56px;
}



.cnb_round_logo{
	width:60px;
	height:56px;
	margin:0px auto;
	margin-bottom:10px;
	background-position:center center;
	background-size:cover;
	border-radius:56px;
}

header{
	width:100%;
	height:35px;
	background:#000000;
	border-bottom:1px solid #468f0f;
	color:#FFF;
	display:none;
}

.normal_menu{
	float:left;
	padding:0px;
	font-size:24px;
	background:#2d2d2d;
}

.normal_menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.normal_menu ul li{
	padding:10px 0px;
	float:none;
	border-bottom:1px solid #E9E9E9;
	position:relative;
	z-index:12;
	text-align:center;
	width:100%;
	line-height:13px;
}

.normal_menu ul li.active{
	background:#FFF;
	color:#468F0F;
}

.normal_menu ul li.active a{
	color:#468F0F;
}

.normal_menu ul li a i{
	display:block;
	font-size:25px;
	margin:10px 0px;
}

.normal_menu ul li ul{
	display:none;
	position:absolute;
	left:80px;
	top:0px;
	background:#2d2d2d;
	width:80px;
	z-index:10;
}


.normal_menu ul li.active ul{
	 
	background:#FFF;
 }

.normal_menu ul li:hover ul{
	display:block;
}

.normal_menu ul li ul li{
	float:none;
}

.notification_popup_user_menu{
	margin:0px;
	padding:0px;
	list-style:none;
}

.notification_popup_user_menu li a{
	text-align:center;	
	color:#FFF;
}


.notification_popup a{
	text-align:none;	
	color:#000;
	font-size:14px;
}

.notification_popup a:hover{
	text-align:none;	
	color:#000;
}

.whiteFont{
color:#FFF;	
}

.notification_origin_image{
    height: 55px;
    margin-right: 0;
    width: 55px;
	background-size:cover;
	background-repeat:no-repeat;
}

.notification_item{
	padding:10px 0px;
	font-size: 13px;
	line-height:13px;
	text-align:center;
	border-bottom:1px solid #EFEFEF;
	
}

.notification_item i{
	display:block;
	font-size:25px;
	margin:10px 0px;
}
.user_menu{
	float:right;
	/*width:200px;*/
	width:auto;
	height:100%;
	line-height:35px;
	border-left:3px solid #468f0f;
	cursor:pointer;
	position:relative;
}

/*.user_menu:hover .user_quick_menu{
	display:block;
}
*/
.user_option a{
	color:#FFF;
	font-size:24px;
}

.user_avatar{
	background-position: center center;
    background-size: cover;
	height:56px;
	width:56px;
	overflow:hidden;
	border-radius:56px;
	margin:0px auto;
	margin-bottom:10px;
}

.user_avatar img{
	width:100%;
}

.user_name{
	float: right;
    font-size: 16px;
    height: 100%;
    line-height: 35px;
    padding: 0px 10px;
}

.user_name span{
	width:120px;
	overflow:hidden;
}

.user_name a{
	color:#FFF;
	font-size:18px;
}

.search_btn i{
	display:none;	
}
.directory_alphebet{
	width: calc(100% / 27 - 3px);
}
.memberHolderBox{
	width: calc(50% - 12.5px);
	margin-right:25px;
	border:0px;
	margin-bottom: 25px;
	
}
.memberHolderBox:nth-child(2n) {
    margin-right:0px;
}
.others_msg{
	color: #6fa543;
    font-size: 20px;
    padding-top: 5px;
    position: absolute;
    right: 10px;
    top: 0;
    width: auto;
}
/*.directory_index{
	padding-right:20px;
}*/
/*.directory_content{
	padding-right:20px;
}*/
@media (max-width:1024px) {
	.directory_alphebet{
		width: calc(100% / 18);
	}
}
@media (max-width:900px) {
	.directory_alphebet{
		width: calc(100% / 14);
	}
	.memberHolderBox{
		width:100% !important;
	}
	.project_color{
		padding:0px !important;
	}
	.directory_content{
		padding-left: 0px !important;
    	padding-right: 0px !important;
	}
}
@media (max-width:550px){
	.plugin_3tabs li:first-child{
		width:25%;
	}
	.plugin_3tabs li:nth-child(2){
		width:25%;
	}
	.plugin_3tabs li:nth-child(3){
		width:50%;
	}
	.plugin_3tabs li a{
		text-align:center;
		padding: 10px !important;
		height:60px;
		display:table-cell;
		vertical-align:middle;
	}
}

@media (max-width:480px) {
	.directory_alphebet{
		width: calc(100% / 9);
	}
	.site_strip{
		width:1px;
	}
	
	.user_avatar, .cnb_round_logo, .round_logo{
		display:none;
	}
	
	.search_btn i{
	display:block;
	font-size:20px;
	
	}
	
	.search_btn span{
	display:none;	
	}
	
	
}