/* Public navigation only. UTF-8 without BOM. */
#apple-site-navigation {
    display: block;
    position: relative;
    float: none;
    clear: both;
    width: 96%;
    width: calc(100% - 16px);
    max-width: 980px;
    height: auto;
    margin: 0 auto;
    padding: 4px;
    border: 1px solid #666;
    background: #363435;
    color: #fff;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    text-align: center;
    text-indent: 0;
}
#apple-site-navigation > ul {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    box-sizing: border-box;
}
#apple-site-navigation > ul::after {
    content: "";
    display: block;
    clear: both;
}
#apple-site-navigation > ul > li {
    display: block;
    position: static;
    float: left;
    width: 16.666666%;
    height: auto;
    margin: 0;
    padding: 4px;
    border: 0;
    list-style: none;
    box-sizing: border-box;
}
#apple-site-navigation > .site-sections > li {
    width: 33.333333%;
}
#apple-site-navigation > ul > li > a {
    display: block;
    position: static;
    float: none;
    width: 100%;
    height: auto;
    min-height: 46px;
    margin: 0;
    padding: 8px 2px;
    border: 1px solid #777;
    border-radius: 7px;
    background: #363435;
    color: #fff;
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    text-indent: 0;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
#apple-site-navigation > ul > li > .site-home {
    font-size: 24px;
    font-weight: 800;
    border-radius: 12px;
}
#apple-site-navigation > .site-sections > li:nth-child(1) > a { background: #484848; }
#apple-site-navigation > .site-sections > li:nth-child(2) > a { background: #0074c8; }
#apple-site-navigation > .site-sections > li:nth-child(3) > a { background: #642421; }
#apple-site-navigation a:focus { outline: 2px solid #fff; outline-offset: -3px; }
@media (max-width: 767px) {
    #apple-site-navigation { padding: 3px; }
    #apple-site-navigation > .site-shortcuts > li { width: 33.333333%; }
    #apple-site-navigation > ul > li { padding: 3px; }
    #apple-site-navigation > ul > li > a { font-size: 16px; }
    #apple-site-navigation > ul > li > .site-home { font-size: 22px; }
}