﻿/*
http://www.echinacities.com/
0-201709
*/
/*jobchapter响应式职位详情页-*/
.eccbox.eccboxapply{padding: 0; margin-bottom: 15px;}
.applytit{border-bottom: 2px solid #ccc; padding: 10px 15px 12px; position: relative;}
.applytit h3 .fa{font-size: 14px; color: #f08e00; font-size: 2rem; margin-left: 5px;}
.jobsoverDiv{position: relative; display: block;}
.jobsoverDiv .arrow_tip{font-size: 1rem; line-height: 1.2rem; width: 200px; margin-left: -88px;}
.applybtnbox{text-align: right; position: absolute; right: 15px; margin-top: -38px;}
.applybtnbox .btn{margin-right: 10px; padding: 8px 16px;}
.applybtnbox .btn-eccor{min-width: 178px; font-weight: bold;}
.applybtnbox .btn .fa{margin-right: 5px;}
.btn-eccor {background-color: #f08e00!important;}
.btn-eccor-empty {background-color: transparent!important; color: #f08e00!important;  border-color: #f08e00!important;}
.savedtipDiv{display: inline-block; position: relative;}
.savedtipDiv .savedtip{position: absolute; z-index: 1; border: 1px solid #e5d6ac; background-color: #ffffe9; color: #f08e00; padding: 0px 5px; border-radius: 2px; right: 10px; white-space: nowrap; font-size: 0.85em; margin-top: 1px;}
.applybtnboxfix{text-align: right; position: fixed; left: 0; top: 0; right: 0; margin-top: 0px; background-color: #fff; box-shadow: 0 1px 3px #aaa; padding: 12px 0; z-index: 11;}
.applybtnboxfix .col-md-9{padding-right: 21px; text-align: right;}
.applylockDiv{display: inline-block;}
.applylockDiv .arrow_tip{font-size: 1rem; line-height: 1.2rem; width: 200px; text-align: left;}

.jobReminder{margin-bottom: 0; padding: 5px 15px; background-color: #ffffe9;}

.applylist{padding: 15px; position: relative;}
.applylist table{margin: 5px 0 10px;}
.applylist table>tbody{border-bottom: 1px solid #e7e7e7;}
.applylist table>tbody>tr>td{max-width: 350px; border-top-color: #e7e7e7;}
.applylist table>tbody>tr>td:nth-child(2n+1){padding-left: 30px; width: 140px; white-space: nowrap; background-color: #f7f7f7;}
.applylist table>tbody>tr>td:nth-child(2n){min-width: 200px;}
.applylist ul.visible-xs{background-color: #f0f0f0; padding: 10px 15px; margin: 10px -15px 0;}
.applylist ul.visible-xs li{padding: 3px 0;}

.applycon{padding: 15px;}
.applycon .applycontab,.applycon .tab-content{margin: 0 -15px;}
.applycontit{position: relative;}
.applycontit .pointDiv{position: absolute; right: 0; top: 15px;}
.applycontit .pointDiv .arrow_tip{font-size: 1rem; line-height: 1.2rem; width: 220px; right: 0;}
.applycontab{overflow: hidden; text-align: center; border-top: none;}
.applycontab li{white-space: nowrap; display: inline-block; background-color: #f0f0f0; float: left; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.applycontab li.active{background-color: #fff; border-bottom: none; border-top: 2px solid #00ae68;}
.applycontab li a{width: 100%; padding: 10px 15px; display: inline-block; /*border-bottom: 1px solid #ddd;*/}
.applycontab li.active a{color: #333; border-bottom-color: #fff;}
.applycon .tab-content{border-top: 1px solid #ddd; margin-top: -1px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.applycon .tab-content{font-size: 14px;}
.desTagsTit{border-bottom: 1px dashed #ddd; height: 30px; line-height: 30px; margin-bottom: 20px;}
.desTagsTit b{background: #fff; padding-right: 10px; display: inline-block; position: absolute; margin-top: 15px;}
.skillTags,.langTags{margin-bottom: 10px;}
.skillTags>span{margin-right: 6px; margin-bottom: 6px; display: inline-block; background-color: #f2f2f2; border: 1px solid #ccc; padding:5px 10px; border-radius: 4px;}
.highlightTags span{border-color: #00ae68; background-color: #fff; color: #009257;}
.langTags>span{margin-bottom: 6px; display: block;}
.desCondition{border-top: 1px solid #ddd; padding:20px 15px 5px; margin:20px -15px 0;}
.desConditionTit{margin-bottom: 10px; font-size: 18px;}
.desCondition ul li{padding:3px 0;}
.desCondition p.color-red{margin-bottom: 0; margin-top: 5px;}
.companytit{font-size: 1.3em; color: #666; font-weight: bold; padding-bottom: 10px;}
.companycon{overflow: hidden; padding-bottom: 10px;}
.companycon .companyimg{float: left; margin-right: 15px; line-height: 90px; min-width: 100px;}
.companycon .companyimg img{max-height: 92px; min-height: 20px; max-width: 120px;}
.companycon ul{float: left; padding-top:10px;}
.companycon ul li,.companyconul li{padding-bottom: 6px;}
.applyfoot{position: relative; text-align: left; display: inline-block;}
.applyfoot .applylockDiv,.applyfoot .applyedbtn{float: left;}
.applyfoot button.btn-ecc{margin-right: 15px;}
.applyfoot a.btn-ecc{margin-right: 15px; margin-bottom: 0; min-width: 220px; background-color: #f08e00; border: 1px solid #e86b00;text-shadow: 0px 2px 2px rgba(0,0,0,.2); font-size: 1.2em; font-weight: bold; border-radius: 50px; padding: 10px 50px; box-shadow: 0 3px 6px rgba(0,0,0,.175);}
.applyfoot a.btn-ecc:hover,.applyfoot a.btn-ecc:focus{background-color: rgba(240,142,0,.85); color: #fff;}
.applyfoot p a,.applycon p.islogin a{color: #18b; font-weight: bold;}
.reportWrap{float: right; margin-top: 12px; margin-bottom: 0;}
.islogin{display: block; margin-bottom: 0; margin-top: 10px;}
/*职位已申请*/
.greybga{background-color: #aaa!important;}
.applyfoot a.btn-ecc.greybga{border-color: #999!important; text-shadow:none;}

/*Report Abuse tck*//*jobalert tck*//*重复申请*/
.form-horizontal .form-group{margin-left: -6px; margin-right: -6px;}
.minw120{min-width: 120px;}
.apply2icon{}
.apply2icon .fa{font-size: 3rem; float: left; margin: 0 15px 0 50px;}

/*job alert*/
.alertwrap,.alertwrap .eccboxtit,.alertwrap .eccbox{background: #dff9df;}
.alertwrap .alertwrapinp1{margin: 5px 0 15px;}
.alertwrap .eccboxvisi{padding: 20px 15px;}
.alertwrap .eccboxvisi .alertwrapinp1{margin: 0px 5px 0px; width: 100%;}
.alertwrap .eccboxvisi .visiget{display: inline-block; top: 8px; text-align: right;}
.jobAlertModify{display: inline-block; padding-left: 10px;}
.jobalert2div .form-group{position: relative;}
.jobalert2div .form-group .caret{position: absolute; right: 15px; top: 16px;}

/*Other jobs you may be interested in...*/
.eccboxtable{padding: 15px 0; background-color: #fff;}
.eccboxtabletit{padding: 0 15px;}
/* .eccboxtabletit a{color: #f08e00;} */
.eccboxtabletit a,.eccboxtabletit a:hover{text-decoration: underline;}
.eccboxtabletit ul{padding: 5px 0 11px;}
.eccboxtabletit ul li{display: inline-block; padding-right: 15px; padding-bottom: 5px;}

.eccboxtable .table>tbody>tr>td{padding: 15px; vertical-align: middle;}
.eccboxtable .table h3{padding-bottom: 7px;}
.eccboxtable .table p{margin: 0; padding-bottom: 3px; color: #666;}
.eccboxtable .table p.plink a{text-decoration: underline; color: #666;}
.eccboxtable .table p.plink .ttime b{font-weight:normal;}
.eccboxtable .table p.plink .ttime b:nth-child(n+2){padding-left: 8px;}
.eccboxtable .table p.plink img{width: 16px; height: 13px; margin-left: 3px; margin-top: -2px;}
.eccboxtable .table p a:hover{color: #f08e00;}
.eccboxtable .table .date{white-space: nowrap; display: block; text-align: center; display: none;}
.eccboxtable .table .applyhover{margin-top: 6px; text-align: center; display: none;}
.eccboxtable .tablewap div.color-green{font-size: 0.75em; padding:1px 0; color: #666!important;}
.eccboxtable .tablewap div.color-green em{display: none; font-size: 0.75em; font-style: normal; float: right; color: #999; margin-top: 3px;}

/*=============adminjobchapter admin管理员操作===============*/
.adminjobchapter{display: block;}
.adminjobchapter .tag_edit{padding-top: 10px; padding-right: 20px; display: inline-block;}
.adminjobchapter .tag_edit a{padding-right: 15px; color: #18b;}
.adminjobchapter .tag_edit a:hover{text-decoration: underline;}
.adminjobchapter .tages_txt{color: #cc0000;}
/*pingji*/
.jobLevelWrap{display: inline-block;}
.lastpingji{padding-bottom: 10px;}
.lastpingji .jobLevel{margin-right: 10px;}
.jobLevel{display:inline-block; width: 22px; height: 22px; line-height: 19px; text-align: center; border-radius: 50%; color: #f08e00; border:2px solid #f08e00; background: #fff;}
.jobLevelWrap>a{text-decoration: underline; padding-left: 5px; color: #18b;}
.jobLevel-right{background: #f08e00; width: 44px; height: 44px; border-radius:0 0 0 100%; position: absolute; right: 0; top: 0; cursor: pointer;}
.jobLevel-right>span{color: #fff; font-size: 18px; font-weight: bold; padding: 8px 10px 0 0; float: right; cursor: pointer;}
.jobLevel-right .arrow_tip{font-size: 1rem; width: 240px; right: 0; top: 33px;}
.jobLevel-right .arrow_tip .arrowrap .arrow-up,.jobLevel-right .arrow_tip  .arrowrap .arrow-up-in{left: 90%!important;}
/*pingji-tck*/
.lastpingji{text-align: center;}
.pingjiWrap{text-align: center; margin-left: 20px;}
.pingjiWrap li{list-style: none;position: relative; display: inline-block; margin-right:20px; cursor: pointer;}
.pingjiWrap li input{position: absolute; opacity: 0; cursor: pointer; left: 5px;}
.pingjiWrap .pj_active .jobLevel-css{color:#fff; background: #f08e00;}
.pingjiWrap li:after{content: attr(value); width: 22px; height: 22px; border: 2px solid #f08e00; display: block; border-radius: 50%; text-align: center; line-height: 19px; color: #f08e00; background: #fff;}
.pingjiWrap .pj_active:after{background: #f08e00; color: #fff;}
@media (min-width: 768px) {
#jobLevelTck .modal-dialog {width: 400px; margin: 30px auto;}
}
/*edittags-tck*/
.edittagsul{overflow: hidden; margin-bottom: 15px;}
.edittagsul li{float: left; padding-right: 20px;}
/* 编辑标签 */
.tage-container{height: 280px;position: relative;border: 1px solid #ddd; font-size: 12px;}
.left-box{width: 23%;height:100%;position: absolute;left: 0;overflow-y: scroll;text-align: left; border-right:1px solid #ccc;}
.right-box{width: 77%;height:100%;position: absolute;left: 23%;overflow-y: scroll;}
.right-box li,.left-box li{text-align: left; border-bottom: 1px solid #ddd; white-space: nowrap; padding: 5px 0 5px 15px; cursor: pointer;}
.right-box li{ float:left; width:50%; border-right:1px solid #ddd; overflow: hidden;}
.right-box li:hover,.left-box li:hover{background: hsla(0, 100%, 50%, 0.17);}
.tags-bottom{padding: 15px; text-align: center;}
.tags-bottom .addtagsinp{margin: 0 10px; width: 50%;}
/*/================adminjobchapter admin管理员操作================*/

/*eccboxapply2*/
.eccboxapply2{}
.eccboxapply2tit{ padding-bottom: 20px;}
.eccboxapply2 h2{padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
.applyfoot2{text-align: left;}
.applyfoot2 a.btn-ecc{margin-top: 10px;}
.applyfoot2 .ecc-loading{margin-left: 5px;}
.coverLetterDiv{position: relative; display: inline-block;}
.coverLetterDiv .arrow_tip{width: 316px;}
.coverLetterDiv .arrowrap .arrow-up,.coverLetterDiv .arrowrap .arrow-up-in{left: 22%!important;}
.coverLetterDiv .arrow_tip h5{margin: 2px 0 6px; font-size: 1.2em;}
.fileabs{position: absolute; opacity: 0;}
.filestip{cursor: pointer; color: #666;}
.lettersp a{padding-right: 10px;}
.rarzip .rarzipicon{padding-right: 10px;}
.rarzip .rarzipicon img{margin-right: 3px;}
.ortipApply2{font-size: 14px; padding: 15px; margin: 15px 0 0; border:1px solid #ddd; border-top: 3px solid #ddd; border-radius: 4px;}
.ortipApply2>b{color: #e00; margin-bottom: 5px; display: block;}

/*eccboxapply3*/
.eccboxapply3t{padding: 0 0 80px;}
.applysuc3wrap{ margin:-15px -9px 30px; border-bottom: 2px solid #eee;}
.applysuc3{display: table; width: 100%; padding: 30px 15px;}
.applysuc3l,.applysuc3r{display: table-cell; vertical-align: middle; float: none;}
.applysuc3l{text-align: right;}
.applysuc3l .applysuc3licon{margin-right: 15px; display: inline-block; width: 66px; height: 66px; color: #00ae68; border:2px solid #00ae68; border-radius: 50%; text-align: center;}
.applysuc3l .applysuc3licon .fa{font-size: 3em; line-height: 66px;}
.applysuc3r{text-align: left;}
.applysuc3r p{margin:5px 0 0;}
.applysucTit{font-size: 1.5em; margin-bottom: 5px;}
.applysucTitp{margin-bottom: 15px;}
.applysucTab ul{overflow: hidden;}
.applysucTab ul li{float: left; width: 48%;}
.applysucTab ul li:last-child{float: right;}
.applysucTab ul li a{display: block; padding:10px 15px; border:1px solid #e6e6e6; background-color: #eee; color: #666; font-size: 1.2em; font-weight: bold;}
.applysucTab ul li.active a{background-color: #fff; color: #009257; border: 1px solid #009257;}
.applysucTab ul li a font{color: #f00; font-size: 0.85em; font-weight: normal;}
.applysucTab ul li a span.glyphicon{float: right; display: none;}
.applysucTab ul li.active a span.glyphicon,.applysucTab ul li a:hover span.glyphicon{display: inline-block;}
.applysucTab .tab-content{margin: 10px 0 0;}
.applysucTab .note{margin-bottom: 15px;}
.applysucTab .saveBtn{margin-top: 20px;}
.applysucTab .saveBtn p{margin-top: 10px;}
.applysucTab .saveBtn .btn{min-width: 150px; color: #fff; ;background-color: #f08e00; border: 1px solid #e86b00; text-shadow: 0px 2px 2px rgba(0,0,0,.2); font-size: 1.2em; font-weight: bold;}
.eccboxapply3 .boxlist li{padding: 13px 0; overflow: hidden; font-size: 1.2em;}
.eccboxapply3 .boxlist li>a{display: block;}
.eccboxapply3 .boxlist li span{float: right;}
.eccboxapply3 .boxlist li span.glyphicon{margin-top: 3px; margin-left: 5px;}
.eccboxapply3c h4{padding: 15px;}


/*pad*/
 @media screen and (min-width: 768px) and (max-width: 992px){
 	/*applytit*/
 	.applybtnboxfix{margin-top: 60px;}
 }
 /*wap*/
 @media (max-width: 767px) {
 	.applytit{padding-bottom: 10px;}
 	/*applytit*/
 	.applybtnbox{text-align: center; position: static; margin-top: 10px;}
 	.applybtnbox .btn-eccor{min-width: 150px;}
 	.applybtnboxfix{margin-top: 60px; position: fixed; padding: 8px 0;}
 	.applybtnboxfix .col-md-9{padding-right: 0px; text-align: center;}
 	.applybtnboxfix .btn{padding: 6px 20px;}
 	.jobsoverDiv .arrow_tip{margin-left: auto; right: 0;}
 	/*applycon*/
 	.applycontab{border-top: 1px solid #ddd;}
 	.applycontab li{width: 50%;}
	.applycontab li:last-child{border-right: none;}
	.applycon .tab-content{border-top: none; margin-top: 0; margin-bottom: 0;}
	.desConditionTit{font-size: 1em; font-weight: bold;}
	.companytit{text-align: center;}
	.companycon .companyimg{margin-right: 0px; width: 100%; text-align: center;}
	/*applytiptck*/
	.apply2icon .fa{float: inherit; margin: 0 0 10px; display: block; text-align: center; font-size: 5rem;}
	/*applyfoot*/
	.applyfoot a.btn-ecc{width: 100%;}
	.applyfoot .tooltipwrap{display: block;}
	/*job alert*/
	.alertwrap .eccboxvisi{padding: 15px;}
	.alertwrap .eccboxvisi .alertwrapinp1{margin: 10px 0px 15px;}
	/*Other jobs you may be interested in...*/
	.eccboxtit h2.large-text a{font-size: 14px; white-space: nowrap; font-weight: bold;}
	.eccboxapply3c{margin: 0 -15px;}
	/*eccboxapply2*/
	.ortipApply2{padding: 0; border: none; border-radius: 0;}
	.ortipApply2>b{font-weight: normal;}
	.applyfoot2{text-align: center; width: 100%;}
	/*eccboxapply3*/
	.eccboxapply3t{padding: 0 0 20px; display: block;}
	.applysuc3{padding:25px 15px 30px;}
	.applysuc3l,.applysuc3r{text-align: center; display: block;}
	.applysuc3l .applysuc3licon{margin-bottom: 15px; margin-right: 0;}
	.applysuc3r .jllarge-text{font-size: 1em;}
	.applysuc3r p{font-size: 0.8em;}
	.applysucTit{font-size: 1em;}
	.applysucTitp{color: #666; font-size: 0.8em;}
	.applysucTab ul li a{font-size: 1em; position: relative; padding:12px 15px;}
 	.applysucTab ul li:first-child a{padding:7px 15px 17px;}
 	.applysucTab ul li a font{position: absolute; bottom: 2px; left: 15px; font-size: 12px;}
 	.applysucTab .saveBtn .btn{width: 100%;}
 	.applysucTab .saveBtn p{font-size: 0.8em;}
	.eccboxapply3 .boxlist li{font-size: 1em;}

	.adminjobchapter{display: none;}
	.savedtipDiv .savedtip{display: none;}
 }

/*=================================================================================*/
.adminjobchapter{display: none;}
.arrow_tip{display: none;}
.applybtnboxfix{display: none1;}
.savedtip{display: none;}
.eccboxapply3{display: none;}
/*=================================================================================*/

/*apply_share*/
.shareJob{position: relative; display: inline-block; white-space: nowrap;}
.shareJob>a{display: inline-block; margin-top: 5px; padding: 8px 12px 8px 0;}
.arrowrap .arrow-left,.arrowrap .arrow-left-in{border-width: 7px!important;top: 50%!important;border-style: dashed dashed solid;border-color: transparent #fff transparent transparent;left: -6px;position: absolute;margin-top: -6px;margin-left: -6px;}
.arrowrap .arrow-left{border-color: transparent #ddd transparent transparent;left: -8px;}
.shareJob .shareJobBox{display: none; position: absolute; left: 8em; top: 3px; border:1px solid #ddd; padding:5px 10px;}
.shareJob ul{display: inline-block;}
.shareJob ul li{display: inline-block; font-size: 14px;}
.shareJob ul li .fa{display: inline-block; font-size: 2em; color: #bbb; margin-right: 1px; width: 24px; height: 24px;}
.shareJob ul li .fa-wechat{background-color: #bbb; border-radius: 15%; color: #fff; font-size: 1.17em; padding: 4px 0px; text-align: center; position: relative; top: -4px;}
 @media (min-width: 992px) {
 	.shareJob a:hover .fa-facebook-square{color: #38569a;}
	.shareJob a:hover .fa-twitter-square{color: #50bbf2;}
	.shareJob a:hover .fa-linkedin-square{color: #00699c;}
	.shareJob a:hover .fa-wechat{background-color: #13ac20;}
	.shareJob a:hover .fa-envelope-square{color: #2064f4;}
}
 @media (max-width: 767px) {.shareJob{margin-top: 10px;}}
/* .apply_share{text-align: center; margin-top: 7px; display: inline-block;}
.jiathis_txt{display: none;}
.jiathis_txt b{float: left; top: -5px; position: relative;}
.addthis_toolbox{display: inline-block; min-width: 185px; height: 32px;}
.eccboxbr .addthis_toolbox{width: 100%;}
.at-icon-wrapper{display: inline-block; border-radius: 4px; margin-left: 1px;}
.at-icon { fill: #fff;}
 @media (max-width: 767px) {
 	.apply_share{position: static; margin-top: 10px;}
 } */

 /* jobalert-ss */
.modal-contentabs{position: absolute; width: 600px; z-index: 111; display: none;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	 box-shadow: 0 6px 12px rgba(0,0,0,.175); font-size: 12px;}
.modal-contentabs .modal-header,.modal-contentabs .modal-body,.modal-contentabs .modal-footer{padding: 10px 15px;}
.modal-contentabs .modal-header h4{font-size: 14px; font-weight: bold;}
.modal-contentabs .seReocsel{padding-top: 5px; padding-bottom: 5px; margin-bottom: -10px;}
.modal-contentabs .checkbox-inline{line-height: 22px; padding-top: 0; padding-bottom: 0;}
.modal-contentabs .tck_checkbox ul.tcklist li input{position: relative; top: 2px; margin: 2px 3px 0 4px;}
.modal-contentabs .tck_checkbox ul.tcklist li a.other{top: 23px; font-size: 12px;}
.modal-contentabs .modal-footer a.btn{font-size: 12px; font-weight: bold; padding: 4px 14px;}
.modal-contentabscate{top: 97px; width: 440px;}
.modal-contentabs.cityBox{width: 540px;}
.modal-contentabs.cityBox .checkbox-inline{font-weight: bold;}
.modal-contentabs.cityBox .tck_checkbox dl{margin-bottom: 5px;}
.modal-contentabs.cityBox .tck_checkbox dl dt{margin-bottom: 0;}
.input-group .input-group-addon{background-color: #fff; color: #666;}
.job_search_wrap .input-group .form-control{border-left: none; padding-left: 0;}