/* newVisitor1 newVisitor4 */
.newVisitor{}
.newVisitor h2,.newVisitor p,.nvSignBtnFont{line-height: 1.3;}
.newVisitor h2{font-size: 30px; margin-bottom: 10px;}
.newVisitor p,.nvSignBtnFont{font-size: 18px;}
.newVisitor p{margin-bottom: 25px;}
a.nvSignBtn{font-size: 14px; text-decoration: none!important; margin-right: 20px; margin-bottom: 10px; padding:10px 5px; width: 220px; text-align: center; display: inline-block;}
a.nvSignBtn .fa{margin-right: 10px; font-size: 19px; position: relative; margin-top: -2px; top: 2px;}
a.nvSignBtn img{width: 16px; height: 16px; margin-right: 8px;}
a.nvSignBtnG{color: #333!important; background-color: #fff; border:1px solid #ddd;}
a.nvSignBtnF{color: #fff!important; background-color: #3b579c; border:1px solid #2a468c;}
.nvSignBtnFont{display: inline-block;}
.nvSignBtnFont a.nvLink{text-decoration: underline;}
.newVisitor1{box-shadow: 0 -3px 6px rgba(0,0,0,.15); background: #fff!important; background-image: none; padding:25px 10px; position: fixed; left: 0; bottom: 0; z-index: 111; width: 100%;}
.newVisitor1 .nvFirstImg{position: absolute; left: 75%; bottom: 30px; width: 280px; margin-left: -50px;}
.newVisitor1 .container{padding-left: 50px; position: relative; z-index: 1; overflow: inherit;}
.newVisitor1 h2,.newVisitor1 p,.newVisitor1 .nvSignBtnFont{color: #333;}
.newVisitor1 a.nvLink{color: #18b;}
.newVisitor1 a.close-xi{position: absolute; right: 10px; top: -10px; width: 33px; height: 33px;}
.newVisitor1 a.close-xi img{max-width: 100%; opacity: .2;}
.newVisitor1 a.close-xi:hover img{opacity: .3;}
@font-face{
 font-family: 'Roboto Condensed'; 
 src: url('fonts/RobotoCondensed-Regular.eot');
 src:url('fonts/RobotoCondensed-Regular.woff') format('woff'),
 url('fonts/RobotoCondensed-Regular.ttf') format('truetype'),
 url('fonts/RobotoCondensed-Regular.svg') format('svg');
}
.newVisitor4{margin-bottom:30px; margin-top:15px; padding:25px 35px; border-radius: 4px; box-shadow: 0 -50px 100px rgba(255,255,255,1); position: relative;overflow: hidden;color: #fff; background: #4075db; z-index: 1;
  background: -moz-linear-gradient(113deg, #00c4cc 0%, #7d2ae8 100%);
  background: -webkit-linear-gradient(113deg, #00c4cc 0%, #7d2ae8 100%);
  background: -o-linear-gradient(113deg, #00c4cc 0%, #7d2ae8 100%);
  background: -ms-linear-gradient(113deg, #00c4cc 0%, #7d2ae8 100%);
  background: linear-gradient(113deg, #00c4cc 0%, #7d2ae8 100%);
}
.newVisitor4:before{width: 100%; height: 100%; background: url('/static/echina/img/article/nvFourLinear.png') no-repeat right center; background-size: contain; content: ""; position: absolute; right: 0; top: 0; z-index: -1;}
.newVisitor4 h2{font-family: 'Roboto Condensed',Impact, Helvetica, Arial, 'microsoft yahei'; color: #fff; font-size: 27px; margin-bottom: 15px;}
.newVisitor4 .nvSignBtnFont{font-size: 16px;}
.newVisitor4 .nvSignBtnFont .nvLink{color: #ffe063;}

@media (max-width: 1200px) {
  .newVisitor h2{font-size: 24px; margin-bottom: 8px;}
  .newVisitor p,.nvSignBtnFont{font-size: 14px;}
  .newVisitor p{margin-bottom: 20px;}
  .nvSignBtnFont{display: block;}
  .newVisitor1 .container{padding-left: 5px;}
  .newVisitor4 h2{font-size: 21px; margin-bottom: 15px;}
  .newVisitor4 .nvSignBtnFont{font-size: 14px;}
}
@media (max-width: 992px) {
  .newVisitor1{background: linear-gradient(-52deg, #fff 20%, #3385ff 20%);}
  .newVisitor1 .nvFirstImg{left: 80%; width: 200px;}
}
@media (max-width: 767px) {
  .newVisitor h2{font-size: 18px; padding-right: 0; font-family: Helvetica, Arial, 'microsoft yahei';}
  .newVisitor p,.nvSignBtnFont{font-size: 14px;}
  .newVisitor p{margin-bottom: 15px;}
  a.nvSignBtn{min-width: 200px; width: 60%; max-width: 220px;}
  .newVisitor1{padding: 15px 10px;}        
  .newVisitor1 .nvFirstImg{display: none;}        
  .newVisitor1 h2{padding-right: 25px;}
  .newVisitor1 a.close-xi{right: 0px; top: -5px;}
  .newVisitor4{padding:15px;}
  .newVisitor4:before{right: -100px; bottom: -20px;}
  .newVisitor4 h2{margin-bottom: 10px;}
  .newVisitor4 .nvSignBtnFont{font-size: 14px;}
}
@media (max-width: 530px) {
  .newVisitor1 a.nvSignBtn{padding:7px 5px;}
  .newVisitor1 .nvFirstImg{left: 75%;}
}

/* looking for jobs details */
.lookForJob{font-family: Helvetica, Arial, 'microsoft yahei'; width: 100%; margin-bottom:30px; overflow: hidden; background-color: #ffe168; padding:25px 25px;}
.lookForJob a,.lookForJob a:hover{text-decoration: none!important; display: block;}
.lookForJob h2,.lookForJob h5{font-weight: normal; color: #222; display: inline-block; font-size: 18px; margin:10px 0;}
.lookForJob button{background-color: #1677d9; border: 1px solid #1677d9; font-size: 14px; padding:8px; display: inline-block; color: #fff; text-decoration: none!important; width: 100%; text-align: center;}
@media (max-width: 1200px){
  .lookForJob{padding: 20px 35px;}
  .lookForJob h2,.lookForJob h5{margin: 0;}
  .lookForJob h2{margin-bottom: 5px;}
  .lookForJob button{margin-top: 5px;}
}
@media (max-width: 767px){
  .lookForJob{padding: 15px;}
  .lookForJob h5{font-size: 14px; display: block;}
  .lookForJob button{width: 60%; margin-top: 10px;}
}

/* nvJobsListTab */
.nvJobsListTab{font-family: Helvetica, Arial, 'microsoft yahei'; width: 100%; margin-bottom:30px;}
.nvJobsListTab.table-bordered>thead>tr>th{font-weight: normal; padding:6px 15px; background-color: #eee; background-image: linear-gradient(180deg, #fff 0%, #eee 100%); border-bottom: 0; font-size: 18px;}
.nvJobsList{padding:13px 15px;}
.nvJobsListLogo{float: left; border: 1px solid #eee; border-radius: 2px; height: 70px; line-height: 65px; width: 105px; text-align: center; overflow: hidden;}
.nvJobsListLogo img{display: inline-block; max-width: 100%; max-height: 100%;}
.nvJobListTit,.nvJobListComp,.nvJobListicon{padding-left: 120px;}
.nvJobListTit,.viewMore{text-decoration: none!important; display: block; font-size: 18px; margin-bottom: 10px; line-height: 1.3;}
.nvJobListTit:hover,.viewMore:hover{text-decoration: underline!important;}
.nvJobListComp,.nvJobListicon li,.nvJobListicon li a,.nvJobListicon li a:hover{font-size: 12px; color: #666!important; text-decoration: none!important;}
.nvJobListicon li{display: inline-block; padding-right: 10px;}
.nvJobListicon li i{font-size: 14px;}
.viewMore{text-align: center; display: block; margin:0; padding:8px 0;}
@media (max-width: 767px){
  .nvJobsListLogo{height: 50px; line-height: 45px; width: 60px; border-color: #ddd;}
  .nvJobListTit,.nvJobListComp,.nvJobListicon{padding-left: 70px;}
  .nvJobListTit{margin-bottom: 5px; word-break: break-word;}
  .nvJobListicon{padding-top: 2px;}
  .nvJobListicon li{display: block; padding-right: 0; padding-top: 2px;}
  .nvJobListicon li i{font-size: 12px; width: 1em; text-align: center; margin-right: 0.1em;}
}