/* default settings */
.news-related .c-card .photo {
  padding-bottom: 65.7%;
}
.news-related .c-card .group .title {
  margin-top: 1rem;
  font-size: 1rem;
}

.c-card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-card {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: left;
}
.c-card .photo {
  display: block;
  position: relative;
  padding-bottom: 62%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  overflow: hidden;
}
.c-card .photo:hover {
  opacity: 0.7;
}
.c-card .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-card .group {
  position: relative;
}
.c-card .group .title {
  font-family: SVN-GilroySemiBold, sans-serif;
  font-style: normal;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-top: 1.875rem;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #10623a;
}
.c-card .group .title:hover {
  opacity: 0.8;
}
.c-card .group .date {
  font-family: SVN-Gilroy, sans-serif;
  font-style: normal;
  margin-top: 0.9375rem;
}
.c-card .group .extra {
  font-size: 0.875rem;
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  .c-card .group .title {
    font-size: 0.875rem;
  }
  .c-card .group .date {
    font-size: 0.875rem;
  }
}
.content-editer h1,
.content-editer h2,
.content-editer h3,
.content-editer h4,
.content-editer h5 {margin-bottom: 20px;}
.content-editer h1 {
  font-family: SVN-GilroySemiBold, sans-serif;
  font-style: normal;
  font-size: 1.875rem;
}
.content-editer h2 {
  font-family: SVN-GilroySemiBold, sans-serif;
  font-style: normal;
  font-size: 1.5rem;
}
.content-editer h3 {
  font-family: SVN-GilroySemiBold, sans-serif;
  font-style: normal;
  font-size: 1.25rem;
}
.content-editer h4 {
  font-family: SVN-GilroySemiBold, sans-serif;
  font-style: normal;
  font-size: 1.125rem;
}
.content-editer ul li,
.content-editer ol li {
  position: relative;
}
.content-editer ul li:before,
.content-editer ol li:before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: #807653;
  display: inline-block;
  margin-right: 0.625rem;
  border-radius: 50%;
}
.content-editer ol li:before {
  border-radius: 0;
}
.content-editer strong {
  font-family: SVN-GilroyBold, sans-serif;
  font-style: normal;
}
.content-editer img {
  margin: 1.5625rem 0;
}
.content-editer p {margin-bottom: 16px;}

.key.key-page {
  background-image: url(../img/news/key-new.jpg);
}
@media (min-width: 768px) {
  .key.key-page {
    height: 30.1875rem;
  }
}

.btn-view-all {
  text-align: center;
  margin-top: 2.9375rem;
}

.category-list-item {
  width: calc(50% - 16px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px 32px;
}
.category-list-item .photo .inner,
.category-list > .item .inner {
  /* height: 26.25rem; */
  padding-top: calc(270 / 510 * 100%);
  position: relative;
  display: block;
}
.category-list-item .photo img,
.category-list > .item .photo img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.category-list-item:first-of-type .group {
  padding-top: 1.75rem;
}
.category-list-item:first-of-type .title {
  margin-bottom: 1.25rem;
}
.category-list-item:first-of-type .date {
  margin: 0 0 1.0625rem;
}
.category-list-item:first-of-type .link-more {
  margin-top: 1.2rem;
}
/* @media (max-width: 767px) {
  .category-list-item {
    width: 100%;
  }
  .category-list-item:first-of-type .photo {
    height: 17.5rem;
  }
  .category-list-item:first-of-type .group {
    padding-top: 1.5rem;
  }
  .category-list-item:first-of-type .link-more {
    margin-top: 1.25rem;
  }
  .category-list-item + .category-list-item {
    margin-top: 1.5625rem;
  }
} */
.category-list-item--style02 .item,
.news-category-group .category-list .item {
  height: 100%;
}
.category-list .item {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 12px;
  /* height: 100%; */
}
.category-list .photo a:hover {
  opacity: 0.8;
}
.category-list .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.category-list .group {
  padding: 0.625rem 0 0;
}
@media (max-width: 767px) {
  .category-list .group {
    padding: 0.9375rem 0 0;
  }
}
.category-list .title {
  font-family: SVN-GilroySemiBold, sans-serif;
  font-style: normal;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-size: 1rem;
  line-height: 1.0625rem;
  color: #10623a;
}
.category-list .title-sm {
  font-size: 0.875rem;
  line-height: 1.2rem;
}
.category-list .title:hover {
  opacity: 0.8;
}
.category-list .date {
  margin: 0 0 0.625rem;
  font-size: 0.875rem;
  line-height: 1;
}
.category-list .text {
  font-size: 0.875rem;
  line-height: 1.2;
  font-family: SVN-Gilroy, sans-serif;
  font-style: normal;
}
.category-list .link-more {
  margin-top: 1rem;
}
.category-list .link-more a {
  background: url(../img/news/icon-viewmore.png) no-repeat top 5px right/0.75rem;
  font-family: SVN-GilroySemiBold, sans-serif;
  font-style: normal;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  display: inline-block;
  padding-right: 1rem;
  padding-top: 0.125rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #807653;
}
.category-list .link-more a:hover {
  opacity: 0.8;
}
.category-list .item-group {
  margin-top: 1.875rem;
}
.category-list .item-group .item {
  width: 14.8125rem;
}
/* .category-list .item-group .item .photo {
  height: 8.875rem;
} */
.category-list .item-group .item .group {
  padding-right: 0.75rem;
}
.category-list .item-group .item .date {
  font-size: 0.8125rem;
}
.category-list .item-group .item .link-more {
  margin-top: 0;
}
@media (max-width: 767px) {
  .category-list .link-more a {background: url(../img/news/icon-viewmore.png) no-repeat top 5px right/0.75rem;}
  .category-list .item-group {
    margin-top: 0;
  }
  .category-list .item-group .item {
    width: 100%;
    margin-top: 1.5625rem;
  }
  .category-list .item-group .item .photo {
    height: 12.5rem;
  }
}
/* .category-list .category-list-item--style02 .item ~ .item {
  margin-top: 2.0625rem;
} */
.category-list .category-list-item--style02 .photo {
  width: 14.25rem;
  /* height: 8.5625rem; */
}
.category-list .category-list-item--style02 .photo .inner {
  padding-top: 0;
  height: 100%;
}
.category-list .category-list-item--style02 .group {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 12px;
}
.category-list .category-list-item--style02 .group .date {
  font-size: 0.75rem;
  margin-bottom: 0.75rem;
}
.category-list .category-list-item--style02 .group .link-more {
  margin-top: 0;
}
@media (max-width: 767px) {
  .category-list .category-list-item--style02 {
    margin-top: 1.5625rem;
  }
  .category-list .category-list-item--style02 .item ~ .item {
    margin-top: 1.5625rem;
  }
  .category-list .category-list-item--style02 .photo {
    width: 41%;
  }
  .category-list .category-list-item--style02 .group {
    padding: 0.9375rem 0.625rem 0.9375rem 0.75rem;
  }
  .category-list .category-list-item--style02 .group .date {
    margin: 0.5rem 0;
  }
}
.category-list.category-list--sidebar .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* .category-list.category-list--sidebar .item ~ .item {
  margin-top: 1.5rem;
} */
.category-list.category-list--sidebar .item .photo {
  width: 55%;
  position: relative;
  /* height: 5.875rem; */
}
.category-list.category-list--sidebar .item dl {
  margin-left: 0.625rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.category-list.category-list--sidebar .item dl dt {
  margin-top: 0;
  font-size: 0.875rem;
  line-height: 0.9375rem;
}
.category-list.category-list--sidebar .item dl .date {
  /* margin: 0.625rem 0 0; */
  line-height: 1;
  font-size: 0.75rem;
}
.news-category {
  background-image: url(../img/about/bg.jpg);
  background-repeat: no-repeat;
  background-position: top left 20%;
}
.news-category .category-list-item .item {height: 100%;}
.news-category .section-first {
  padding-top: 5.5625rem;
}
.news-category .section-first .all-category {
  margin-top: 2.1875rem;
}
.news-category .section-first .category-list-item + .category-list-item > .item .photo {
  height: 9.8125rem;
}
@media (max-width: 767px) {
  .news-category .section-first .category-list-item + .category-list-item > .item .photo {
    height: 12.5rem;
  }
}
@media (min-width: 768px) {
  .news-category .section-first hr.line {
    margin-bottom: 3.125rem;
  }
}
@media (max-width: 767px) {
  .news-category .section-first {
    padding-top: 3.125rem;
  }
}
.news-category .section-second {
  margin-top: 4.375rem;
}
@media (min-width: 768px) {
  .news-category .section-second hr.line {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .news-category .section-second {
    margin-top: 3.75rem;
  }
}
.news-category .section-third {
  padding-top: 4.6875rem;
  padding-bottom: 7.6875rem;
}
.news-category .section-third .c-card-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.news-category .section-third .c-card-wrap .item .title {
  margin-top: 1.0625rem;
}
/* @media (min-width: 768px) {
  .news-category .section-third .line {
    margin-bottom: 0;
  }
  .news-category .section-third .c-card-wrap .item {
    width: 18.9375rem;
    margin-top: 3.125rem;
  }
} */
@media (max-width: 767px) {
  .news-category .section-third {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .news-category .section-third .c-card-wrap .item ~ .item {
    margin-top: 2.5rem;
  }
}

.news-category-group {
  padding: 5.875rem 0 3.75rem;
}
@media (max-width: 767px) {
  .news-category-group {
    padding: 2.5rem 0 3.75rem;
  }
}
.news-category-group .category-group,
.news-single .content {
  width: calc(100% - 400px);
}
.news-category-group .category-group .line {
  margin-bottom: 0;
}
.news-category-group .category-group .category-list {
  /* width: 19.375rem; */
  margin-top: 3.125rem;
  gap: 16px;
}
.news-category-group .category-group .item .group {
  padding: 0.9375rem 1.375rem 0.9375rem 0.75rem;
}
/* .news-category-group .category-group .item .photo {
  height: 15rem;
} */
.news-category-group .category-group .item .date {
  margin: 0 0 0.9375rem;
}
@media (max-width: 767px) {
  .news-category-group .category-group,
  .news-single .content{
    width: 100%;
  }
  .news-category-group .category-group .item {
    width: 100%;
    margin-top: 1.875rem;
  }
  /* .news-category-group .category-group .item .photo {
    height: 16.25rem;
  } */
}
.sidebar-cate {
  /* padding-top: 12px; */
  width: 360px;
}
.sidebar-cate > h2 {line-height: 2.6875rem;}
.news-single .sidebar-cate {padding-top: 0;}
.news-category-group .sidebar-cate .line {
  margin-bottom: 0;
  /* height: 0.375rem; */
}
.news-category-group .sidebar-cate .category-list {
  margin-top: 3.125rem;
}
@media (max-width: 767px) {
  .news-category-group .sidebar-cate {
    padding-top: 2.5rem;
    width: 100%;
  }
  .news-category-group .sidebar-cate .category-list {
    margin-top: 1.875rem;
  }
}

.news-single {
  padding: 4.75rem 0 4.75rem;
}
/* .news-single .content {
  /* width: 48.375rem; */
  flex-grow: 1;
} */
.news-single .content .date {
  margin: 0.625rem 0 2.5rem;
}
.news-single .sidebar {
  padding-top: 1.625rem;
  width: 19rem;
}
@media (max-width: 767px) {
  .news-single {
    padding: 3.125rem 0 4.375rem;
  }
  .news-single .content {
    width: 100%;
  }
  .news-single .content .date {
    margin: 0.625rem 0 1.875rem;
  }
  .news-single .sidebar {
    padding-top: 3.75rem;
    width: 100%;
  }
}

.news-sharesns {
  margin-bottom: 5.9375rem;
}
.news-sharesns .wrap1180 {
  padding-bottom: 0.3125rem;
  /* border-bottom: 1px solid #10623a; */
}
.news-sharesns h4 {
  display: inline-block;
  font-size: 0.875rem;
  color: #707070;
}
.news-sharesns ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.news-sharesns ul li {
  margin-left: 0.875rem;
  width: 1.25rem;
}
.news-sharesns ul li a:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .news-sharesns {
    margin-bottom: 4.375rem;
  }
}

.news-related {
  padding-bottom: 3.75rem;
}
.news-related .c-card-wrap .item ~ .item {
  margin-top: 1.5625rem;
}
@media (min-width: 768px) {
  .news-related {
    padding-bottom: 6.125rem;
  }
  .news-related .c-card-wrap .item {
    width: 23.125rem;
    margin-top: 0 !important;
    margin-right: 2.0625rem;
  }
  .news-related .c-card-wrap .item:nth-child(3n) {
    margin-right: 0;
  }
}
