body {
    font-family: Georgia, serif;
    /*font-size: 18px;*/
}
.navbar-default {
    background-color: #fff;
    border: none;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.25);
    margin-bottom: 0;
}

.logo-layer{
    width: 100%;
}

.header-wrap__left img{
    width: 80%;
    margin: 0 10px;
}
.header-wrap__left .af-logo{
    width: 8%;
}
.header-wrap__left{
    margin-top: 10px;
    padding-left: 140px;
}

.logo-container-seperator{
    font-family: "italic";
    font-size: 35px;
    color: lightgray;
    font-weight: lighter;
    margin: 0 5px;
}
.header-wrap__right{
    padding: 0;
}
.header-wrap__right img{
    padding-right: 20px;
    margin-top: 15px;
    /*padding-left: ;*/
}
.header-wrap__right img{
    float: right;
    width: 20%; /* 图片宽度填充 div */
}
.ama-logo{
    margin-top: 20px !important;
}
.polyu-main-logo{
    /*margin-top: 0 !important;*/
    /*padding-top: 0 !important;;*/
    width: 25% !important;
    /*padding-right: 0 !important;*/
}

/*menu-related*/

#menu{
    margin-bottom: 0;
    background-color: #fff;
    border: none;
}
.menu-container{
    width: 80%;
    padding-left: 110px;
}
.navbar-default .navbar-nav > li > a, .navbar-right > a {
    font-size: 15px;
    font-weight: bold;
    color: #666;
    /*color: black;*/
    height: 60px;
    line-height: 35px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu{
    width: 200px;
}
.dropdown-item{
    padding: 5px 10px;
    font-weight: bold;
    color: #666;
    line-height: 35px;
    display: block;
}

.arrow {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-top: 0.15em solid darkgray;
    border-right: 0.15em solid darkgray;
    transform: rotate(135deg);
    margin-left: 0.3em;
    margin-bottom: 2px;
}

/* ===== Mobile-friendly navbar tweaks ===== */

/* 基础配色与过渡（保持你原来的风格） */
.navbar-default {
    transition: box-shadow .2s ease, background-color .2s ease;
  }
  
  /* 平板（≤ 991px） */
  @media (max-width: 991px) {
    .menu-container{
      width: 100%;
      padding-left: 16px;          /* 原 110px 大幅缩小 */
      padding-right: 16px;
    }
    .header-wrap__left{            /* 顶部左侧 Logo 容器更紧凑 */
      margin-top: 6px;
      padding-left: 16px;
    }
    .header-wrap__left img{
      width: 58%;
      max-width: 220px;
    }
    .header-wrap__right img{       /* 右侧校徽/院徽：缩小并减少占位 */
      width: 22%;
      padding-right: 8px;
      margin-top: 10px;
    }
  
    /* 顶部菜单项：字号 & 行高更适合触控 */
    .navbar-default .navbar-nav > li > a,
    .navbar-right > a{
      font-size: 15px;
      height: 48px;               /* 触控高度 */
      line-height: 28px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    /* 下拉菜单：更大间距，易点 */
    .dropdown-menu{
      min-width: 220px;
      border-radius: 8px;
      overflow: hidden;
    }
    .dropdown-item{
      padding: 10px 14px;
      line-height: 24px;
      font-size: 15px;
    }
    .dropdown-item:hover{
      background:#f5f5f5;
    }
  
    /* 下拉箭头更小一点以免显得拥挤 */
    .arrow{
      width: .45em; height: .45em;
      border-top: .12em solid darkgray;
      border-right: .12em solid darkgray;
      margin-left: .25em;
      margin-bottom: 1px;
    }
  }
  
  /* 手机（≤ 768px） */
  @media (max-width: 768px) {
    /* 如果 header.html 使用了 Bootstrap 的 collapse 结构，这里让折叠后的菜单全宽显示 */
    .navbar-collapse{
      padding: 8px 12px;
      border-top: 1px solid #eee;
      background: #fff;
    }
    .navbar-default .navbar-nav > li{
      float: none;                 /* 纵向排列 */
    }
    .navbar-default .navbar-nav > li > a{
      height: 44px;                /* iOS/Android 推荐触控高度 */
      line-height: 26px;
      font-size: 16px;             /* 略大，便于阅读 */
      padding: 9px 6px;
    }
  
    /* 下拉菜单在手机上改为“占满容器宽度”的块状 */
    .navbar-default .navbar-nav .open .dropdown-menu{
      display: block;
      position: static;            /* 取消绝对定位，跟随文流 */
      float: none;
      width: 100%;
      margin-top: 0;
      background: #fff;
      border: 0;
      box-shadow: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
      padding: 10px 8px 10px 14px;
      font-weight: 600;
      color: #555;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li + li > a{
      border-top: 1px solid #f1f1f1;
    }
  
    /* 顶部左右 Logo：在手机上更紧凑，必要时可隐藏右侧 */
    .header-wrap__right img{
      width: 26%;
      padding-right: 6px;
      margin-top: 8px;
    }
    /* 如需隐藏右侧院徽，可打开下一行 */
    /* .header-wrap__right{ display:none; } */
  }
  
  /* 小屏（≤ 576px）进一步紧凑 */
  @media (max-width: 576px) {
    .menu-container{ padding-left: 12px; padding-right: 12px; }
    .navbar-default .navbar-nav > li > a{
      font-size: 15.5px;
      padding-left: 4px;
      padding-right: 4px;
    }
    .dropdown-item{ font-size: 15px; }
  }