:root{
  --brand: #438FFF;        /* 舊站 navarea */
  --brand-dark: #1F79FD;   /* 舊站較深藍 */
  --brand-border: #7FB3FF; /* 舊站分隔線 */
}

.site-topbar{ background:#fff; }
.site-search{ width: 520px; max-width: 52vw; }
.site-search .form-control{ border-radius: .5rem; }
.site-search .btn{ border-radius: .5rem; }

.site-tel a{ color: var(--brand-dark); font-size: 26px; }

.site-navbar{
  background: var(--brand);
}
.site-navbar .navbar-nav .nav-link{
  color:#fff;
  padding: 1.1rem 1.4rem;
  font-size: 22px;
  letter-spacing: .5px;
  white-space: nowrap;     /* 防止中文字被擠到換行變很怪 */
}
.site-navbar .navbar-nav .nav-link:hover,
.site-navbar .navbar-nav .nav-link:focus{
  background: rgba(255,255,255,.12);
  color:#fff;
}

/* 分隔線（像舊站那種 | ） */
.site-navlinks > .nav-item{
  position: relative;
}
.site-navlinks > .nav-item + .nav-item::before{
  content:"";
  position:absolute;
  left:0;
  top: 28%;
  bottom: 28%;
  width:1px;
  background: var(--brand-border);
}

/* dropdown */
.site-navbar .dropdown-menu{
  border-radius: 0 0 .5rem .5rem;
  border: 0;
  background: var(--brand);
}
.site-navbar .dropdown-item{
  color:#fff;
}
.site-navbar .dropdown-item:hover,
.site-navbar .dropdown-item:focus{
  color:#000;
  background: #fff;
}

/* 手機：分隔線取消、字體縮小 */
@media (max-width: 991.98px){
  .site-navbar .navbar-nav .nav-link{ font-size: 18px; padding: .9rem 1rem; }
  .site-navlinks > .nav-item + .nav-item::before{ display:none; }
}