body .more, body .back, body .download, body .other {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

body .more span, body .back span, body .download span, body .other span {
  border: none;
  border-radius: .5rem;
  padding: .35rem 1rem;
}

body .more span::before, body .back span::before, body .download span::before, body .other span::before, body .more span::after, body .back span::after, body .download span::after, body .other span::after {
  font-size: .9rem;
  margin-left: .25rem;
  margin-right: .25rem;
}

[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

[off-canvas*=top] {
  width: 100%;
  height: 255px;
  top: 0;
}

[off-canvas*=right] {
  width: 255px;
  height: 100%;
  top: 0;
  right: 0;
}

[off-canvas*=bottom] {
  width: 100%;
  height: 255px;
  bottom: 0;
}

[off-canvas*=left] {
  width: 255px;
  height: 100%;
  top: 0;
  left: 0;
}

[off-canvas*=reveal] {
  z-index: 0;
}

[off-canvas*=push] {
  z-index: 1;
}

[off-canvas*=overlay] {
  z-index: 9999;
}

[off-canvas*=shift] {
  z-index: 9;
}

[canvas], [off-canvas] {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  -webkit-backface-visibility: hidden;
}

[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
      transform: translate(0, 50%);
}

[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
}

[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}

[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
      transform: translate(50%, 0);
}

[class*=js-] {
  cursor: pointer;
}

@media print {
  [canvas] {
    -webkit-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
  }
  [off-canvas] {
    display: none !important;
  }
}

.mobileNav .nav-list {
  width: 100%;
}

.mobileNav .nav-list dd {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mobileNav .nav-list dd a, .mobileNav .nav-list dd label {
  display: block;
}

.mobileNav .nav-list dd label {
  cursor: pointer;
}

.mobileNav .nav-list dd .group-list {
  margin-bottom: 0;
}

.mobileNav .nav-list dd .group-list a, .mobileNav .nav-list dd .group-list label {
  padding-left: 2rem;
}

.mobileNav .nav-list dd .group-list .sub-group-list a, .mobileNav .nav-list dd .group-list .sub-group-list label {
  padding-left: 2rem;
}

.mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list a, .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list label {
  padding-left: 2rem;
}

.mobileNav .nav-list dd .group-list, .mobileNav .nav-list dd .sub-group-list, .mobileNav .nav-list dd .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  -o-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.mobileNav .nav-list dd input[type=checkbox]:checked + label + dl {
  max-height: 1000px;
}

.mobileNav .nav-list dd input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobileNav .nav-list dd label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: -webkit-transform .65s ease;
  -o-transition: transform .65s ease;
  transition: transform .65s ease;
  transition: transform .65s ease, -webkit-transform .65s ease;
}

html {
  min-height: 100%;
  font-size: 16px;
}

body {
  line-height: 1.5;
}

body a, body button, body li, body dt, body dd, body p, body input, body i, body span, body figure, body figcaption, body svg, body g, body path, body ellipse {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

body h1 {
  font-size: 2rem;
  font-weight: 500;
}

body h2 {
  font-size: 1.75rem;
  font-weight: 400;
}

body h3 {
  font-size: 1.5rem;
  font-weight: 400;
}

body h4 {
  font-size: 1.25rem;
  font-weight: 400;
}

body p {
  font-size: 1rem;
  font-weight: 300;
}

body sup {
  font-size: 0.8rem;
  color: #f00;
}

body a:hover {
  text-decoration: none;
}

body img {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  border: none;
}

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body ::before, body ::after {
  font-weight: 900;
  margin-right: .5rem;
  margin-left: .5rem;
}

body [onclick], body button {
  cursor: pointer;
}

body [hidden] {
  display: none !important;
}

body .cd-top {
  position: fixed;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  -o-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  text-align: center;
}

body .cd-top i {
  border-radius: .5rem;
  margin-right: 0;
  margin-left: 0;
  padding: 1rem 1.25rem;
}

body .cd-top.cd-top--show,
body .cd-top.cd-top--fade-out,
body .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  -o-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

body .cd-top.cd-top--show {
  visibility: visible;
  opacity: 1;
  z-index: 9997;
}

body .cd-top.cd-top--fade-out {
  opacity: .5;
}

body .cd-top:hover {
  opacity: 1;
}

body footer .copyright {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body .editor {
  padding-right: 1rem;
  padding-left: 1rem;
}

body .editor h2, body .editor h3, body .editor h4, body .editor h5, body .editor h6 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

body .editor p {
  line-height: 2.5rem;
  margin-bottom: 0;
}

body .editor img {
  width: initial;
  margin: .5rem;
}

body a {
  color: #f60;
}

body a:hover {
  color: #666;
}

body .pagination {
  margin-top: 2rem;
}

body .pagination li.page-item {
  margin-top: 0;
}

body .pagination li.page-item:first-of-type a.page-link {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

body .pagination li.page-item:last-of-type a.page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

body .pagination li.page-item a.page-link {
  line-height: 1;
  padding: .75rem .775rem;
}

body .pagination li.page-item a.page-link i::before {
  margin-right: 0;
  margin-left: 0;
}

body .pagination li.page-item a.page-link[href] {
  background: none;
}

body .pagination li.page-item a.page-link[href]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body .pagination li.page-item a.page-link {
  border: 1px solid #fff;
  border-color: #ccc;
  background: #000;
  color: #fff;
}

body .pagination li.page-item a.page-link i::before {
  margin-right: 0;
  margin-left: 0;
}

body .pagination li.page-item a.page-link[href] {
  color: #000;
}

body .pagination li.page-item a.page-link[href]:hover {
  background: #000;
  color: #fff;
}

body .pagination li.page-item a.page-link[href]:hover i::before {
  color: #fff;
}

body .cd-top i {
  background: rgba(0, 0, 0, 0.85);
  font-size: 1.15rem;
  color: #fff;
}

body .cd-top i::before, body .cd-top i::after {
  margin: 0;
}

body .more {
  text-align: center;
}

body .more a span {
  background: #0f4c81;
  color: #fff;
  text-align: center;
}

body .more a span::after {
  content: "\f067";
  margin-right: 0;
}

body .more a:hover span {
  background: #ccc;
  color: #0f4c81;
}

body .back {
  text-align: center;
}

body .back a span {
  background: #0f4c81;
  color: #fff;
}

body .back a span::before {
  content: "\f060";
  margin-left: 0;
}

body .back a:hover span {
  background: #ccc;
  color: #0f4c81;
}

body .download {
  text-align: right;
}

body .download a span {
  background: #0f4c81;
  color: #fff;
}

body .download a span::before {
  content: "\f019";
  margin-left: 0;
}

body .download a:hover span {
  background: #ccc;
  color: #0f4c81;
}

body .other {
  text-align: center;
}

body .other a {
  background: none;
  border-radius: 0.5rem;
  border: solid 1px;
  border-color: #ccc;
  color: #ccc;
  text-align: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

body .other a:hover {
  background: #ccc;
  color: #666;
}

body nav.navbar {
  padding-bottom: 0;
  background: #0f4c81;
}

body nav.navbar button.navbar-toggler {
  padding: .75rem 1rem;
}

body nav.navbar button.navbar-toggler i::before, body nav.navbar button.navbar-toggler i::after {
  margin: 0;
}

body nav.navbar button.navbar-toggler:hover {
  background: none;
}

body nav.navbar div.navbar-collapse {
  background: none;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.nav-item {
  padding-right: 1rem;
  padding-left: 1rem;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
  padding-right: 0;
  padding-left: 0;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link p {
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  margin-bottom: 0;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li:last-of-type {
  border-bottom: none;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item p {
  text-align: center;
  margin-bottom: 0;
}

body nav.navbar button.navbar-toggler {
  border: 1px solid #fff;
  border-color: #fff;
  color: #fff;
}

body nav.navbar button.navbar-toggler:hover {
  border-color: #cc7400;
  color: #cc7400;
}

body nav.navbar div.navbar-collapse ul.navbar-nav {
  margin-right: auto;
  margin-left: auto;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link p {
  font-size: 1.15rem;
  color: #fff;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link p:nth-of-type(2) {
  font-size: 0.85rem;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover p {
  color: #f60;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu {
  background: #0f4c81;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 0 15px;
  border-color: transparent transparent transparent #007bff;
  position: absolute;
  top: -15px;
  left: -8px;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li {
  border-bottom: 1px dashed #fff;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item {
  background: none;
  color: #fff;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item p:nth-of-type(2) {
  font-size: 0.85rem;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item:hover {
  color: #f60;
}

body nav.navbar div.navbar-collapse ul.navbar-nav li.dropdown:nth-of-type(2n) ul.dropdown-menu li.dropdown ul.dropdown-menu::before {
  content: none;
}

body div.slidebars {
  width: 100vw;
  padding: 1rem;
  background: rgba(13, 68, 170, 0.9);
}

body div.slidebars .closeBtn {
  text-align: right;
  margin-bottom: 1rem;
}

body div.slidebars .closeBtn button {
  background: none;
  border: none;
  padding: 0;
}

body div.slidebars .closeBtn button {
  color: #fff;
}

body div.slidebars .closeBtn button:hover {
  color: #f60;
}

body div.slidebars .mobileNav .nav-list dd {
  border-bottom: 1px solid #fff;
  border-color: #ccc;
}

body div.slidebars .mobileNav .nav-list dd:last-of-type {
  border-bottom: none;
}

body div.slidebars .mobileNav .nav-list dd a, body div.slidebars .mobileNav .nav-list dd label {
  color: #fff;
}

body div.slidebars .mobileNav .nav-list dd a:hover, body div.slidebars .mobileNav .nav-list dd a:focus, body div.slidebars .mobileNav .nav-list dd label:hover, body div.slidebars .mobileNav .nav-list dd label:focus {
  background: none;
}

body div.slidebars .mobileNav .nav-list dd .group-list a, body div.slidebars .mobileNav .nav-list dd .group-list label {
  background: none;
}

body div.slidebars .mobileNav .nav-list dd .group-list a:hover, body div.slidebars .mobileNav .nav-list dd .group-list a:focus, body div.slidebars .mobileNav .nav-list dd .group-list label:hover, body div.slidebars .mobileNav .nav-list dd .group-list label:focus {
  background: none;
}

body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list a, body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list label {
  background: none;
}

body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list a:hover, body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list a:focus, body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list label:hover, body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list label:focus {
  background: none;
}

body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list a, body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list label {
  background: none;
}

body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list a:hover, body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list a:focus, body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list label:hover, body div.slidebars .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list label:focus {
  background: none;
}

body section.banner {
  margin-bottom: 1.5rem;
}

body section dl.list-text {
  margin-bottom: 0;
  margin-bottom: 0;
}

body section dl.list-text dd {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body section dl.list-text dd:last-of-type {
  border-bottom: none;
}

body section dl.list-text dd p {
  color: #0f4c81;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}

body section dl.list-text dd {
  border-bottom: 1px dashed #fff;
  border-color: #f60;
}

body section dl.list-text dd p {
  color: #666;
}

body section dl.list-text dd p a {
  color: #f60;
}

body section dl.list-text dd p a:hover {
  color: #666;
}

body section dl.list-abreast {
  margin-bottom: 0;
}

body section dl.list-abreast dd {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body section dl.list-abreast dd p {
  margin-bottom: 0;
}

body section dl.list-abreast dd p:first-of-type {
  padding-left: 0;
}

body section dl.list-abreast dd p:last-of-type {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

body section dl.list-abreast dd {
  border-bottom: 1px solid #fff;
  border-color: #ddd;
}

body section dl.list-abreast dd p {
  color: #0f4c81;
}

body section dl.list-abreast dd p a {
  color: #f60;
}

body section dl.list-abreast dd p a:hover {
  color: #666;
}

body section dl.list-img-text {
  margin-bottom: 0;
}

body section dl.list-img-text dd {
  margin-bottom: 0;
}

body section dl.list-img-text dd figure {
  margin-bottom: 0;
}

body section dl.list-img-text dd figure p {
  border: 1px solid #fff;
  overflow: hidden;
}

body section dl.list-img-text dd figure p img {
  width: initial;
}

body section dl.list-img-text dd figure figcaption {
  margin-bottom: 0;
  padding-right: .5rem;
  padding-left: .5rem;
}

body section dl.list-img-text dd figure figcaption h4 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

body section dl.list-img-text dd figure figcaption p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body section dl.list-img-text dd figure figcaption p:first-of-type {
  margin-bottom: 0;
}

body section dl.list-img-text dd figure > p {
  height: 300px;
}

body section dl.list-img-text dd figure > p:first-of-type {
  border-color: #0f4c81;
}

body section dl.list-img-text dd figure > p img {
  max-height: 300px;
}

body section dl.list-img-text dd figure figcaption h4 {
  color: #0f4c81;
}

body section dl.list-img-text dd figure figcaption p {
  color: #ccc;
}

body section .list-img-text02 figure > p {
  overflow: hidden;
  border: 1px solid #fff;
  border-color: #ccc;
  height: 100px;
}

body section .list-img-text02 figure > p img {
  max-height: 100px;
  width: initial;
}

body section .list-img-text02 figure figcaption {
  margin-bottom: 0;
  padding-right: .5rem;
  padding-left: .5rem;
}

body section .list-img-text02 figure figcaption h2 {
  color: #0f4c81;
  font-size: 1rem;
  text-align: center;
}

body section dl.list-img-intro {
  margin-bottom: 0;
}

body section dl.list-img-intro dd {
  margin-bottom: 2rem;
}

body section dl.list-img-intro dd figure {
  margin-bottom: 0;
  overflow: hidden;
}

body section dl.list-img-intro dd figure > p {
  overflow: hidden;
}

body section dl.list-img-intro dd figure > p img {
  width: initial;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

body section dl.list-img-intro dd figure:hover p {
  overflow: hidden;
}

body section dl.list-img-intro dd figure:hover p img {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

body section dl.list-img-intro dd figure figcaption {
  padding: .5rem;
}

body section dl.list-img-intro dd figure figcaption h4 {
  font-size: 1.25rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

body section dl.list-img-intro dd figure figcaption p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0;
}

body section dl.list-img-intro dd figure {
  background: #fff;
}

body section dl.list-img-intro dd figure > p {
  height: 300px;
  border: 1px solid #fff;
  border-color: #ccc;
  border-radius: 0.5rem;
}

body section dl.list-img-intro dd figure > p img {
  max-height: 300px;
}

body section dl.list-img-intro dd figure:hover p {
  border-color: #0f4c81;
}

body section dl.list-img-intro dd figure figcaption {
  padding: .5rem;
}

body section dl.list-img-intro dd figure figcaption h4 {
  color: #0f4c81;
}

body section dl.list-img-intro dd figure figcaption p {
  color: #ccc;
}

body section dl.list-img-mask dd {
  margin-bottom: 2rem;
}

body section dl.list-img-mask dd figure {
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

body section dl.list-img-mask dd figure > p {
  margin-bottom: 0;
  overflow: hidden;
}

body section dl.list-img-mask dd figure > p img {
  width: initial;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

body section dl.list-img-mask dd figure figcaption {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

body section dl.list-img-mask dd figure figcaption > div {
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}

body section dl.list-img-mask dd figure figcaption > div div.intro h4 {
  text-align: center;
}

body section dl.list-img-mask dd figure figcaption > div div.intro p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0;
}

body section dl.list-img-mask dd figure:hover p {
  overflow: hidden;
}

body section dl.list-img-mask dd figure:hover p img {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

body section dl.list-img-mask dd figure:hover figcaption {
  display: block;
}

body section dl.list-img-mask dd figure {
  background: #fff;
  border: 1px solid #fff;
  border-color: #ccc;
  border-radius: 0.5rem;
}

body section dl.list-img-mask dd figure > p {
  height: 300px;
}

body section dl.list-img-mask dd figure > p img {
  max-height: 300px;
}

body section dl.list-img-mask dd figure figcaption {
  background: rgba(0, 0, 0, 0.75);
}

body section dl.list-img-mask dd figure figcaption > div div.intro h4 {
  font-size: 1.25rem;
  color: #fff;
}

body section dl.list-img-mask dd figure figcaption > div div.intro p {
  color: #fff;
}

body section dl.list-img-mask dd figure:hover {
  background: #666;
  border-color: #0f4c81;
}

body section dl.list-img-mask02 dd {
  margin-bottom: 2rem;
}

body section dl.list-img-mask02 dd figure {
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

body section dl.list-img-mask02 dd figure > p {
  margin-bottom: 0;
  overflow: hidden;
}

body section dl.list-img-mask02 dd figure > p img {
  width: initial;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

body section dl.list-img-mask02 dd figure figcaption {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

body section dl.list-img-mask02 dd figure figcaption > div {
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}

body section dl.list-img-mask02 dd figure figcaption > div div.intro h4 {
  text-align: center;
}

body section dl.list-img-mask02 dd figure figcaption > div div.intro p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0;
}

body section dl.list-img-mask02 dd figure:hover p {
  overflow: hidden;
}

body section dl.list-img-mask02 dd figure:hover figcaption {
  display: block;
}

body section dl.list-img-mask02 dd figure {
  background: #fff;
  border: 1px solid #fff;
  border-color: #ccc;
  border-radius: 0.5rem;
}

body section dl.list-img-mask02 dd figure > p {
  height: 300px;
}

body section dl.list-img-mask02 dd figure > p img {
  max-height: 300px;
}

body section dl.list-img-mask02 dd figure figcaption {
  position: relative;
}

body section dl.list-img-mask02 dd figure figcaption > div div.intro h4 {
  font-size: 1.25rem;
  color: #fff;
}

body section dl.list-img-mask02 dd figure figcaption > div div.intro p {
  color: #fff;
}

body section dl.list-img-mask02 dd figure figcaption::after {
  content: "";
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: scale(0.5, 3) perspective(0.5em) rotateX(-3deg);
          transform: scale(0.5, 3) perspective(0.5em) rotateX(-3deg);
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
}

body section dl.list-img-mask02 dd figure:hover {
  background: #666;
  border-color: #0f4c81;
}

body section dl.list-img-filter {
  margin-bottom: 0;
}

body section dl.list-img-filter dd {
  margin-bottom: 2rem;
}

body section dl.list-img-filter dd figure {
  margin-bottom: 0;
  overflow: hidden;
}

body section dl.list-img-filter dd figure > p {
  overflow: hidden;
}

body section dl.list-img-filter dd figure > p img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

body section dl.list-img-filter dd figure:hover p {
  overflow: hidden;
}

body section dl.list-img-filter dd figure:hover p img {
  -webkit-filter: saturate(100%);
  filter: saturate(100%);
}

body section dl.list-img-filter dd figure figcaption {
  padding: .5rem;
}

body section dl.list-img-filter dd figure figcaption h4 {
  font-size: 1.25rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

body section dl.list-img-filter dd figure figcaption p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0;
}

body section dl.list-img-filter dd figure > p {
  height: 300px;
  border: 1px solid #fff;
  border-color: #ccc;
  border-radius: 0.5rem;
}

body section dl.list-img-filter dd figure > p img {
  max-height: 300px;
}

body section dl.list-img-filter dd figure:hover p {
  border-color: #0f4c81;
}

body section dl.list-img-filter dd figure figcaption {
  padding: .5rem;
}

body section dl.list-img-filter dd figure figcaption h4 {
  color: #0f4c81;
}

body section dl.list-img-filter dd figure figcaption p {
  color: #ccc;
}

body section dl.list-img-filter02 dd {
  margin-bottom: 2rem;
}

body section dl.list-img-filter02 dd figure {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

body section dl.list-img-filter02 dd figure > p {
  margin-bottom: 0;
  overflow: hidden;
}

body section dl.list-img-filter02 dd figure > p img {
  width: initial;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

body section dl.list-img-filter02 dd figure figcaption {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

body section dl.list-img-filter02 dd figure figcaption > div {
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}

body section dl.list-img-filter02 dd figure figcaption > div div.intro h4 {
  text-align: center;
}

body section dl.list-img-filter02 dd figure figcaption > div div.intro p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0;
}

body section dl.list-img-filter02 dd figure:hover p {
  overflow: hidden;
}

body section dl.list-img-filter02 dd figure:hover p img {
  -webkit-filter: saturate(100%);
  filter: saturate(100%);
}

body section dl.list-img-filter02 dd figure:hover figcaption {
  display: block;
}

body section dl.list-img-filter02 dd:nth-of-type(even) {
  border-bottom: solid 1px;
  border-color: blue;
}

body section dl.list-img-filter02 dd:nth-of-type(odd) {
  border-bottom: solid 1px;
  border-color: red;
}

body section dl.list-img-filter02 dd figure {
  border-color: red;
}

body section dl.list-img-filter02 dd figure > p {
  height: 300px;
}

body section dl.list-img-filter02 dd figure > p img {
  max-height: 300px;
}

body section dl.list-img-filter02 dd figure figcaption > div div.intro h4 {
  font-size: 1.25rem;
  color: blue;
}

body section dl.list-img-filter02 dd figure figcaption > div div.intro p {
  color: #333;
}

body section dl.list-img-filter02 dd figure figcaption > div div.intro2 h4 {
  font-size: 1.25rem;
  color: red;
}

body section dl.list-img-filter02 dd figure figcaption > div div.intro2 p {
  color: #333;
}

body section dl.list01 {
  margin-bottom: 0;
}

body section dl.list01 dd {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body section dl.list01 dd p {
  margin-bottom: 0;
}

body section dl.list01 dd p:first-of-type {
  padding-left: 0;
}

body section dl.list01 dd {
  border-bottom: 1px solid #fff;
  border-color: #ddd;
}

body section dl.list01 dd p {
  color: #0f4c81;
}

body section dl.list01 dd p:first-of-type {
  color: red;
}

body section dl.list01 dd p a {
  color: #f60;
}

body section dl.list01 dd p a:hover {
  color: #666;
}

body footer {
  background: #999;
  color: #fff;
}

body footer .footer-info {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body footer .footer-info dl {
  margin-bottom: 0;
}

body footer .footer-info dl dd:last-of-type {
  margin-bottom: 0;
}

body footer .footer-info a {
  color: #fff;
}

body footer .footer-info a:hover {
  color: #666;
}

body footer .footer-info dl.foomenu {
  padding-left: 0;
}

body footer .footer-info dl.foomenu::after {
  content: "";
  clear: both;
}

body footer .footer-info dl.foomenu dd {
  float: left;
}

body footer .footer-info dl.foomenu dd:last-of-type::after {
  content: none;
}

body footer .footer-info dl.foomenu dd::after {
  content: "|";
}

body footer .footer-info dl.foomenu dd {
  color: #000;
  font-size: 0.9rem;
}

body footer .footer-info dl.foomenu dd::after {
  color: #fff;
}

body footer .footer-info dl.foomenu dd a {
  color: #fff;
}

body footer .footer-info dl.foomenu dd a:hover {
  color: #fff;
}

body footer .footer-info dl.list-abreast02 {
  margin-bottom: 0;
}

body footer .footer-info dl.list-abreast02 dd {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body footer .footer-info dl.list-abreast02 dd p {
  margin-bottom: 0;
}

body footer .footer-info dl.list-abreast02 dd {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0rem 2rem;
}

body footer .footer-info dl.list-abreast02 dd p {
  color: #fff;
  font-weight: 400;
  font-size: 0.9rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

body footer .copyright {
  background: #333;
  border-top: 1px solid #fff;
  border-color: #ccc;
  color: #fff;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body form.forms-group input, body form.forms-group select, body form.forms-group textarea {
  width: 100%;
  padding: .5rem .75rem;
  outline: none !important;
}

body form.forms-group input::-webkit-input-placeholder, body form.forms-group select::-webkit-input-placeholder, body form.forms-group textarea::-webkit-input-placeholder {
  font-weight: 300;
}

body form.forms-group input::-moz-placeholder, body form.forms-group select::-moz-placeholder, body form.forms-group textarea::-moz-placeholder {
  font-weight: 300;
}

body form.forms-group input:-ms-input-placeholder, body form.forms-group select:-ms-input-placeholder, body form.forms-group textarea:-ms-input-placeholder {
  font-weight: 300;
}

body form.forms-group input::-ms-input-placeholder, body form.forms-group select::-ms-input-placeholder, body form.forms-group textarea::-ms-input-placeholder {
  font-weight: 300;
}

body form.forms-group input::placeholder, body form.forms-group select::placeholder, body form.forms-group textarea::placeholder {
  font-weight: 300;
}

body form.forms-group label {
  margin-bottom: 0;
  padding-left: 0;
}

body form.forms-group [type="checkbox"], body form.forms-group [type="radio"] {
  width: auto !important;
}

body form.forms-group select {
  padding-bottom: .75rem;
  margin-right: .5rem;
}

body form.forms-group textarea {
  resize: none;
}

body form.forms-group button, body form.forms-group button[id="submit"], body form.forms-group button[type="reset"] {
  border: none;
  padding: .55rem 1.65rem;
  outline: none;
}

body form.forms-group button:hover {
  outline: none;
}

body form.forms-group dl dd {
  margin-bottom: 1rem;
}

body form.forms-group dl dd #name {
  width: 50%;
}

body form.forms-group dl dd #xcode {
  width: 10rem;
}

body form.forms-group dl dd img#imgcode {
  width: initial;
  height: 2.5rem !important;
  margin-left: .5rem;
}

body form.forms-group dl dd:last-of-type {
  text-align: center;
}

body form.forms-group input, body form.forms-group select, body form.forms-group textarea {
  border: 1px solid #666;
  border-radius: 0.5rem;
}

body form.forms-group input:hover, body form.forms-group select:hover, body form.forms-group textarea:hover {
  border-color: #000;
}

body form.forms-group input:focus, body form.forms-group select:focus, body form.forms-group textarea:focus {
  border-color: #f00;
}

body form.forms-group input::-webkit-input-placeholder, body form.forms-group select::-webkit-input-placeholder, body form.forms-group textarea::-webkit-input-placeholder {
  color: #ccc;
}

body form.forms-group input::-moz-placeholder, body form.forms-group select::-moz-placeholder, body form.forms-group textarea::-moz-placeholder {
  color: #ccc;
}

body form.forms-group input:-ms-input-placeholder, body form.forms-group select:-ms-input-placeholder, body form.forms-group textarea:-ms-input-placeholder {
  color: #ccc;
}

body form.forms-group input::-ms-input-placeholder, body form.forms-group select::-ms-input-placeholder, body form.forms-group textarea::-ms-input-placeholder {
  color: #ccc;
}

body form.forms-group input::placeholder, body form.forms-group select::placeholder, body form.forms-group textarea::placeholder {
  color: #ccc;
}

body form.forms-group button {
  background: #0f4c81;
  border-color: 1px solid #0f0c0a;
  border-radius: 0.5rem;
  color: #fff;
}

body form.forms-group button:hover {
  background: #ccc;
  color: #258;
}

body form.forms-group button[id="submit"] {
  background: #000;
  color: #fff;
}

body form.forms-group button[id="submit"]:hover {
  background: #ccc;
  color: #258;
}

body form.forms-group button[type="reset"] {
  background: #ccc;
  border-color: #ccc;
  color: #258;
}

body form.forms-group button[type="reset"]:hover {
  background: #999;
  color: #0f0c0a;
}

@media (max-width: 767.98px) {
  .deskTop,
  .Tablets,
  .deskTopTablets {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .deskTop {
    display: none !important;
  }
  .cd-top {
    right: 5vw;
    bottom: 5vh;
  }
}

@media (min-width: 992px) {
  .Mobile,
  .Tablets,
  .TabletsMobile {
    display: none !important;
  }
  .cd-top {
    right: 30px;
    bottom: 30px;
  }
}

@media (max-width: 575.98px) {
  a.navbar-brand > img {
    width: 20vw;
  }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 138px;
  }
  body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
    max-height: 138px;
  }
  body footer .footer-info dl.list-abreast02 {
    margin-bottom: 0;
  }
  body footer .footer-info dl.list-abreast02 dd {
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  body footer .footer-info dl.list-abreast02 dd p {
    margin-bottom: 0;
  }
  body footer .footer-info dl.list-abreast02 dd {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0.3rem 0rem;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  a.navbar-brand > img {
    width: 15vw;
  }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 257px;
  }
  body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
    max-height: 257px;
  }
  body footer .footer-info dl.list-abreast02 {
    margin-bottom: 0;
  }
  body footer .footer-info dl.list-abreast02 dd {
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  body footer .footer-info dl.list-abreast02 dd p {
    margin-bottom: 0;
  }
  body footer .footer-info dl.list-abreast02 dd {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0.3rem 0rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  a.navbar-brand > img {
    width: 15vw;
  }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 197px;
  }
  body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
    max-height: 197px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 15vw;
  }
  .footer-logo a img {
    width: 20vw;
  }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 195px;
  }
  body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
    max-height: 195px;
  }
}

@media (min-width: 1200px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 15vw;
  }
  .footer-logo a img {
    width: 20vw;
  }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 243px;
  }
  body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
    max-height: 243px;
  }
}

@media (min-width: 1281px) and (max-width: 1366px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 15vw;
  }
  .footer-logo a img {
    width: 20vw;
  }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 261px;
  }
  body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
    max-height: 261px;
  }
}

@media (min-width: 1367px) and (max-width: 1440px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 15vw;
  }
  .footer-logo a img {
    width: 20vw;
  }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 277px;
  }
  body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
    max-height: 277px;
  }
}

@media (min-width: 1441px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 15vw;
  }
  .footer-logo a img {
    width: 20vw;
  }
}
/*# sourceMappingURL=layout.css.map */