/* CSS Document */

/*雇主*/
.wp.main.employer-main-box{ /*margin-top: -170px;*/ }
.employer-head-bg{ background-color: #f08200; padding: 15px 0px 127px 0px; min-width: 1260px;}
.employer-main{ padding:0px 15px 15px 15px; width: 1230px;}
.employer-main-index{padding-top:15px;}

.employer-main:after{ content: ''; display: block; height: 0; clear: both;}
.employer-main-left{ float: left; width: 910px;}
.employer-main-right{ float: left; margin-left: 20px; width: 300px;}
.employer-banner{ background-color: #ccc; width: 910px; height: 300px; position: relative; overflow: hidden;}
.employer-banner .db{}
.employer-banner .db ul li{ float: left; width: 910px; height: 300px;}
.employer-banner .db ul li img{ width: 910px; height: 300px;}
.employer-banner .hd{ position: absolute; bottom: 0; z-index: 1; width: 100%; background-color: rgba(0,0,0,0.1); height: 10px; padding: 8px 0; }
.employer-banner .hd ul{ padding-right: 10px; text-align: right;}
.employer-banner .hd ul li{ display: inline-block; float: right;line-height: 25px; width: 8px; height:8px; margin-right: 5px; border:1px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer;}            
.employer-banner .hd ul li:hover, .employer-banner .hd ul li.on{ border-color: #f08200; background-color: #f08200;}            
.employer-login{ background-color: #585241; /*min-height: 300px;*/  box-sizing:border-box; padding-bottom:15px;}            
.employer-login h3.ltitle{ color: #fff; font-size: 18px; line-height: 40px; /*text-align: center; -- edited by gary*/ text-align: left; padding-left: 20px; }            
.employer-login-form{ padding:0 20px;}
.employer-login-form ul{}
.employer-login-form ul li{ width: 100%; margin-bottom: 10px;}
.employer-login-form > ul > li p{ width:100%; text-align:left; display:block; color: #fff; font-size: 1rem; line-height:1.5em;}
.employer-login-form > ul > li .formInput input[type="text"], .employer-login-form.form > ul > li .formInput input[type="password"]{width:100%; border-radius:5px; border:1px solid #dadada; box-sizing:border-box; vertical-align: middle; width:258px; height:38px; line-height:38px; padding:0px 10px; border-radius:5px; font-size:13px; color:#2e2e2e;}
.employer-login-form > ul > li .error-tip{ /*color:#f08200; -- edited by gary*/ color:#FF0000;}            
.employer-login-form > ul > li .formInput input[type="text"].input-validation-error, .employer-login-form > ul > li .formInput input[type="password"].input-validation-error{ /*border-color:#f08200; -- edited by gary*/ border-color:#FF0000;}            
                     
.employer-login-form ul li a{ color: #fff; font-size: 1rem; margin-left: 20px; text-decoration: underline; vertical-align:middle;}
.employer-login-form ul li a:hover{ text-decoration: none;}
.employer-login-form ul li .btn{ background-color: #f08200; border: none; color: #fff; font-size: 1rem; vertical-align: middle; width:136px; height:35px; line-height:35px; text-align: center; cursor: pointer; border-radius: 3px;}            
.employer-login-form ul li.line{ border-top: 1px dashed #abb7cb; padding-top: 10px;}            
.employer-login-form ul li.line a.reg{ background-color: #abb7cb; color: #fff; font-size: 1rem; display: inline-block; margin-left: 0; text-decoration: none; width: 100%; height: 35px; line-height: 35px; text-align: center; border-radius: 3px;}            
.employer-login-form ul li .formInput{ display: inline-block;}
.employer-login-form ul li:after{ content: ''; display: block; clear: both; height: 0; width: 100%;}
.employer-ad-select{ background-color: #ededed; margin-top: 10px; padding: 20px;}
.employer-ad-select h3.ltitle{ color: #585241; font-size: 18px;}
.employer-ad-select ul{}
.employer-ad-select ul li{ width: 100%; margin-bottom: 5px;}
.employer-ad-select ul li p{ color: #333; font-size: 1rem;}
.employer-ad-select ul li p.yellow{ color: #f08200; line-height:1.25rem;}
.employer-ad-select > ul > li > .formInput input[type="text"], .employer-ad-select > ul > li > .selectBox input[type="text"]{ vertical-align: middle; width:258px; height:38px; line-height:38px; padding:0px 10px; border-radius:5px; font-size:13px; color:#2e2e2e;}
.employer-ad-select > ul > li > .formInput  input.btn{ background-color: #f08200; border: none; color: #fff; cursor: pointer; font-size: 1rem; vertical-align: middle; width:258px; height:38px; line-height:38px; padding:0px 10px; border-radius:3px; font-size:13px;}
.employer-ad-select > ul > li > .formInput  textarea.tea{border-radius:5px; border:1px solid #dadada; box-sizing:border-box; vertical-align: middle; width:258px; line-height:1.25rem; padding:0px 10px; border-radius:5px; font-size:13px; color:#2e2e2e;}            
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {            
.employer-ad-select > ul > li > .formInput  textarea.tea{border-radius:5px; border:1px solid #dadada; box-sizing:border-box; vertical-align: middle; width:258px; line-height:26px; padding:0px 10px; border-radius:5px; font-size:13px; color:#2e2e2e; height:250px;}            
}            
     
.employer-ad-select > ul > li .error-tip{ /*color:#f08200; -- edited by gary*/ color:#FF0000;}            

.employer-ad-select > ul > li .formInput input[type="text"].input-validation-error, .employer-ad-select > ul > li .formInput input[type="password"].input-validation-error{ /*border-color:#f08200; -- edited by gary*/ border-color:#FF0000;}            
                     
.bform-title{ width: 100%; min-height: 54px;}

.bform-title a.icon-qustion{ cursor: pointer; background: url("../images/icon_qustion.png") no-repeat center bottom; vertical-align:middle; width: 19px; height: 19px; display: inline-block; margin-left: 15px;}
.bform-title .txt-title{ color: #f08200; font-size: 22px; line-height: 1em; padding:20px 0px 10px 0px; font-weight: bold; float: left;}
.bform-title .txt-title font{ color: #9b978d;}
.bform-title .txt-gray{ color: #999; font-size: 22px; font-weight: bold;}
.code-search-form{ /*float: right;*/ font-size: 0px; padding-top: 11px; padding-bottom: 11px;}            
.code-search-form span{ color: #585241; font-size: 1rem; float: left; line-height: 33px; margin-right: 10px;}            
.code-search-form ul{ display: inline-block;}            
.code-search-form ul li{ float:left;  margin-left: 6px;} 
.code-search-form .selectBox .select ul{ display:block;}
.select ul{ padding: 8px 6px; max-height:186px; overflow: hidden;}
   
.code-search-form .selectBox .select ul li{ float:none;}        
.code-search-form ul li input.txt{ width: 174px; height: 33px; line-height:33px;}            
.code-search-form ul li input.btn{ background-color: #fff; border:1px solid #ccc; cursor: pointer; color: #f08200; font-size: 16px; width: 80px; height: 33px; text-align: center;}            
.code-search-form p { font-size: 16px;}
.cart-billing-checkout{ float: none; width: auto; padding-top: 10px;}
.tags-employer{ color: #333; font-size: 16px; margin-top: 16px;}

.employer-main-nav{ background-color: #9b978d; height: 35px; line-height: 35px; padding: 0 20px;}
.employer-main-nav ul li{ float: left; margin-right: 40px;}
.employer-main-nav ul li a{ color: #fff; font-size: 1rem;}

.account-users-table{}
.account-users-table tr{}
.account-users-table tr th{ border-bottom: 1px solid #585241; color: #585241; font-size: 1rem; line-height: 35px; text-align: left;}
.account-users-table tr th.table-operations{ width: 110px;}
.account-users-table tr td{ border-bottom: 1px solid #dedede; color: #333; font-size: 1rem; line-height: 38px;}
.account-users-table.receipt-history-table tr td{ padding:10px 5px; line-height:26px;}

.account-users-table tr td p span{ cursor: pointer; display: inline-block; width: 24px; height: 24px; margin: 0 3px; position: relative; top: 8px;}
span.icon-forward{ background: url("../images/icon_forward.png") no-repeat center;}
span.icon-garbage{ background: url("../images/icon_garbage.png") no-repeat center;}
span.icon-key01{ background: url("../images/icon_key01.png") no-repeat center;}
span.icon-key02{ background: url("../images/icon_key02.png") no-repeat center;}
span.icon-del{ background: url("../images/icon_del.png") no-repeat center;}
span.icon-adds{background: url("../images/add_ico.png") no-repeat center;}
span.icon-editor{background: url("../images/editor_ico.png") no-repeat center;}
span.icon-view2{background: url("../images/icon_view.png") no-repeat center;}
span.icon-read{background: url("../images/icon_read.png") no-repeat center;}
span.icon-loads{background: url("../images/icon_loads.png") no-repeat center;}
span.icon-x{background: url("../images/icon_x.png") no-repeat center;}
span.icon-download{background: url("../images/icon_down.png") no-repeat center;}
span.icon-copy{background: url("../images/icon_copy.png") no-repeat center;}
span.icon-offline{background: url("../images/icon_offline.png") no-repeat center;}
span.icon-loads{background: url("../images/icon_loads.png") no-repeat center;}
span.icon-repost{background: url("../images/icon_repost.png") no-repeat center;}
span.icon-editor{background: url("../images/editor_ico.png") no-repeat center;}
span.icon-email{background: url("../images/icon_email.png") no-repeat center;}
span.icon-linein{background: url("../images/icon_linein.png") no-repeat center;}
span.icon-address{background: url("../images/company_addr_ico.png") no-repeat center;}
span.icon-building{background: url("../images/icon_building.png") no-repeat center;}
span.icon-time{background: url("../images/post_date_ico.png") no-repeat center;}
span.icon-dot{background: url("../images/icon_dot.png") no-repeat center;}
span.icon-qustion2{background: url("../images/icon_qustion2.png") no-repeat center;}
span.icon-add-folder{ background: url("../images/icon_add_folder.png") no-repeat center;}

.employer-account-forms{ margin-top: 10px;}
.employer-account-forms ul{}
.employer-account-forms ul li{ float: left; width: 50%;}
.employer-account-forms ul li label{ float: left; color: #333; font-size: 1rem; text-align:right; width:100px; height: 40px; line-height: 40px; display: inline-block;}
.employer-account-forms ul li span{ float: left; margin-left: 10px;}
.employer-account-forms ul li .formInput{ float: left; margin-left: 20px;}
.employer-account-forms > ul > li .formInput input[type="text"].txt{ color: #333; font-size: 1rem; width: 460px; }
.employer-account-forms ul li span .btn{ background-color: #f08200; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 1rem; width: 120px; height: 40px; line-height: 40px; text-align: center;}
.employer-account-forms > ul > li .formInput input[type="text"].txt2{ background-color: #f6f6f6; color: #333; font-size: 1rem; width: 328px;}
.employer-account-forms > ul > li .formInput input[type="text"].txt3{ background-color: #f6f6f6; color: #333; font-size: 1rem; width: 460px;}
.employer-account-forms ul li:after, .employer-account-forms ul:after,.bform-title:after{ content: ''; display: block; clear: both; height: 0; width: 100%;}

.account-date-nav{ background-color: #891518;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 41px; width: 100%; margin-bottom: 20px;}
.account-date-nav ul{}
.account-date-nav ul li{ float: left;width: 25%; padding: 6px 0; line-height: 29px; text-align: center;}
.account-date-nav ul li span{ border-right: 1px solid #c48a8c;color: #fff; display: inline-block; font-size: 1rem; width: 100%;}
.account-date-nav ul li:last-child span{ border-right: none;}

.account-table-box{ border: 1px solid #999;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px;}
.account-table-box h3.atitle{ background-color: #999; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; font-size:13px; height: 38px; line-height: 38px; padding: 0 10px;}
.account-tables{}
.account-table{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden;}
.account-table tr{}
.account-table tr th{border-bottom: 1px solid #999;color: #999; font-size: 1rem; line-height: 29px; text-align: left; padding: 0 10px;}
.account-table tr td{ border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; color: #333333; font-size: 1rem; line-height: 29px; padding: 0 10px;}
.account-table tr td:last-child{ border-right: none;}
.account-table tr:last-child td{ border-bottom: 0px;}

.account-table-box-mobile{ margin-bottom:0px;}
.no-margin{ margin:0px; margin-top:5px;}

h3.addtitle{ height: 54px; box-sizing: border-box; padding-top: 20px; color: #585241; font-size: 18px;}
h3.addtitle span{ display: inline-block; width: 24px; height: 24px; margin-right: 8px; vertical-align: middle;}
h3.addtitle a{ float: right; color: #999; font-size: 1rem;}

.son-company-list{ width: 100%;}
.company-main-box{ width: 1260px;}
.company-main-box .employer-main-left{ width: 840px;padding-left: 15px;}
.company-main-box .employer-main-right{ margin-left: 5px; padding-right:50px; width:350px;}
.son-company-data{ border: 3px solid #b8ae9d;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;color: #333; font-size: 1rem; margin-top: 10px;}
.logo-editor{ border-bottom: 1px solid #dedede; height: 50px; padding: 10px;}
.logo-editor .icon-editor{ float: right; height: 50px; line-height: 50px;}
.logo-editor .icon-editor span{ display: inline-block; float: left; position: relative; top: 10px; margin-right: 8px; width: 20px; height: 20px;}
.logo-editor .icon-editor a{ float: right;}
.logo-editor .slogo{ float: left; height: 50px; width:220px; vertical-align: middle; }
.logo-editor .slogo img{max-width: 100%; max-height: 40px; margin-top: 10px;}

.company-name{ border-bottom: 1px dashed #dedede; padding: 10px;}
.company-name span{}
.company-name label{ margin-left: 20px;}
.company-profile-txt{ padding:10px;}
.company-profile-txt .profile-txt{ color: #333; font-size: 1rem; line-height: 20px;}
.son-company-web{border-top: 1px dashed #dedede; padding:10px;}
.son-company-web span{}
.son-company-web label{ margin-left: 20px;}
.logo-editor:after, .add-company-form ul li:after, .company-sumits:before{content: ''; display: block; clear: both; height: 0;}
.add-company-form{ /*margin-top: 10px;*/}
.add-company-form ul{}
.add-company-form ul li{ width: 100%; margin-bottom: 10px;}
.add-company-form ul li .c-title{ float: left; width: 150px; text-align: right;}
.add-company-form ul li .c-title label{ color: #585241; font-size: 1rem; line-height:20px; padding-top: 10px;}
.add-company-form ul li .c-title ins{ color: #999; font-size: 1rem;}
.add-company-form ul li .c-form{ margin-left: 160px; width: 615px;}
.add-company-form > ul > li .formInput input[type="text"].txt, .add-company-form > ul > li .formInput textarea{ width: 615px;}
.add-company-form > ul > li .formInput textarea.tear2{ border: none; padding-top: 10px; width: 614px;}
.add-company-form > ul > li .formInput input[type="text"].txt3{ width: 475px; height: 30px;}
.add-company-form > ul > li .formInput input[type="text"].txt4{ width: 304px;}
.add-company-form > ul > li .formInput input[type="text"].txt5{ width: 274px;}
.add-company-form ul li .c-form .add-form-template{ background-color: #585241; border: 1px solid #dedede;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 1rem; padding: 0 10px; width:595px; height: 40px; line-height: 40px;}
.add-company-form ul li .c-form .add-form-template span{ float: right; top: 14px;}
.add-company-form ul li .c-form .add-form-template h3{}
.add-company-form ul li .c-form .active-form-template{ border: 1px solid #dedede;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.add-company-form ul li .c-form .active-form-template .form-input-title{ border-bottom: 1px solid #8ea0ba; height: 30px; line-height: 30px; padding: 5px 10px;}
.add-company-form ul li .c-form .active-form-template .form-input-title label{ color: #15316e; font-size: 1rem; margin-right: 10px;}
.add-company-form ul li .c-form .active-form-template .form-input-title span{ float: right; top: 10px; right: 5px;}
.add-company-form ul li .c-form .active-form-template .form-input-title .formInput{}
.add-company-form ul li .c-form .more-options-div{ width:100%;}
.add-company-form ul li .c-form .more-options-select input{ width:100%;}

span.icon-del-template{ background: url("../images/icon_del2.png") no-repeat center; display: inline-block; width: 11px; height: 11px; position: relative;}
span.icon-add-template{background: url("../images/icon_add2.png") no-repeat center; display: inline-block; width: 11px; height: 11px; position: relative;}

.add-company-form ul li .c-form .add-selectbox2{ margin-left: 6px;}
.add-company-form ul li .c-form span.c-ctitle{color: #585241; font-size: 1rem; line-height: 40px; width: 66px; text-align: center; display: inline-block;}
.add-company-form ul li .c-form .form-uploadimg{ display: inline-block; float: left; width: 440px;}
.add-company-form ul li .c-form .upload-logo{ border: 1px solid #dedede; display: inline-block; margin-left: 16px; width: 136px; height: 60px; padding: 10px; vertical-align: middle;}
.add-company-form ul li .c-form .upload-logo img{ max-width: 137px; max-height: 60px; text-align: center; vertical-align: middle;}
.add-company-form > ul > li .c-form .form-uploadimg .formInput input[type="text"]{ width: 440px;}
.add-company-form > ul > li .c-form .form-uploadimg .tags-txt{ color: #999; font-size: 1rem; padding: 5px 0;}

.son-company-page{ margin-top: 5px;}
.son-company-page a{ border: 1px solid #b8ae9d;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; width: 18px; height: 18px; color: #b8ae9d; text-align: center;}
.son-company-page a.active,.son-company-page a:hover{ background-color: #b8ae9d; color: #fff;}
.company-sumits:before{}
.company-sumits{ padding: 5px 30px 0 30px;}
.company-sumits .form-btn { margin: 0px;}
.company-sumits .form-btn button{ margin: 0 10px;}

.applied-users-table{border-top: 1px solid #dedede; margin-top: 10px;}
.applied-users-table tr{}
.applied-users-table tr th{ background-color: #585241; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; color: #fff; font-size: 1rem; line-height: 35px;padding-left: 10px; text-align: left;}
.applied-users-table tr th.table-operations{ width: 110px;}
.applied-users-table tr td{ border-bottom: 1px solid #dedede;border-left: 1px solid #dedede; color: #333; font-size: 1rem; height: 40px; padding:0 10px; vertical-align: middle;}
.applied-users-table tr td p span{ cursor: pointer; display: inline-block; width: 24px; height: 24px; margin: 0 3px; position: relative; top: 8px;}
.applied-users-table tr td:last-child{ border-right: 1px solid #dedede;}
.applied-users-table tr td .operation-a a { margin: 0px 4px; }

.applied-users-table tr th span{ margin-left:6px; position: relative;display: inline-block; width: 0; height: 0; border-width: 6px; overflow: hidden;}
/*
span.icon-up{border-color: transparent transparent #fff; border-style: dotted solid dotted dotted;}
span.icon-down{border-color: #8a867a transparent transparent; border-style: solid dotted dotted;top: 6px;}
*/
span.icon-up{ border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff; position:absolute; top:50%; right:0px; margin-top:-3px;
transform:rotate(180deg);
-ms-transform:rotate(180deg); 
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);}
span.icon-down{border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #8a867a; position:absolute; top:50%; right:0px; margin-top:-3px; }

.candidate-match-table{ margin-top: 10px;}
.candidate-match-table tr{}
.candidate-match-table tr th{border-bottom: 1px solid #dedede; text-align: left;}
.candidate-match-table tr th label{ color: #fff; font-size: 1rem; display: inline-block; width: 118px; height: 30px; margin-bottom: 1px; line-height: 30px; border-top-right-radius: 5px; border-top-left-radius: 5px; text-align: center;}
.candidate-match-table tr th label.txt-resume{ background-color: #999;}
.candidate-match-table tr th label.txt-interest{ background-color: #f08200;}
.candidate-match-table tr.title th{ background-color: #999; color: #fff; font-size: 1rem; line-height: 35px;padding-left: 10px;}
.candidate-match-table tr.title th.yellow{background-color: #f08200;}
.candidate-match-table tr td{ border-bottom: 1px solid #dedede;border-left: 1px solid #dedede; color: #333; font-size: 1rem; padding:10px; vertical-align: middle;}
.candidate-match-table tr td p span{ cursor: pointer; display: inline-block; width: 24px; height: 24px; margin: 0 3px; position: relative; top: 8px;}
.candidate-match-table tr td:last-child{ border-right: 1px solid #dedede;}
.candidate-match-table tr.gray td{ background-color: #f0f0f0;}
.candidate-match-sumits{ border-top: 1px solid #dedede; margin-top: 5px;}
.candidate-match-sumits .form-btn{ border-top: none;}
.candidate-match-sumits .form-btn button { margin: 0 10px;}
.code-search-form .form-btn{ padding:0; border-top: 0px;}
.job-list-form-box{ position: relative;}
.job-list-form{ display: inline-block; float: right; padding-top: 8px; }
.job-list-form ul:after,.job-list-form-box:after{ content: ''; clear: both; display: block; height: 0;}
.job-list-form > ul > li{ border-right: 1px solid #dedede; float: left; margin-right: 10px; padding-right: 10px; height: 40px; margin-bottom: 0;}
.job-list-form > ul > li .formInput input[type="text"]{ color: #333;}
.job-list-form > ul > li .formInput input[type="text"].select-txt{ width: 110px;}
.job-list-form > ul > li .formInput input[type="text"].date{ width: 90px;}
.job-list-form > ul > li .formInput input[type="text"].key{ width: 240px; padding-right: 40px;}
.job-list-form > ul > li .formInput input.btn{ background: url("../images/icon_search.png") no-repeat center; display: inline-block; width: 35px; height: 32px; border: none; border-left: 1px solid #dedede; position:absolute; top: 4px; right:2px;}
.job-list-form > ul > li .formInput.search-btn-txt{ position: relative; width: 240px;}
.job-list-form > ul > li label.label{ width: auto; margin-right: 10px;}
.job-list-form > ul > li .calendar-to{ margin: 0 10px;}
.job-list-form > ul > li span.icon-setting{ position: relative; top: 8px; margin-right: 10px;}
span.icon-setting{ background: url("../images/setting_ico.png") no-repeat center; display: inline-block; width: 24px; height: 24px;}
.job-list-form > ul > li:last-child{ border-right: none; padding-right: 0px; margin-right: 0px;}
.job-list-form > ul > li:last-child label.label{ margin-right: 0px;}
.job-list-table{ margin-top: 10px;}
.job-list-table tr{}
.job-list-table tr th{border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; text-align: left;}
.job-list-table tr th.job-title{ width: 576px;}
.job-list-table tr th.action{ width: 180px;}
.job-list-table tr.title th{ background-color: #999; color: #fff; font-size: 1rem; line-height: 35px;padding-left: 10px;}
.job-list-table tr td{ background: #fff; border-bottom: 1px solid #dedede;border-left: 1px solid #dedede; color: #333; font-size: 1rem; height:40px;padding:0px 10px;}
.job-list-table tr td p{ font-size: 0px;}
.job-list-table tr td p span{ cursor: pointer; display: inline-block; width: 24px; height: 24px; margin: 0 3px;}
.job-list-table tr td:last-child{ border-right: 1px solid #dedede;}
.job-list-table tr.gray td{ background-color: #f0f0f0;}
.job-list-table tr.line td{ background-color: #b8ae9d; border-left-color: #b8ae9d; height: 5px; padding: 0;}
.job-list-table  .txt-gray{ color: #999;}
.job-list-table  .txt-yellow{ color: #f08200;}
.job-list-table  .txt-grenn{ color: #99cc00;}
.job-list-table  .txt-red{ color: #e60012}
.job-list-table  .txt-black{ color: #333; text-decoration:underline;}
/*弹出层*/
.pop-post-job-save{ z-index: 9; position: absolute; top: 52px; display:block;}
span.river-up{border-color:transparent transparent rgba(88,82,65,0.7) ; border-style: dotted solid dotted dotted; position:absolute; right:150px;top: -11px;display: inline-block; width: 0; height: 0; border-width: 6px; overflow: hidden;}

.pop-box-bg{ width: 1198px; padding: 16px; background-color: rgba(88,82,65,0.7); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.post-list-popup-table{ float: left; width: 1018px;}
.post-list-popup-table .job-list-table{ margin-top: 0; border-left: 1px solid #dedede; border-top: 1px solid #dedede;}
.post-select-s{ float: left; background-color: #fff; margin-left: 10px; width:150px; padding:0px 10px; border-radius: 5px;}
.post-select-s.form ul li .checkBox label p{ color: #333;}
.post-select-s.form ul li{ height: 20px; min-height: 20px; padding: 5px 0px; margin-bottom: 0px;}
.pop-box-bg:after{ content: ''; clear: both; display: block; height: 0;}

.job-detail-operations{ padding: 20px 50px 25px 40px;}
.job-detail-shares{ float: right;}
.job-detail-shares ul.form-btn{ border-top: none; margin: 0; padding: 0;}
.job-detail-shares ul li{ float: left; margin-left: 10px;}
.job-detail-shares ul li button{ width: 100px;}
.job-detail-shares ul li span{ display: inline-block; width: 35px; height: 35px;}
.job-detail-title{ width:600px;}
.job-detail-title h3{ color: #585241; font-size: 22px; font-weight: bold; line-height: 26px; width:100%; overflow: hidden; text-overflow: ellipsis;
 white-space: nowrap;}
.job-detail-title p{ color: #999; font-size: 15px; line-height: 16px;}
.job-detail-operations:after, .job-detail-view-data:after, .detail-main-right:after, .employer-post-main-nav ul:after{ content: ''; clear: both; height: 0; display: block;}
.job-detail-view-data{ background-color: #ebeae8; border-bottom: 1px solid #e6e6e6; padding: 20px 10px 25px 10px;}
.job-detail-view-data ul{}
.job-detail-view-data ul li{ border-right: 1px solid #cfd4da; height: 58px; float: left; padding: 0 28px; text-align: center;}
.job-detail-view-data ul li h3{ color: #585241; font-size: 30px; line-height: 29px;}
.job-detail-view-data ul li p{ color: #585241; font-size: 15px; line-height: 29px;}
.job-detail-view-data ul li.keywords{ border-right: none; text-align: left; padding-right: 0;}
.job-detail-view-data ul li p a{ display: inline-block; font-size: 1rem; height: 22px; line-height: 22px; border-radius: 5px; background: #585241; color: #fff; margin-left: 10px; padding: 0px 6px;}
.job-detail-view-data ul li .txt-yellow{ color: #f08200; text-decoration: underline;}
.detail-main-box{ padding: 0;}
.detail-main-left{ width: 409px; float: left;}
.detail-main-right{ border-left:1px solid #e6e6e6; margin-left: 409px;}
.detail-main-right .job-list-detail-center{ padding-left: 70px;}
.detail-match-sumits{ border-top: 1px solid #dedede; margin-top: 0;}
.detail-match-sumits ul li{ display: inline-block; margin: 0 5px; vertical-align: top;}
.detail-match-sumits .form-btn{ border-top: none;}
.detail-match-sumits .form-btn button{ width: 100px;}
.detail-match-sumits ul li span{ display: inline-block; width: 35px; height: 35px;}

.detail-title-tags{ border-bottom: 1px solid #e6e6e6; padding: 20px 40px; word-wrap: break-word;}
.detail-title-tags h3{ color: #585241; font-size: 15px; line-height: 30px;}
.detail-title-tags h4{color: #333; line-height: 24px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.detail-title-tags p{ color: #999; font-size: 1rem; line-height: 20px;}
.detail-title-tags span{ display: inline-block; width: 16px; height: 16px; position: relative; top: 5px; margin-right: 5px;}

.employer-post-main-nav{ background-color: rgba(237,237,237,0.6);-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;height: 50px; margin-bottom: 15px;}
.employer-post-main-nav ul{  padding:10px 20px;}
.employer-post-main-nav ul li{ display: inline-block; margin-right: 10px; line-height: 30px;}
.employer-post-main-nav ul li a{ color: #585241; display: inline-block; font-size: 1rem; padding: 0 20px;}
.employer-post-main-nav ul li a:hover, .employer-post-main-nav ul li.active a{ background-color: #fff; color: #f08200;}

.wp.main.employer-post-main-box{ border-top: 3px solid #9b978d; margin-top: -125px;}

.post-job-step-box{ padding: 15px 40px; position: relative;}
.automatically-save{ float: right; height: 56px; padding-left: 20px;}

.automatically-save .checkBox{ padding-top: 16px;}
.post-job-step{ border-right: 1px solid #e6e6e6; height: 56px; width: 1036px;}
.post-job-step ul{ display: inline-block;}
.post-job-step ul li{ float: left; width: 31px; text-align: center;}
.post-job-step ul li span{ background-color: #fff; border: 1px dashed rgba(88,82,62,0.6); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; width: 31px; height: 31px;}
.post-job-step ul li span b{-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; width: 29px; height: 29px; line-height: 29px; text-align: center; color: rgba(88,82,62,0.6); font-size: 1rem; margin-left: 1px; margin-top: 1px;}
.post-job-step ul li label{ color:  rgba(88,82,62,0.6); font-size: 1rem; position: relative; margin-left: -20%; line-height: 24px;}
.post-job-step ul .line{ background-color:  rgba(88,82,62,0.6); display: inline-block; float: left; height: 2px; width: 295px; position: relative; top: 15px;}
.post-job-step ul .line.active{background-color: #585241;}
.post-job-step ul li.active span{ border: 1px solid #585241;}
.post-job-step ul li.active span b{ background-color: #585241; color: #fff;}
.post-job-step ul li.active label{color: #585241;}
.post-job-main-box{ padding: 15px 30px;}
.post-job-main-left{ float: left; width: 830px;}
.post-job-main-right{ margin-left: 830px; width: 355px; padding-left: 20px;}
.post-job-form{ margin-top: 10px;}
.post-job-form ul{}
.post-job-form ul li{ width: 100%; margin-bottom: 10px;}
.post-job-form ul li .c-title{ float: left; width: 160px; text-align: right;}
.post-job-form ul li .c-title label{ color: #585241; font-size: 1rem; line-height:40px;}
.post-job-form ul li .c-title ins{ color: #999; font-size: 1rem;}
.post-job-form ul li .c-form{ margin-left: 180px; width: 650px;[;width: 640px;]}
.post-job-form > ul > li .formInput input[type="text"].txt{ width: 650px; [;width: 640px;]}
.post-job-form ul li .c-form .tags-txt{ color: #999; font-size: 1rem; line-height: 24px;}
.post-job-form > ul > li .formInput span.tags-txt{ position: relative;top: 8px;}
.post-job-form ul li .c-form .txt-yellow{ color: #f08200; text-decoration: underline;}
.post-job-form ul li h3.summarize-title{ color: #585241; font-size: 18px; padding: 0 50px;}
.post-job-form ul li h3.summarize-title span{ float: right; display: inline-block; width: 18px; height: 18px; position: relative; top: 5px;}
.post-job-form ul li h3.summarize-title ins{ font-size: 1rem;}
.select-company-name{ margin-top: 15px;}
.select-company-name > ul > li .formInput input[type="text"].txt{ width: 246px;}
.select-company-name > ul > li label.label{ width: auto; float: left;}

.post-job-form  .more-options-div{ width:auto;}

.company-post-txt{ border-bottom: 1px solid #dedede; padding-bottom: 20px;}
.company-post-txt .slogo{}
.company-post-txt .slogo img{ border: 1px solid #dedede; max-height: 50px; padding: 20px;}
.company-post-txt .txt{ color: #333; font-size: 1rem; line-height: 20px; margin-top: 10px;}
.post-template-form{margin-top: 10px; width: 351px;}
.post-template-form ul li{}
.post-template-form > ul > li .formInput input[type="text"].txt{ width: 351px;}
.post-template-form > ul > li .formInput textarea{ width: 351px; height: 316px; color: #333; font-size: 1rem; line-height: 20px; padding-top: 10px;}
.post-template-form > ul > li .formInput textarea:disabled{ background:#fff;}
.post-template-form > ul > li label.label{ float: left; width: auto;}
.post-template-form > ul > li .radioBox{ float: left;}
.post-template-form > ul > li.line{ border-top: 1px solid #585241;}

.view-detail-main-box{ border-top: 1px solid #e6e6e6; clear: both; margin-top: 10px; padding-top: 0;}
.view-detail-title{ clear: both; margin-top: 15px; padding: 10px 40px;}
.view-detail-title .form-btn{ border-top: none; float: right; margin: 0; padding: 0;}
.view-detail-title .bform-title{ width: auto; float: left;}
.view-detail-title:after{ content: ''; clear: both; display: block; height: 0;}
.post-job-form > ul > li .formInput input[type="text"].txt2{ width: 550px;}
.post-job-form > ul > li .formInput input[type="text"].txt3{ width: 255px;}
.post-job-form > ul > li .formInput input[type="text"].txt4,.post-job-form > ul > li .formInput input[type="number"].txt4{ width: 120px;}
.post-job-form > ul > li .formInput textarea.tear1{ height: 90px;}
.formInput.folder-list{ margin-bottom:10px;}
.formInput.folder-list:last-child{ margin-bottom:0px;}
.post-job-form > ul > li .label-txt{ cursor:pointer; color: #333; font-size: 1rem; height:24px; line-height:24px; display: inline-block; vertical-align:middle; margin:0 5px;}
.post-job-form > ul > li .label-txt2{ color: #333; font-size: 1rem; display: inline-block; margin:0 15px;}
.post-job-form > ul > li .label-txt3{ color: #333; font-size: 1rem; display: inline-block; margin-right:15px;}
.post-job-form > ul > li .label-txt span{ display: inline-block; width: 24px; height: 24px; margin-right: 5px; vertical-align: middle;}
.post-job-form > ul > li .formInput .post-date-btn{ border-left: 1px solid #dedede; height: 40px; display: inline-block; margin-left: 20px; padding-left: 30px;}
.post-job-form > ul > li .formInput .post-date-btn a{ position: relative; top: 8px;}
#post_data{ position:relative;}            
#post_data .formInput{ margin-bottom:10px;}            
#post_data .add-btn{ position:absolute; bottom:0px; right:0px; margin-bottom: 15px; }


.post-job-form ul li h3.b-title{ color: #585241; font-size: 18px; padding: 0 10px;}
/*.form > ul > li .formInput .checkBox{ padding-top: 8px;}
.form > ul > li .formInput .checkBox label p{ color: #333;}*/
.post-job-form > ul > li .formInput .more-check .checkBox{}
.post-job-form > ul > li .formInput .more-check .checkBox label{ width: 215px; margin-right: 0; margin-top: 10px;}
.post-job-form > ul > li .formInput .more-check .checkBox label p{ color:#333;}
.post-end button.orange-btn{ width: auto; margin: 0 10px; padding: 0 60px;}
.post-job-end-box{ padding: 15px 40px; border-top: 1px solid #dedede;}
.post-end{ margin: 0;}
.post-job-end{ float: left; padding:0 10px; width: 620px;}
.post-job-end ul{ padding-top: 30px;}
.post-job-end > ul > li{ min-height: 20px; height: 20px;}
.post-job-end ul li .date{ float: left; font-size: 1rem; width: 310px;}
.post-job-end ul li .date span{ color: #585241;}
.post-job-end ul li .date label{ color: #333; margin:0 20px;}
.post-job-end ul li .checkBox{ border-left: 1px solid #dedede; padding-left:10px;}
.post-job-end.btitle{ color: #585241; font-size: 18px; line-height: 30px;}
.post-job-end ul li .checkBox label p{ color: #333;}
.post-job-end ul li .checkBox label p span{ color: #f08200;}
.post-job-end ul li:after, .post-job-end ul:after,.post-job-end-box:after{ content: ''; clear: both; display: block; height: 0;}




.post-job-end-ad{ float: left;}
.post-job-select-ad{ float: left; margin-right: 20px; background-color: #f08200; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px 30px; width: 190px;}
.post-job-select-ad h3{ color: #330000; font-size: 24px; text-align: center;}
.post-job-select-ad h4{ color: #fff; font-size: 1rem; text-align: center;}
#web_un,#mobile_un{ border-right: 2px solid #fff;  width:52px; clear: left;}
.balance{ display:table; width:115px; height:100%; margin-left:20px; color:#fff;}
.balance ul{ display:table-cell;  vertical-align:middle; }
.balance ul li{ }
.balance a{color:#fff; font-size:16px;}
.post-job-select-ad > ul > li{ height: 30px; min-height: 30px; margin-bottom: 0; }
.post-job-select-ad ul li .checkBox{ width: 20px;padding-bottom: 5px; padding-top: 5px; }
.post-job-select-ad ul li .ad-title{ display: inline-block; color: #fff; font-size: 1rem;}

.post-job-pop-box{ width: 800px; height:570px; overflow: hidden; box-sizing: border-box; padding: 0px 0px 0px 20px; background: #fff; position: fixed; z-index: 101;/* left: 50%; margin-left: -400px; top: 50%; margin-top: -285px;*/}
.post-job-pop-box.form > ul > li >label.label{ width: 116px;}
/*.post-job-pop-box h3{ font-size: 22px; padding: 15px 0px; line-height: 1em; color: #585241; font-weight: bold;}*/
.post-job-pop-box.pop-box{ padding-right:0px;}

.pop-company-profile{ overflow: hidden; padding-bottom: 30px;}

.pop-company-profile .add-company-form ul li .c-title{ float: left; width: 118px; text-align: right;}
.pop-company-profile .add-company-form ul li .c-form{ margin-left: 138px; width:614px;}
.pop-company-profile .add-company-form > ul > li .formInput input[type="text"].txt, .pop-company-profile .add-company-form > ul > li .formInput textarea{ width: 614px;}
.pop-company-profile .add-company-form > ul > li .formInput textarea.tear2{ border: none; padding-top: 10px; width: 564px;}
.pop-company-profile .add-company-form > ul > li .formInput input[type="text"].txt3{ width: 425px; height: 30px;}
.pop-company-profile .add-company-form > ul > li .formInput input[type="text"].txt4{ width:279px;}
.pop-company-profile .add-company-form > ul > li .formInput input[type="text"].txt5{ width: 249px;}
.pop-company-profile .add-company-form > ul > li .c-form .form-uploadimg .formInput input[type="text"]{ width: 440px;}

.add-company-form ul li .c-form .add-form-template{ width: 565px;}
.optional.company-profile-optional{ width: 614px; margin-left: 0px;}
.optional.company-profile-optional h3 input{ display: none;}
.optional.company-profile-optional h3{ font-size: 1rem;}
.optional.company-profile-optional h3.open i{ display: none;}
.optional.company-profile-optional h3.open input{ display: inline-block; margin-left: 10px; width: 425px; height: 30px; line-height: 28px; padding: 0px 10px; border-radius: 5px;}

.form > ul > li .formInput textarea.temp-textarea{ width: 612px; height: 127px; border: 0px; padding: 0px 10px;}

.add-company-form.form > ul > li .formInput textarea.temp-textarea{ width: 562px;}

.post-job-pop-box .pop-title{ font-size: 22px; font-weight: bold; color: #f08200;}

.post-job-pop-box {
    scrollbar-face-color:#8ea0ba; /*滚动条3D表面（ThreedFace）的颜色*/
    scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
    scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
    scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/
    scrollbar-arrow-color:#fff; /*滚动条方向箭头的颜色 */
    scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
    scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/
}
.pop-scroll-box::-webkit-scrollbar { width: 5px; background-color: #fff;}

.pop-scroll-box::-webkit-scrollbar-thumb {background-color: #8ea0ba;}



.job-list-detail-date{ font-size: 12px; line-height: 1em; color: #999999; padding: 20px 0px;}
.company-title{padding: 10px 0px; color: #333333;}
.company-introduce{ line-height: 20px;}
.job-post{  font-size:16px; font-weight:bold; padding:10px 0px;}
.job-post-content table{ max-width:100%;}

.job-post-content ul,.job-post-content ol{  margin: 10px 0px;  margin-left: 30px; list-style:inherit;}
.job-post-content ul li,.job-post-content ol li{list-style:inherit; }

.answer-item.help-item ul li{ width: 285px;}
.answer-item.help-item .answer-item-title{ background: #accecc;}




.employer-dashboard-box{ padding: 15px 14px; width: 1232px;}
.employer-dashboard-left{ width:399px;}
.employer-dashboard-right{width: 812px;}
.employer-dashboard-left .account-table tr th{padding: 0 5px;}

.employer-dashboard-right .employer-order-form{ margin-top: 10px;}
.employer-dashboard-right .order-form-box{ width: 394px;}
.employer-dashboard-right .form-list ul > li > .formInput input[type="text"]{ width: 354px;}
.employer-dashboard-right .cart-desc{ width: 448px;}



.tag-cloud{ font-size: 0px;}
.tag-cloud h3{ font-size: 1rem; color: #585241; line-height: 1em; margin-bottom: 5px;}
.tag-cloud a{ display: inline-block; font-size: 1rem; height: 22px; line-height: 22px; border-radius: 5px; background: #585241; color: #fff; margin-right: 10px; margin-bottom: 5px; padding: 0px 6px;}

.requirement{ margin-bottom: 20px;}
.requirement ul{ padding-left: 12px;}
.requirement ul li{ list-style-type:square; }
.company-website{ margin: 20px 0px;}
.tags-for-this-job{ padding: 20px 0px; margin-top: 20px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}


.job-par > ul{ padding: 16px 0px; /*border-bottom: 1px solid #e6e6e6;*/}
.job-par.employer-job-par > ul{ border-bottom: 0px;}

.job-par > ul > li{ margin-bottom: 16px;}
.job-par > ul > li:last-child{ margin-bottom: 0px;}
.job-par > ul > li> ul{ display: table;}
.job-par > ul > li> ul > li{ display: table-cell;}
.job-par > ul > li > ul > li:first-child{ width: 146px; font-weight: bold; vertical-align: top;}

.benefits{}
.benefits ul{ width:549px; }
.benefits ul li{ width: 178px; height: 34px; float: left; box-sizing: border-box; padding: 4px 0px 4px 4px; border: 1px solid #e6e6e6; font-size: 1rem; margin-right: 5px; margin-bottom: 5px;}
.benefits  ul li ins{ display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 6px;}



.job-ad-title{ display: table; width: 100%; height: 57px; background: #585241; color: #fff;}
.job-ad-title h3{ padding: 0px 8px; display: table-cell; vertical-align: middle; font-size: 1rem; }
.job-ad-title h3 b{ font-size:24px; line-height: 1em;}
.job-ad-title h3 span{ float: right;}
.job-ad > div{ width: 396px;}
.employer-ad .job-ad > div{ width: 446px;}
.employer-ad .package-box > ul > li label.label{ width: 320px;}
.package-box > ul > li label.label.two{ line-height:20px;}

.job-ad-box{ border-radius: 5px; border: 1px solid #585241; overflow: hidden;}
.package-box{ padding: 0px 20px;}
.package-box h3{ font-size: 1rem; line-height: 1em; padding: 10px 0px 5px 0px; font-weight: bold; }
.package-box > ul{ padding-bottom: 6px; border-bottom: 1px dashed #ccc;}
.package-box > ul:last-child{ border-bottom: 0px;}
.package-box > ul > li{ margin-bottom: 5px; min-height: 35px;}
.package-box > ul > li label.label{ line-height: 35px; text-align: left; width: 270px; margin-right: 0px;}
.package-box > ul > li label.label b{ font-size: 30px; line-height: 1em; vertical-align: bottom;}
.package-box .selectBox{ width: 100%;}
.package-box .selectBox p{ cursor: pointer; width: 157px; height: 40px; line-height: 40px;  border-radius:0px 5px 5px 0px; box-sizing: border-box; background: #dedcd9; position: absolute; top: 0px; right: 0px; padding-left: 10px; font-size: 1rem;}
.package-box .selectBox input[type="text"]{width: 100%; height: 40px; color: #333333;}
.package-box > ul > li button{ float: right;}

.ad-btn{ width: 82px; height: 35px; box-sizing: border-box; background: #fff; color: #999; /*border: 1px solid #cccccc; -----edited by gary*/ border-radius: 3px; }            
.ad-btn.ad-btn-buy{ background: #f08200; color: #fff;}


.plus-box{ background: #dedcd9;}            
.plus-box.ok{}            
.plus-box.ok .ad-btn{  color: #f08200;}            
                                 
.package-box.form > ul > li .formInput input[type="text"],.package-box.form > ul > li .formInput input[type="number"]{ width: 84px;}            
                                 
.package-box-line{ width: 100%; height: 0px; border-top: 1px dashed #585241;}            
                                 
.ad-tools-item h3{ padding: 15px 0px; color: #891518;}            

.candidate-match{ /*margin-top: 10px; height:203px;*/}            
.candidate-match .form ul{ padding-top: 10px;}


.cart-box{ background: #f08200;/* min-height: 180px;*/ box-sizing: border-box; border: 1px solid #f08200; margin-top: 10px; border-radius: 5px; overflow: hidden;}
.cart-box-title{ height: 35px; line-height: 35px; font-size: 18px; color: #ffffff; padding:0px 10px;}

.cart-box-item{ width: 100%; display: table;}
.cart-box-item > div{ display: table-cell; vertical-align: top; box-sizing: border-box; position: relative;}
.cart-box-left{ width: 449px;}
.cart-box-left table{ width: 100%; background: #fff;}
.cart-box-left table th{ height: 33px; background: #e8ecf1; text-align: left;}
.cart-box-left table th,.cart-box-left table td{ padding:0px 10px; box-sizing: border-box;}
.cart-box-left table .cart-item td{ height: 36px; border-bottom: 1px dashed #e8ecf1;}
.cart-box-left table .cart-item:last-child td{ border-bottom: 0px;}
.cart-box-left table td a.delete{ display: inline-block; width: 17px; height: 17px; float: right;  background: url("../images/delete_ico.png") no-repeat center;}
.total-price td{ height: 35px; color: #f08200; border-bottom: 0px; border-top: 2px solid #f08200;}

.cart-box-right{ padding: 0px 16px 0px 20px;}
.cart-box-right .checkBox{ margin-top: 5px;}
.cart-box-right .checkBox p{ width: 288px; line-height: 18px; color: #fff; vertical-align: top;}
.cart-box-right .checkBox p a{ text-decoration: underline; color: #fff;}
.cart-box-right .checkBox label ins{ margin-right: 16px;}
.iagree{ line-height: 18px; padding-top:5px; padding-left:33px; color:#fff;}
.iagree a{ text-decoration: underline; color: #fff;}
.chekout-height{ height: 55px;}
.chekout{ width:324px; position: absolute; bottom: 10px;}
.chekout button{ width: 100%; height: 35px; border-radius: 5px; background: #585241; font-size: 18px; font-weight: bold; color: #fff;}

.orange-label{ color: #ff9900;}
.employer-dashboard-left.purchase-car-right{ width: 396px;}
.purchase-cart-box { display: block; margin-top: 0px;}
.purchase-cart-box .cart-box-item{ display: block;}
.purchase-cart-box .cart-box-item > div{ display: block;}
.purchase-cart-box .total-price td{ border-top: 1px solid #dedede;}
.purchase-cart-box .cart-box-left{ width: 100%;}
.purchase-cart-box .cart-box-title{ height: 57px; line-height: 57px; font-size: 24px; font-weight: bold;}
.purchase-cart-box .cart-box-right{ padding: 0px 15px;}
.purchase-cart-box .cart-box-right .checkBox{ margin-top: 10px;}
.purchase-cart-box .cart-box-right .checkBox p{ width: 328px;}
.purchase-cart-box .chekout{ width: 365px;}

.cart-tip{ font-size: 16px; margin-top: 20px; line-height: 22px;}
.cart-rate-card{ width: 100%; height: 35px; border-radius: 5px; background: #f08200; font-size: 18px; font-weight: bold; color: #fff; display: block; text-align: center; line-height: 35px; margin-top: 20px;}

.cart-list .cart-box-left table td{ height: 40px;}
.cart-list .chekout{  position:inherit; bottom: inherit; padding: 10px 0px;}
.cart-list .cart-box-right .checkBox{ margin-bottom: 10px;}
.cart-list .cart-box-right .checkBox p { width: 685px;}

.recruitment-day-form ul li label.label{ width: 160px;}
.recruitment-day-form.form > ul{ padding-bottom: 10px;}
.recruitment-day-form.form > ul > li .calendar input[type="text"]{ width: 610px;}
.recruitment-day-form .form-btn{ margin: 0px;}

.cart-list .cart-box-right .confirm-checkbox p{ width: 1150px;}

.secured-transaction ul{ display: table; width: 100%; padding: 20px 0px 5px 0px;}
.secured-transaction ul li{ display: table-cell; line-height: 22px;}
.secured-transaction ul li h3{ font-size: 24px; color: #f08200; font-weight: bold;}
.secured-transaction img{ vertical-align: middle; margin-right: 10px;}
.cart-confirm-form-btn{ margin: 0px;}
.cart-confirm-form-btn .gray-btn{ vertical-align: top;}            
.cart-confirm-form-btn div{ display: inline-block; vertical-align: top;}            
.cart-confirm-form-btn div p{ font-size: 10px; text-align: left; margin: 5px 10px; width: 190px;}            
                     
                     
.cart-box-title.acknowledgement-cart-title{ height: 77px; line-height: inherit;}
.cart-box-title.acknowledgement-cart-title h3{ line-height: 57px;}
.cart-box-title.acknowledgement-cart-title p{ font-size: 1rem; font-weight: normal; line-height: 1em;}

.date-period-form{ float: right; margin-top: 8px;}
.date-period-form.form .selectBox input[type="text"]{ width: 100px;}
.date-period-form .calendar-to{ margin: 0px 10px;}

.receipt-history-table tr td a{ color: #f08200;}


.candidate-match-create{border-top:3px solid #9b978d;}
.candidate-match-create-form > ul > li label.label{ width:306px;}
.candidate-match-create-form .form-btn{ margin:0px;}
.candidate-match-create-form > h3{ padding:17px 0px 20px 40px;  font-size:22px; line-height:1em; font-weight:bold; color:#f08200;}

.candidate-match-create-form > ul > li .formInput input[type="text"]{ width:750px;}

.form > ul > li .formInput .from-to{ font-size:13px;}
.form > ul > li .formInput .from-to input[type="text"]{ width:97px; margin:0px 5px;}

.from-to-to{ display:inline-block; vertical-align:middle; padding:0px 6px;}

.candidate-match-create-form > ul > li .formInput  .from-to-box span{ display:inline-block; vertical-align:middle; font-size:13px; margin-right:5px;}
.candidate-match-create-form > ul > li .formInput  .from-to-box span.from-to-span{ padding:0px 7px;}
.candidate-match-create-form > ul > li .formInput  .from-to-box input[type="text"]{ width: 120px; margin-right:5px;}


.employment-term .checkBox{ line-height:40px; margin-right:18px;}
.employment-term .checkBox:last-child{ margin-right:0px;}
.employment-term .checkBox label p{ color:#333;}


.paymenthistory-search{ width:80px; height:40px; border-radius:5px; margin-left:10px; background:#f08200; color:#fff; border:0px; cursor:pointer;}

 

.alertpopup{ display:none; position:absolute; z-index:999; top:0px; right:-403px; width:386px; height:470px; border-radius:8px; background:#8ea0ba; font-size:13px; line-height:18px; color:#fff;  box-sizing: border-box; padding:20px;}
.alertpopup:before{ display:block; content:""; width:0px; height:0px; border-top:10px solid transparent; border-bottom:10px solid transparent;  border-right:10px solid #8ea0ba; position:absolute; top:60px; left:-10px;  }

.alertpopup h3{ font-size:15px;}
.alertpopup ul li{ padding-left:15px; position:relative;}
.alertpopup ul li:before{ display:block; content:""; width:5px; height:5px; border-radius:5px; background:#fff; position:absolute; left:5px; top:3px;}



.save-tips{  box-sizing: border-box; padding:0px 10px; width:100%; height:20px; line-height:20px; position:fixed; bottom:0px; text-align:right;}


.tags-input-div{ display:inline-block; position:relative;}
.tags-input-div .tags-list{ width:300px; border:1px solid #eaeaea; border-radius:5px; box-shadow: 0px 2px 8px rgba(0,0,0,0.3); position:absolute; z-index:100; line-height:26px; top:35px; font-size:14px; background:#fff;}
.tags-input-div .tags-list ul li,.tags-input-div .tags-list h4{ box-sizing:border-box;  padding:0px 5px;  line-height:30px; }
.tags-input-div .tags-list h4{border-bottom:1px solid #f0f0f0;}
.tags-input-div .tags-list ul li{ cursor:pointer; margin-bottom:0px;}
.tags-input-div .tags-list ul li.active{ background:#f0f0f0;}

.tags-list:before{ display:block; content:""; width:0px; height:0px; border-left:10px solid transparent; border-right:10px solid transparent;  border-bottom:10px solid #fff; position:absolute; z-index:102; top:-10px; left:30px;  }
.tags-list:after{ display:block; content:""; width:0px; height:0px;  border-left:12px solid transparent; border-right:12px solid transparent;  border-bottom:12px solid #e5e5e5; position:absolute; z-index:101; top:-12px; left:29px;  }



.form > ul > li .formInput input[type="text"].tags-input{ width:150px; height:30px; line-height:30px; padding-left:0px; margin: 0px 5px 10px 5px; border:0px; box-shadow:none;}
.tags-eidtor{ width:650px; box-sizing:border-box; padding:10px 10px 0px 10px; border:1px solid #e5e5e5;border-radius:3px; [;width:640px;] }
.tag_item{ display:inline-block; background:#f0f0f0; height: 30px; line-height:30px; font-size:14px; color: #333333; padding: 0px 9px 0px 6px; border: 1px solid #d9d9d9; border-radius:3px; margin: 0px 5px 10px 5px; white-space: nowrap; cursor:pointer;}
.tag_item i{display: inline-block; vertical-align:middle; width: 14px; height: 14px; line-height:14px;  border-radius:3px; margin-left: 3px; text-align:center; font-style:normal; cursor:pointer; }
.tag_item i:hover{ background:#f90; color:#fff;}

.company-links{ display:inline-block;}

.company-links span{ width:32px; height: 32px; background-size:contain; margin-right:5px;}
.company-links span:last-child{ margin-right:0px;}
.company-links .stButton .stLarge{width:32px; height: 32px;}
.company-links span.stLarge:hover{background-size:contain;  background-position: -32px;}


.layui-tip-content{ padding:20px; font-size:14px;}
.layui-tip-content a{ color:#39f; text-decoration:underline;}


.match-days{ padding:20px;}
.match-days-form{ display:inline-block; vertical-align:middle; margin:0px 10px;}
.form.match-days-form  > ul > li .formInput .selectBox input[type="text"]{ width:60px; font-size:14px;}

.match-days-unit{ width:140px; border-radius:5px; overflow:hidden; border:1px solid #999;}
.match-days-unit h3{ line-height:38px; background:#999;  font-size:15px; color:#fff; padding:0px 10px;}
.match-days-unit ul{ padding:0px 10px;}
.match-days-unit ul li{ line-height:30px;}
.match-days-unit ul li span{ display:inline-block; width:90px; vertical-align:middle;}
.match-days-select{ margin-left:160px;}




.match-days .form-btn{ margin-top:30px;}




/*.company-logo{ height:60px;}*/
.company-logo a{ /*display:block;*/ width: 100%; height: 100%;}
.company-logo img{ max-height:100%; width:auto; max-width:100%;}