/**-----common----- **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{	border:medium none;	margin: 0;	padding: 0;}
body,button, input, select, textarea { font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{	font-style:normal;}
ul, ol { list-style: none; }
a { text-decoration: none; color:#333;}
a:hover { text-decoration: none; }
img{ border:0px;}
table { border-collapse: collapse; 	border-spacing: 0; }
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}


/** -----clear------**/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; font-family:'TeXGyreHerosCnRegular',Arial,sans-serif; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/** -----Structure------**/
#container {margin:0 auto; width:100%;}
#header { background:#fff; padding-bottom:10px;}
#header .logo{ background:url(../images/icon.png) no-repeat scroll 0 0 transparent; width:190px; height:65px; margin-right:50px; margin-top:5px;}
#header .search{ background:url(../images/icon.png) no-repeat scroll -197px 0 transparent; width:451px; height:33px; line-height:38px; vertical-align:middle; float:left; margin-top:20px; margin-right:10px;}
#header .search input{ padding:0 10px 0 0; color:#999; font-size:12px; margin:5px 0 0 5px; background:none; padding-top:3px; float:left; height:22px;}
#header .search input.search1{ width:240px;}
#header .search input.search2{ width:180px;}
#header .toSearch{ background:url(../images/tosearch.jpg) no-repeat; width:87px; height:33px; float:left; margin-top:20px; cursor:pointer;}
#header .toSearch_de{ background:url(../images/tosearch_de.jpg) no-repeat; width:87px; height:33px; float:left; margin-top:20px; cursor:pointer;}
#header .header_other{ text-align:right;}
#header .header_other .language{ color:#7fb0d8; margin-bottom:10px;}
#header .header_other .language a{ color:#7fb0d8;}
#header .header_other .language a:hover{ text-decoration:underline;}
#header .header_other .regist{ background:url(../images/icon.png) no-repeat scroll 0 -75px transparent; width:53px; height:27px; cursor:pointer;}
#header .header_other .login{ background:url(../images/icon.png) no-repeat scroll -53px -75px transparent; width:55px; height:27px; cursor:pointer;}
#header .header_other .regist_de{ background:url(../images/icon.png) no-repeat scroll 0 -331px transparent; width:81px; height:27px; cursor:pointer;}
#header .header_other .login_de{ background:url(../images/icon.png) no-repeat scroll -81px -331px transparent; width:55px; height:27px; cursor:pointer;}
#menu { height:41px; background:#2d65c2;}
#menu #nav{ float:left; color:#fff; font-size:16px;}
#menu #nav li{ float:left; padding:0 20px; height:41px; vertical-align:middle; line-height:41px;}
#menu #nav li.current{ background:#042d5b; height:41px;}
#menu #nav li a{ color:#fff;}
#menu .company{ background:url(../images/icon.png) no-repeat scroll 0 -112px transparent; width:81px; height:27px; margin-top:8px; cursor:pointer; font-size:12px; line-height:27px; vertical-align:middle; padding-left:16px; color:#fff;}
#menu .company_de{ background:url(../images/icon.png) no-repeat scroll -116px -112px transparent; width:88px; height:27px; margin-top:8px; cursor:pointer; font-size:12px; line-height:27px; vertical-align:middle; padding-left:9px; color:#fff;}

#mainContent {} 
#footer {}
#footer ul { display: block; float: left; width: 120px;}
#footer h4 { font-size: 12px; line-height: 24px;}
#footer ul li { line-height: 22px;}
#footer ul a {}
#footer ul a:hover {}
#footer ul .wandian a { margin-right: 10px;}
#footer ul .wandian p { padding-top: 8px;}
#footer .guangzhu { float: left; padding-left: 40px; width: 180px;}
#footer .weibologo a { background: url(../images/weibologo.png) no-repeat scroll 0 0 transparent; display: block; float: left; height: 32px; margin-right: 8px; width: 32px;}
#footer .weibologo a.sina { background-position: 0 0;}
#footer .weibologo a.qq { background-position: -40px 0;}
#footer .weibologo a.tw { background-position: -80px 0;}
#footer .weibologo a.face { background-position: -120px 0;}
#footer .asf { background:url(../images/icon.png) no-repeat scroll 0 -279px transparent; height: 38px; width: 115px;}
#footer .l{ clear:both; text-align:center; height:50px; padding-top:10px;}
.tocenter{ width:960px; margin:0 auto;}


.login span.hover .loginwin {display: block;}
.loginwin {padding: 50px 50px 20px 50px;width: 245px;border: 1px solid #999;background: white;cursor: default;display:none}
.loginwin span {text-align: left;position: relative;z-index: 302;overflow: visible;}
.login_input {display: block;border: 1px solid #CCC;background: #F8F8F8;color: #999;padding: 8px;width: 227px;height: 16px;overflow: hidden;font-size: 14px;line-height: 16px;margin-bottom: 15px;}
.loginwin label {float: left;display: inline-block;color: #666;font-weight: normal;cursor: pointer;line-height: 30px;height: 30px;z-index: 301;position: relative;_top: 2px;}
.loginwin label input {margin: 0px 5px 0 0;cursor: pointer;}
.loginwin a {float: left;display: inline-block;line-height: 30px;height: 30px;color: #06C;padding: 0 0 0 10px;}
.login_sub {height: 30px;width: 65px;background: #333;color: white;border: none;padding: 0 10px;cursor: pointer;float: right;}

.onlinebox {padding: 20px 0 50px 50px;width: 545px;cursor: default;display:none}
.onlinebox_input {border: 1px solid #CCC;background: #F8F8F8;color: #999;padding: 8px;width: 227px;height: 16px;overflow: hidden;font-size: 14px;line-height: 16px;margin-bottom: 15px;}
.onlinebox_sub {height: 30px;width: 65px;background: #333;color: white;border: none;padding: 0 10px;cursor: pointer;float: left;}



.userinfo {position: relative;z-index: 301;}
.uname {display: block;height: 22px;line-height: 22px;color: #444;border: 1px solid white;padding: 0 20px 0 5px;background: url(../images/login.gif) no-repeat right bottom;position: relative;z-index: 303; margin-left:3px;}
.uname em {display: inline-block;height: 22px;padding: 0 0 0 18px;background: url(../images/user_online.gif) no-repeat left center;cursor: pointer;}
.infowin { font-size:13px; padding: 30px 0 5px 0;border: 1px solid #BBB;background: white; position:absolute; z-index:302; top:-3px; color:#333; text-align:center; width:115px;}
.infowin li{ height:26px; width:100%; line-height:26px; vertical-align:middle;}
.infowin a{ cursor:pointer;}
/** -----index------**/
.recruit{ margin:15px 0;}
.recruit .tit{ font-size:18px; margin-bottom:5px;}
.more{ color:#6da0df; font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif;}
.more span{ font-size:11px;}
.recruit dl{ font-size:14px}
.recruit dl dt{ float:left; margin-right:15px;}
.recruit dl dd{ width:100%; height:30px; overflow:hidden;}      /*2015年2月25日 wzz 修改首页热门活动宽度 原始500px*/
.recruit dl dd div{}
.recruit dl dd .topic a{ width:400px;height:20px; overflow:hidden; float:left; color:#474747;}
.recruit dl dd .data{ float:right; color:#999;}
.job{ margin-right:15px;}
.job .de{ margin-right:25px; width:440px;}
.job .china{ width:440px;}
.job_tit{ background:url(../images/icon.png) no-repeat 0 -149px scroll transparent; width:93px; height:34px; color:#fff;  font-size:16px; padding-top:1px; text-align:center;}
.where{ font-size:16px;  border-bottom:1px solid #000; height:28px;}
.listBox{ padding:0 0 0 4px; margin-bottom:20px; clear:both;}
.listItem{ display:block; padding:0 0 4px; margin:10px 0; border-bottom:1px dashed #dfdfdf;}
.listItem .title{ color:#000; display:block; font-family:'TeXGyreHerosCnRegular',Arial,sans-serif; font-size:15px; text-decoration:underline; width:436px; height:22px; overflow:hidden;}
.listIten .sublin{ color:#666; display:block; padding:0 5px 0 2px;}
.employer{}
.employer_tit{ background:url(../images/icon.png) no-repeat 0 -193px scroll transparent; width:93px; height:34px; color:#fff;  font-size:16px; padding-top:1px; text-align:center; margin-bottom:10px;}
.employer_tit_de{ background:url(../images/icon.png) no-repeat 0 -368px scroll transparent; width:142px; height:34px; color:#fff;  font-size:16px; padding-top:1px; text-align:center; margin-bottom:10px;}
.employer dl{ height:90px; cursor:pointer;}
.employer dl dt{ margin-right:12px;}
.employer dl dd{ white-space:nowrap; overflow:hidden; width:185px;}
.partner{ background:#fff; border:1px solid #dfdfdf; padding:15px 20px; width:920px; margin-bottom:20px;}
.partner .partner_tit{ color:#2d65c2; font-size:18px;  margin-bottom:5px;}
.partner span{ margin-right:5px;}

/** -----searchJob------**/
.pagetit{ color:#c5d5e3; margin-bottom:10px;}
.searchjob{ width:228px; background:#fff; padding:15px;}
.searchjob .tojob{ margin-bottom:50px; color:#8F8983;}
.searchjob .toadd{ margin-bottom:100px; color:#8F8983;}
.searchjob .tit1{ margin-bottom:5px;}
.searchjob .tojob input{ background:#F2F9F9; border:1px solid #eaeaea; color:#8f8983; font-family:"Lucida Grande",Arial,Tahoma,sans-serif; font-size:13px; height:16px; padding:3px 10px; width:198px;}
.searchjob .toadd select{ color:#666; height:25px; padding:4px 0 0 5px; width:220px;}
.btn_submit { display: inline-block; float: right; position: relative;}
.btn_submit input { background: url(../images/gradient_orange_btn.png) repeat-x scroll 0 0 transparent; border: medium none; border-radius: 0 0 7px 0; color: #FFFFFF; display: block; height: 25px; padding: 0 20px 0 22px; position: relative; width: auto;cursor:pointer; font-weight:bold;}
.btn_submit input:hover { background-position: 0 -27px;}
.btn_submit span.arrow { background: url(../images/arrow_right.png) no-repeat scroll 0 0 transparent; height: 11px; left: 0; position: absolute; top: 7px; width: 16px; z-index: 1;}
.joblist{ width:625px; background:#fff; padding:20px;}
.joblist .result{ border-bottom:1px solid #dfdfdf; font-size:13px; margin-bottom:10px;}
.joblist .list a{ cursor:pointer; }
.joblist .list dl{ border-bottom:1px solid #dfdfdf; padding-bottom:15px; margin-bottom:15px; }
.joblist .list dl dt{ color:#666; margin-bottom:5px; }
.joblist .list dl dd.companylogo{ float:left; margin-right:20px; }
.joblist .list dl dt span{ color:#000; margin-left:15px;}
.joblist .list dl dd.job_title{ font-size:14px; color:#000; font-family:'TeXGyreHerosCnRegular',Arial,sans-serif; }
.joblist .list dl dd.job_intro{ }
.joblist .list dl dd.companyadd{ color:#999;font-family:'TeXGyreHerosCnRegular',Arial,sans-serif; }
.page{ float:right; color:#333; font-weight:bold;font-family:'TeXGyreHerosCnRegular',Arial,sans-serif; }
.page a{ margin-left:10px;}
.page a:hover{ text-decoration:underline;}
.page a span{ font-size:10px;}

/** -----jobIntro------**/
.jobTit{ width:653px;  color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:24px; padding:20px 0 20px 20px; background:#7f97ab;}
.jobInfo{ background:#f8ffff; font-size:14px; padding:20px 20px 30px; overflow:hidden; margin-bottom:20px; color:#474747;}
.jobInfo .column{ width:280px; float:left;}
.jobInfo .column .block{ margin-bottom:20px;}
.description{ padding:20px; background:#fff;line-height:23px;color:#333333;font-family:'TeXGyreHerosCnRegular',Arial,sans-serif;}
.btn_orange{ width:673px; display:inline-block; font-weight:bold; text-align:right;}
.btn_orange a {background: url(../images/gradient_orange_btn.png) repeat-x scroll 0 0 transparent; border-radius: 0 0 7px 0; color: #FFFFFF; display: inline-block; height: 22px; padding: 3px 22px 0; position: relative;}
.btn_orange a:hover { background-position: 0 -27px;}
.companyInfo{ background:#fff; padding:20px; margin-bottom:20px;}
.companyInfo .logo { display: table; height: 140px; width: 220px;}
.companyInfo .logo span { display: table-cell; text-align: center; vertical-align: middle;}
.companyInfo .brand_links { padding: 15px 0 0 20px;}
.companyInfo .brand_links li { margin-bottom: 3px;}
.companyInfo .heading_2 { font-size: 16px; font-weight: bold; padding-bottom: 10px;}
a.change_info { background: url(../images/arrow_example.png) no-repeat scroll 0 2px transparent; cursor: pointer; font-size: 12px; padding-left: 15px; text-decoration: underline;}
.scan{ background:#f8ffff; padding:20px 20px 50px; color:#474747; font-size:14px;}

/** -----companyIntro------**/
.companyInfo ul{ padding:20px 20px 30px; font-size:14px; color:#474747;}
.companyInfo ul li.info{ list-style:disc inside; text-indent:2em;}
.companyIntro{ padding:20px 20px 50px;line-height:23px;color:#333333;font-family:'TeXGyreHerosCnRegular',Arial,sans-serif;}
.companyIntro a{ font-size:14px;}
.companyIntro a:hover{ color:#2d65c2; font-weight:bold;}
.companyIntro a.thisCur{ color:#2d65c2; font-weight:bold; }
.heading_3 { color: #231F20; font-family: "Palatino","Palatino6","Book Antiqua","Palatino Linotype",Georgia,Times,serif; font-size: 14px; font-weight: bold;}

/** -----recruitment------**/
.recruit_list{ background:#fff;padding:15px 20px;}
.recruit_list dl{ border-bottom:1px dashed #dfdfdf; padding-bottom:15px; margin-bottom:20px;}
.recruit_list dl dt{ font-size:15px;  margin-bottom:5px;}
.recruit_list dl dd{ float:left; color:#999; width:260px;}


/* Applicant profile / Sample Form Pages ------------------------------------*/
.personal_data .main_info { margin: 35px 0 50px 90px;}
.page_form .main_info .column-left {  width: 400px;}
.page_form .main_info .column { padding-right: 50px;}
.page_form .main_info .column-left { width: 400px;}
.page_form .main_info .column { padding-right: 50px;}
.column {  float: left;}
.page_form .main_info .ico_woman { background: url(../images/icon_girl.png) no-repeat scroll 0 8px transparent;}
.page_form .main_info .ico_man { background: url(../images/icon_boy.png) no-repeat scroll 0 8px transparent;}
.page_form .main_info .name { color: #231F20; font-size: 28px; font-weight: bold; padding: 0 0 5px 35px;}
.page_form .main_info a.personal_data { background: url(../images/icon_personal_data.png) no-repeat scroll 0 15px transparent;}
.page_form .main_info .column-right a { display: block; padding: 15px 0 0 35px; text-decoration: underline;}
.page_form .form { overflow: hidden;}
.page_form .form .list_pre_form { overflow: hidden;}
.page_form .form .list_pre_form p.serif { color: #231F20; font-size: 14px; font-weight: bold; padding-bottom: 35px;}
.personal_data .form .column { margin-bottom: 25px; padding: 45px 25px 80px; position: relative; width: 410px; background:#fff;}
.form .row { margin-bottom: 25px; overflow: hidden; position: relative;}
.personal_data .form .title { width: 85px;}
.personal_data .form .field { float: left; margin-right:20px; display:inline;}
.form .row { margin-bottom: 20px; overflow: hidden; position: relative;}
.personal_data .form .column label { float: none; font-family: "Lucida Grande",Arial,Tahoma,sans-serif; font-size: 12px; float:left;}
.personal_data .form .first_name input { margin-right: 3px; width: 100px;}
.form input { background-color: #F2F9F9; border: 1px solid #EAEAEA; color: #8F8983; font-family: "Lucida Grande",Arial,Tahoma,sans-serif; font-size: 13px; padding: 3px 10px; width: 198px;}
.personal_data .form .row_indent { margin-left: 103px;}
.small_dropdown{ display:block; margin:5px 0;}
.personal_data .form .btn_submit { bottom: -25px; display: inline-block; margin-right: 0; position: absolute; right: 0;	height:26px;}
.personal_data .form .btn_submit input{ color:#fff; width:150px;}
.page_form .form .column .required_forms { bottom: 10px; left: 10px; position: absolute;}
.form .checkbox_box { background-color: #F2F9F9; border: 1px solid #EAEAEA; overflow: hidden; padding: 10px 3px 10px 10px; width: 225px;}
.form label, .label_ceckbox_box { color: #231F20; display: block; float: left; font-family: "Palatino","Palatino6","Book Antiqua","Palatino Linotype",Georgia,Times,serif; margin-right: 10px; width: 115px;}
.form .asterisk {
    color: #EF6A2B;
}
.form input {
    background-color: #F2F9F9;
    border: 1px solid #EAEAEA;
    color: #8F8983;
    font-family: "Lucida Grande",Arial,Tahoma,sans-serif;
    font-size: 13px;
    padding: 3px 10px;
    width: 198px;
}
.form .note {
    font-size: 11px;
}
.page_form .main_info a.preview_cv {
    background: url(../images/icon_preview.png) no-repeat scroll 0 15px transparent;
}

.modifypwd { background:#fff; padding:25px; color:#474747;}
.modifypwd .tomodify{ margin:20px 0; margin-bottom:60px;}
.modifypwd .tomodify div div{ margin-bottom:6px;}
.modifypwd .column { margin-right: 8px; width: 280px; float:left;}
.modifypwd .surname { margin-bottom: 40px;}
.modifypwd .surname input { width: 99px;}

.employer dl dt {
    border: 1px solid #DFDFDF;
    height: 69px;
    margin-right: 12px;
    text-align: center;
    width: 185px;
	overflow:hidden;
}

.brand_links input{
	background-color: #F2F9F9;
	border: 1px solid #EAEAEA; 
	color: #8F8983; 
	width:197px; 
	height:25px; 
	margin-bottom:10px; 
	padding-left:8px;
}