@charset "utf-8";
/* CSS Document */
/*.article a.wp-block-button__link {
  color: #fff;
}*/
/*.article .wp-block-image {
  margin-bottom: 30px;
}*/
.article p a {
  color: #0000ff;
}
.article .wp-block-image img {
  height: auto;
}
.article .wp-block-columns {
  margin-top: 50px;
}
.article .wp-block-columns .wp-block-image {
  margin-top: 0;
}
.article .wp-block-image figcaption {
  margin-top: -30px;
  font-size: 90%;
  color: #999;
  text-align: center;
}
.article .wp-block-image.ta_right figcaption {
  text-align: right !important;
}
.article #headerSection {
  background-image: url(/images/bg_article1.jpg);
  background-size: cover;
  background-position: center center;
}
.article #headerSection .kv {
  background: url("/images/bg_article_shade.png") no-repeat center bottom;
  background-size: 100%;
}
.article #headerSection .kv div {
  height: 780px;
}
.article #headerSection .kv h1 {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  bottom: 100px;
  left: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
}
#explore1 #mainArea {
  margin: 100px 0 0;
}
#mainArea {
  margin: 100px 0 100px;
}
#mainArea h2 {
  font-size: 30px;
  border-left: 7px solid #936d00;
  padding-left: 18px;
  margin: 80px 0 30px;
  clear: both;
}
#mainArea h3 {
  font-size: 20px;
  font-weight: normal;
  color: #936d00;
  padding: 10px 0;
}
#mainArea hr {
  border: none;
  height: 1px;
}
#mainArea hr.gdline {
  border: none;
  background-color: #936D00;
  height: 1px;
  width: 289px;
  margin-bottom: 30px;
  text-align: left;
  margin-left: 0;
}
#mainArea h4 {
  font-size: 100%;
  background: #e6e6e6;
  padding: 7px 20px;
  margin-bottom: 30px;
  line-height: 1.4;
}
#mainArea h5 {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 30px;
}
#mainArea h6 {
  font-size: 85%;
  font-weight: bold;
  margin-bottom: 20px;
}
#mainArea p {
  font-size: 100%;
  margin-bottom: 30px;
}
#mainArea img {
  margin-bottom: 30px;
}
#mainArea ul {
  margin-bottom: 30px;
  padding-left: 25px;
}
#mainArea ul li {
  list-style: disc;
}
#mainArea ol {
  margin-bottom: 30px;
  padding-left: 25px;
}
#mainArea ol li {
  list-style: decimal;
}
#mainArea dl {
  margin-bottom: 30px;
}
#mainArea dl dt {
  font-weight: bold;
}
#mainArea dl dd {
  padding-left: 25px;
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category::after {
  display: none;
}
/****************************************************************************************************************/
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .article .wp-block-columns {
    margin-top: 0px;
    display: block;
  }
  .article #headerSection {
    background-image: url(/images/bg_article1.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: 140px;
  }
  .article #headerSection .kv div {
    height: 265px;
  }
  .article #headerSection .kv h1 {
    position: absolute;
    bottom: 30px;
    left: 3%;
    font-size: 140%;
  }
  #mainArea {
    margin: 100px 5% 100px;
  }
  #explore1 #mainArea {
    margin: 100px 0 0;
  }
  #mainArea h2 {
    font-size: 120%;
  }
  #mainArea h3 {
    font-size: 120%;
  }
  #mainArea h4 {
    font-size: 100%;
    padding: 7px 20px 5px;
  }
  #mainArea h5 {
    font-size: 100%;
  }
  #mainArea h6 {
    font-size: 90%;
  }
  #mainArea img {
    width: 100%;
  }
  .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright {
    display: block !important;
  }
  .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption {
    display: block !important;
  }
}