a{
    text-decoration: none;
}
body.state-block {
    overflow-y: hidden;
}
.wrap-container{
    margin: 0 auto;
    width: 1040px;
    font-size: 13px;
    display: flex;
    padding-top: 10px;
}

.wrap-container .wrap-left{
    width: 235px;
}
.wrap-left-inner-box{
    width: inherit;
}

.wrap-container .wrap-right{
    flex: 1;
    margin-left: 25px;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}
.flex-row.left-justify-content {
    justify-content: flex-start;
}
.highlight {
    font-weight: bold;
    font-size: 14px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
li{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.download_form input[type='email']{
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 29px;
    font-size: 23px;
    box-sizing: border-box;
    color: #096ece;
}
.input-row .input-row-area{
    position: relative;
}
input[type='text'].input-row-text,  input[type='email'].input-row-text, .white{

    background-color: white;
    border: #d1d1d1 solid 2px;
}
input::-ms-clear{
    display: none;
}

/*input[type='text'].input-row-text:focus, */
input[type='email'].input-row-text:focus{
    border: 2px solid #096ece;
    outline: none;
    color: #096ece;
}
input[type='text'].input-row-text.focus-adjust{
    color: #096ece;
    border: 2px solid #096ece;
}
input[type='text'].input-row-text.focus, input[type='email'].input-row-text.focus{
    border: 2px solid #096ece;
    outline: none;
    color: #096ece;
}
label.input-row-label{
    font-size: 17px;
    color: #000;
}
input[type='text'].input-row-text.focus ~ .rmb, input[type='text'].input-row-text.focus-adjust ~ .rmb{
    color: #096ece;
}
.select-city-box {
    margin-bottom: 20px;
}
.blue {
    border: solid 1px #096ECE;
    color: #FEEEF5;
    background: #096ECE;
}

.logo-account {
    width: 180px;
    margin: 20px auto;
    display: block;
}
.download_form {
    margin-bottom: 20px;
    position: relative;
}
.box-mail > .report_email{
    font-weight: normal;
    /*display: none;*/
    width: 300px;
    padding-left: 10px;
    height: 50px;
}

.report_email:focus{
    /*outline: #08c100 auto 1px;*/
    border: 2px solid #096ece;
    outline: none;
}

.wrap-container.filter .wrap-right{
    filter: grayscale(100%);
    transition: filter 1s;
}
.wrap-container .wrap-right{
    filter: grayscale(0%);
}
.box-mail{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    transition:height .3s linear;

    overflow: hidden;
    height: 0;
}

.website-functional-warning{
    position: absolute;
    right: 12px;
    font-size: 23px;
    top: 11px;
    color: red;
}
.tip-box{
    position: absolute;
    color: red;
    right: 230px;
    padding: 7px;
    font-size: 12px;
    top: 47px;
    font-weight: normal;
}
.report_email.error{
    /*outline: red auto 1px;*/
    border: 2px solid red;
}

.submit-contact{
    cursor: pointer;
}
.wrap-bottom-float{
    display: flex;
    flex-direction: column;
    width: inherit;
}
.map-section {
    min-height: 100px;
    position: relative;
}

.box-maps{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
div[id^="container-map-"]{
    width: 100%;
    height: 350px;
    margin-top: 20px;
    border: 1px solid #dddddd;
}
.box-baidu-map{
    width: 100%;
    margin-bottom: 60px;
}
div.box-container .box-baidu-map .box-title {
    margin: 20px 0;
}


.map-logo-border{
    border: 1px solid #003399 !important;
    box-sizing: border-box;
}
.tab-location{
    margin: 50px 0 0;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
.tab-location thead th {
    padding: 5px;
    text-align: center;
    font-size: 16px;
    color: #096ece;
    font-weight: normal;
    border-bottom: 1px solid #DDDDDD;
}
.tab-location .align-left {
    text-align: left;
    width: 170px;
    padding-left: 10px;
}
.tab-location tbody td {
    padding: 0 5px;
    font-size: 14px;
    color: #333333;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    line-height: 40px;
}
.tab-location tbody tr:nth-child(odd) td {
    background-color: #EFEFEF;
}
.tab-location tbody td .tag-circle{
    margin: auto;
    width: 8px;
    height: 8px;
}

.child-title {
    font-size: 16px;
    font-weight: bold;
}
.data-table td, .data-table th {
    border: 1px solid #000000;
}
.data-table {
    border-collapse: collapse;
    border-spacing: 0;
}
.data-table th {
    background-color: #EEEEEE;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    line-height: 18px;
    font-weight: bold;
    padding: 4px;
}
.data-table td {
    padding: 4px;
    vertical-align: top;
}

.login-box {
    font-size: 18px;
    padding-bottom: 22px;
}
.login-box a {
    display: inline;
}

.box-also-like {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
.box-also-like .title{
    padding: 5px;
    color: white;
    background: #1B2C99;
    /*background-image: linear-gradient(to bottom, #6EB1EB, #2B6DDA);*/
    text-align: center;
    font-size: 16px;
}
section.box-container.box-also-like .headerTitle {
    font-size: 22px;
    justify-content: center;
}

.box-also-like .employers {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px 0;
}
.employers a:first-child .employer-logo {
    margin-top: 0;
}
.employer-logo {
    max-width: 180px;
    height: 60px;
    border: 1px solid #B2B2B2;
    background-color: #FFFFFF;
    padding: 2px;
    margin-top: 20px;
}
.employer-logo img {
    width: 100%;
}
.employer-logo:hover {
    border: 1px solid #096ECE;
}
.box-also-like .employers .employer-logo {
    width: 180px;
    height: 60px;
}
.box-also-like .employers > a:last-child .employer-logo {
    width: 180px;
    height: 60px;
    margin-bottom: 0;
}


.loading-icon {
    width: 60px;
    height: 60px;
    padding: 20px;
    margin: auto;
}
.loading-icon img {
    width: 100%;
}
.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.employer-main-title {
    font-size: 36px;
    color: #003399;
}

div.box-container {
    padding: 20px 20px 40px;
    border-top: 1px solid #000000;
}
div.box-container .text-content {
    font-size: 16px;
    margin-top: 10px;
}
div.box-container .box-title{
    color: #003399;
    font-size: 22px;
    margin: 20px 0 30px;
}
div.box-container .functional-area-groups {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    height: 260px;
    color: #333333;
    margin-bottom: -10px;
}
div.box-container .functional-area-groups.show-details {
    align-items: flex-start;
    height: auto;
    flex-wrap: nowrap;
}
.data-details {
    margin-bottom: 40px;
}

.item-title{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.item-title .salary {
    font-size: 14px;
    line-height: 1em;
    display: flex;
    align-items: center;
}
.item-title .minus {
    width: 10px;
    text-align: right;
}
.item-title .salary:before {
    content: "CNY";
}
.item-title .salary .m-salary {
    width: 56px;
    text-align: right;
}
.item-title {
    width: calc(50% - 1px);
    display: flex;
}
.tag-circle{
    border-radius: 50%;
    border: solid 1px #2FB31D;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    background-color: #2FB31D;
}
.item-title.unchecked .tag-circle{
    background-color: #FFFFFF;
    border: solid 1px #AEAEAE;
}
.item-title .content {
    flex: 1;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}
.item-title.unchecked .content {
    color: #AEAEAE
}

.item-title .data-details {
    width: 100%;
}
.job-roles {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #CCCCCC;
    padding-bottom: 10px;
    position: relative;
}
div.box-container .job-roles:last-child {
    padding-bottom: 0;
}
.item-title .last-blank {
    width: 40px;
    padding-right: 20px;
    color: #999999;
    font-size: 11px;
    text-align: right;
}
.item-title.job-role-title .last-blank {
    width: 22px;
}
.item-title.job-role-title {
    margin-bottom: 20px;
    cursor: pointer;
}
.item-title.job-role-title > .content {
    font-family: sans-serif;
}
.item-title.job-role-title .toggle-arrow {
    padding-right: 5px;
}
.item-title.job-role-title .content {
    font-size: 18px;
    user-select: none;
}
.item-title .mid-content {
    min-width: 130px;
    padding-left: 20px;
    font-size: 14px;
}
.job-role-title.item-title .mid-content {
    color: #096ece;
}
a.content {
    color: #096ece;
}
a.content:hover {
    text-decoration: underline;
}
.item-title .salary-pdf-download {
    width: 20px;
    padding-left: 10px;
    padding-top: 5px;
}
.salary-pdf-download img {
    width: 16px;
    cursor: pointer;
}
.stability {
    width: 210px;
    padding-left: 0;
}
.stability .stability-data {
    margin: 0 5px;
}
.stability .tips-show-information {
    cursor: pointer;
}
.stability-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
div.box-container .job-roles .functional-area-groups {
    display: block;
    height: auto;
}
div.box-container .job-roles .item-title {
    width: 100%;
}
div.box-container .job-roles .functional-area-groups > .functional-area .item-title.group-title {
    line-height: 40px;
    height: 40px;
    margin-bottom: 0;
    padding-left: 10px;
    width: calc(100% - 10px);
}
div.box-container .job-roles .functional-area-groups > .functional-area:nth-child(odd) {
    background-color: #EFEFEF;
}
div.box-container .job-roles.closed .functional-area-groups {
    display: none;
}
div.box-container .job-roles .functional-area-groups > .functional-area {
    border-bottom: 1px solid #DDDDDD;
}
div.box-container .job-roles .functional-area-groups > .functional-area:first-child {
    border-top: 1px solid #DDDDDD;
}

.tips {
    padding: 10px 15px;
    border: solid 1px #2A7AD2;
    background-color: #FFFFFF;
    width: 210px;
    position: absolute;
    z-index: 99;
    line-height: 1.7em;
}
.tips:after {
    left: -12px;
    top: 21px;
    display: block;
    width: 0;
    height: 0;
    border: 6px solid #2A7AD2;
    border-color: transparent #2A7AD2 transparent transparent;
    background: transparent;
    content: " ";
    position: absolute;
}
.tips.reverse:after{
    right: -12px;
    left: initial;
    top: 21px;
    display: block;
    width: 0;
    height: 0;
    border: 6px solid #2A7AD2;
    border-color: transparent transparent transparent #2A7AD2;
    background: transparent;
    content: " ";
    position: absolute;
}
.job-roles .tips {
    top: 1px;
    left: 690px;
}
.job-roles .tips.reverse {
    top: 2px;
    LEFT: 415px;
}
.item-title .btn-liner-green {
    height: 20px;
    font-size: 14px;
    padding: 8px 15px;
}
.item-title .box-form-input {
    margin-right: 5px;
}
.item-title .box-form-input input {
    width: 180px;
}

.item-title .first-blank {
    width: 130px;
}
.item-title .download-tag {
    width: 120px;
    text-align: right;
    font-size: 12px;
    color: #0095ff;
    padding-right: 10px;
}

.form-download-pdf {
    height: 0;
    overflow: hidden;
}
.form-download-pdf.animation-open {
    transition: height .5s linear;
    height: 69px;
}
.form-download-pdf.send-success {
    height: auto;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}
.form-download-pdf .success-box {
    font-size: 14px;
    font-weight: normal;
    color: #060;
    /*background: url(../../img/dhr_ok_32x32.png) no-repeat #E6F8DD 10px 50%;*/
    /*padding: 10px 10px 10px 55px;*/
    background-color:  #E6F8DD;
    padding: 10px;
    margin: 0 15px 10px 0;
    border: solid 1px #119911;
    line-height: 1.5em;
}
.salary-pdf-download img.success-icon {
    cursor: auto;
}

.page-footer{
    margin: 0;
    padding: 20px 0 20px 0;
}