@charset "UTF-8";
/*工程 color*/
body.np-project a {
  color: var(--ast-global-color-0)
}
body.np-project a:hover, body.np-project a:focus {
  color: var(--ast-global-color-0)
}
body.np-project::selection {
  background-color: var(--ast-global-color-0);
  color: #fff
}
body.np-project .tagcloud a:hover, body.np-project .tagcloud a:focus, body.np-project .tagcloud a.current-item {
  color: #fff;
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0)
}
body.np-project input[type=email]:focus, body.np-project input[type=password]:focus, body.np-project input[type=reset]:focus, body.np-project input[type=search]:focus, body.np-project input[type=tel]:focus, body.np-project input[type=text]:focus, body.np-project input[type=url]:focus, body.np-project select:focus, body.np-project textarea:focus {
  border-color: var(--ast-global-color-0)
}
body.np-project input[type="radio"]:checked, body.np-project input[type=reset], body.np-project input[type="checkbox"]:checked, body.np-project input[type="checkbox"]:hover:checked, body.np-project input[type="checkbox"]:focus:checked, body.np-project input[type=range]::-webkit-slider-thumb {
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  box-shadow: none
}
body.np-project .site-footer a:hover + .post-count, body.np-project .site-footer a:focus + .post-count {
  background: var(--ast-global-color-0);
  border-color: var(--ast-global-color-0)
}
body.np-project .single .nav-links .nav-previous, body.np-project .single .nav-links .nav-next {
  color: var(--ast-global-color-0)
}
body.np-project .entry-meta, body.np-project .entry-meta * {
  line-height: 1.45;
  color: var(--ast-global-color-0)
}
body.np-project .entry-meta a:hover, body.np-project .entry-meta a:hover *, body.np-project .entry-meta a:focus, body.np-project .entry-meta a:focus *, body.np-project .page-links > .page-link, body.np-project .page-links .page-link:hover, body.np-project .post-navigation a:hover {
  color: var(--ast-global-color-0)
}
body.np-project #cat option, body.np-project .secondary .calendar_wrap thead a, body.np-project .secondary .calendar_wrap thead a:visited {
  color: var(--ast-global-color-0)
}
body.np-project .secondary .calendar_wrap #today, body.np-project .ast-progress-val span {
  background: var(--ast-global-color-0)
}
body.np-project .secondary a:hover + .post-count, body.np-project .secondary a:focus + .post-count {
  background: var(--ast-global-color-0);
  border-color: var(--ast-global-color-0)
}
body.np-project .page-links .page-link, body.np-project .single .post-navigation a {
  color: var(--ast-global-color-0)
}
body.np-project .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), body.np-project .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color) {
  color: var(--ast-global-color-0);
  background-color: transparent;
  border-width: 1px;
  border: 1px solid var(--ast-global-color-0);
}
body.np-project .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover, body.np-project .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover {
  color: var(--ast-global-color-2) !important;
  ;
  background-color: transparent;
  border-width: 1px;
  border: 1px solid var(--ast-global-color-0);
}
body.np-project .wp-block-button.is-style-outline .wp-block-button__link:hover, body.np-project .wp-block-button.is-style-outline .wp-block-button__link:focus {
  color: #fff !important;
  background-color: #0091d9;
  border-color: #0091d9
}
body.np-project .post-page-numbers.current .page-link, body.np-project .ast-pagination .page-numbers.current {
  color: #fff;
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  border-radius: 2px
}
body.np-project .wp-block-button .wp-block-button__link:hover, body.np-project .wp-block-button .wp-block-button__link:focus {
  color: #fff;
  background-color: #0091d9;
  border-color: #0091d9
}
body.np-project .wp-block-button .wp-block-button__link, body.np-project .wp-block-search .wp-block-search__button, body.np-project body .wp-block-file .wp-block-file__button {
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  color: #fff
}
/**/
body.np-project .menu-toggle, body.np-project button, body.np-project .ast-button, body.np-project .ast-custom-button, body.np-project .button, body.np-project input#submit, body.np-project input[type="button"], body.np-project input[type="submit"], body.np-project input[type="reset"], body.np-project form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body.np-project body .wp-block-file .wp-block-file__button, body.np-project .search .search-submit {
  color: #fff;
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  transition: background-color .2s linear
}
body.np-project button:hover, body.np-project .ast-button:hover, body.np-project .ast-custom-button:hover, body.np-project .button:hover, body.np-project input#submit:hover, body.np-project input[type="button"]:hover, body.np-project input[type="submit"]:hover, body.np-project input[type="reset"]:hover, body.np-project form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, body.np-project body .wp-block-file .wp-block-file__button:hover, body.np-project .search .search-submit {
  color: #fff;
  background-color: #0091d9;
  border-color: #0091d9
}
body.np-project button:focus, body.np-project .ast-button:focus, body.np-project .ast-custom-button:focus, body.np-project .button:focus, body.np-project input#submit:focus, body.np-project input[type="button"]:focus, body.np-project input[type="submit"]:focus, body.np-project input[type="reset"]:focus, body.np-project form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body.np-project body .wp-block-file .wp-block-file__button:focus, body.np-project .search .search-submit {
  color: #fff;
  background-color: #0091d9;
  border-color: #0091d9
}
body.np-project .search-button-icon-group input[type="submit"] {
  background-color: var(--ast-global-color-5);
}
body.np-project .search-button-icon-group input[type="submit"]:hover {
  background-color: #e6f4ff;
}
/**/
body.np-project:not(.search-results) .entry-header {
  background-color: #e6f4ff;
}
body.np-project .ast-search-menu-icon.ast-dropdown-active .search-field {
  border-bottom: 1px solid var(--ast-global-color-0)
}
/* End Fix */
body.np-project .ast-button-wrap .ast-mobile-menu-trigger-minimal {
  color: var(--ast-global-color-0)
}
body.np-project .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: var(--ast-global-color-0);
}
body.np-project .lang .menu-link:before {
  background-color: var(--ast-global-color-0);
}
/* hover */
body.np-project .site-primary-header-wrap .menu-item:not(.highlight) .menu-link:after {
  border-bottom: 2px solid var(--ast-global-color-0);
}
body.np-project .site-primary-header-wrap .menu-item .menu-link:hover, body.np-project .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link:hover {
  color: var(--ast-global-color-0);
}
body.np-project .site-primary-header-wrap .menu-item.highlight .menu-link, body.np-project .ast-builder-menu-mobile .main-navigation .menu-item.highlight > .menu-link {
  background-color: var(--ast-global-color-0);
}
body.np-project .site-primary-header-wrap .menu-item.highlight .menu-link:hover, body.np-project .site-primary-header-wrap .menu-item.highlight .menu-link:focus, body.np-project .ast-builder-menu-mobile .menu-item.highlight .menu-link:hover, body.np-project .ast-builder-menu-mobile .menu-item.highlight .menu-link:focus {
  color: var(--ast-global-color-0);
  -webkit-box-shadow: inset 0px 0px 0px 1px var(--ast-global-color-0);
  -moz-box-shadow: inset 0px 0px 0px 1px var(--ast-global-color-0);
  box-shadow: inset 0px 0px 0px 1px var(--ast-global-color-0);
  background-color: #ffffff;
}
/* taxonomy-project-case-category.php */
body.np-project .banner {
  background-color: var(--ast-global-color-0);
}
body.np-project .banner:after {
  background-color: var(--ast-global-color-0);
}
body.np-project .top-cate-bar {
  background-color: #e6f4ff;
}
body.np-project .top-cate-bar ul.product-category li:after, body.np-project .top-cate-bar ul.project-case-category li:after {
  border-bottom: 2px solid var(--ast-global-color-0);
}
body.np-project .overflowrow .next, body.np-project .overflowrow .prev {
  color: var(--ast-global-color-0);
  background-color: #e6f4ff;
}
body.np-project .wp-block-separator {
  border-bottom: 1px solid var(--ast-global-color-0);
}
body.np-project .wp-block-uagb-social-share svg {
  fill: var(--ast-global-color-0) !important;
}
/* project product, adapt from nipponpaint.css */
ul.product-list.project li {
  min-height: 150px;
  border: 1px solid var(--ast-global-color-6);
  padding: 30px 15px 0;
  text-align: center;
  max-height: 300px;
  overflow: hidden;
}
ul.product-list.project li {
  background-color: var(--ast-global-color-7);
}
ul.product-list.project li img {
  max-width: 210px;
  width: 100%;
  transition: .4s margin;
}
ul.product-list.project li:hover img {
  margin-top: -30px;
}
/* project product related case */
ul.project-case {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
ul.project-case li {
  flex: 0 1 calc(50% - 15px*1/2);
  min-height: 200px;
  background-position: center center;
  background-size: cover;
}
@media(min-width: 782px) {
  ul.project-case li {
    flex: 0 1 calc(33.333% - 15px*2/3);
    min-height: 370px;
  }
}
ul.project-case.product-related {
  gap: 10px;
}
ul.project-case.product-related li {
  min-height: 245px;
}
/* plus ul.project-case-category with background-image */
ul.project-case-category.background-image li {
  background-position: center center;
  background-size: cover;
}
ul.project-case li a, ul.project-case-category.background-image li a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
ul.project-case li a:before, ul.project-case-category.background-image li a:before {
  content: "";
  position: absolute;
  background-color: var(--ast-global-color-0);
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: opacity .4s;
}
ul.project-case li:hover a:before {
  opacity: 0;
}
ul.project-case li a > *, ul.project-case-category.background-image li a > * {
  z-index: 1;
  color: #ffffff;
  transition: opacity .4s;
}
ul.project-case li:hover a > * {
  opacity: 0;
}
ul.project-case h6 {
  padding: 0 15px;
  text-align: center;
}
/* project case related product */
ul.project-case-related-product {
  margin-left: 15px;
}
/* project case more 
ul.project-case-more li {
  min-height: 300px;
}*/
ul.project-case-category.background-image li {
  flex: 0 1 50%;
  min-height: 200px;
}
@media(min-width: 782px) {
  ul.project-case-category.background-image li {
    flex: 0 1 25%;
    min-height: 400px;
  }
}
.project-case-category-image-first-two ul.project-case-category li {
  flex: 0 1 50%;
}
.project-inquiry-form {
  position: relative;
  z-index: 1;
}
.project-inquiry-form {
  position: relative;
  z-index: 1;
}
/*project-download*/
.project-download-filter {
  display: flex;
  width: 100%;
  gap: 30px;
  margin-bottom: 30px;
}
@media(max-width: 599px) {
  .project-download-filter {
    flex-direction: column;
  }
}
.project-download-filter > h2 {
  flex-basis: calc(50% - (30px*2/3));
  margin-bottom: 0;
}
.project-download-filter > .form-group {
  flex-basis: calc(25% - (30px*2/3));
}
.project-download-filter > .form-group .form-control {
  width: 100%;
  min-width: 200px;
}
ul.project-download {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.project-download li {
  display: flex;
  margin-bottom: 15px;
  gap: 30px;
}
ul.project-download li > div {
  flex-basis: 25%;
  text-align: center;
}
ul.project-download li > div:first-child {
  flex-basis: 50%;
  text-align: left;
  white-space: pre-wrap;
}
@media(max-width: 599px) {
  ul.project-download li > div {
    font-size: 14px;
    white-space: nowrap;
  }
}
ul.project-download {
  background-color: #e6f4ff;
  padding: 30px;
}