/*reset*/
	body,ul,li,h2,h3,div {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-size: 12px;
	font-family: "Microsoft YaHei";
	/*background: #F2F2F2;*/
	
}
ul {
	list-style-type: none;
}
a {
	text-decoration: none;
}
/*
@font-face {
	font-family: 'WebSymbolsRegular';
	src: url('websymbols.woff');
	src: url('websymbols.woff') format('woff'), url('websymbols.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
img {
	border: none
}
#topdiv{
	height:60px;width:100%; float:left;text-align:center; line-height:25px; background:url(/images/topbg.jpg);border-bottom:1px solid #E3E3E3;z-index:100;
}
.box {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	height:40px;
}
.top{width:1200px;}
.login h2 {
	height: 60px;
	line-height: 60px;
	float: left;
	padding-left: 10px
}
.login li h2{border-left: 1px solid #D5D5D5; padding:0px 10px;}
.login ul li{float:left; margin-left:20px;}
.login p{margin:0;padding:0;line-height:60px;}
.login li h3{display:block; float:right}
.erp_logout{color:#ccc; cursor:pointer;padding-left:15px}
.erp_logout span:hover{
    color:red
}
#deptinfo{padding:0 20px;}
#deptinfo b{color:red}
.list {
	width: 720px;
	height: auto;
	margin-top: 10px;
	float:left;
}
.list li {
	margin: 10px;
	height: 130px;
	margin-bottom: 6px;
	background: #FFF;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	overflow: hidden;
	position: relative;
	float: left;
	width: 156px;
	z-index: 10;
	border-radius: 3px;
    border-bottom:2px solid #fff;
}
#noticebox {
	width: 250px;
	float: left;
	border-radius: 5px;
	height: 400px;
	background: #FFF;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
}
.list .border {
	height: 130px;
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
   
	overflow: hidden;
	opacity: 0;
	background: #F90;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-webkit-transition: .8s left ease;
}
.list li:hover {
	/*background: #eee;*/
	cursor: pointer;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    border-bottom:2px solid #ff6600;
}
.list li:hover .border {
	opacity: 1;
	left: 490px;
}
.navtext h2{height:20px;}
.navtext h2,.navtext a {
	font-family: "Microsoft YaHei";
	color: #333;
	text-shadow: 1px 2px 4px #999;
	font-size: 14px;
    margin:0px; padding:0px;
	font-weight: normal;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;    
    display:block;
}
.list li:hover h2,.list li:hover a {
	color:#000;
    text-shadow: 1px 2px 4px #333;
	/*
    color: #FFF;
	color: #111\9\0;
    font-size: 15px;
	text-shadow: 1px 2px 4px #333;*/
}
.list li h2 a {
	width: 110px;
	overflow: hidden;
	text-overflow:clip;
	display: block;
	height: 20px
}
.list li .icon {
	width: 24px;
	margin-right: 5px;
	margin-left: 3px;
	height: 24px;
	float: left;
	font-size: 30px;
	font-family: 'WebSymbolsRegular';	
	text-align: center;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	text-shadow: 0 0 3px #CCCCCC;
}
.list li .icon img {
    margin:0px; padding:0px
}
.list li:hover .navtext {
/*	-webkit-animation-name: shake;
	-moz-animation-name: shake;*/
}
.list li.add {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	height: 120px;
	text-align: left;
}
.list .del {
	width: 16px;
	height: 16px;
	float: right;
	margin-top: -30px;
	z-index: 100;
	border: 2px #ccc solid;
	background-color: #fff;
	border-radius: 15px;
	margin-right: 2px;
    over-flow:hidden;
    display:none
}
.list .iview {
	width: 146px;
	margin: 0px 4px 4px 4px;
	height: 92px;
	overflow: hidden;
    float: left
}
.list li:hover .add {
	box-shadow: none;
	text-shadow: none;
	background: red;
	cursor: none;
}
.list .navtext {
	width: 98%;
	height: auto;
	float: left;
	margin-top: 5px;
	height: 30px;
	overflow: hidden;
	-webkit-animation: .5s .2s ease both;
	-moz-animation: 1s .2s ease both;
}
/*登录部分css*/
#inputs input
{
    background: #f1f1f1 url(/images/login-sprite.png) no-repeat;
    padding: 0px 10px 0px 25px;
    width: 90px; 
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height:35px;
    line-height:35px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
#inputs input.nobg
{
   background-position: 500px -800px !important;
}
fieldset{
    border: 0;
    padding: 0;
    margin: 0;
    display:block;
    float:left;
    margin-top: 12px
}
#username{background-position: 5px -8px !important;}
#password{background-position: 5px -59px !important;}
#inputs input:focus{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}
#actions,#inputs{margin: 12px 0 0 0px;}
#searchform input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	outline: none;
}
#searchform input::-webkit-search-decoration,
#searchform input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}
/* search input field */
#divselect{width:40px;float:left; position:relative; z-index:10000;}
#divselect cite{width:25px; height:24px;line-height:24px; display:block; color:#807a62; cursor:pointer;font-style:normal;
padding:10px 7px 0px 8px;
padding-right:7px; 
padding-top:10px;
background:url(/images/icon-select.png) no-repeat right center;}
#divselect ul{width:168px;position:absolute; z-index:20000; margin-top:8px; display:none;padding:0;border:1px solid #ccc}
#divselect ul li{width:168px;height:30px; margin:0;padding:0;float:left;background-color:#ffffff;}
#divselect ul li img{padding:5px 10px;display:block;float:left}
#divselect ul li b{display:block;float:left;width:110px;line-height:25px;font-weight:normal}
#divselect ul li:hover{background-color:#eee;cursor:pointer}
#searchform{display:block;float:left;width:330px; border:1px solid #ccc;height:38px;
	padding-right:5px;border-radius:5px;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
#searchform input{width:180px;margin:5px;height:25px; line-height:25px;outline: none;border:1px solid #fff;display:block;float:left;font-size:16px;}
#icon-search{display:block;float:right;margin:0; margin-top:10px;}


.btn_submit{		
    background-color: #ff6600;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ff6600));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ff6600);
    background-image: -moz-linear-gradient(top, #fddb6f, #ff6600);
    background-image: -ms-linear-gradient(top, #fddb6f, #ff6600);
    background-image: -o-linear-gradient(top, #fddb6f, #ff6600);
    background-image: linear-gradient(top, #fddb6f, #ff6600);    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;  
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    float: left;
    height: 35px;
    padding: 0;
    width: 70px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
    margin-left:20px;
}
.cancel{background-color: #cccccc;}
.btn_submit:hover,.btn_submit:focus{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ff6600, #fddb6f);
    background-image: -moz-linear-gradient(top, #ff6600, #fddb6f);
    background-image: -ms-linear-gradient(top, #ff6600, #fddb6f);
    background-image: -o-linear-gradient(top, #ff6600, #fddb6f);
    background-image: linear-gradient(top, #ff6600, #fddb6f);
}	
.btn_submit:active{		
    outline: none;
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}
.btn_submit::-moz-focus-inner{border: none;}
#actions a{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}
/*-----------------*/
.close {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
  overflow: hidden;
}
.close:hover::before, .close:hover::after {
  background: #1ebcc5;
}
.close::before, .close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #ccc;
}
.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close.black::before, .close.black::after {
  height: 5px;
  margin-top: -4px;
}
.close.warp::before, .close.warp::after {
  border-radius: 120% 0;
}

.navadd{
   height:100px;
   line-height: 100px;
   text-align:center
}
.navadd a{
    color:#ccc;
    font-size: 60px;
}
.navadd a:hover{
    color:#ff6600;
    
}
/* 底部css */
.footnav{float:left;width: 100%; height: 30px; line-height: 30px; margin: 120px auto 0px; 
background: #C7C7C7; 
padding-left: 20px; 
position:fixed !important;/*ie7 ff*/
position:absolute;
z-index:21;
bottom:0px !important;/*ie7 ff*/
text-align:center;
}

#rightbox{
width:185px; line-height:30px; float:right;margin-top: 20px;
}

.footnav ul{text-align:center;width:800px; position: relative;margin:0 auto;display: block;}
.footnav li{margin:0 25px; list-style:none; width: 100px;}
.footnav li a{ color: #fff; width: 100px;text-decoration: none; display: block; float: left; height: 30px; 
line-height: 30px; padding: 0px 15px; font-size: 12px; background: #FF8B3D; white-space: nowrap; }
.footnav li a:hover{ background:#B5B5B5;}
.footnav li{float:left;position:relative; height:30px; line-height:30px;}
.footnav li .second{position:absolute;left:0;display:none; bottom:30px;}
.footnav li  a .nobg{background: #C7C7C7; }
.nobg li a:hover {background: #C7C7C7; }

/* 底部css */


#callboard { width:380px;float:left; height:24px; line-height:24px; overflow:hidden; font-size:12px;/* background-color:#f5f5f5;*/}
#callboard ul { padding:0; margin:0;}
#callboard li { padding:0; margin:0px; clear:both; cursor:pointer;text-align:left}
#callboard li b{margin-right:10px}
#callbard_list{display:block;float:left;margin:5px 0 0 5px;cursor:pointer;}
#callbard_box{padding:20px;position:absolute;top:-1000px;border:1px solid #ccc;z-index:100;background-color:white;}
#callbard_box li{height:30px; line-height:30px;cursor:pointer;text-align:left}
#callbard_box li:hover{color:red}

.areanotopen {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 210px;    
	font-size:12px;
	border:1px solid #D5D5D5;
	border-radius:6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	display:block; margin:10% auto; padding:20px; width:500px;
}
.areanotopen td, .areanotopen th {
    padding:  2px 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.areanotopen tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.areanotopen th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.areanotopen th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.areanotopen th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.areanotopen th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.areanotopen tfoot td {
    border-bottom: 0;
    border-top: 1px dashed #ccc;
    background-color: #fff; 
	font-weight:bold
}

.areanotopen tfoot td:first-child {
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.areanotopen tfoot td:last-child {
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.areanotopen tfoot td:only-child{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}
.areanotopen ul li{width:175px;overflow:hidden; height:30px;line-height:25px}
#companyrules li{cursor:pointer}

/*jquery提示插件tip样式 end */
 .scrbar_scrollbar{position:relative;background-position:0 0;float:right;width:8px;height:330px;border-right:1px solid #D5D5D5}
 .scrbar_viewport{height:330px;overflow:hidden;position:relative; margin:0; padding:0}
 .scrbar_track{/*background:#ccc;*/height:100%;width:3px;position:relative; margin-left:5px;}
 .scrbar_thumb{background:#D5D5D5;height:20px;width:8px;cursor:pointer;overflow:hidden;position:absolute;top:0}
 .scrbar_viewport{height:330px;overflow:hidden;position:relative}
 .scrbar_overview{width:100%;ist-style:none;position:absolute;left:0;top:0;padding:0;margin:0}
 .scrbar_overview p{color:#999;line-height:200%;text-indent:2em}