body{
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	overflow:hidden; 
}
/* header */
.layout-hd{
	height: 100px;
	width: 100%;
	background-color: #344c68;
}
.layout-hd #logo{
    height: 92px;
    padding-top: 10px;
}
/* sub-header */
.layout-sub-hd{
	height: 35px;
	width: 100%;
	background-color: #3d5878;
}

.layout-userInfo{
	width: 210px;
	height: 35px;
	border-right: 1px solid #344c68;
}

/* layout-bd */
.layout-bd{
	width: 100%; 
	background-color: #eaedf1;
}

/* layout-l-menu */
.layout-l-menu{
	width: 210px;
	background-color: #4d637b;
}
/* aside foot */
.l-aside-ft{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	background-color: #344c68;
	z-index: 99;
}
.l-aside-ft label{ color: #fff; }
.l-aside-ft-r{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25px;
	display: none;
	padding: 15px 0px;
	background-color: #828282;
	border: 1px solid #f0f0f0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
	z-index: 18;
}
/* layout-r-main */
.layout-r-main{ }

/*树形菜单带搜索*/
#main_left_area{
    position: relative;
    background: #EAEDF1;
}

/* layout-subMenu 三级菜单 */
.layout-subMenu{
	padding-top: 8px;
	width: 199px;
	border-right: 1px solid #d9d9d9;
}

.layout-leftBar{
    position:absolute;
    top:50%;
    width:20px;
    height:50px;
    z-index:3;
    -o-transition:all 0.2s ease;
    -ms-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -webkit-transition:all 0.2s ease;
    z-index: 999;
}
.layout-leftBar .product-navbar-collapse>span {
    font-size:15px;
    line-height:50px;
    color: #cce4f6;
    vertical-align:text-top;
}

.control-left{ right:0; }

.control-left:hover .product-navbar-collapse {
    left:0
}
.control-left .product-navbar-collapse-bg {
    width:0;
    height:50px;
    position:absolute;
    top:0;
    right:0;
    border-bottom:9px solid transparent;
    border-right:13px solid #95ccf5;
    border-top:9px solid transparent;
    -o-transition:all 0.1s ease,0.1s ease;
    -ms-transition:all 0.1s ease,0.1s ease;
    -moz-transition:all 0.1s ease,0.1s ease;
    -webkit-transition:all 0.1s ease,0.1s ease
}
.control-left:hover .product-navbar-collapse-bg {
    border-bottom:8px solid transparent;
    border-right:20px solid #2db7f5;
    border-top:8px solid transparent
}
.control-left:hover .product-navbar-collapse span{
    color: #fff;
}
.control-left .product-navbar-collapse-inner {
    top:-50%;
    position:relative;
    overflow:hidden
}
.control-left .product-navbar-collapse {
    height:50px;
    position:relative;
    left:7px;
    text-align:center;
    cursor:pointer;
    -o-transition:all 0.1s ease,0.1s ease;
    -ms-transition:all 0.1s ease,0.1s ease;
    -moz-transition:all 0.1s ease,0.1s ease;
    -webkit-transition:all 0.1s ease,0.1s ease
}


.control-right{
    display: none;
    left:0;
    z-index:999;
}
.control-right:hover .product-navbar-collapse {
    left:0
}

.control-right .product-navbar-collapse-bg {
    width:0;
    height:50px;
    position:absolute;
    top:0;
    left:0;
    border-bottom:9px solid transparent;
    border-left:13px solid #95ccf5;
    border-top:9px solid transparent;
    -o-transition:all 0.1s ease,0.1s ease;
    -ms-transition:all 0.1s ease,0.1s ease;
    -moz-transition:all 0.1s ease,0.1s ease;
    -webkit-transition:all 0.1s ease,0.1s ease
}
.control-right:hover .product-navbar-collapse-bg {
    border-bottom:8px solid transparent;
    border-left:20px solid #2db7f5;
    border-top:8px solid transparent
}
.control-right:hover .product-navbar-collapse span{
    color: #fff;
}
.control-right .collapse-inner {
    top:-50%;
    position:relative;
    overflow:hidden
}
.control-right .product-navbar-collapse {
    height:50px;
    position:relative;
    left:-6px;
    text-align:center;
    cursor:pointer;
    -o-transition:all 0.1s ease,0.1s ease;
    -ms-transition:all 0.1s ease,0.1s ease;
    -moz-transition:all 0.1s ease,0.1s ease;
    -webkit-transition:all 0.1s ease,0.1s ease
}


.layout-showLeftTree:hover{ }

/* layout-col */
.l-pct3{left:3.33333333%;}
.layout-col-1, .layout-col-2, .layout-col-3, .layout-col-4, .layout-col-6, .layout-col-8, .layout-col-9, .layout-col-10, .layout-col-11, .layout-col-12{float: left;}
.layout-col-1{width: 8.33333333%;}
.layout-col-2{width: 16.66666667%;}
.layout-col-3{width: 25%;}
.layout-col-4{width: 33.33333333%;}
.layout-col-6{width: 50%;}
.layout-col-8{width: 66.66666667%;}
.layout-col-9{width: 75%;}
.layout-col-10{width: 83.33333333%;}
.layout-col-11{width: 91.66666667%; }
.layout-col-12{width: 100%;}


/* With treeMenu */
.treeMenu{width:200px;}
.treeMenu-hd{}
.treeMenu-hd{position: relative;}
.show-treeMenu{
	position: absolute;
	top: 5px;
	right: -18px;
	display:block;
	padding:15px 4px;
	color: #e1e1ea;
	text-align: center;
	background-color: #f00;
}
.treeMenu-tit{
	padding: 16px 8px;
	font-size: 16px;
    background: #D9DEE4;
}
.treeMenu-tit label, .treeMenu-tit i{line-height:35px;}
.treeMenu-tit i:first-child{font-size: 24px;  }
.treeMenu-tit i:last-child{font-size: 16px;}
.treeMenu-search{
	width: 100%;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	overflow: hidden;
	background-color: #FFF;
}
.treeMenu-search input{
	width: 80%;
	border: none;
	padding: 4px;
}
.treeMenu-search i{
	font-size: 18px;
	padding: 4px;
	color: #e9e9e9;
}

.followed-btns{
	position: absolute;
	right:3px;
	height: 18px;
	line-height: 18px;
}
.followed-btns i{padding: 0 2px;}

/* form类 标题一 */
.box-title{
	position: absolute;
	top: -14px;
	left:10px;
	padding: 3px 1.1em;
	color: #00acc2;
	border-radius: 6px;
	background: #e0f7fa;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

/* 资源管理选择颜色 Start */
#buttonColorsDiv{
	margin-top:10px;
	padding: 0;
	margin-left: -3px;
}
#buttonColorsDiv>a div{
	float:left;
	width:40px;
	height:20px;
	margin-left:3px;
	margin-top: 5px;
}

#mobileIconColorDisp, #colorDisp{
	width: 40px;
	height: 24px;
}
#mobileIconDisp, #iconClsDisp{
	height: 24px;
	width: 40px;
    float: left;
} 
/* End */