@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

.NOC_Title {
  font-size: calc(1.2em + .8vw);
  font-family: 微軟正黑體;
  line-height:1em;
  margin-top:1em;
}

/* header{
  max-height:10%;
} */

.text-small {
  font-size: 80%;
  font-weight: 700;
}

.w > li {
  width: 85px;
}

.dropdown-menu {
  font-size: 1em;
}

.content .accesskey_l a span,
.content .accesskey_c a span,
.content .accesskey_r a span
{
  visibility: visible !important;
  display: block;
  overflow: hidden;
}

.m4{
  margin-left:1.5rem !important;
}

  a.navbar-brand {
      white-space: normal;
      text-align: center;
      word-break: break-all;
  }

  a {
      color: #0077cc;
  }

  .btn-primary {
      color: #fff;
      background-color: #1b6ec2;
      border-color: #1861ac;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
      color: #fff;
      background-color: #1b6ec2;
      border-color: #1861ac;
  }

  .border-top {
      border-top: 1px solid #e5e5e5;
  }

  .border-bottom {
      border-bottom: 1px solid #e5e5e5;
  }

  .box-shadow {
      box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
  }

  button.accept-policy {
      font-size: 1em;
      line-height: inherit;
  }

footer {
  width: 100%;
  white-space: nowrap;
  bottom: 0;
  line-height: 60px;
  min-height: 65px;
  font-size:1.1em;
}

.dropdown-toggle {
  outline: 0;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}



.bic {
    font-size: 1.3em;
}

th.headerCustomClass{
  justify-content:center;
  background-color:rgb(16, 0, 139) ;
  color: white;
  font-weight: bold !important;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 576px) {
  .edulogo {
    max-width: 50px;
    height: 100%;
    float: left;
  }

  .m4{
    margin-left:0.1erm !important;
  }

  .NOC_Title {
      font-size: calc(1em + .8vw);
      font-family: 微軟正黑體;
  }

  .text-small {
    font-size: 60%;
    font-weight: 700;
  }


  .w > li {
      width: 55px;
  }

  .bic {
    font-size: 0.8em;
  }

}