:root {
    --dark: #000;
}
a {
    color: var(--dark);
}
body {
    background: #e2e2e2 none repeat scroll 0 0;
    font-family: "Hiragino Sans GB","Microsoft Yahei",sans-serif;
}
.navbar {
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
    padding: 0;
}
.navbar > .container {
    max-width: none;
    padding-right: 0;
}
.navbar.bg-dark {
    background-color: var(--white) !important;
}
.navbar-dark .navbar-toggler {
    border-color: transparent !important;
    color: var(--dark);
    padding: 1rem;
}
.navbar-dark .navbar-toggler::before {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
.navbar-dark .navbar-toggler-icon {
    display: none;
}
.navbar-dark .navbar-brand {
    color: var(--dark);
    padding: 0;
}
.navbar-dark .navbar-nav .nav-link {
    color: var(--dark);
    padding: 0.87rem 1rem;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: var(--dark);
}
.navbar-dark .navbar-nav .nav-item.active > .nav-link {
    background-color: var(--gray-200);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    background: var(--gray-100);
    color: var(--dark);
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: var(--dark);
}
.aside > a.btn {
    border-width: 0;
    padding: 0.75rem 1rem;
}
.card {
    background: var(--white);
    border-color: var(--gray-400);
    box-shadow: none;
}
.card > .card-header {
    background-color: transparent;
    background-image: none;
    border-color: var(--gray-200);
}
.card-header-tabs {
    margin-top: -0.25rem;
}
.card-header-tabs > .nav-item > .nav-link {
    border-width: 0 0 2px;
}
.card-header-tabs > .nav-item > .nav-link:hover:not(.active) {
    border-width: 0 0 2px;
}
.card-header-tabs > .nav-item > .nav-link.active {
    background: var(--white);
    border-color: var(--dark);
    border-width: 0 0 2px;
}
.card.card-threadlist > .card-body {
    padding: 0.25rem 1rem;
}
.card.card-threadlist > .card-body > .threadlist .ml-2.d-none {
    display: inline-flex !important;
}
.card.card-threadlist > .card-body > .threadlist .d-flex.justify-content-between.small {
    font-size: 13px;
}
.card.card-postlist {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-width: 0;
    font-size: 14px;
}
.card.card-thread {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 0;
}
.card.card-thread hr {
    border-color: transparent;
}
.breadcrumb {
    background-color: var(--white) !important;
    font-size: 14px;
}
.nav_tag_list {
    display: flex;
    flex-direction: column;
}
[class^="icon-top-"]::before {
    border: 1px solid #d53d38;
    color: #d53d38;
    content: "置顶";
    font-size: 12px;
    padding: 1px;
}
@media screen and (min-width: 1408px) {
html {
    font-size: 16px;
}
#body > .container, #footer > .container {
    max-width: 1344px;
    width: 1344px;
}
}
@media (max-width: 576px) {
html {
    font-size: 12px;
}
}
.avatar-1, .avatar-2, .avatar-3, .avatar-4, .avatar-5 {
    border-radius: 100px;
}
.badge{float:right;}