@charset "UTF-8";
:root{--dark:#000}a{color:var(--dark)}
body{font-family: "Hiragino Sans GB","Microsoft Yahei",sans-serif;background:#f2f2f2;color: #666;font-size: 14px/140%;margin: 0;
}
.navbar{padding:0;-webkit-box-shadow:0 2px 3px rgba(10,10,10,.1);box-shadow:0 2px 3px rgba(10,10,10,.1)}
.navbar>.container{max-width:1344px;padding:0 15px;}
.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{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f0c9"}
.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;border-radius: 60px 1px;}
.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: #cccc00;color: #fff;}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{background-color: #cccc00;color: #fff;}
.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:var(--dark)}
.aside>a.btn{padding:.75rem 1rem;border-width:0}.card{background:var(--white);box-shadow:none;border-color:var(--gray-400)}
.card>.card-header{background-image:none;background-color:transparent;border-color:var(--gray-200)}
.card-header-tabs{margin-top:-.25rem}.card-header-tabs>.nav-item>.nav-link{border-width:0 0 2px 0}
.card-header-tabs>.nav-item>.nav-link:hover:not(.active){border-width:0 0 2px 0}
.card-header-tabs>.nav-item>.nav-link.active{background-image:none;background:var(--white);border-color:var(--dark);border-width:0 0 2px 0}.card.card-threadlist>.card-body{padding:.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-width:0;border-top-left-radius:0!important;border-top-right-radius:0!important;font-size:14px}
.card.card-thread{margin-bottom:0;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.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{content:"\f0aa"}@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}} 
#header {background-color: #fff;position: fixed;top: 0;width: 100%;z-index: 999;}
#body{margin-top:50px;background-image:url(../img/body.png);}
.logo-2 {height: 3rem !important;}
.btn-primary {background-color: #cccc00 !important;border-color: #ced4da !important;}
a {text-decoration: none !important;}
a:hover{color:#cccc00;}
#footer {background: #f2f2f2 !important;}
.list-group-item.active{background-color:#cccc00 !important; border-color:#fff !important;}