@charset "utf-8";
.login { margin-bottom: 10px; }

.login .cusTitle { background: url(images/uiLoginLi.png); height: 42px; width: 184px; left: 16px; top: 12px; }
.login .ad01 { }
.topLogoContainer { position: absolute; top: 20px; right: 19px; width: 465px; }
.loginContainer { height: 60px; }

.topLogoContainer a { height: 50px; width: 154px; display: block; float: left; margin-right: 1px; margin-bottom: 1px; }

.topLogoContainer a img { height: 50px; width: 154px; }
.searchContainer { }
.searchContainer td { padding-right: 2px; padding-left: 2px; }
.searchContainer .postTypeHeader { font-weight: bold; color: #FFFFFF; padding-right: 2px; background: url(images/uiSearchType.png) no-repeat 0px center; width: 80px; text-align: center; padding-left: 0px; }
.searchContainer .postTypeHeader a { color: #FFFFFF; }
.searchContainer .postTypeHeader a:hover { text-decoration: none; }
.searchContainer .postHeader { padding-left: 10px; }
.c1 { overflow: hidden; zoom: 1; margin-bottom: 10px; }
.hotCompany { float: left; width: 600px; }
.hotCompany .overflowHidden { overflow: hidden; width: 560px; }
.hotCompany ul { zoom: 1; width: 570px; margin-bottom: -21px; +margin-bottom: -11px; _margin-bottom: -21px; overflow: hidden; display: block; }
.hotCompany ul li { float: left; width: 275px; height: 60px; overflow: hidden; display: block; margin-bottom: 10px; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; padding-right: 10px; }
.hotCompany ul li .logo { float: left; margin-right: 10px; border: 1px solid #d6d6d6; display: block; height: 58px; width: 58px; overflow: hidden; }
.hotCompany ul li .logo img { margin: -1px; height: 60px; width: 60px; }
.hotCompany ul li .name { text-overflow: ellipsis; font-weight: bold; float: left; display: block; width: 205px; text-decoration: underline; color: #000000; white-space: nowrap; overflow: hidden; }
.hotCompany ul li span { float: left; display: block; width: 205px; height: 40px; overflow: hidden; margin-top: 3px; }
.hotCompany ul li span a { display: inline-block; color: #999999; }
.hotCompany ul li a:hover { color: #FF6600; }
.hotPerson { float: right; width: 350px; }
.hotPerson ul { margin-top: -6px; height: 309px; overflow: hidden; }
.hotPerson ul li { border-bottom: 1px solid #f5f5f5; overflow: hidden; height: 30px; _margin-bottom: -3px; }
.hotPerson ul li a { display: block; overflow: hidden; zoom: 1; height: 20px; padding: 5px; }
.hotPerson ul li a:hover { text-decoration: none; background-color: #f5f5f5; }
.hotPerson ul li a:hover .head img { visibility: hidden; }
.hotPerson span { display: block; float: left; cursor: pointer; }
.hotPerson .head { height: 20px; width: 20px; margin-right: 10px; }
.hotPerson .head img { height: 20px; width: 20px; }

.hotPerson .gender1 { background: url(images/uiGender.gif) no-repeat 0px 0px; }
.hotPerson .gender2 { background: url(images/uiGender.gif) no-repeat -20px 0px; }
.hotPerson .name { width: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hotPerson .degree { width: 56px; color: #999999; }
.hotPerson .age { width: 36px; color: #999999; }
.hotPerson .job { width: 130px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hotJob { margin-bottom: 10px; }
.hotJob .container .container { overflow: hidden; zoom: 1; }
.hotJob ul { margin-top: -5px; margin-bottom: -6px; float: left; overflow: hidden; zoom: 1; width: 600px; }
.hotJob ul li { width: 290px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #f5f5f5; display: block; margin-right: 10px; float: left; }
.hotJob .company { display: block; color: #999999; width: 290px; overflow: hidden; height: 20px; }
.hotJob .company a { font-weight: bold; text-decoration: underline; }
.hotJob .jobs { display: block; overflow: hidden; height: 20px; width: 290px; }
.hotJob .jobs a { color: #333333; display: inline-block; }
.hotJob .jobs a:hover { color: #FF6600; }
.hotJob .logoContainer { float: right; width: 320px; margin-right: -6px; margin-bottom: -6px; }
.hotJob .logoContainer a { height: 48px; width: 152px; display: block; float: left; margin-right: 6px; margin-bottom: 6px; border: 1px solid #d6d6d6; overflow: hidden; }
.hotJob .logoContainer a img { height: 50px; width: 154px; margin: -1px; }
.jobTip { position: absolute; width: 184px; z-index: 998; }
.jobTip .bgMask { background: #000000; font-size: 1px; line-height: 1px; filter: Alpha(Opacity=20); -moz-Opacity: 0.2; opacity: 0.2; }

.jobTip a { height: 48px; width: 152px; display: block; border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; }
.jobTip .textShow { background: #FFFFFF; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }

.jobTip .companyName { font-weight: bold; color: #FFFFFF; padding: 5px; background-color: #000000; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 142px; }
 
.jobTip .jobList { padding: 5px; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; }