﻿/* b/o/o/j/o/b.com */

body{background:#FFF;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;font-size:14px;}
html, body, div, span, applet, object, iframe,h1,button, input,textarea, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;color:#222;}
table{border-collapse:collapse;border-spacing:0}
ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:0}
textarea{outline:none;}
a{text-decoration:none;color:#8A8A8A;}/*-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select:none;*/

.green{color:#228822;}
.red{color:#CC0000;}
.must:before{}/* color:#CC0000;content: "*"; */
.gray{color:#989898;}
.pad20{padding:20px;}
.pad15{padding:15px;}
.clearfix:after{display:block;content:'';clear:both;visibility:hidden;height:0;}
.clearfix{*zoom:1;}
.pointer{cursor:pointer}
.inline-block{display:inline-block;zoom:1;*display:inline;}
.hide{display:none;}
.tac{text-align:center;}
.relative{position:relative;}
.fl{float:left;}
.fr{float:right;}
.bodybg{ background-color:#F2F2F2; }

/* 个人顶部 CSS */
.head { position:relative; width:100% }
.headbar{ position:relative; width:100%; height:47px;background-color:#F26B01;border-bottom:1px solid #EB640A; }
.h_home{ position:absolute; width:24px; height:24px; top:12px; left:15px; }
.h_home a{ display:block; background:url(../images/home.png) no-repeat; width:28px; height:28px; background-size:100%; }
.h_logo{ margin:0 auto; width:102px; height:35px; padding:7px; }
.h_logo a{ display:block;width:102px; height:35px;background:url(../images/logo.png) no-repeat; background-size:100%; } 

/* 右侧 */
.h_login{ position:absolute; width:24px; height:24px; top:12px; right:15px; }
.h_login a{ display:block; background:url(../images/033.png) no-repeat; width:28px; height:23px; background-size:100%; background-color: #FFF;}
.h_user{ position:absolute; width:34px; height:34px; top:7px; right:10px; }
.h_user a{ display:block;width:34px; height:34px; border-radius:100%; }
.h_user img{ display:block;width:34px; height:34px;border-radius:100%; }

.perOperateBar{ position:relative; width:100%; height:47px; line-height:47px;background-color:#F26B01;border-bottom:1px solid #EB640A; padding:0px; }
.o_back{ position:absolute; left:5px; top:50%; margin-top:-14px;display:block;height:28px;width:28px;overflow:hidden;cursor:pointer; }
.o_back a{display:block;height:28px;width:28px;background:url("../images/icon1.png") no-repeat center -200px;background-size:100%;}
.o_text{ color:#FFF; font-size:18px; margin:0 auto; width:180px; height:47px; line-height:47px; text-align:center; }
.o_right{ position:absolute; width:70px; height:47px; line-height:47px; top:0px; right:10px; text-align:right;}
.o_right a{ color:#FFF; }
.o_right a:visited{ color:#FFF; }

/* 导航 CSS */
.topnav{ width:100%; height:40px; font-size:14px; background:url(../images/navbg.png) repeat-x; }
.topnav span{ float:left;width:16.6%; height:37px; line-height:37px;text-align:center;position:relative; background-color:#FFF;}
.topnav span a{ display:block;color:#374565; }
.topnav .navOver{ background:url(../images/navover.png) bottom repeat-x;background-color:#FFF; }
.topnav .navOver a{ display:block; color:#374565; }
.topnav .navList{}

/* 底部 */
.foot1{ width:100%; margin:5px 0px; height:30px; line-height:30px; background:-webkit-gradient(linear, left top, left bottom, from(#F8881D), to(#F26B01)); color:#FFF; font-size:14px; }
.gologout{ position:absolute; line-height:30px; left:15px;}
.gologout a{ color:#FFF; }
.gologout1{ color:#FFF; left:25px;}
.gotop{ position:absolute; line-height:30px; right:15px; }
.gotop a{ color:#FFF;}
.foot2,.foot3{ width:100%; height:30px; line-height:30px; text-align:center; color:#CCC; font-size:14px; }
.foot3{ color:#999; }
.foot2 a{ color:#536D94; margin:0px 3px; }

/* 企业顶部和底部 CSS */
.comheadbar{ position:relative; width:100%; height:47px;background-color:#1870DA;border-bottom:1px solid #0066CC; }
.comfoot1{ width:100%; margin:10px 0px; height:30px; line-height:30px; background:-webkit-gradient(linear, left top, left bottom, from(#2b78e4), to(#0066CC)); color:#FFF; font-size:14px; }
.c_logo{ margin:0 auto; width:102px; height:35px; padding:7px; }
.c_logo a{ display:block;width:102px; height:35px;background:url(../images/logo.png) no-repeat; background-size:100%; } 
.comOperateBar{ position:relative; width:100%; height:47px; line-height:47px;background-color:#1870DA;border-bottom:1px solid #0066CC; padding:0px; }

/* 悬赏顶部和底部 CSS */
.hunheadbar{ position:relative; width:100%; height:47px;background-color:#D73535;border-bottom:1px solid #D73535; }
.hunfoot1{ width:100%; margin:10px 0px; height:30px; line-height:30px; background:-webkit-gradient(linear, left top, left bottom, from(#D73535), to(#D73535)); color:#FFF; font-size:14px; }
.h_logo{ margin:0 auto; width:102px; height:35px; padding:7px; }
.h_logo a{ display:block;width:102px; height:35px;background:url(../images/logo.png) no-repeat; background-size:100%; } 
.hunOperateBar{ position:relative; width:100%; height:47px; line-height:47px;background-color:#D73535;border-bottom:1px solid #D73535; padding:0px; }


/* 职问答顶部和底部 CSS */
.askheadbar{ position:relative; width:100%; height:47px;background-color:#3CA22D;border-bottom:1px solid #38992B; }
.a_logo{ margin:0 auto; width:102px; height:35px; padding:7px; }
.a_logo a{ display:block;width:102px; height:35px;background:url(../images/logo.png) no-repeat; background-size:100%; }
.a_login{ position:absolute; width:30px; height:30px; top:10px; right:10px; }
.a_login a{ display:block; background:url(../images/addquestion.png) no-repeat; width:30px; height:30px; background-size:100%; }
.askOperateBar{ position:relative; width:100%; height:47px; line-height:47px;background-color:#3CA22D;border-bottom:1px solid #38992B; padding:0px; }
.askfoot1{ width:100%; margin:10px 0px; height:30px; line-height:30px; background:-webkit-gradient(linear, left top, left bottom, from(#3FAC30), to(#009900)); color:#FFF; font-size:14px; }

/* 微职场顶部和底部 CSS */
.iheadbar{ position:relative; width:100%; height:47px;background-color:#9B59B6;border-bottom:1px solid #8B49A7; }
.i_logo{ margin:0 auto; width:102px; height:35px; padding:7px; }
.i_logo a{ display:block;width:102px; height:35px;background:url(../images/logo.png) no-repeat; background-size:100%; }
.iOperateBar{ position:relative; width:100%; height:47px; line-height:47px;background-color:#3CA22D;border-bottom:1px solid #38992B; padding:0px; }
.ifoot1{ width:100%; margin:10px 0px; height:30px; line-height:30px; background:-webkit-gradient(linear, left top, left bottom, from(#A064BB), to(#82459C)); color:#FFF; font-size:14px; }

/* 普工顶部和底部 CSS */
.simfoot1{ width:100%; margin:10px 0px; height:30px; line-height:30px; background:-webkit-gradient(linear, left top, left bottom, from(#58CDF3), to(#1BBAEF)); color:#FFF; font-size:14px; }
.simOperateBar{ position:relative; width:100%; height:47px; line-height:47px;background-color:#2FC0F0;border-bottom:1px solid #1BBAEF; padding:0px; }
.s_right{ position:absolute; width:30px; height:30px; top:10px; right:10px; }
.s_right a{ display:block; background:url(../images/addsimple.png) no-repeat; width:30px; height:30px; background-size:100%; }

/* 按扭 */
.btnClick200{border-radius:2px;width:200px;background:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#F6F6F6));border:0;height:31px;line-height:31px;font-size:14px;color:#333;border:1px solid #666666;display:inline-block;box-shadow:1px 1px 3px #BEBEBE;text-shadow:0 1px 1px #FFF;}
.btnClick200.green{background:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E1FFCD));border:1px solid #60B14A;color:#276405;}

.btn{ position:relative; width:98%; margin:auto; margin-top:10px;height:40px; line-height:40px; text-align:center;overflow:hidden; }
.btnSave{ width:100px; height:32px; line-height:32px; background-color:#E98B2E; border-radius:3px; border:none; font-size:14px; color:#FFF; }
.btnGreen{ width:100px; height:32px; line-height:32px; background-color:#38992B; border:none; font-size:14px; color:#FFF; }
.btnDelete{ width:100px; height:32px; line-height:32px; background-color:#BBB; border-radius:3px; border:none; font-size:14px; color:#FFF; }



a.btn1:link,a.btn1:visited{color:#666;background-color:#f7f7f7;box-shadow:0 1px 0 #fff inset;border:1px solid #dadada;border-radius:3px;background-image: -moz-linear-gradient(top, #fff, #ececec);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ececec));}
a.btn1:hover{background-color:#eee;border:1px solid #ddd;background-image: -moz-linear-gradient(top, #fff, #f1f1f1 5%);background-image: -webkit-gradient(linear, 0 0, 0 5%, from(#fff), to(#f1f1f1));}
a.btn1:active{background-color:#eee;background-image:none;border:1px solid #dadada;box-shadow:0 3px 3px #ccc inset;}

a.btn2:link,a.btn2:visited{color:#fff;background:#65be63;box-shadow:0 1px 0 #7ee77c inset;border:1px solid #51b94f;border-radius:3px;background-image: -moz-linear-gradient(top, #65be63, #43a341);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65be63), color-stop(1, #43a341));}
a.btn2:hover{background:#44a241;border:1px solid #349a32;}
a.btn2:active{background:#358a33;border:1px solid #358a33;box-shadow:0 3px 3px #155214 inset;}

a.btn3:link,a.btn3:visited{color:#fff;background:#ff6600;box-shadow:0 1px 0 #ff9900 inset;border:1px solid #ff7700;border-radius:3px;background-image: -moz-linear-gradient(top, #ff9900, #ff6600);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff9900), color-stop(1, #ff6600));}
a.btn3:hover{background:#ff6600;border:1px solid #ff6600;}
a.btn3:active{background:#ff6600;border:1px solid #ff6600;box-shadow:0 3px 3px #ff9900 inset;}


/* 表单样式 */
.formTemp1{ margin-top:10px; }
.formTemp1 dl{ position:relative; line-height:30px; padding:5px 10px; border-bottom:1px #EEE solid;  }
.formTemp1 dt{width:70px;position:absolute;top:0;left:0;font-size:14px;color:#787878;padding-left:10px; padding-top:5px;text-align:left;}
.formTemp1 dt i{ margin-left:-7px; color:#FF0000; font-style:normal; }
.formTemp1 dd{padding-left:80px;font-size:14px;}

.formTemp2{ margin-top:10px; }
.formTemp2 dl{ position:relative;line-height:30px; padding:5px 10px; border-bottom:1px #EEE solid;  }
.formTemp2 dt{width:100%;position:relative;font-size:14px;color:#787878;text-align:left;}
.formTemp2 dt i{ margin-left:-7px; color:#FF0000; font-style:normal; }
.formTemp2 dd{ width:100%;position:relative;font-size:14px;}
.inpRight{ position:relative;display:inline-block;height:30px; line-height:30px;vertical-align:middle; margin-right:5px;clear:both; }


/* 分页 */
.footPage{ position:relative;height:30px;padding:0px 10px; }
.footPage .btn{ height:30px; line-height:30px; text-align:left;}
.footPage .btn a{color:#333;display:inline-block;width:67px;height:22px;line-height:22px;border:1px solid #C3C2CA;border-radius:3px;text-align:center;font-size:12px;box-shadow:0 1px 2px #EFEFED;margin-right:5px;background:-webkit-gradient(linear, left top, left bottom, from(#FAFAFA),to(#DFDFDF));}
.footPage .btn a:visited{ color:#333; }
.footPage .sel{width:80px;height:24px;position:absolute;top:5px;right:10px; overflow:hidden;}
.footPage .sel span{height:20px;line-height:20px;font-size:12px;padding:0 5px;}
.footPage .sel .gotoPage{opacity:0;}



/* ----------文本和列表框---------------- */
.mLeft12{margin-left:-12px;}
.ddTwo{ position:relative;display:inline-block; margin-left:12px; }

.inpText{ border:1px solid #CCC;line-height:28px;height:28px;box-shadow:1px 2px 1px #F1F1F1 inset;font-size:14px;width:100%;text-indent:5px;-webkit-appearance:none;}
.inpTexts{ border:1px solid #CCC;line-height:28px;height:auto;box-shadow:1px 2px 1px #F1F1F1 inset;font-size:14px;width:100%;text-indent:5px;-webkit-appearance:none;}
.inpRadio { margin-left:-12px;font-size:14px; }

.selectOption{position:relative;display:inline-block;height:28px;vertical-align:middle;box-shadow:1px 2px 1px #F1F1F1 inset;border:1px solid #CCC;overflow:hidden;}
.selectOption:before{content:' ';position:absolute;top:0;right:0;width:28px;height:28px;}
.selectOption:after{content:' ';position:absolute;top:12px;right:6px;width:0;height:0;font-size:0;border:4px solid rgba(255,255,255,0);border-top-color:#000;}
.selectOption select{float:left;position:absolute;top:0;right:0;z-index:2;padding:0;border:0;-webkit-appearance:none;width:100%;background:transparent;height:28px; line-height:28px;text-indent:5px;font-size:14px;}
.selectOption select option{font-size:14px;}

.selectOption2{display:inline-block;height:24px;background:-webkit-gradient(linear,left top, left bottom, from(#F4F4F4),to(#C5C5C5));vertical-align:middle;position:relative;border-radius:2px;overflow:hidden;}
.selectOption2:before{content:' ';position:absolute;top:0;right:0;width:24px;height:24px;background:-webkit-gradient(linear,left top, left bottom, from(#555555),to(#121212));border-top-right-radius:2px;border-bottom-right-radius:2px;border-left:1px solid #3A3A3A;}
.selectOption2:after{content:' ';position:absolute;top:9px;right:7px;width:0;height:0;font-size:0;border:6px solid rgba(255,255,255,0);border-top-color:#FFF;}
.selectOption2 select{float:left;position:absolute;top:0;right:0;z-index:2;padding:0;border:0;-webkit-appearance:none;width:100%;background:transparent;height:24px;text-indent:5px;font-size:12px;}
.selectOption2 select option{font-size:12px;}


/* -------------列表框样式---------------- */
.inpDown{ border:1px solid #CCC;line-height:28px;height:28px;box-shadow:1px 2px 1px #F1F1F1 inset;font-size:14px;width:100%; background:url(../images/mobi_down.gif) right 12px no-repeat;text-indent:5px;-webkit-appearance:none;cursor: pointer;} 

.inpList{ position:absolute;z-index:999; border:1px #CCC solid;background-color:#FFF; width:100%; left:0px; top:30px; display: none; }

.inpList ul,.inpLst100 ul,.inpLst60 ul,.inpLst50 ul,.inpLst260 ul{ margin:0px; font-size:14px; }
.inpList li,.inpLst100 li,.inpLst60 li,.inpLst50 li,.inpLst260 li{ line-height:28px; text-indent:5px;cursor: pointer; }


.inpPop { position:relative; display: inline-block;border:1px solid #CCC; width:100%;height:28px; line-height:28px;vertical-align:middle;background:url(../images/mobi_pop.gif) right 6px no-repeat;box-shadow:1px 2px 1px #F1F1F1 inset; overflow:hidden; }
.inpPop a:link b,.inpPop a:visited b{ width:100%; line-height:28px;height:28px;text-indent:5px; text-overflow: ellipsis; display: inline-block; white-space: nowrap;font-size:14px; overflow: hidden; cursor: pointer;font-weight: normal;-o-text-overflow: ellipsis; color:#333; }
.inp_Image{ border:1px #DDD solid; padding:2px; }

/* 操作错误 */
.error{ width:95%; margin:auto; margin-top:50px; margin-bottom:50px; }
.error dl{ text-align:left; border:1px #CCC solid; border-radius:5px; padding:5px;}
.error dt{ position:relative; width:100%; height:30px; line-height:30px;background:url(../images/error.gif) 5px 8px no-repeat; padding-left:28px; font-weight:bold; color:#F00;font-size:16px; }
.error dd{ position:relative; width:100%; height:30px; line-height:30px; padding-left:28px;font-size:14px;}
.error dd a{ color:#999; }
.error dd a:visited{ color:#999; }

/* AJAX 提示框*/
#alertdiv1{ position: fixed;margin: auto;width: 100%;top: 40%;display: none;z-index: 2147483647;text-align: center; }
#alertdiv{ position: fixed;margin: auto;width: 100%;top: 40%;display: none;z-index: 2147483647; }
#alertdiv div{ background-color: #000;color: #FFF;padding: 20px 20px 20px 20px;min-width: 100px;opacity: 0.7;min-height: 25px;text-align: center;color: rgb(255, 255, 255);border-width: 1px;
  border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;line-height: 150%;width: 60%;margin: auto;z-index: 2147483647;}

/* 底部图层 */
.footBg{width:100%; height:55px; background:url(../images/tm.png) repeat;margin-right:0px;margin-bottom:0px; text-align:left; z-index:100;}
.footBg .btns{width:100%; height:37px; margin-top:9px;}

.btn60{ display:inline-block; width:60px; line-height:37px;background:url(../images/btn60.png) no-repeat; margin-left:5px; font-size:14px; color:#666; text-align:center; cursor:pointer; }
.btn80{ display:inline-block; width:80px; line-height:37px;background:url(../images/btn80.png) no-repeat; margin-left:5px; font-size:14px; color:#666; text-align:center; cursor:pointer; }
.btn60:link,.btn80:link{ color:#666; }
.btn60:hover,.btn80:hover{ color:#333; }


.footBg .buttonL{width:45%; float:left; margin-left:10px; text-align:center; padding:7px 0px; margin-top:10px;}
.footBg .buttonR{width:45%; float:right; margin-right:10px;text-align:center; padding:7px 0px; margin-top:10px;}
.footBg .buttonOne{ position:absolute; text-align:center; padding:7px 0px; top:10px; left:10px; right:10px;}


a.red:link { color: #FF0000; }
a.red:visited { color: #FF0000;}
a.red:hover { color: #FF0000;}

a.blue:link    { color: #0868C8;}
a.blue:visited { color: #0868C8; }
a.blue:hover   { color: #0868C8;}

a.gray:link    { color: #777;}
a.gray:visited { color: #777; }
a.gray:hover   { color: #777;}

a.orange:link    { color: #FF6600; }
a.orange:visited { color: #FF6600; }
a.orange:hover   { color: #FF6600; }

a.green:link    { color: #009900; }
a.green:visited { color: #009900; }
a.green:hover   { color: #009900;}

a.uline:link {color: #333;text-decoration: underline;}
a.uline:visited {color: #333;text-decoration: underline;}
a.uline:hover {color: #FF0000;}
