﻿.header {
  width: 1366px;
  margin: 0 auto;
  background: #0D3F62;
  color: #fff;
}
.header_top {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(221 ,221, 221, 0.2);
}
.header a{color: #fff;}
.header_top,.header_top p.fl{line-height: 44px;}
.header_top .login .fl{ padding-left:22px; margin-left: 20px\9;_margin-left: 20px;}
.header_top .login .fl span{ padding:0 4px;}
.header_top .login .fl .erm{ position: relative;cursor: pointer;display: block;width: 22px;width: 22px;float: right;margin-left: 12px; display: none\9;_display: none; }
.header_top .login .fl .wz{ position: absolute; top: 36px;right: -30px;z-index: 99;}

.header_top .login .fr{position: relative;cursor: pointer;}
.fr.login .line {
  padding: 0 10px;
}
.header_top .login .fr .phone{ background: url(/Content/Areas/Hospitals/images/index/phone.png) no-repeat left center; padding-left: 16px; }
.header_top .login .fr .eng{  }
.header_top .login .fr .mail{margin-left:14px;}
.header_top .login .fr img{position: absolute;top: 36px;right: 80px;z-index: 99;}
.fl.logo img {
  margin-top: 20px;
}
.search-box::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background: #e8e8e8;
  right: 50px;
  top: 12px;
}
.header_border{width: 970px;margin: 0 auto;}
.search-box {position: relative;width: 280px;float: right;}
.search-box .searchText {
  width: 260px;
  height: 40px;
  border-radius: 20px;
  padding-left: 17px;
  line-height: 32px;
  border-color: #fff;
  background: #0D3F62;
}
.search-box input::-webkit-input-placeholder{
  color:#fff;
}
.search-box input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#fff;
}
.search-box input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  color:#fff;
}
.search-box input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
  color:#fff;
}
.search-box .searchBtn{position: absolute;right: 15px;background: url(/Sites/Uploaded/UserUpLoad/20201113/20201113101313.png) no-repeat center;width: 24px;height: 24px;top: 10px;border: none;cursor: pointer;}

@media only screen and (max-width: 1000px){
 .header_border{width: 100%;box-sizing: border-box;}
}
@media only screen and (max-width: 768px){
  .login {width: 38%;}

.header_top .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:  10px;
  box-sizing: border-box;
}

.header_top {
  padding-bottom: 0;
}
  .header {
   width: 100%;
  }
  .fl.logo img{margin-top: 0;}
 .header_top p.fl,.header_top .login .fl .erm,.header_top .login .fr .phone{ display: none; }

 .logo,.search-box{/* float: none; */}
 .logo img{ display: block; margin: 0 auto; }
 .search-box{width: 77%;margin: 20px 0 0;}
 .search-box .searchText {width: 100%;}
 .header_top .login .fr {background: none;padding-left: 0;margin-left: 0;width: auto;}
 .search-box .searchBtn {
   right: 0;
  }
  .search-box::after {
 content: "";
 position: absolute;
 width: 1px;
 height: 20px;
 background: #e8e8e8;
 right: 35px;
 top: 12px;
}
} 
@media only screen and (max-width: 425px){
 .logo img{width: 100%;}
 .search-box {width: 60%;margin: 20px auto 0;float: left;}
 .header_top .login .fl span span{ display: none; }
 .search-box .searchBtn {
   right: 0;
  }
  
  .header_top .row {
   flex-direction: column;
   align-items: start;
  }
  
  .login {
   width: 100%;
  }
  
  .search-box {
   width: 80%;
   margin: 0;
  }
}
@media only screen and (max-width: 375px){
 .header_top > p.fl{ display: none; }
}  