/* ===== YOHO 風格頁首 ===== */
body.yh-has-header #header,
body.yh-has-header header#header,
body.yh-has-header .ct-header{ display:none !important; }

.yh-header{
  position:sticky; top:0; z-index:1210; width:100%;
  font-family:"Noto Sans TC","Noto Sans SC","Noto Sans HK",Arial,sans-serif;
  background:#fff;
}
.admin-bar .yh-header{ top:32px; }
@media (max-width:782px){ .admin-bar .yh-header{ top:0; } }

.yh-topbar{ background:#00ACEE; height:38px; color:#fff; overflow:hidden; }
.yh-topbar__in{ max-width:1330px; margin:0 auto; padding:0 26px 0 15px; line-height:38px; font-size:14.22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.yh-topbar__in a{ color:#fff; }

.yh-header__main{ background:#fff; }
.yh-header__in{
  max-width:1330px; margin:0 auto; height:94px;
  padding:20px 30px 10px; display:flex; align-items:flex-start; justify-content:space-between; box-sizing:border-box;
}
.yh-logo{ display:block; width:160px; height:65px; text-decoration:none; }
.yh-logo img{ display:block; width:auto; max-width:100%; height:100%; object-fit:contain; object-position:left center; }
.yh-logo__text{ display:block; line-height:65px; font-size:28px; font-weight:700; color:#00ACEE; white-space:nowrap; }

.yh-header__actions{ display:flex; align-items:center; height:42px; margin-left:auto; }
.yh-hcart{ position:relative; display:flex; align-items:center; margin:0 12px; }
.yh-hcart .yh-ic--hcart{ width:34px; height:28px; display:block; }
.yh-hcart__count{
  position:absolute; top:-6px; right:-10px; min-width:18px; height:18px; padding:0 5px; box-sizing:border-box;
  border-radius:9px; background:#FF4C27; color:#fff; font-size:11px; font-weight:700; line-height:18px; text-align:center;
}
.yh-hcart__count.is-empty{ display:none; }
.yh-account{ display:flex; align-items:center; margin-left:12px; text-decoration:none !important; }
.yh-account .yh-ic--user{ display:block; }
.yh-account span{ color:#424242; margin-left:10px; font-size:14.22px; font-weight:500; letter-spacing:.284px; line-height:1.3; }
.yh-hcart:hover svg, .yh-account:hover svg{ stroke:#00ACEE; }
.yh-account:hover span{ color:#00ACEE; }

@media (max-width:959.95px){
  .yh-topbar{ height:30px; }
  .yh-topbar__in{ line-height:30px; font-size:12.44px; }
  .yh-header__in{ height:54px; padding:15px 25px 15px 15px; align-items:center; }
  .yh-logo{ width:140px; height:45px; margin-top:0; }
  .yh-logo__text{ line-height:45px; font-size:22px; }
  .yh-hcart .yh-ic--hcart{ width:26px; height:24px; }
  .yh-account span{ font-size:12.44px; }
  .yh-account .yh-ic--user{ width:26px; height:26px; }
}
@media (max-width:599.95px){ .yh-account span{ display:none; } }