/*202105首页样式*/
.eccIndex{margin-top: -11px;}

/* banner */
a:hover{color: #18b;}
.hBanner{background: url('/static/echina/img/index/hBannerBg.jpg') no-repeat center 8%; background-size: cover; padding: 40px 0; margin-bottom: 20px;}
.hSearch{margin: 3em 0 4em;}
.hSearch h2{color: #fff; margin-bottom: 20px; font-size: 42px;}
.hSearch .form-control,.hSearch .form-controlxs,.hSearch .btnSearch{height: 46px; border-radius: 0; margin-bottom: 15px;}
.hSearch .enterSelWap{border-radius: 0;}
.hSearch .btnSearch{color: #01064a; background-color: #00e1ff; padding-left: 20px; padding-right: 20px;}
.hSearch .hPost{display: inline-block; color: #00eeff; margin: 0; font-size: 24px; text-decoration: underline;}
.hResume{position: relative; display: inline-block; margin: 2.5em 4em 0 -4em;}
.hResume:before{content: ''; border-radius: 10px; width: 100%; height: 100%; display: block; background: linear-gradient(-90deg,#ffad6d 0%, #ff5f72 100%); position: absolute; right: -4px; top: -4px; z-index: 0;}
.hResume>a{position: relative; z-index: 1; display: block; padding: 18px; background-color: #fff; border-radius: 10px;}
.hResume>a:before{content: ''; border-radius: 6px; width: 51px; height: 53px; display: block; background: #fff; position: absolute; right: -8px; bottom: -5px; z-index: 0;}
.hResume>img{position: absolute; bottom: -9px; right: -12px; z-index: 2; height: 60px;}
.hResumeTit{font-size: 20px; color: #f60;}
.hResumeFont{color: #01064a; padding: 10px 0 5px;}
.hResumeBtn,.hResumeBtn:hover,.hResumeBtn:focus{padding-left: 25px; padding-right: 25px; background: linear-gradient(-90deg,#ffad6d 0%, #ff5f72 100%); border-radius: 50px; color: #fff!important;}
@media (max-width: 1199px) {
  .hSearch h2{font-size: 36px;}
}
@media (max-width: 991px) {
  .hSearch h2{font-size: 29px;}
  .hResume{margin: 2em 0 0;}
  .hResume>a{padding: 15px;}
  .hResumeFont{font-size: 12px;}
  .hResumeBtn{padding-left: 15px; padding-right: 15px;}
}
@media (max-width: 991px) and (min-width: 768px) {
  .hBanner{padding-bottom: 20px;}
  .hResume{margin: 2em 2em 0 -2em;}
  .hResume>a:before{width: 43px; height: 44px; right: -9px; bottom: -6px; border-radius: 3px;}
  .hResume>img{bottom: -9px; right: -12px; height: 50px;}
  .hResumeTit{font-size: 16px;}
}
@media (max-width: 767px) {
  .hBanner{padding: 0;}
  .hSearch{width: 90%; margin-left: 5%; margin-top: 2em; margin-bottom: 0;}
  .hSearch h2{text-align: center; font-size: 22px;}
  .hSearch .hPost{font-size: 18px;}
  .hSearch .btnSearch{width: 100%;}
  .hBanner .col-sm-3{text-align: center;}
  .hResume{text-align: left; margin: 2em 0;}
  .hResumeTit{font-size: 24px;}
  .hResumeFont{font-size: 14px;}
}
@media (max-width: 319px) {
  .hSearch h2{font-size: 19px;}
}
/* /banner */

/* jobs */
.hJobs{margin-bottom: 8px;}
.hJobs .hJobsTop{display: flex; margin-bottom: 15px; justify-content: space-between;}
.hJobs .hJobsTop h3{font-size: 24px;}
.hJobs .hJobsTop a{font-size: 18px;}
.hJobs dl{background-color: #fff; border: 1px solid #ddd; min-height: 175px; margin-bottom: 12px; padding: 15px 20px 0 20px;}
.hJobs dl dt{margin: 0 auto 10px; width: 136px; height: 70px; display: flex; align-items: center; justify-content: center; border: 1px solid #eee;}
.hJobs dl dt img{filter: saturate(1.3); -webkit-filter: saturate(1.3); display: inline-block; max-width: 100%; max-height: 100%;}
.hJobs dl dd{text-align: center;}
.hJobs dl dd a{color: #333; display: block; font-size: 18px; margin-bottom: 0px; max-height: 50px; overflow: hidden;}
.hJobs dl dd a:hover,.hJobs dl dd a:focus{color: #333; text-decoration: underline;}
.hJobs dl dd p{display: inline-block; width: 100%; margin-right: 10px; font-size: 14px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666;}
.hJobs dl dd p i{width: 1em; text-align: center; margin-right: 5px;}
@media (min-width: 992px) {
  .hJobs dl dt img{max-width: 134px;}
}
@media (max-width: 991px) {
  .hJobs .hJobsTop{margin-bottom: 10px;}
  .hJobs .hJobsTop h3{font-size: 18px;}
  .hJobs .hJobsTop a{font-size: 14px;}
  .hJobs dl{padding: 15px; min-height: 0; overflow: hidden;}
  .hJobs dl dt{width: 30%; height: 74px; margin-right: 4%; margin-bottom: 0; float: left;}
  .hJobs dl dd{width: 66%; float: left; text-align: left;}
  .hJobs dl dd a{font-size: 14px; margin-bottom: 10px; max-height: 42px;}
  .hJobs dl dd p{font-size: 12px; margin-bottom: 0;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .hJobs dl dd a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
/* /jobs */

/* alert */
.hAlert{padding: 30px 0; margin-bottom: 20px; position:relative; z-index:1;
    background: -moz-linear-gradient(-45deg, #6cc 0%, #369 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6cc), color-stop(100%, #369));
    background: -webkit-linear-gradient(-45deg, #6cc 0%, #369 100%);
    background: -o-linear-gradient(-45deg, #6cc 0%, #369 100%);
    background: -ms-linear-gradient(-45deg, #6cc 0%, #369 100%);
    background: linear-gradient(-45deg, #6cc 0%, #369 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6cc, endColorstr=#369, GradientType=1);}
.hAlert:before{width: 100%; height: 100%; background: url(/static/echina/img/ad/empbg222.jpg) no-repeat bottom; background-size: cover; content: ""; position: absolute; top: 0; left: 0; z-index: -1; filter: alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20;}
.hAlert .hAlertImg{background-color: #00ae68; width: 20%; display: flex; justify-content: center; align-items: center;}
.hAlert .hAlertImg img{height: 56px;}
.hAlert .alertwrap{background-color: transparent; border: none; border-radius: 0; padding: 20px 40px; text-align: center; color: #fff;}
.hAlert .alertwrap .form1{position: relative;}
.hAlert .alertwrap .form1 .slide_ul_wrap{color: #333;}
.hAlert .alertwrap .form1 .jllarge-text{margin-bottom: 20px;}
.hAlert .alertwrap .form1 .col-sm-8{text-align: left;}
.hAlert .alertwrap .form1 .alertwrapinp1{margin: 0; font-size: 1em; border-radius: 0;}
.hAlert .simpe_alert_submit,.hAlert .simpe_alert_submit:hover,.hAlert .simpe_alert_submit:focus{color: #fff; background: transparent; border: 2px solid #fff; border-radius: 0;}
.hAlert .alertwrap .form1 .js-email-error{color: #fff!important; margin-top: 5px;}
.hAlert .alertwrap .form1 .js-email-error>a{color: #f08e00!important;}
.hAlert .alertwrap .alertwrap .form2{padding: 0;}
.hAlert .alertwrap .form2 .fa-check-circle{color: #fff; font-size: 4em;}
.hAlert .alertwrap .form2 a{color: #fff!important; margin-top: 5px;}
.hAlert .alertwrap .form2 a:hover,.hAlert .alertwrap .form2 a:focus{color: #fff; text-decoration: underline;}
@media (max-width: 767px) {
  .hAlert .hAlertImg{width: 100px; min-width: 100px;}
  .hAlert .alertwrap{padding: 0 15px; width: 100%;}
  .hAlert .alertwrap .form1 .jllarge-text{font-size: 21px;}
  .hAlert .alertwrap .form1 .alertwrapinp1{font-size: 14px;}
  .hAlert .alertwrap .form1 .btn{font-size: 14px;}
}
@media (min-width: 500px) and (max-width: 767px) {
  .hAlert .tk_shadow{max-width: 80%; margin-left: 10%;}
}

/* Explore  */
.hExplore{}
.hExploreList{line-height: 1.8;}
.hExploreList>strong{font-size: 18px; font-weight: normal;}
.hExploreList ul{margin: 5px 0;}
.hExploreList li a{display: inline-block;}
.hExploreList li a:hover,.hExploreList li a:focus{color: #333; text-decoration: underline;}
@media (max-width: 767px) {
  .hExplore{padding-bottom: 0;}
  .hExploreList{margin-bottom: 20px;}
  .hExploreList>strong{font-size: 18px;}
  .hExploreList ul{font-size: 14px;}
}
/* /Explore  */

/* Career Advice - Expat Life */
.artMore{text-align: right;}
.artMore a{font-size: 18px;}
@media (max-width: 767px) {
  .artMore a{font-size: 14px;}
}
/* /Career Advice - Expat Life */

/* Recruiters */
.hRecru{}
.hRecru p{}
.hRecru li{text-align: center; margin-bottom: 15px;}
.hRecru .imgCircle{display: inline-block; margin: 12px 0 8px; width: 90px; height: 90px; line-height: 86px; border: 2px solid #ddd; border-radius: 50%;}
.hRecru .imgCircle1{border-color: #3782e1;}
.hRecru .imgCircle2{border-color: #ffb400;}
.hRecru .imgCircle3{border-color: #ff7214;}
.hRecru .imgCircle4{border-color: #00ae68;}
.hRecru .imgCircle img{max-width: 40px; max-height: 40px;}
.hRecru span{color: #333; display: block;}
.hRecru a:hover span,.hRecru a:focus span{color: #333; text-decoration: underline;}
@media (max-width: 767px) {
  .hRecru li{display: flex; margin-bottom: 0;}
  .hRecru .imgCircle{width: auto; height: auto; line-height: inherit; border: none; margin-right: 5px;}
  .hRecru .imgCircle img{max-width: 20px; max-height: 20px;}
  .hRecru span{display: inline-block;}
}
/* /Recruiters */

/* artFollow */
.artFollow{border-top: 3px solid #00ae68; padding: 15px 0 10px 12px; text-align: left; background: #fff; margin-bottom: 15px; overflow: hidden;}
.artFollow ul{display: inline-block;}
.artFollow ul li{float: left; display: inline-block;}
.artFollow ul li a{font-size: 1.5em; color: #fff; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 4px; margin-right: 5px;}
.artFollow ul li a.mobile{font-size: 1.3em;}
.artFollow ul li a.facebook{background-color: #38569a;}
.artFollow ul li a.linkedin{background-color: #00699c;}
.artFollow ul li a.twitter{background-color: #50bbf2;}
.artFollow ul li a.instagram{background-color: #e95298;}
.artFollow ul li a.mobile{background-color: #00ae68;}
.artFollow .artFollowfont{float: left; font-weight: bold; position: relative; top: -1px; font-size: 1em; padding:10px 5px 8px}
.artFollow .article_codetip{margin: 0 auto; text-align: center;}
.artFollow .tooltipwrap .tootip{min-width: 0;}
.artFollow .article_codetip>img{padding: 2px 0 5px; display: block;}
/* /artFollow */





















/* ↓zao↓ */
.eccboxtit{height: auto; border: none; margin-bottom: -1px; border-top: 3px solid #00ae68; box-shadow: none;}
.eccboxtit h2 a{padding: 10px 15px 0px; min-height: 8px;}
.eccboxtit h2 a:hover{text-decoration: underline;}
.eccboxtit_rightfont{display: inline-block; padding-top: 8px; padding-right: 15px; font-weight: bold; color: #c00; text-decoration: none;}
.eccboxtit_rightfont:hover{text-decoration: underline; color: #c00;}

.eccbox h3{padding: 0 0 4px 0; line-height: 1.2; font-size: 1.6em;}
.eccbox p{color: #444; margin: 0;}
.eccbox p a{color: inherit;}
.eccboxin{background: #fff; padding: 12px 15px;}
.eccboxin p{color: #444; margin: 0;}
.eccboxin .ulRecuriter{margin-bottom: 12px; color: #444;}
.eccboxin .ulRecuriter li{padding: 4px 0;padding-left: 15px;position: relative;}
.eccboxin .ulRecuriter li:before{display: inline-block; border-radius: 50%; background: #fff; border: 1px solid #18b; width: 8px; height: 8px; content: ''; margin-right: 6px;position: absolute;left: 0px;top: 0.75em;}
.eccboxin .btnPost{background-color: #18b; border-radius: 0; padding-left: 2em; padding-right: 2em;}
.eccboxin .btnPost:hover{opacity: .9;}

.eccwrap.aboutwrap{}
.eccwrap.aboutwrap a,.eccwrap.aboutwrap a:hover{cursor: default; color: #333; text-decoration: none!important;}
.eccwrap.aboutwrap .eccboxin{padding:12px 15px 20px;}
.eccwrap.aboutwrap .eccboxin p{font-size: 1em;}

.row1 {margin-left: -15px; margin-right: -15px;}
.row1 .col-md-3{ padding-left: 15px; padding-right: 15px;}
.art4img img{width: 100%;}
.articleImgWap img{max-width: 100%;}
.articleImgWap .imgWapTit{padding:10px 5px;}

/* City Guides */
.eccboxtit h2 a.cityGa{text-decoration: none; cursor: default;}
.eccboxtit h2 a.cityGa:hover{text-decoration: none;}
.cityGul{overflow: hidden; margin: 0;}
.cityGul li{float: left;}
.cityGul li a{display: inline-block; padding: 0 4px; margin: 4px 6px 4px 0; text-decoration: none;}
.cityGul li a:hover{text-decoration: underline;}
.cityGul li a.red{color: #f08e00; font-weight: bold;}
.cityGul li a.orange{color: #00ae68; font-weight: bold;}


@media screen and (min-width: 1200px) and (max-width: 1920px) {
  .art4img img{max-height: 135px;}
}
@media (min-width: 1920px) {
  .container{width: 80%; max-width: 1700px;}
  .art4img img{max-height: 200px;}
}

@media (max-width: 1200px) {
  .eccbox h3{font-size: 1.3em;}
}

@media screen and (min-width: 992px) and (max-width: 1200px){
  .artFollow .artFollowfont{padding:0 0 10px;}
  .font13md{font-size: 13px;}
  .art4img img{max-height: 100px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
  .eccbox h3{padding-top: 0;}
  .artFollow{text-align: center;}
  .artFollow .artFollowfont{display: inline-block; float: none;}
  .artFollow ul li{float: none;}
  .articleImgWap .imgWapTit{height: 52px; margin-bottom: 20px; overflow: hidden;}
  .art4img img{max-height: 230px;}
}

@media (max-width: 767px) {
  .eccbox h3{font-size: 1.1em;}
  .art4img .articleImgWap{margin-bottom: 15px;}
  .art4img img{max-height: 300px;}
}

@media (max-width: 370px) {
  .tagTit{padding:5px 0;}
  .tagBox ul{margin-left: -7px; margin-right: -7px; letter-spacing: -0.4px;}
  .tagBox ul li a{margin:0;}
  .tagBox ul li:nth-child(2n) a{margin-left: 4px;}
  .tagBox ul li:nth-child(2n+1) a{margin-right: 4px;}
}

@media (min-width: 767px) {
  .eccIndex{padding: 0 0 20px; background: url('indexbge.jpg') no-repeat bottom center; background-size: contain;}
  .eccbox h3.llarge-text{position: relative; top: -0.2em;}
}

.footerIn{margin-top: 0;}

/* 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;}