@import "reset.css";
@import "util.css";
@import "error.css";
@import "general.css";

body { 
	font-family: Tahoma,Helvetica,Arial,sans-serif,"宋体";
	font-size: 12px;
	color: #000;
	line-height: 1.5;
	background: #a1a1a1; 
	text-align:center; 
	overflow-y: scroll;
	*overflow-y: visible;
}

#wrap { 
	background: #fff url(../images/bg.gif) repeat-x;
	text-align: left;
	width: 948px;
	margin: 0 auto;
	border: #919191 solid 1px;
}

#header {
	background: url(../images/logo.gif) left top no-repeat;
	width: auto;
	height: 87px;
	padding: 0 0 0 150px;
}

#header-info {	height: 37px; padding: 15px 20px 0 0; }
#header-info ul { float: right; } 
#header-info li { color:#fff; display: inline; }
#header-info li a { color: #fff; text-decoration: none; }

#header-menu {
	background: #e5eaf0 url(../images/bg-menu.gif) no-repeat;
	padding: 5px 0 0 5px; 
	overflow: hidden;
	_height: 30px;
}

#header-menu li {
	height: 30px;
	margin-right: 2px;
	float: left;
	overflow: hidden;
}	

#header-menu a {
	color: #4f4f4f;
	text-decoration: none;
	width: auto;
	height: 27px;
	padding-left: 8px;
	display: block;
	border-bottom: #003466 solid 3px;
	
	_width: auto;
	_float: left;
}

#header-menu a div {
	width: auto;
	height: 22px;
	padding: 5px 20px 0 12px;
	cursor: pointer;
	
	_width: auto;
	_float: left;
}

#header-menu a:hover, #header-menu .currentMenu a {
	color: #7eff69;
	background: url(../images/bg-hover-menu.gif) no-repeat;
	border-bottom: #7eff69 solid 3px;
}

#header-menu a:hover div, #header-menu .currentMenu a div {
	background:url(../images/bg-hover-menu.gif) right 0 repeat-x; cursor: pointer;
}

.dropdown {
	padding-top: 10px;
	position: absolute;
	top:-999px;
	display: none;
}
.dropdown li a { 
	background:#003466; 
	color: #fff; 
	text-decoration: none; 
	width: auto; 
	height: 20px; 
	margin-top: 2px; 
	padding: 2px 2px 2px 5px;  
	display: block; 
}
.dropdown li a:hover {	
	background: #597b9c;
}

#footer { background: #e5eaef;	height: 40px; padding:10px 10px 0; clear: both; }
#footer a {
	color: #444;
	text-decoration: none;
	width: auto;
	height: 27px;
}
#footer span {
	color: #444;
	text-decoration: none;
	width: auto;
	height: 27px;
}
#footer div{ text-align: center; }


.index {
	background: #fff url(../images/home/index-2.gif) 410px 150px no-repeat;
	width: auto;
	_height: 500px;
	min-height: 500px;
	padding: 0 17px 0 40px;
}

.index-1 {
	background: url(../images/home/index-1.gif) left 36px no-repeat;
	width: auto;
	height: auto;
	padding: 95px 0 0 0;
}

.hr,.ht {
	width: 405px;
	_height: 150px;
	min-height: 150px;
}

.ht {
	margin-top: 50px;
}
.hr-header {
	background: url(../images/home/hr.gif) no-repeat;
	width: auto;
	height: 26px;
}

.ht-header {
	background: url(../images/home/ht.gif) no-repeat;
	width: auto;
	height: 26px;
}

.h-content {
	font-size: 14px;
	color: #4e4e4e;
	background: #e5eaf0;
	_height: 104px;
	min-height: 104px;
	padding: 15px 15px 5px;
	border: #c3c6cb solid 1px;
}

.h-reg {
	text-align: right;
	padding: 10px 0 0;
}

.login {
	background: #e5eaef url(../images/home/logBg.gif) no-repeat;
	width: 215px;
	height: 96px;
	padding: 20px 15px;
	margin: -518px 0 0 680px;
	border: #c3c6cb solid 1px;
	border-top: #003466 solid 5px;
}

.login li { height:25px; clear: both;  }
.login li span { line-height:25px; float: left;  }
.login li span.cols1 {  width: 50px; }
.login .input-username { width: 155px; }
.login .input-password { width: 90px; }


.main { _height: 430px; min-height:430px; padding: 0 0 0 150px; }
.content { background:#fff; padding: 30px 40px 0 50px; _height: 400px; min-height:400px;  }
.about-page h1{font-size:14px;color:#003466; font-weight: bold; margin: 20px 0 5px; }
.about-page h2{font-size:14px;color:#003466; margin: 20px 0 5px; }
.hr-1 { background: url(../images/home/hr-1.gif) no-repeat; height: 22px; }
.findpwd { background: url(../images/home/findpwd.gif) no-repeat; height: 22px; }
.hr-page dt,.ht-page dt, .about-page dt { color:#003466; font-weight: bold; margin: 20px 0 5px; }
.about-page dd { margin: 12px 0 0 0; }
.hr-reg { margin-top: 20px; }
.ht-1 { background: url(../images/home/ht-1.gif) no-repeat; height: 22px; }
.about-1 { background: url(../images/home/about-1.gif) no-repeat; height: 22px; }
.howwork { background: url(../images/home/howwork.gif) no-repeat; height: 22px; }
.contentwork { margin-top: 20px; }
.hr-how-work { margin-top: 50px; background: url(../images/home/hr-how-work.gif) no-repeat; height: 120px; }
.ht-how-work { margin-top: 50px; background: url(../images/home/ht-how-work.gif) no-repeat; height: 120px; }

.human, .earth, .hr-how, .ht-how { 
	background: url(../images/home/human.gif) no-repeat; 
	width:183px; 
	height:246px; 
	margin-left:-190px; 
	margin-top: -100px;
	_position: relative;
	_z-index:100; 
}

.earth { margin-top: 0; }

.hr-how { background: url(../images/home/hr-how.gif) no-repeat; margin-left:-160px; margin-top: -10px; }
.ht-how { background: url(../images/home/ht-how.gif) no-repeat; margin-left:-160px; margin-top: -10px; }

.box-reg {}
.box-reg dt { color:#003466; font-weight: bold; }
.box-reg dd { _height:23px; min-height:23px; margin-top: 10px; padding-left: 5px; overflow:hidden; _overflow: visible; clear: both; }
.box-reg dd li { padding: 5px 0; clear:both; }
.box-reg .dd-reg .label { width: 90px; float:left; }
.box-reg .dd-reg .input { width: 160px; float:left; }
.box-reg .dd-reg .remark { color:#999; width: auto; float:left; }
.box-reg label.error { display: inline; }

.reg-page { _padding-right: 20px; }	
.reg-page dl dt { background:url(../images/home/reg-hr-title.gif) no-repeat; width:727px;  height:44px; }
.reg-page.hh dl dt { background:url(../images/home/reg-ht-title.gif) no-repeat; width:727px;  height:44px; }
.reg-page dl dd  {
	background: #e5eaef url(../images/home/reg-page-bg.gif) no-repeat;
	width: 694px;
	padding: 20px 15px;
	border: #c3c6cb solid 1px;
	border-top: none;
}

.reg-user { width: 345px; float: left; }
.reg-company { width: 345px; float: left;  }

.reg-page h5 { color:#003466; font-weight: bold; }
.reg-page ul { margin-top: 10px; }
.reg-page li { height: 22px; padding-top:3px; clear: both; }
.reg-page li .cols1 { text-align: right; width:80px; min-height: 22px;  float: left;  padding-right: 5px;   }
.reg-page li .cols2 { min-height: 22px;  float: left;  }

.regSucc-page { _height:450px; min-height:450px; }
.regSubmit { text-align: right; overflow:hidden;  padding-top: 25px; clear: both; }

.required { color: #f00; }
.no-required { color: #ccc; }

.contact-page {}
.contact-page li { padding: 4px 0; clear: both; }
.contact-page li .label { text-align: right; width:80px; padding-right: 10px; float:left; }
.contact-page li span { float: left; }
.contact-page li span input { width: 220px; }
.contact-page .operation { padding: 5px 0 15px 90px; clear: both; }

.box-findpwd h5 { color:#003466; font-weight: bold; }
.box-findpwd li { padding: 5px 0; margin-top:5px; }


.help-main { _height: 430px; min-height:430px; }
.help-left { width:150px; _width:120px; _height: 430px; min-height:430px; padding:0; float:left; }
.help-left li { clear:both; height:25px;  padding-left: 25px; margin-top:8px; overflow:hidden; _overflow:visible; }
.help-left li a { background:url(../images/help/help-left-bg.gif) no-repeat 0 0; display:block; width: 100%; padding:3px 10px 5px 20px; }
.help-left li a.current { background:url(../images/help/help-left-bg.gif) no-repeat 0 -25px; color:#003466; font-weight:bold; } 
.help-content { background:#fff; width:778px; _height: 420px; min-height:420px; padding: 10px 10px 0 10px; float:left;  }
.promptBox { padding: 8px; background:#ffffc5; border: #dcdc41 solid 1px; margin-bottom: 3px; }

.helpDl { margin-top: 10px; }
.helpDl dt { background:#E5EAF0 none repeat scroll 0 0; padding:7px 12px; height:22px; }
.helpDl dt h2 { color: #003466; font-size: 14px; font-weight: bold; }
.helpDl dd { padding: 10px; clear: both; }
.helpDl dd p { margin:8px 0; }
.help-title { float: left; }
.help-back-top { color:#b3b3b3; float: right; width: 50px; background:url(../images/help/top.gif) no-repeat left 4px; padding-left:14px; }
.help-back-top a { color:#b3b3b3; }
.help-type { color: #003466; font-weight: bold; }
.help-type-question li { background:url(../images/help/li-square.gif) no-repeat left 5px; padding:3px 0 0 16px;}