@charset "UTF-8";

.bg-belong {
  background: #4CABCF;
  color: #fff;
}
.bg-belong:hover {
  background: #297B9A;
}

.ec-productRole .ec-productRole__description {
    margin-bottom: 16px;
    margin-top: 26px;
    font-size: 13px;
    margin-left: 16px;
}

.w-300 {max-width: 300px;}

.detail_wrapper .bs-docs-section {
  display: block;
}

.detail_wrapper .tabs-4 .nav-tabs>li.active>a,
.detail_wrapper .tabs-4 .nav-tabs>li.active>a:hover,
.detail_wrapper .a-inv {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.detail_wrapper .tabs-4 .nav-tabs>li.active>a {
  border-bottom: 1px solid #fff;
}

.detail_wrapper .nav-tabs {
  text-align: center;
  padding-bottom: 20px;
}

.detail_wrapper .nav-tabs>li {
  display: inline;
  margin-bottom: 18px;
  float: none;
}

.detail_wrapper .tabs-4 .nav-tabs>li>a {
  display: inline-block;
}

.detail_wrapper .toggle dd {
  text-align: center;
  background: #fff;
}

.detail_wrapper .toggle a {
  background: #fff;
}

.modal-dialog.w-70 { width:70%; margin: 0 auto;}
.btn-right {float: right;}

.detail_wrapper .testimonial-2 p {
    font-size: 14px;
    line-height: 26px;
}

.detail_wrapper .tab-pane {
    background-color: transparent;
    border: none;
}

.detail_wrapper .ts3-author-img {
  margin-bottom: 10px;
  text-align: center;
}

.detail_wrapper .ts3-author-img i {
  font-size: 40px;
}

@media screen and (max-width: 768px) {
  .modal-dialog.w-70 { width:100%;}
  .btn-right {float: none; width: 100%; margin: 30px auto;}
  .detail_wrapper .fes14-nav-tabs>li {
      width: 33.3333%;
      margin-bottom: 3px;
  }
  .detail_wrapper h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .detail_wrapper .ts-author-cont {
    padding-top: 10px;
  }
  .detail_wrapper .ts-type {
    display: inline-block;
  }
}

.post-prev-img a img {
  max-width: 250px;
  margin: 0 auto;
}

.list-box__img > a > img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.pattern-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-frame {
    font-size: 11pt;
    width: 44%;
    text-align: left;
}