.career-banner {
    height: auto;
    margin-bottom: 20px;
    position: relative;
}
.career-banner > div {
   height: 400px;
   background-size: cover;
   background-repeat: no-repeat;
   /*background-attachment: fixed;*/
   background-position: center;
  }
.distributorImg {
    background: url('../images/workWithUs/header1.jpg') no-repeat center center;
}
.careerImg {
    background: url('../images/workWithUs/header2.jpg') no-repeat center center;
}
.career-banner img{
    width:100%;
    height:100%;
    display:block;
}
.career-main {
    margin-bottom: 20px;
    border: 1px solid #dedede;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.step-form {
    width: 70%;
    margin: 0 auto;
}
.form-group > label {
    width: 240px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    position: relative;
    top: 6px;
    margin-right: 20px;
    font-family: Raleway-Medium !important;
}
.form-group > div {
    display: inline-block;
    width: calc(99.99% - 265px);
}

.career-main-title{
    font-family: Raleway-Bold !important;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0577e7;
    margin: 30px;
}

.career-page{
    display:flex;
}
.select-career{
    flex:1;
    cursor: pointer;
    text-align: center;
    padding-top:14px;
    background: #eee;
    transition: all .25s ease-in-out;
    padding:35px 0;
}

.career-page .select-career p{
      font-family: Raleway-Bold !important;
      font-size: 16px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #999999;
      margin-top:10px;
      transition: all .25s ease-in-out;
}

.career-page .select-career svg .changecolor{
    transition: all .25s ease-in-out;
}

.career-page .select-career:last-child {
    margin-left:0;
}

.select-career.active {
   color: #007aff !important;
   background-color:white;
}
.select-career.active p {
   color: #0077ec;
 }
.career-page .active .changecolor{
    fill:#007aff;
}
.career-page .active:hover{
    background: white;
}

.select-career:not(.active):hover .changecolor,.select-career:not(.active):hover p{
    fill: #666;
    color:#666;
}




.iconConent i {
    font-size: 26px;
}
.iconConent {
    background: #999;
    color: white;
    padding: 15px;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    display: inline-block;
    margin-bottom: 10px;
}
.select-career:last-child {
    margin-left: -5px;
}
.select-career:hover {
    background: #eee;
}
.select-title {
    margin: 20px auto;
    color: #4680ff;
    text-align: center;
}
.btnContent {
    text-align: center;
}

.career_info {
    margin: 50px;
}
.career_info__item {
    display: inline-block;
    width: calc(99.99% * 1/3);
    padding-right: 20px;
    margin-left: -5px;
    vertical-align: top;
}
.career_info__item h2{
    font-family: Raleway-Medium !important;
}
    
.career_info__item:nth-child(3n+1) {
    margin-left: 0;
}

#personal-captcha, #disrtibutor-captcha {
    display: inline-block;
    width: calc(99.99% - 200px);
    vertical-align: top;
}
.img-captcha {
    display: inline-block;
    width: 160px;
    border-radius: 2px;
    background-color: #ffffff;
    height: 34px;
}
.img-captcha2,#test2,#test {
    display: inline-block;
    width: 160px;
    border-radius: 2px;
    background-color: #ffffff;
    height: 34px;
}
.checkbox {
    text-align: left;
    padding-left: 4px!important;
}
#career-upload {
    width: 35px;
    float: left;
}
.img_upload {
    position: relative;
}
.user-avart {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 35px;
    height: 35px;
}
.uploadIcon {
    text-align: left;
}
.uploadIcon, .uploadIcon2 {
    line-height:35px;
    height:35px;
} 
.select-career.select {
    color: #007aff !important;
    background: #eee;
}
#Distributor-upload {
    width: 35px;
}
.user-avart2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 35px;
    height: 35px;
}
.checkbox2 {
    text-align: left;
    padding-left: 2px !important;
}
.img-info .File-name {
    margin-left: 10px;
}
.img-info, .img-info2 {
   padding-left: 10px;
}
.img-info2 .File-name2 {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px!important;
}
#personal-captcha,#disrtibutor-captcha {
    /*width: 350px;*/
    margin-right: 25px;
    display: inline-block;
    vertical-align: top;
}
#form-one .errorMessage {
    margin-left: -236px;
}
#form-two .checkbox {
    /*padding-left: 207px!important;*/
}
#personal-captcha {
    /*margin-left: -50px;*/
}
.finish-content {
   border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #dedede;
    display: block;
    padding-bottom: 30px;
}
.finishIcon {
    font-size: 60px;
    color: #92de26;
}
.finish-message p {
    line-height: 1.71;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0px;
}
#form-two .errorMessage {
    margin-left: 205px;
}
#no-personal-check {
   margin-left: -21px!important;
   text-align: center !important;
}
/*.yincang{
    display:none;

}*/
.spinner {
   position: fixed;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
}
.spinner > div {
  width: 30px;
  height: 30px;
  background-color: rgb(56,169,249);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.place {
    margin-left: 175px!important;
}
.loading-spinner {
    background-color:rgba(0,0,0,.6);
}

#modal-right .modal-dialog,#modal-left .modal-dialog{
    width: 400px;
}

 #err_cover{
     display:none;
 }
 #err_cover .info{
     width: 400px;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    line-height: 200px;
    font-size: 18px;
 }
 .modal-header, .modal-footer {
    border: none;
}
 .modal-header .close,.modal-header .close {
    padding: 0;
    padding-top: 10px;
    padding-right: 10px;
}
 .modal-body,#modal_error_tip {
    color: #333;
    margin-bottom: 0;
    margin-top: 10px;
}
.modal-body {
    margin: 25px;
    margin-top: 0;
    padding: 0;
}
.modal-footer,.modal-footer {
    padding-top: 20px;
    padding-bottom: 30px;
}
.modal-header, .modal-footer {
    border: none;
}
.width-90 {
    width: 90px;
}
#modal_error_tip {
    width: 300px!important;
}
.width-custom {
    width: 345px;
}

.de-html{
    border:1px solid rgba(0, 0, 0, 0.15);
    padding:0 20px;
    margin-top:10px;
    width:125%;
}
.de-html>div{
    margin:20px 0;
}
.de-html>div p{
    /*font-family: inherit;*/
    font-family: Noto Sans SC !important;
    font-weight: bold;
    line-height: 1.2;
    color: inherit;
    margin:0;
}
.de-html>div:last-child{
    margin-top:10px;
}
.de-html>div:last-child{
    margin-bottom:10px;
}


#career-form-submitSubmission{
    width:83%;
}
#submitSubmission label{
    width:350px;
}
#submitSubmission .form-group > div{
    width:532px;
}
#submitSubmission .submission-label{
    width:115%;
}
#submitSubmission .submission-checked-div{
    line-height:36px;
}
#submitSubmission .submission-check-label{
    width: auto;
    margin: 0 10px 0px 5px;
}
.no-personal-check2{
    margin-left: -50px!important;
}
#submitSubmission .font-weight-400{
    position: relative;
    padding-left: 0.5rem;
    text-align: left;
    color: #333;
    display: block;
    line-height: 1.8;
     width:60px;
}


.radio{
    padding:0;
}
.radio-inline{
    display: inline-block;
    margin-right: 20px;
}
.radio-inline input{
    visibility:hidden;
}

.font-weight-400 label{
    width:20px;
}
.form-radio .radio:first-child{
	padding-left:0;
}
.form-radio .radio label:before{
	display:none;
}
.radio .helper::after {
    transform: scale(0);
    background-color: #0577E7;
    border-color: #0577E7;
}
.form-radio .radio label::before {
    border: 1px solid #D6D6D6;
}
.radio label::before{
    border:transparent !important;
}
#form-three .errorMessage{
    margin-left:375px;
}
.submission-select,.submission-select-country{
    border: 1px solid #ced4da;
    border-radius: .25rem;
    width: 100%;
    height: 30px;
}
.us-add-p{

}