body {
  --bs-font-sans-serif: Microsoft YaHei;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.container {
  background-color: #FFF9F2;
}

.text-pre-wrap{
  white-space: pre-wrap;
}

.overflow-scroll-x{
  overflow-x: scroll !important;
}

@media (min-width: 992px) {
  .container {
    --bs-gutter-x: 0 !important;
    max-width: 960px !important;
  }

  #category-children > ul > div{
    flex-direction: column;
  }

  .navbar > .container-fluid .nav-link{
    --bs-nav-link-padding-x: 0 !important;
    --bs-nav-link-padding-y: .5rem !important;
  }
}


.navbar > .container-fluid {
  --bs-gutter-x: 0 !important;
  --bs-nav-link-font-size: 1.5rem;
  --bs-navbar-color: white !important;
  --bs-navbar-hover-color: white !important;
  color: white;
  background-color: #4d8cf9;
}

.navbar > .container-fluid .nav-link{
  --bs-nav-link-padding-x: .5rem;
  --bs-nav-link-padding-y: .1rem;
}

.navbar > .container-fluid .dropdown-menu{
  --bs-dropdown-font-size: 20px;
}

ul.navbar-nav{
  justify-content: space-around;
  width: 100%;
}

.navbar-nav a.current{
  --bs-link-color: #FFA000;
  --bs-nav-link-color: #FFA000;
  --bs-nav-link-hover-color: #FFA000;
}

#header_logo {
  width: 100%;
}

#btnSearch {
  width: 100px;
}

footer{
  text-align: center;
  border-top: 2px solid #FFA000;
}

#index-head-row{
  gap: 1rem 0;
}

.carousel-item img{
  height: 20rem;
}

.no-wrap {
  white-space: nowrap;
}

#news{
  line-height: 2;
}

#news a{
  --bs-link-color: black;
  overflow: hidden;
  text-overflow: ellipsis;
}

#news label{
  color: grey;
}

.card-header{
  --bs-card-border-width: 2px;
  --bs-card-cap-bg:white;
}

.card.index-card{
  --bs-card-height: 100% !important;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0;
}

.bagua{
  width: 50px;
  height: 50px;
}

a{
  text-decoration: none !important;
  --bs-link-color: #607D8B;
}

#carousel .carousel-caption{
    background-color: black;
    opacity: .6;
    padding: 0.1rem 0 1rem;
    width: 100%;
    left: 0;
    bottom: 0;
}

#carousel p{
  margin: 0;
}

#carousel a{
  --bs-link-color: white !important;
  --bs-link-hover-color: white !important;
}

#carousel .carousel-caption:hover{
  opacity: .8;
}

#carousel .carousel-indicators{
  margin: 0;
}

.quicklink{
  min-width: 18rem;
  position: relative;
  padding: 0;
  text-align: center;
}

.quicklink img{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.quicklink a{
  position: relative;
  z-index: 1;
  line-height: 5rem;
  font-size: 3rem;
}



.row.friendly-link{
  background-color: white;
  --bs-gutter-x: 0;
}

.friendly-link-right{
  column-gap: 1.5rem;
  row-gap: 0.5rem !important;
}

.friendly-link-right a{
  --bs-btn-color: white;
  --bs-btn-bg: #4d8cf9;
  --bs-btn-hover-bg: #FFF9F2;
}

.bottom-logo{
  height: 100px;
}

.bottom-info{
  white-space: pre-wrap;
}

.category-title{
  border-bottom: 3px solid #4d8cf9;
  width: auto;
  display: inline-block;
}

#category-children{
  background-color: #FFF9F2 !important;
}
#category-children ul{
  list-style-type: none;
  padding: 0;
}
#category-children ul div{
  display: flex;
  gap: 0.1rem;
  justify-content: center;
}
#category-children ul li a{
  display: block;
  border: 2px solid #4d8cf9;
  border-radius: 20px;
  text-align: center;
  padding: 0.2rem 0.4rem;
}
#category-children ul li.active a{
  background-color: #4d8cf9;
  --bs-link-color: white;
  --bs-link-hover-color: white;
}

article{
  white-space: pre-wrap;
}

article table{
  margin: 0 auto;
}

#queryCondition > *{
  width: auto !important;
}