/* b-o-o-j-o-b.com */

/* 表单 */
.mui-search-form{ margin:auto; width:100%; padding-bottom:0px; }
.mui-search-form .seaform1{ position: relative; width:100%; height:60px;margin:auto; padding:10px 0px; }
.mui-search-form .seaform1 .left{ padding-left:5px; padding-right:55px; }
.mui-search-form .seaform1 .right{ position:absolute; width:50px; top:10px; right:5px; }
.mui-search-form .seaform1 .right img{width:50px; height:40px; }
.mui-search-form .seaform1 .mui-input{ border:none;line-height:40px;height:40px;font-size:12px;width:100%;border-top-left-radius:5px;border-bottom-left-radius:5px;text-indent:0px; color:#aaa;}

/* 红包职位 */
.mui-search-list{ margin-top:0px; }
.mui-search-list .title{ position:relative; height:28px;line-height:28px; background:url(../image/i1.png) 5px 5px no-repeat;text-align:left;color:#374565; padding-left:15px; border-bottom:2px #DDD solid;font-weight:bold; }
.mui-search-list dl{ position:relative; padding:5px 10px;border-bottom:0px #E6E6E6 solid; text-align:left; margin-bottom:8px; background-color:#FFF; }
.mui-search-list dl a{ display:block; }
.mui-search-list dt{ display:inline-block; width:100%; }
.mui-search-list dt .s1{ display:inline-block; width:100%; }
.mui-search-list dt .s1 i{ padding-right:75px;width:100%;line-height:30px; font-size:16px; color:#222; }
.mui-search-list dt .s1 p{ width:75px;position:absolute;top:8px;right:0px;}
.mui-search-list dt .s1 p em{ display:inline-block; width:65px; line-height:28px;font-size:12px; background-color:#FE501B;color:#FFF; text-align:center; cursor:pointer;border-radius:5px; }
.mui-search-list dt .s2{ display:inline-block; width:100%; line-height:30px; font-size:14px; color:#888; }
.mui-search-list dd{ display:inline-block; width:100%; padding:10px 0px; padding-bottom:5px; border-top:1px #eee dashed; }
.mui-search-list dd span{ float:left;width:20%; border-right:1px #eee solid; margin-right:5%; }
.mui-search-list dd span p{ float:left;width:100%; line-height:20px; font-size:14px; color:#DD524D; }
.mui-search-list dd span i{ float:left;width:100%; line-height:20px; font-size:12px; color:#999; }
.mui-search-list dd span:last-child{border-right:0;}


/* 分享职位 */
.mui-jobshares-title{ margin:auto; width:100%; padding:5px 0px; }
.mui-jobshares-title .tit{ position:relative; height:30px;line-height:30px; background:url(/image/share/hong.png) 5px center no-repeat;text-align:left;color:#555; padding-left:30px; font-size:12px; }
.mui-jobshares-title .tit i{ font-style:normal; color:#F00; }

/* 分享职位 */
.mui-jobshares-list{ margin-top:0px; }
.mui-jobshares-list .title{ position:relative; height:28px;line-height:28px; background:url(../image/i1.png) 5px 5px no-repeat;text-align:left;color:#374565; padding-left:15px; border-bottom:2px #DDD solid;font-weight:bold; }
.mui-jobshares-list dl{ position:relative; padding:5px 10px;border-bottom:0px #E6E6E6 solid; text-align:left; margin-bottom:8px; background-color:#FFF; }
.mui-jobshares-list dt{ padding-right:85px;}
.mui-jobshares-list dt a{display:block; }
.mui-jobshares-list dt .s1{ display:inline-block; width:100%;line-height:30px; font-size:16px; color:#222; }
.mui-jobshares-list dt .s2{ display:inline-block; width:100%;line-height:25px; font-size:12px; color:#888;}
.mui-jobshares-list dt .s2 i{ color:#F40; font-style:normal; margin:0px 2px;}
.mui-jobshares-list dt .s2 em{ margin:0px 6px;}
.mui-jobshares-list dd{ width:85px;position:absolute;top:20px;right:0px;}
.mui-jobshares-list dd a{ display:inline-block; width:75px; line-height:26px;font-size:12px; background-color:#F20;color:#FFF; text-align:center; cursor:pointer;border-radius:4px; }
.mui-jobshares-list dd a:link{ color:#FFF; }
.mui-jobshares-list dd a:hover{ background-color:#F20;color:#FFF; }


/* 职位内容页 */
.moneybg{ background:url(/image/share/bgs.png) center repeat-x; }

/* 标题 */
.brotitle{ margin:auto; width:100%;height:40px;background:url(/image/share/bgt.png) center repeat; }
.brotitle dl{ position:relative; height:30px; padding:5px 0px; margin:0px 15px;  }
.brotitle dl dt{ padding-right:75px;line-height:30px; color:#FF0}
.brotitle dl dd{ width:75px;position:absolute;top:5px;right:0px; line-height:30px; }
.brotitle dl dd a{ display:inline-block; width:75px; line-height:28px;font-size:14px; background-color:#4EA832;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.brotitle dl dd a:link{ color:#FFF; }
.brotitle dl dd a:hover{ background-color:#4EA832;color:#FFF; }

/* 企业项 */
.bromain{ margin:auto;text-align:left;  }
.bromain .comname{ position:relative; height:30px;padding:10px 15px 5px 15px; }
.bromain .comname dt{ padding-right:75px; color:#FFF; }
.bromain .comname dd{ width:75px;position:absolute;top:5px;right:0px; line-height:30px;background:url(/image/share/more.png) 50px center no-repeat; font-size:12px; }
.bromain .comname dd a{ color:#FFF; }

/* 职位项 */
.jobmain{ position:relative; height:auto;margin:0px 15px; padding:10px 10px; background-color:#FFF;border-top-left-radius:5px;border-top-right-radius:5px; }
.jobbottom{ position:relative; height:3px; margin:0px 15px;background:url(/image/share/bgl.png) repeat-x; }
.jobmain .name{ position:relative; height:auto;padding:0px 0px; }
.jobmain .name dt{ padding-right:75px; }
.jobmain .name dt .d1{ float:left; width:100%; line-height:30px; font-weight:bold; color:#090; font-size:18px; }
.jobmain .name dt .d2{ width:100%; line-height:30px; font-size:15px; color:#F60; padding:0px 0px; }
.jobmain .name dd{ width:75px; height:70px;position:absolute;top:0px;right:0px; background:url(/image/share/hb.png) right no-repeat; }
.jobmain .req{ position:relative; width:100%; line-height:30px; border-bottom:1px #E6E6E6 solid; margin-bottom:5px; padding-bottom:5px; }
.jobmain .req span{ width:auto; line-height:30px; padding-left:22px; margin-right:15px; color:#626262; font-size:12px; }
.jobmain .req .s1{ background:url(/image/share/job3.png) left center no-repeat; }
.jobmain .req .s2{ background:url(/image/share/job2.png) left center no-repeat; }
.jobmain .req .s3{ background:url(/image/share/job4.png) left center no-repeat; }
.jobmain .oth{ position:relative; height:auto;line-height:30px;padding:0px 0px; }
.jobmain .oth dt{ width:75px;position:absolute;top:0px;left:0px; color:#aaa;}
.jobmain .oth dd{ padding-left:75px; line-height:30px; color:#626262;}
.jobmain .det{ position:relative; height:auto;line-height:30px;padding:0px 0px; }
.jobmain .det dt{ width:100%;line-height:25px; color:#aaa;}
.jobmain .det dd{ line-height:25px; color:#626262;}
.jobmain .more{ position:relative; line-height:25px;padding:0px 0px; text-align:right; }
.jobmain .more a{ color:#3377cc }

/* 按钮 */
.jobbtn{ position:relative; margin:0px 10px;padding-top:20px;overflow:hidden; }
.jobbtn span{ float: left;width:50%;margin:0px 0px; text-align:center; }
.jobbtn span a{ display:inline-block; width:90%; line-height:45px;font-size:16px;color:#FFF; border:1px #FFF solid; text-align:center; cursor:pointer;border-radius:2px; }
.jobbtn span a:link{ color:#FFF; }
.jobbtn span a:hover{ color:#FFF; }


/* 分享遮罩 */
.layer{position:absolute}
.layer{left:0;display:none}
.layer{top:0;z-index:999;width:100%;height:100%;background:url(/image/wzp/wzp_layer.png) center no-repeat;background-color:rgba(0,0,0,.9);background-size:320px auto}
.wx_layer{position:absolute;left:0;width:100%}
.wx_layer{top:0;z-index:1000;display:none;height:100%;background:url(/image/wzp/wx_layer.png) center top no-repeat;background-color:rgba(0,0,0,.9);background-size:contain}
@-webkit-keyframes top{
	0%,20%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
	60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
}
@keyframes top{
	0%,20%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
	60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
}
@media screen and (min-height:667px){
	.about_us{margin-top:40px}
	.about_us_msg_p{-webkit-line-clamp:10}
	.job_msg{-webkit-line-clamp:9}
	.poster_tit{margin-top:100px}
}
@media screen and (min-height:568px) and (max-height:667px){
	.about_us{margin-top:30px}
	.about_us_msg_p{-webkit-line-clamp:9}
	.job_msg{-webkit-line-clamp:8}
}
@media screen and (min-height:480px) and (max-height:568px){
	.about_us{margin-top:20px}
	.about_us_msg_p{-webkit-line-clamp:7}
	.job_msg{-webkit-line-clamp:5}
}
@media screen and (max-height:480px){
	.poster_logo_con{margin-top:20px}
	.company_intro{padding-top:25px}
	.welfare{margin-top:25px}
	.posit_tit{margin:20px 0 0}
	.posit_list_con{top:60px;bottom:85px}
	.job_btn_con{bottom:25px}
	.poster_praise_con{margin:30px auto 0}
	.praise_tip{margin-top:15px}
	.praise_btn{margin-top:25px}
	.search_logo{top:20px}
	.search_posit{top:155px}
	.search_footer_btn{margin-top:20%}
	.about_us_msg_p{-webkit-line-clamp:5}
	.job_msg{-webkit-line-clamp:4}
	.poster_tit{margin-top:20px}
}