html{height:100%;overflow:hidden;}
body {margin:auto; padding:0px; font-family:Arial 微软雅黑; font-size:14px;}
div{box-sizing:border-box;}

.maskLayer{ z-index:1000; width:100%; height:100%; position:absolute; top:0px; left:0px; bottom:0px; richness:0px; background-color:#000000;background: rgba(0,0,0,0.5);}
.maskLayer .win_alert{ z-index:1001; position:relative; top:50%; left:50%;width:300px; height:60px; background-color:White; text-align:center; vertical-align:middle; font-size:16px; line-height:60px; color:#6c6c6c; border:3px solid #5c5c5c; margin-left:-150px; margin-top:-30px;}
.fixtop{ position:fixed; top:0px; left:0px; right:0px;}
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.bg_color_default{background-color:#2A2A2B;}
.bg_color_index{background-color:#343B4B;}
.erp .titlebar{width:100%; top:0px; border:0px; height:60px;position:absolute;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 13%);}
.erp .titlebar .logo{margin-left:20px; margin-top:0px; float:left;}
.erp .titlebar .logo img{width:120px;height:60px; border:0px; cursor:pointer;}
.erp .titlebar .apptitle{float:left;margin-left:50px; height:60px; line-height:60px; vertical-align:middle; text-align:center; padding:0px 10px 0px 10px; font-size:14px; color:#f4f4f4;}
.erp .titlebar .nav-item{width:auto;height:60px; text-align:center; padding:0px 15px 0px 15px; color:#f4f4f4; margin-left:5px; float:left; cursor:pointer;font-size:15px; vertical-align:middle; line-height:60px;}
.erp .titlebar .topmenu{float:right;width:auto;height:60px; background-color:black;}
.erp .titlebar .topmenu .nav-item{width:auto;height:60px; background-color:#2A2A2B; text-align:center; padding:0px 20px 0px 20px; color:white; margin-left:1px; float:left; cursor:pointer;font-size:16px; vertical-align:middle; line-height:60px;}
.erp .titlebar .topmenu .nav-msger{width:auto;height:60px; background-color:#2A2A2B; text-align:center; padding:0px 20px 0px 20px; color:white; margin-left:1px; float:left; cursor:pointer;font-size:16px; vertical-align:middle; line-height:60px;}
.erp .titlebar .topmenu .nav-item:hover{background-color:black;}
.erp .titlebar .topmenu .nav-item:first-child{margin-left:0px;}
.erp .titlebar .topmenu .nav-item:last-child{margin-right:0px;}
.erp #HomePopMenu{position:absolute; height:auto;width:300px; min-height:80px;max-height:560px; overflow-y:auto; border-top:0px; 
                  padding:6px; background-color:white;border:0px solid #ccc; display:none;overflow-x:hidden;z-index:100001;
                  -moz-box-shadow:1px 1px 2px #333333; -webkit-box-shadow:1px 1px 2px #333333; box-shadow:1px 1px 2px #333333;
}
.erp #HomePopMenu .pop_menu{width:70px;height:70px; float:left; text-align:center; cursor:pointer;margin-top:5px;}
.erp #HomePopMenu .pop_menu:hover{background-color:#E0E0E0;}
.erp #HomePopMenu .pop_menu img{width:32px;height:32px;margin-top:10px;}
.erp #HomePopMenu .pop_menu span{display:block;width:100%;margin-top:5px; font-size:13px;text-align:center;color:#6c6c6c;}

.erp #HomePopMenu .pop_menu_text{width:100%;height:40px; line-height:40px; vertical-align:middle; text-align:left; cursor:pointer;}
.erp #HomePopMenu .pop_menu_text:hover{background-color:#E0E0E0;}
.erp #HomePopMenu .pop_menu_text span{display:block;width:100%;margin-left:20px; font-size:13px;text-align:left;color:#6c6c6c;}

#msgerContent{position:absolute;top:200px;bottom:10px; height:200px; right:30px;width:260px;border:1px solid #ccc; background-color:white;z-index:100000;}

.erp .search{width:600px; height:30px; margin:30px auto; display:block;}

.erp .titlebar .msg{height:17px; width:auto;position:absolute; right:90px; top:18px; color:White; cursor:pointer;}
.erp .titlebar .msg img{float:left;width:20px; margin-top:2px;}
.erp .titlebar .msg span{ display:block; float:left; margin-left:5px; color:#f4f4f4;}

.erp .titlebar .login{height:17px; width:auto;position:absolute; right:90px; top:18px; color:White; cursor:pointer;}
.erp .titlebar .regist{height:17px; width:auto;position:absolute; right:30px; top:18px; color:White; cursor:pointer;}
.erp .titlebar a{color:#F1EAEA;}
.erp .titlebar a:link{color:#F1EAEA;}
.erp .titlebar a:hover{color:White;}
.erp .titlebar .right{float:right; height:60px; color:White;}

.erp .titlebar .closerpt{height:17px;width:auto;position:absolute; right:200px; top:18px; color:White;cursor:pointer;}
.erp .titlebar .closerpt img{float:left; margin-top:2px;}
.erp .titlebar .closerpt span{ display:block; float:left; margin-left:5px;color:yellow;}

.erp .titlebar .user{height:17px;width:auto;position:absolute; right:300px; top:18px; color:White;cursor:pointer;}
.erp .titlebar .user img{float:left;}
.erp .titlebar .user span{ display:block; float:left; margin-left:5px;color:#f4f4f4;}

.erp .titlebar .exit{font-weight:bold;height:17px;width:auto;position:absolute; right:30px; top:18px;color:#f4f4f4;cursor:pointer;}

.erp .content{top:60px; bottom:0px; height:auto; width:100%; border:0px; position:absolute; overflow:hidden;}

.erp .menu {
	width: 160px;
	height: 100%;
	float: left;
	background-color: #1e222d;
}
	.erp .menu .title {
		text-align: center;
		width: 100%;
		font-size: 16px;
		background-color: #1e222d;
		font-weight: 400;
		border-bottom: 1px solid #5B5F63;
		height: 49px;
		line-height: 49px;
		color: white;
	}
	.erp .menu .sel {
		background-color: #006eff;
		color: White !important;
		cursor: pointer;
	}
	.erp .menu .item {
		width: 100%;
		cursor: pointer;
		color: #f3efef;
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
		font-size: 15px;
		font-family: Arial 微软雅黑;
		font-weight: 300;
	}
.erp .menu .item img{margin-left:10px; float:left;margin-top:12px;width:16px;height:16px;}
.erp .menu .item span{ display:block; margin-left:10px;float:left;}

.erp .app{width:auto;height:auto; left:161px; right:0px;top:0px; bottom:0px; background-color:white; position:absolute; overflow:hidden; }

.popupwindow .title .icon-exit{display:block; float:right;margin-top:10px;margin-right:10px; 
                               width:16px; height:16px; cursor:pointer;  background-image:url(/img/close_win2.png); 
                               background-repeat:no-repeat; background-size:100% 100%; background-position:50% 50%;}
.popupwindow .foot{width:100%; height:70px; position:absolute; left:0px; bottom:0px; right:0px; background-color:#D7D7D7;border-bottom-right-radius:8px;}
.popupwindow .content{width:100%; height:auto; position:absolute; left:0px; top:35px; bottom:71px; right:0px; border-bottom:1px solid #D7D7D7;}
.popupwindow .content-selfbutton{width:100%; height:auto; position:absolute; left:0px; top:35px; bottom:0px; right:0px;}

.popupwindow{-moz-box-shadow:-1px 1px 9px #333333, 2px 2px 5px #333333; -webkit-box-shadow:-1px 1px 9px #333333, 2px 2px 5px #333333; box-shadow:-1px 1px 9px #333333, 2px 2px 5px #333333;border-bottom-right-radius:8px;z-index:1001;}

/*头部自能提示*/
.mtip>span {
	vertical-align:3px;
	line-height:1;
	display:inline-block;
	width:auto;
    font-size:24px;
}
.mtip {
	border-radius:0 0 4px 4px;
    padding-top:10px;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:10px;
    color:#fff;
	text-shadow:0 1px 0 rgba(0,0,0,0.2);
	box-shadow:0 4px 4px rgba(0,0,0,0.2)
}
.mtip.error {
	background-color:#BF3358;
	background-image:-moz-linear-gradient(top,#e34447,#BF3358);
	background-image:-ms-linear-gradient(top,#e34447,#BF3358);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#e34447),to(#BF3358));
	background-image:-webkit-linear-gradient(top,#e34447,#BF3358);
	background-image:-o-linear-gradient(top,#e34447,#BF3358);
	background-image:linear-gradient(top,#e34447,#BF3358);
	border:1px solid #ca3e3e
}
.mtip.success {
	background-color:#43ab00;
	background-image:-moz-linear-gradient(top,#43ab00,#388e00);
	background-image:-ms-linear-gradient(top,#43ab00,#388e00);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#43ab00),to(#388e00));
	background-image:-webkit-linear-gradient(top,#43ab00,#388e00);
	background-image:-o-linear-gradient(top,#43ab00,#388e00);
	background-image:linear-gradient(top,#43ab00,#388e00);
	border:1px solid #338100
}
.mtip.warning {
	background-color:  orange;
	background-image:-moz-linear-gradient(top,#0f76cd,#086cc1);
	background-image:-ms-linear-gradient(top,#0f76cd,#086cc1);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#0f76cd),to(#086cc1));
	background-image:-webkit-linear-gradient(top,#0f76cd,#086cc1);
	background-image:-o-linear-gradient(top,#0f76cd,#086cc1);
	background-image:linear-gradient(top,#0f76cd,#086cc1);
	border:1px solid #006096
}
.tip_container {
	display:none;
    z-index: 999999;
    position: fixed;
    top: 0;
    text-align: left;
    width: auto;
    _width: auto;
}
#Container
{
    margin: 0 auto;
    width: 100%;
    height: 100%;
}