@charset "utf-8";
/* CSS Document */

#content { background:transparent url(images/sj_content_bg.png) no-repeat scroll 7px 0; } 

div#main {
	float: left;  /* default float: right;*/
	width: 420px; /*530*/
	display: inline;
	margin-top:30px;
	/*border: 1px solid #7aafd1;*/ /* 显示边框，上线后可以去掉*/
	padding: 5px 0px 5px 0px;
	
	clear:both;
	font-size:12px;
	line-height:18px;
	display:inline;
    overflow:hidden;
	zoom:1;

}
div#sub { 
    float:right;/* default float: left;*/
	width: 555px;
	display: inline;
	
	margin-top:30px;
	font-size:12px;
	line-height:18px;
	/*background:transparent url(images/recruit_sgn_ad_bg2.gif) no-repeat scroll 420px 36px;*/
	/*border: 1px solid #7aafd1;*/
	display:inline;
	overflow:hidden;
	zoom:1;
}


#header {  background:transparent url(images/rec_top_bg.jpg) no-repeat scroll right bottom; margin-top:-10px;}
#split_line { width:100%; height:30px; margin-top:-1em; margin-top:-10px; background:transparent url(images/top_nav_line.gif) repeat-x scroll 0 0; }
#reg_logo { width:30%; float:left; padding-top:18px; padding-left:16px;}
#reg_top { width:65%; float:right; height:75px;   }
#reg_top ul { background:inherit; float:right; padding-right:24px; padding-top:18px; line-height:18px;}
#reg_top ul li { float:left; display:inline; text-align: center; color:#FFF; padding:0px 1px 0px 2px; }
#reg_top ul li a { color:#FFF; }
#reg_top ul li a:hover { color:#F00; } 
#reg_login_ad { width:100%;  height:70px; text-align:center; padding-top:5px; background:transparent url(images/rec_login_ad_bg.gif) no-repeat scroll 0 0; }

																														 
.reg_fun_list { width:100%; padding-top:18px;}
 .reg_fun_list ul li {margin-bottom:7px; margin-left:18px;padding-left:72px;width:280px; height:45px; line-height:42px; vertical-align:top; background:url(images/sprits_rec_reg_list.gif) no-repeat; }
.reg_fun_list ul li.seryoushi1{background-position:0 0;}
  .reg_fun_list ul li.seryoushi2{background-position:0 -52px;}
 .reg_fun_list ul li.seryoushi3{background-position:0 -104px;}
  .reg_fun_list ul li.seryoushi4{background-position:0 -156px;}
  .reg_fun_list ul li.seryoushi5{background-position:0 -208px;}
   
   
   /* 以上公用的多 */


div#RecRegleft {
	float: left;  /* default float: right;*/
	width: 540px; /*530*/
	display: inline;
	margin-top:30px;
	/*border: 1px solid #7aafd1;*/ /* 显示边框，上线后可以去掉*/
	padding: 5px 0px 5px 0px;
	min-height: 380px;
	clear:both;
	font-size:12px;
	line-height:18px;
	display:inline;
    overflow:hidden;
	zoom:1;

}
div#recRegRight { 
    float:right;/* default float: left;*/
	width: 440px;
	display: inline;
	
	margin-top:35px;
	font-size:12px;
	line-height:18px;
	background:transparent url(images/recruit_sgn_ad_bg2.gif) no-repeat scroll 420px 36px;
	/*border: 1px solid #7aafd1;*/
	display:inline;
	overflow:hidden;
	zoom:1;
}


/* start regLogin */
#empLoginArea { width:80%; width:376px; height:530px; margin:auto; padding:7px;  background:transparent url(images/rec_login_area_bg.jpg) no-repeat scroll 0 0;  }
#empLoginArea  h2{  padding:21px 0px 10px 66px; margin-top:12px; background:transparent url(images/sprites_reg_person.gif) no-repeat scroll 18px -154px;  }
#empLoginArea table { width:80%; margin:10px 5px 10px 48px;line-height:18px; } 
#empLoginArea table td{ padding-top:8px; } 
#empLoginArea  td.label  { text-align:center; } 
#empLoginArea .recLoginBtn td {padding-top:12px;}  
#empLoginArea .recLoginBtn input { height:22px; vertical-align: middle; width:12em; line-height:22px;}
input.sj_inpt_txt { height:22px; vertical-align: middle; width:12em; line-height:22px;}
#empLoginArea td.recRegNowBtn {padding-top:46px;}  

 #r_btn_login_reg { 
 cursor:pointer; 
  border:medium none;
 display: inline-block;  
 width:88px; 
 height:30px; 
 font-size:14px; 
 margin:auto;
 margin-top:1px;  
 text-align:center; 
 background:transparent url(images/btn.gif) no-repeat scroll 0 -467px; 
 margin-bottom:12px; }

 #r_btn_login { 
 cursor:pointer; 
 border:medium none;
 display: inline-block; 
 width:88px; height:30px;  
 line-height:30px; font-size:14px; 
 margin:auto; 
 margin-top:1px; 
 text-align:center;  
 background:transparent url(images/btn.gif) no-repeat scroll 0 -555px;}
 
 
 
 
/* end regLogin */







.proCon { width:500px; margin-top:10px;color:#222!important; line-height:20px;}
.proTab{ background:transparent url(images/sprits_tabs8.gif) repeat-x scroll 0 -111px; width:90%; height:28px;margin:0 0 17px;padding-left:7px;}
.proTab li{float:left}
.proTab a{float:left;display:block; line-height:28px; vertical-align: bottom; text-align:center;font-size:12px; color:#88a7e1; font-weight:bold; background:transparent url(images/sprits_tabs8.gif) no-repeat scroll 0 -61px; width:180px; text-decoration:none;xoverflow:hidden;}
.proTab a:hover{color:#0063B1}
.proTab .on a{background:transparent url(images/sprits_tabs8.gif) no-repeat scroll 0 0;line-height:28px; vertical-align: bottom;color:#0063B1}
#proFeatures { width:100%; width:480px; }
#proGuide {width:100%;}
.more1{margin:0 15px 10px 0;text-align:right}
.more1 a{background:url(images/img1.gif) no-repeat;padding:0 0 5px 17px}

div.proList { width:66%; min-height:120px;padding:10px; background-color:#edf2f9; border:1px solid #dee6f2; margin-top:14px; margin-left:28px;}
   div.proList a { color:#00C;}
   div.proList ul {text-align:left; /* padding-left:22px;*/}
   div.proList ul li { margin-bottom:7px; }
   div.proList ul li h4 { border-bottom:1px solid #a8c4eb; padding-bottom:3px;}
      div.proList ul li h4 a { color:#1f1f1f; }
#proListA h3 {}


   div.regFunList ul li.seryoushi1{background-position:0 0;}
   div.regFunList ul li.seryoushi2{background-position:0 -52px;}
   div.regFunList ul li.seryoushi3{background-position:0 -104px}
   div.regFunList ul li.seryoushi4{background-position:0 -156px}
   div.regFunList ul li.seryoushi5{background-position:0 -208px}

#tableinfo {	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 4px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #0F7BE8;
	border-bottom-width: 4px;
	border-bottom-color: #0F7BE8;
	line-height: 22px;
	font-size: 12px;
}
#tableinfo td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
	line-height: 25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DBDBDB;
}



#signTips { width:100%; clear:both;}
#signTips  span{ width:85%; float:right; display:inline-table;  line-height:35px;font-size:12px; font-weight:bold; text-align:center;}
#proAdv {width:100%; height:205px; background:transparent url(images/recruit_sgn_ad_bg.gif) repeat-y scroll center center;}

#empRegister { width:98%; width:420px; min-height:196px; background:#fff url(images/recruit_sgn_tp.gif) no-repeat scroll center top;}
#empRegister #empRegister_top { padding:21px 0px 30px 56px; height:16px; line-height:16px; background:transparent url(images/sprites_reg_person.gif) no-repeat scroll 18px 12px; }
#empRegister #empRegister_mid { width:100%;width:420px;min-height:32px;line-height:20px;  background:transparent url(images/recruit_sgn_mdd.gif) repeat-y scroll center center;}
#empRegister #empRegister_bot { width:100%;width:420px;font-size:1px;height:12px;background:transparent url(images/recruit_sgn_btm.gif) no-repeat scroll 0 top;}

#warmTips { width:412px; margin-top:26px; border:1px solid #c3d9ff; padding:3px; background-color:#dde9ff}
#warmTips div ul li { background:none; list-style:none;}
#warmTips a:hover { background:none;}


/* regSuccess */
#recSuccess { background:#f5f7fc url(images/bodybgb.gif) repeat-y scroll center center;margin-left:auto;margin-right:auto; }
#recLogo { width:30%; float:left; padding-top:10px; padding-left:16px;}
#recTop { width:65%; float:right; height:75px;   }
#recTop ul { background:inherit; float:right; padding-right:24px; padding-top:18px; line-height:18px;}
#recTop ul li { float:left; display:inline; text-align: center; color:#FFF; padding:0px 1px 0px 2px; }
#recTop ul li a { color:#FFF; }
#recTop ul li a:hover { color:#F00; } 

#content { background-color:#FFF;}
#recSplitLine { width:100%; height:30px; margin-top:-1em; margin-top:-10px; background:transparent url(images/grey_bg_lLine2.gif) repeat-x scroll 0 0; }
#recRegSucCon { width:580px; height:356px; margin:48px auto; padding:7px 40px; background:#fff url(images/recruit_reg_sucbg.gif) no-repeat scroll center 0; }
#recRegSucCon h4 { padding-top:3px; }
#recRegSucCon h2 { background:transparent url(images/icon_right.gif) no-repeat scroll 60px 38px; padding:18px; padding-left:126px; padding-top:56px; }
.regCtrlbtn {  padding-left:130px; height:28px; line-height:28px; padding-top:20px;}

.regCtrlbtn a{background:url(images/btn.gif) no-repeat 0 -196px;text-decoration:none; padding:0; height:28px;float:left; cursor:hand; margin:0 15px 0 0; color:#000; font-size:12px;}
.regCtrlbtn a b{background:url(images/btn.gif) no-repeat right -196px;padding:7px 8px 5px 0; margin:0 0 0 8px;letter-spacing: 0.2em; line-height:16px; float:left; height:16px;  margin-right:-10px; font-weight:normal;position:relative}
.regCtrlbtn a:hover{background:url(images/btn.gif) no-repeat 0 -167px;}
.regCtrlbtn a:hover b{background:url(images/btn.gif) no-repeat right -167px;color:#000;}
/* end regSuccess */