:root {
  --base: #0b4da2;
  --navhover: rgb(231, 228, 228);
  --article: #f8f8f8;
  --article-content: #ffffff;
  --basewhite: #fff;
  --slidefocus: transparent;
}
.navColor-top {
  background-color: var(--basewhite);
}
.headImg {
  background-color: rgb(204, 204, 204);
}

footer {
  background-color: #0b4da2;
}

.nav .open a:hover {
  background-color: #0b4da2;
}

.nav .open > a {
  background-color: #0b4da2;
}

.nav-subcolumn {
  background-color: var(--basewhite);
}

.btn-color {
  color: var(--basewhite);
}

.btn-color:hover {
  opacity: 0.8;
}
.btn-color:focus-visible {
  outline: 2px solid var(--slidefocus);
}

.list-outside {
  background-color: var(--article);
}

.nav-part-top {
  background-color: var(--base);
  color: var(--basewhite);
}

.nav-part-content {
  background-color: var(--article);
}

.nav-part-content a:hover {
  color: var(--base);
}

.list a:hover {
  color: var(--base);
}

.transition-effect-list::after {
  background-color: var(--base);
}

.transition-effect-nav::after {
  background-color: var(--base);
}

.list > ul > li > p {
  color: rgb(153, 153, 153);
}

.transition-effect-nav::after {
  background-color: var(--base);
}

.transition-effect-list:hover::after {
  width: 100%;
}

.transition-effect-nav::after {
  background-color: var(--base);
}

.transition-effect-nav:hover::after {
  width: 100%;
}
.article-color {
  background-color: var(--article);
}
.article-part-top {
  background-color: var(--base);
  color: var(--article);
}
.article-part-content {
  background-color: var(--article);
}
.article-part-content > a:hover {
  color: var(--base);
}
.introduction a {
  color: #646464;
}
.wp_articlecontent p {
  background-color: transparent !important;
}
.wp_articlecontent span {
  background-color: transparent !important;
}
.panel-body {
  background-color: var(--article);
}
.footer-list > li > a > p {
  color: var(--basewhite);
}
.dropdown a {
  font-size: large;
}

.scool-homePage {
  color: var(--basewhite);
}
.scool-homePage a {
  color: var(--basewhite);
}
.CenterContent {
  /* background: url(../image/background.png); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body {
  /* background: url(../image/background.png); */
}
.listColor {
  color: var(--base);
}