@charset "utf-8";
/* Larger branding and navigation, with the existing menu behavior retained. */
.sg-header .sg-brand { flex:0 1 380px; min-width:0; }
.sg-header .sg-brand img { width:100%; height:auto; }
.sg-header .sg-nav > ul > li > a { font-size:20px; }
.sg-header .sg-submenu > li > a { font-size:16px; }
.sg-header .sg-head-login { font-size:16px; }
.sg-page #bo_cate a { font-weight:700; color:#183f60; }
.sg-page #bo_cate #bo_cate_on { color:#fff; }
@media (max-width:1400px) {
    .sg-header .sg-brand { flex-basis:360px; }
    .sg-header .sg-nav > ul > li > a { font-size:19px; }
}
@media (min-width:1081px) and (max-width:1250px) {
    .sg-header .sg-brand { flex-basis:320px; }
    .sg-header .sg-head-main { gap:20px; }
    .sg-header .sg-nav > ul { gap:20px; }
    .sg-header .sg-nav > ul > li > a { font-size:18px; }
}
@media (max-width:1080px) {
    .sg-header .sg-brand { flex-basis:340px; }
    .sg-header .sg-nav > ul > li > a { font-size:20px; }
}
@media (max-width:760px) {
    .sg-header .sg-brand { flex-basis:300px; }
}
@media (max-width:400px) {
    .sg-header .sg-brand { flex-basis:280px; }
}

/* Avoid enlarging the association's 300px bitmap; balance the hospital mark. */
.sg-header .sg-brand img { width:300px; max-width:100%; height:auto; }
.sg-related .sg-partner-card img[src*="/symcb-"] { width:210px; max-width:100%; }
@media (max-width:600px) {
    .sg-related .sg-partner-card img[src*="/symcb-"] { width:120px; }
}