@charset "utf-8";

.header .search { position: absolute; right: 15px; top: 10px; }

.header .search td { vertical-align: middle; padding-right: 2px!Important; padding-left: 2px!Important; }
.header .search td.hr { padding: 0px; border-bottom:0; }
.header       .search       td.hr  div   { border-bottom: 1px dotted #d6d6d6; margin: 0px; height: 1px; font-size: 1px; line-height: 1px; }
.header  .search  td  .title { background: url(ui/pngs.png) no-repeat -277px -32px; display: block; height: 0px; width: 43px; padding-top: 14px; font-size: 1px; overflow: hidden; }
.header   .search   td   .p { background: url(ui/pngs.png) no-repeat -234px -32px; }


.header .search td .buttonGlass { margin-left: 2px; }
.header .search td .buttonGlass input { width: 50px; }

.header .search td .inputGlass input { width: 154px; }

.header  .search  td.c2  .inputGlass input { width: ~100px; }
.main  { float: left; width: 670px; }
.frameFamous { width: 670px; background: url(ui/frame.png) repeat-y -7880px 0px; }
.frameFamous   .r1 { background: url(ui/frame.png) no-repeat -6540px 0px; height: 32px; overflow: hidden; position: relative; }
.frameFamous .r1 .title { background: url(ui/pngs.png) no-repeat -83px 0px; height: 0px; width: 97px; display: block; font-size: 1px; padding-top: 18px; overflow: hidden; margin-top: 6px; margin-left: 12px; }
.frameFamous .r1 .more { background: url(ui/pngs.png) no-repeat right -284px; display: block; position: absolute; right: 10px; color: #FFFFFF; padding-right: 15px; text-decoration: none; top: 5px; padding-left: 5px; }
.frameFamous .r1 .more a { color: #FFFFFF; text-decoration: none; }
.frameFamous .r1 .more a.ad { color: #FFFF00; }
.frameFamous    .r2 { background: url(ui/frame.png) no-repeat -7210px -55px; height: 9px; overflow: hidden; }


.famous { margin-left: 9px; margin-right: 9px; overflow: hidden; zoom: 1; }
.famous a { height: 50px; width: 163px; display: block; float: left; overflow: hidden; }
.famous a img { height: 52px; width: 165px; margin: -1; }
.ad1  { margin-top: 15px; width: 670px; height: 60px; overflow: hidden; }
.ad1   a  { display: block; height: 60px; width: 670px; background: url(ui/pngs.png) no-repeat -180px -54px; position: absolute; }
.ad1   img  { height: 62px; width: 672px; margin: -1px; }


.frameImportant { background: url(ui/frame.png) repeat-y -2880px 0px; margin-top: 15px; }
.frameImportant   .r1 { background: url(ui/frame.png) no-repeat -4220px 0px; height: 32px; overflow: hidden; position: relative;}
.frameImportant .r1 .title { background: url(ui/pngs.png) no-repeat -83px -18px; height: 0px; width: 65px; display: block; font-size: 1px; padding-top: 18px; overflow: hidden; margin-top: 6px; margin-left: 12px; }
.frameImportant .r1 .more { background: url(ui/pngs.png) no-repeat right -258px; display: block; position: absolute; right: 10px; color: #FF6600; padding-right: 15px; text-decoration: none; top: 5px; padding-left: 5px; }
.frameImportant    .r2 { background: url(ui/frame.png) no-repeat -3550px -55px; height: 9px; overflow: hidden; }
.important { padding-right: 9px; padding-left: 9px; margin-bottom: -1px; }



.important ul { overflow: hidden; padding-left: 10px; margin-bottom: 7px; zoom: 1; display: block; position: relative; margin-right: -10px; }
.important ul li { float: left; width: 311px; height: 60px; overflow: hidden; display: block; border-bottom: 1px solid #f5f5f5; margin-top: 10px; margin-right: 10px; padding-bottom: 10px; line-height: 20px; }
.important ul li .logo { float: left; margin-right: 10px; border: 1px solid #f0f0f0; display: block; height: 58px; width: 58px; overflow: hidden; }
.important ul li .logo img { margin: -1px; height: 60px; width: 60px; }
.important ul li .name { text-overflow: ellipsis; font-weight: bold; float: left; display: block; width: 241px; color: #000000; white-space: nowrap; overflow: hidden; }
.important ul li span { float: left; display: block; width: 241px; height: 40px; overflow: hidden; margin-top: 2px; }
.important ul li span a { display: inline-block; color: #999999; text-decoration: none; }
.important ul li span a:hover { text-decoration: underline; }

.important ul li a:hover { color: #FF6600; }

.frameJobs { background: url(ui/frame.png) repeat-y -2880px 0px; margin-top: 15px; }
.frameJobs   .r1 { background: url(ui/frame.png) no-repeat -4220px 0px; height: 24px; overflow: hidden; padding-top: 6px; zoom: 1; padding-left: 30px; padding-bottom: 2px; position: relative; }
.frameJobs .r1 div a { display: block; float: left; text-decoration: none; padding-left: 2px; height: 24px; margin-right: 2px; }
.frameJobs .r1 div a span { display: inline-block; height: 22px; cursor: pointer; color: #333333; padding-right: 7px; padding-left: 5px; padding-top: 2px; overflow: hidden; line-height: 24px; }
.frameJobs .r1 div a:hover, .frameJobs .r1 a.selected { background: url(ui/frame.png) no-repeat -11430px 0px;}
.frameJobs .r1 div a:hover span, .frameJobs .r1 a.selected span { background: url(ui/frame.png) no-repeat right 0px; }
.frameJobs .r1 div a.selected span { font-weight: bold; color: #000000; }
.frameJobs .r1 .more { background: url(ui/pngs.png) no-repeat right -258px; display: block; position: absolute; right: 10px; color: #FF6600; padding-right: 15px; text-decoration: none; top: 5px; padding-left: 5px; }
.frameJobs    .r2 { background: url(ui/frame.png) no-repeat -3550px -55px; height: 9px; overflow: hidden; }







.jobs { padding-right: 9px; padding-left: 9px; margin-bottom: -1px; }

.jobs .tabheader     { font-weight: bold!Important; color: #000000!Important; cursor: auto; background: none; padding-top: 12px; padding-bottom: 13px; }
.jobs .tabheader .name     { background:none; }

.jobs li { border-bottom: 1px solid #f5f5f5; line-height: 24px; overflow:hidden; zoom: 1; _margin-bottom: -5px;  }
.jobs span { display:block; float:left; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-right: 10px;}

.jobs .name { width: 170px; padding-left: 17px; background: url(ui/pngs.png) no-repeat -180px -162px; }
.jobs .online { width: 157px; padding-left: 30px; background: url(ui/pngs.png) no-repeat -180px -234px; }
.jobs  .enterprise { width: 180px; }
.jobs .trust {width:150px; background: url(ui/pngs.png) no-repeat -180px -210px; padding-left: 30px; color: #009900; }
.jobs .trust a { color: #009900; }
.jobs .vip {width:150px; background: url(ui/pngs.png) no-repeat -209px -186px; padding-left: 30px; color: #FF6600; }
.jobs .vip a { color: #FF6600; }
.jobs .trustvip {width:121px; background: url(ui/pngs.png) no-repeat -180px -186px; padding-left: 59px; color: #FF6600; }
.jobs .trustvip a { color: #FF6600; }

.jobs .age { width: 80px; }
.jobs .degree { width: 70px; }
.jobs .salary { width: 90px; margin-right:0px; }

.side { float: right; width: 275px; }


.frameLogin { width: 275px; background: url(ui/frame.png) repeat-y -4890px 0px; margin-top: 15px; }
.frameLogin   .r1 { background: url(ui/frame.png) no-repeat -5165px 0px; height: 9px; overflow: hidden; }
.frameLogin    .r2 { background: url(ui/frame.png) no-repeat -5165px -55px; height: 9px; overflow: hidden; }
.login { margin-right: 9px; margin-left: 9px; padding: 10px 15px; }

.login table { width: 100%; }
.login td { vertical-align: middle; padding: 2px!Important; }




.login  h2 { font-size: 9pt; font-weight: bold; color: #000000; margin-bottom: 12px; }

.login .input { width: 120px; }

.login  #btnLogin { background: url(ui/pngs.png) no-repeat -180px 0px; margin: 0px; padding: 0px; height: 54px; width: 54px; border: 0; font-size: 1px; color: #5DC924; cursor: pointer; }
.login ul { margin-top: 10px; }
.login ul li a { color: #FF6600; text-decoration: underline; }
.login  ul  li.p  a { color: #009900; }

.frameUrgent { background: url(ui/frame.png) repeat-y -4890px 0px; margin-top: 15px; }
.frameUrgent   .r1 { background: url(ui/frame.png) no-repeat -5440px 0px; height: 32px; overflow: hidden; position: relative;}
.frameUrgent .r1 .title { background: url(ui/pngs.png) no-repeat -83px -36px; height: 0px; width: 65px; display: block; font-size: 1px; padding-top: 18px; overflow: hidden; margin-top: 6px; margin-left: 12px; }
.frameUrgent .r1 .more { background: url(ui/pngs.png) no-repeat right -258px; display: block; position: absolute; right: 10px; color: #FF6600; padding-right: 15px; text-decoration: none; top: 5px; padding-left: 5px; }
.frameUrgent    .r2 { background: url(ui/frame.png) no-repeat -5165px -55px; height: 9px; overflow: hidden; }
.urgent { padding-right: 9px; padding-left: 9px; margin-bottom: -1px; }
.urgent  li { line-height: 20px; height: 20px;  border-bottom: 1px solid #f5f5f5;  padding-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.urgent  li  a { display: block; text-decoration: none; padding-right: 3px; padding-left: 17px; background: url(ui/pngs.png) no-repeat -180px -162px; }
.urgent li a:hover { text-decoration: underline; }


.frameTalents { background: url(ui/frame.png) repeat-y -4890px 0px; margin-top: 15px; }
.frameTalents   .r1 { background: url(ui/frame.png) no-repeat -5440px 0px; height: 32px; overflow: hidden; position: relative;}
.frameTalents .r1 .title { background: url(ui/pngs.png) no-repeat -83px -54px; height: 0px; width: 97px; display: block; font-size: 1px; padding-top: 18px; overflow: hidden; margin-top: 6px; margin-left: 12px; }
.frameTalents .r1 .more { background: url(ui/pngs.png) no-repeat right -258px; display: block; position: absolute; right: 10px; color: #FF6600; padding-right: 15px; text-decoration: none; top: 5px; padding-left: 5px; }
.frameTalents    .r2 { background: url(ui/frame.png) no-repeat -5165px -55px; height: 9px; overflow: hidden; }







.talents { padding-right: 9px; padding-left: 9px; margin-bottom: -1px; }
.talents div{ border-bottom: 1px solid #f5f5f5; line-height: 24px; }
.talents span { overflow:hidden; text-overflow: ellipsis; white-space:nowrap; float:left; display: block;}
.talents .name { padding-left: 17px; background: url(ui/pngs.png) no-repeat -180px -162px; width: 40px; margin-right:10px; }
.talents .gender { width: 30px; margin-right:10px; }
.talents .job { width: 150px; }

.frameFriend { background: url(ui/frame.png) repeat-y -0px 0px; }
.frameFriend  .r1 { background: url(ui/frame.png) no-repeat -960px 0px; height: 9px; overflow: hidden; }
.frameFriend  .r2 { background: url(ui/frame.png) no-repeat -960px -55px; height: 9px; overflow: hidden; }
.friend { overflow: hidden; zoom: 1; padding: 0px 20px 4px; }

.friend h2 { font-weight: bold; color: #000000; font-size: 9pt; clear: left; padding-left: 0px; padding-top: 6px; }

.friend a { text-decoration: none; line-height: 20px; color: #666666; }
.friend a:hover { text-decoration: underline; }
.loginInfo { display: none; }
.entrance { display: none; }
.forIndex {display: block!important;}
.jobTip { position: absolute; width: 195px; z-index: 998; }
.jobTip table td { padding: 0px; }
.jobTip .bgMask { background: #000000; font-size: 1px; line-height: 1px; filter: Alpha(Opacity=20); -moz-Opacity: 0.2; opacity: 0.2; }

.jobTip a { height: 50px; width: 163px; display: block; border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; }
.jobTip .textShow { background: #FFFFFF; }

.jobTip .companyName { font-weight: bold; color: #FFFFFF; padding: 5px; background-color: #000000; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 155px; }
 
.jobTip .jobList { padding: 5px; white-space: nowrap; width: 153px; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000;}
.alimamaAd1  { margin: 0px auto 3px; width: 250px; }
.alimamaAd2  { margin: 0px auto 6px; width: 640px; padding-left: 8px; }
.alimamaAd3  { width: 960px; margin-bottom: 15px; }
