.anchor {
  display: block;
  position: relative;
  height: 1px;
  visibility: hidden;
  width: 100%;
}

.swiper_nav {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 1.75rem;
}

.swiperpaginwrapper:not(.custom_fraction) {
  display: inline-block;
}

.swiper_nav .swiper-pagination {
  position: static;
  width: auto;
  display: flex;
  align-items: center;
}

.swiper-button-prev,
.swiper-button-next {
  background: none;
  font-size: 0;
  display: inline-block;
  margin-top: 0;
  width: 1.625rem;
  height: 1rem;
}

.swiper-button-prev:before,
.swiper-button-next:before {
  content: '';
  background-image: url('../images/icon/icon_prev.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
}


.swiper-button-next {
  transform: rotate(180deg);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: '';
}

.swiper_nav .swiper-button-prev,
.swiper_nav .swiper-button-next {
  position: static;
}

.swiper-button-pause {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  height: 1rem;
}

.swiper-button-pause:hover,
.swiper-button-pause:focus {
  cursor: pointer;
}

.swiper-button-pause:before,
.swiper-button-pause:after {
  content: '';
  width: 0.25rem;
  height: 1rem;
  display: inline-block;
  margin-left: 2.5px;
  margin-right: 2.5px;
  background-color: var(--black);
}

.paused .swiper-button-pause:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0 0.5rem 1rem;
  /*border-color: transparent transparent transparent #00335b;*/
  border-color: transparent transparent transparent #000;
  background-color: transparent;
  margin-top: 1px;
}

.paused .swiper-button-pause:after {
  display: none;
}

.swiper-button-pause2 {
  display: none;
}

.swiper-pagination-horizontal .swiper-pagination-bullet {
  box-shadow: none;
  width: 1rem;
  height: 1rem;
  position: relative;
  background-color: transparent;
  border: 2px solid var(--black);
  display: flex;
  align-items: center;
}

.swiper-pagination-horizontal .swiper-pagination-bullet:hover:after,
.swiper-pagination-horizontal .swiper-pagination-bullet:focus:after {}

.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--black);
}

.mainArea1 .custom_fraction {
  margin-left: auto;
}

.custom_fraction {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}

.custom_fraction .max_slide_number {}

.custom_fraction .current_slide_number {
  position: relative;
  padding-right: 0.75rem;
  margin-right: 0.75rem;
  transform: none;
  bottom: auto;
  left: auto;
}

.custom_fraction .current_slide_number::after {
  content: '';
  width: 1px;
  height: 1rem;
  position: absolute;
  background-color: var(--black);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}


.mobile_nav {
  display: none;
}

.simplebar-wrapper {
  position: relative;
}

.contentArea .simplebar-scrollbar:before {
  opacity: 1;
  background-color: var(--black);
}

.simplebar-track.simplebar-horizontal {
  position: relative;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  position: static;
  height: 11px;
}

.simplebar-track.simplebar-horizontal:after {
  content: '';
  display: block;
  width: 100%;
  height: 7px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: -100;
  top: 2px;
  left: 0;
  border-radius: 7px;
}


.myLastestNew {
  padding: 1.75rem 0;
  position: relative;
  background-color: #eee;
}

.myLastestNew.hide {
  display: none;
}

.myLastestNew>div {}

.myLastestNew .myflex {
  display: flex;
  flex-wrap: wrap;
}

.myLastestNew .flex13>*:nth-child(1) {
  width: 25%;
}

.myLastestNew .flex13>*:nth-child(2) {
  width: 75%;
}

.myLastestNew .title {
  font-size: 1.25rem;
  text-align: right;
  font-weight: bold;
}

.myLastestNew .data {
  font-size: 1.125rem;
  padding: 0 10rem 0 1.75rem;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
  max-height: 0;
}

.myLastestNew.active .data {
  max-height: 300rem;
}

.myLastestNew .data a {
  color: var(--black);
}

.myLastestNew .data>div:not(:nth-last-child(1)) {
  margin-bottom: 1.25rem;
}

.myLastestNew .data .more a {
  display: inline-block;
  padding: 0 10px;
  text-transform: uppercase;
  text-decoration: underline;
}

.myLastestNew .close_btn {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}

.myLastestNew.active .close_btn {
  right: 1rem;
}

.myLastestNew .close_btn a {
  font-family: var(--second_fontfamily);
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  display: flex;
  align-items: center;
}


.myLastestNew .close_btn a>span:first-child {
  line-height: 1;
  padding-right: 0.7rem;
}

.myLastestNew .close_btn a>span:last-child {
  position: relative;
  min-width: 20px;
  min-height: 20px;
  display: inline-block;
  font-size: 0;
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 0.25rem;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
}

.myLastestNew.active .close_btn a>span:last-child {
  padding: 0;
  border: 0;
  transform: none;
}


.myLastestNew.active .close_btn a>span:last-child:before,
.myLastestNew.active .close_btn a>span:last-child:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 26px;
  height: 2px;
  background-color: var(--black);
}

.myLastestNew.active .close_btn a>span:last-child:before {
  transform: translate(0, -50%) rotate(45deg);
  margin-left: -2px;
}

.myLastestNew.active .close_btn a>span:last-child:after {
  transform: translate(0, -50%) rotate(-45deg);
  margin-left: -2px;
}

.swiper-fade .swiper-slide {
  opacity: 0 !important;
  /*transition: opacity 0.4s ease-in-out;*/
}

.swiper-fade .swiper-slide-active {
  opacity: 1 !important;
}

/*end .....................................................................................................................*/
.primary_btn a {
  display: inline-block;
  text-align: center;
  /*min-width: 11.5625rem;*/
  padding: 0.75rem 1rem;
  color: #212121;
  background-color: transparent;
  border: 2px solid #000;
  font-size: 1.2rem;
}

.primary_btn a:hover,
.primary_btn a:focus,
.primary_btn_with_icon a:hover,
.primary_btn_with_icon a:focus {
  background-color: var(--black);
  color: var(--white);
  text-decoration: none !important;
}

.primary_btn_with_icon {
  display: inline-block;
}

.primary_btn_with_icon a {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  color: var(--black);
  background-color: transparent;
  border: 2px solid var(--black);
  font-size: 1.25rem;
  white-space: nowrap;
}

.primary_btn_with_icon a:after {
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0.5rem;
}

.primary_btn_with_icon.search_btn a:after {
  background-image: url('../images/icon/icon_arrow_right.svg');
}

.primary_btn_with_icon.search_btn a:hover:after,
.primary_btn_with_icon.search_btn a:focus:after {
  background-image: url('../images/icon/icon_arrow_right_active.svg');
}

.primary_btn_with_icon.adv_search_btn a:after {
  background-image: url('../images/icon/icon_filter.svg');
}

.primary_btn_with_icon.adv_search_btn a:hover:after,
.primary_btn_with_icon.adv_search_btn a:focus:after {
  background-image: url('../images/icon/icon_filter_active.svg');
}

.secondary_btn a {
  display: inline-block;
  text-align: center;
  /*min-width: 11.5625rem;*/
  padding: 0.75rem 1rem;
  color: var(--black);
  background-color: var(--black);
  border: 2px solid var(--black);
  font-size: 1.2rem;
}

.secondary_btn a:hover,
.secondary_btn a:focus,
.secondary_btn_with_icon a:hover,
.secondary_btn_with_icon a:focus {
  border-color: var(--grey_dark);
  background-color: var(--grey_dark);
  color: var(--white);
  text-decoration: none !important;
}

.secondary_btn_with_icon {
  display: inline-block;
}

.secondary_btn_with_icon a {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  color: var(--white);
  background-color: var(--black);
  border: 2px solid var(--black);
  font-size: 1.25rem;
  white-space: nowrap;
}

.secondary_btn_with_icon a:after {
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0.5rem;
}

.secondary_btn_with_icon.play_btn a:after {
  background-image: url('../images/icon/icon_play.svg');
  filter: var(--white_filter);
}

.third_btn {
  display: inline-block;
}

.third_btn a {
  color: var(--black);
  font-size: 1.2rem;
  font-weight: 500;
  padding-bottom: 0.5rem;
  text-decoration: none;
  position: relative;
}

.third_btn a::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--black);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.1s;
  z-index: 50;
  opacity: 1;
}

.third_btn a::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background-color: var(--black);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.6s ease-in-out;
  transition-delay: 0.1s;
  opacity: 0;
}

.mobile .third_btn a::before,
.mobile .third_btn a::after {
  background-color: transparent;
}

.third_btn a:hover,
.third_btn a:focus {
  text-decoration: none;
}

.third_btn a:hover::before,
.third_btn a:focus::before {
  opacity: 0;
}

.third_btn a:hover::after,
.third_btn a:focus::after {
  opacity: 1;
  width: 100%;
}

.third_btn_with_icon a {
  display: flex;
  align-items: center;
}

.third_btn_with_icon a .icon {
  width: 1rem;
  height: 0.875rem;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.5rem;
}

.arrow_btn a .icon {
  background-image: url('../images/icon/icon_arrow_right.svg');
}

.arrow_btn2 a .icon {
  background-image: url('../images/icon/icon_arrow_right.svg');
  transform: rotate(-45deg);
}


.top_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.mainArea:not(.mainArea1):not(.mainArea2) {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.mainArea2 {

  padding-top: 2.5rem;

}

.mainArea:not(.mainArea4) .container>.row>div:first-child {
  width: 33.3333333%;
}

.mainArea:not(.mainArea4) .container>.row>div:nth-child(2) {
  width: 66.66666666%;
}

.mainArea1 .container {
  padding-left: 0;
  padding-right: 0;
}

.mainArea1 .swiper-slide>div {
  height: calc(100vh - 5rem);
}

.mainArea1 .cover {
  height: 50%;
  position: absolute;
  width: 100%;
  /*animation-delay: 1s;
  -webkit-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
  margin-top: 100%;*/
}

.mainArea1 .cover_box {
  position: relative;
  height: 100%;
}

.mainArea1 .cover .play_btn {
  position: absolute;
  right: 1rem;
  bottom: 3rem;
  z-index: 40;
}

.mainArea1 .cover video {
  max-width: none;
  height: auto;
  width: 100%;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  bottom: 0;
}

.video_wrapper {
  height: 100%;
  pointer-events: none;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  height: 100%;
  padding-top: 0;
}

.video_wrapper .vjs-control-bar{
  opacity: 0;
  transition: opacity 0.3s;
  display: none;
}
/*
.video_wrapper:hover .vjs-control-bar {
  opacity: 1;
}*/

.mainArea1 .intro {
  /*0.5 for overlapping between video and intro*/
  display: flex;
  height: 50.5%;
  position: absolute;
  top: 49.5%;
  width: 100%;
}

.mainArea1 .video_box {
  display: none;
}

.mainArea1 .video_box video::-webkit-media-controls-panel{
  display: none;
}

.mainArea1 .profile_pic {
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  /*animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;*/
}

.mainArea1 .profile_pic_box,
.mainArea1 .video_pic_box {
  display: flex;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  
  align-items: center;
}

.mainArea1 .profile_pic img,
.mainArea1 .video_box img{

  width: auto;
  /* height: 100% */
  /* max-width: none; */
  display: block;

  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.mainArea1 .intro_box {
  height: 100%;
}

.mainArea1 .intro>div {
  width: 50%;
}

.mainArea1 .intro .year {
  border-bottom: 1px solid var(--black);
  font-family: var(--second_fontfamily);
  font-weight: 700;
  display: inline-block;
}

.mainArea1 .intro .name {
  font-size: 3rem;
  font-weight: 700;
}

.mainArea1 .intro .post {
  font-size: 1.5rem;
  font-family: var(--second_fontfamily);
}

.mainArea1 .intro_box {
  background-color: var(--orange_dark);
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*animation-delay: 1.2s;
  -webkit-animation-duration: 1.3s;
  -ms-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;*/
}

.mainArea1 .intro_box .play_btn {
  display: none;
}

.mainArea1 .intro_box .swiper_nav {
  display: none;
}

.mainArea1 .intro_box .third_btn {
  text-align: right;
}

.mainArea1 .mainSlider {}

.mainArea1 .swiperhugecontainer {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.mainArea1 .swiperbigcontainer {
  width: 66.6666666666666%;
  position: relative;
  overflow-y: hidden;
  height: calc(100vh - 5rem);
}

.mainArea1 .ele1 {
  width: 33.3333333%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.mainArea1 .topic .main {
  font-size: 5.5rem;
  font-weight: 700;
  color: var(--blue_darkr);
  line-height: 1.2;
}

.mainArea1 .topic .sub {
  font-size: 3rem;
  color: var(--black);
  font-weight: 300;
}


.mainArea1 .swiperpaginwrapper {
  margin-left: auto;
}

.mainArea1 .swiper_nav {
  border-top: 1px solid var(--black);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.mainArea1 .swiper-button-pause {
  margin-right: 0.5rem;
}

.mainArea1 .swiper-button-prev {
  margin-right: 1rem;
}

.swiper-button-disabled2{
  user-select: none !important;
  pointer-events: none !important;
}

.animate_before {
  margin-top: 100%;

  opacity: 0;
}

.animate_before2 {
  margin-top: 50%;
  opacity: 0;
}

.animate_before3 {
  margin-top: 50%;

  opacity: 0;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.animate-fadeInLeft {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}


.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

.mainArea1_5 {
  background-color: var(--grey_light);
}

.mainArea1_5 .data_wrapper>div {
  border-bottom: 1px solid var(--black);
  font-size: 1.25rem;
  display: flex;
  align-items: flex-end;
  padding-bottom: 1rem;
}

.mainArea1_5 .data_wrapper>div:not(:first-child) {
  padding-top: 2rem;
}

.mainArea1_5 .data_wrapper .bignumber {
  font-size: 5rem;
  font-weight: bold;
  line-height: 1;
  display: flex;
}

.mainArea1_5 h2 {
  margin-top: 0;
}

.mainArea1_5 .row>div>*:first-child {
  margin-top: 0;
}

.mainArea1_5 .row>div>*:last-child {
  margin-bottom: 0;
}

.mainArea1_5 .row:not(:first-child) {
  padding-top: 2rem;
}

.contact_list {
  padding-left: 0;
  margin-bottom: 0;
  margin-left: -2rem;
  margin-right: -2rem;
  display: flex;
  flex-wrap: wrap;
}

.contact_list li {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
}

.contact_list li>div:first-child {
  font-size: 0;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  margin-top: 0.2rem;
}

.contact_list li.email>div:first-child {
  background-image: url(../images/icon/icon_mail.svg);
}

.contact_list li.ig>div:first-child {
  background-image: url(../images/icon/icon_ig.svg);
}

.contact_list li.website>div:first-child {
  background-image: url(../images/icon/icon_website.svg);
}

.contact_list li.fb>div:first-child {
  background-image: url(../images/icon/icon_facebook.svg);
}

.contact_list li.weibo>div:first-child {
  background-image: url(../images/icon/icon_weibo.svg);
}

.contact_list li>div:last-child {
  width: calc(100% - 2.25rem);
}

.contact_list li a {
  color: var(--black);
}

.contact_list .small_text {
  font-size: 0.88888888rem;
  color: #9e9e9e;
}

.contact_section .title {
  font-family: var(--second_fontfamily);
}


.section_wrapper:not(.section4) {
  padding-top: 5rem;
  padding-bottom: 5rem;
  /*margin-bottom: 3rem;*/
}

.section_wrapper .row>div:first-child {
  width: 50%;
  padding-right: 2rem;
}

.section_wrapper .row>div:last-child {
  width: 50%;
  padding-left: 2rem;
}

.section_wrapper.section2 {
  background-color: var(--grey_light);
}

.section_wrapper.section3 {
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section_wrapper.section3::after {
  content: '';
  display: block;
  width: calc(100% - var(--container_padding_left) - var(--container_padding_right));
  height: 1px;
  background-color: var(--black);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.section_wrapper.section4 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.card_bigwrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2rem;
  margin-right: -2rem;
}

.card_bigwrapper .my_card {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 4rem;
  width: 33.33333%;
}



.card_bigwrapper .my_card>* {
  color: var(--black);
  display: block;
  /*padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
  background-color: #f5f5f5;
  transition: background-color 0.4s ease-in-out;*/
  height: 100%;
}

.card_bigwrapper .my_card>*:hover,
.card_bigwrapper .my_card>*:focus {
  /*background-color: #dddddd;*/
  text-decoration: none !important;
}

.my_card .cover {
  width: 100%;
}

.my_card .cover a {
  width: 100%;
  display: block;
}

.my_card img {
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.img_hover_wrapper .my_card .cover a{
  position: relative;
}

.img_hover_wrapper .my_card .project_pic{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s;
}

.img_hover_wrapper .my_card.active .project_pic {
  opacity: 1;
}

.my_card .title,
.record .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 0.5rem;

  width: 100%;
}

.my_card .title a {
  color: var(--black);
}

.my_card .tag,
.record .tag {
  margin-top: 1rem;
}

.my_card .tag>*:not(:last-child),
.record .tag>*:not(:last-child) {
  margin-right: 0.5rem;
}

.my_card .type2{
  display: inline-block;
}

.my_card .type2>a,
.my_card .type,
.record .type {
  display: inline-block;
  font-size: 0.9rem;
  color: var(--black);
  padding: 0.25rem 0.75rem;
  font-family: var(--second_fontfamily);
  border-radius: var(--borderradius1);
  border: 1px solid var(--grey_light);
  font-weight: bold;
  margin-bottom: 0.5rem;
  /* text-transform: lowercase; */
}

.my_card .type2>a{
    /*background-color: var(--grey_lightr);*/
      border-color: var(--grey_lightr);
}

.my_card .type_bg1,
.record .type_bg1 {
  /*background-color: var(--grey_lightr);*/
  border-color: var(--grey_lightr);
}

.my_card .post,
.record .sub_title {
  font-family: var(--second_fontfamily);
  font-size: 0.9rem;
}

.my_card .desc,
.record .desc {
  margin-top: 0.75rem;
}

.my_card .desc>*:first-child,
.record .desc>*:first-child {
  margin-top: 0;
}

.my_card .desc>*:last-child,
.record .desc>*:last-child {
  margin-bottom: 0;
}

.record {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--grey_light);
}

.record>div:first-child {
  width: 70%;
  display: flex;
  align-items: center;
}

.record>div:last-child {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.record  img {
 margin-left: auto;
 margin-right: auto;
  text-align: center;
  max-height: 300px;
}

.logo_container .my_card>div>div:first-child {
  height: 20rem;
  display: flex;
  align-items: center;

}

.top_box {
  display: flex;
  flex-wrap: wrap;
  min-height: 20.875rem;
}

.top_box>div:first-child {
  background-color: var(--orange_dark);
  width: 40%;
  padding-left: var(--container_padding_left);
  padding-right: var(--container_padding_left);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.top_box>div:nth-child(2) {
  width: 60%;
  padding-left: var(--container_padding_left);
  padding-right: var(--container_padding_left);
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.5rem;
}

.top_box_with_img {
  width: 100%;
}

.top_box h1,
.top_box_with_img h1 {
  margin-bottom: 0.5rem;
}

.top_box h2,
.top_box_with_img h2 {
  color: var(--blue_darkr);
  font-weight: 500;
}

.top_box_with_img {
  display: flex;
  flex-wrap: wrap;
}

.top_box_with_img>div:first-child {
  background-color: var(--orange_dark);
  width: 50%;
  padding-left: var(--container_padding_left);
  padding-right: var(--container_padding_left);
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.top_box_with_img>div:nth-child(2) {
  width: 50%;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 16/12;

}

.top_box_with_img .post {
  font-family: var(--second_fontfamily);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.top_box_with_img .type {
  font-family: var(--second_fontfamily);
}

.info_list {
  padding-left: 0;
  margin-top: 0;
}

.info_list>li {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 1.2rem;
}

.info_list>li>div:first-child {
  font-family: var(--second_fontfamily);
  font-size: 0.85rem;
}

.info_list>li>div:last-child {
  font-size: 1.125rem;
}

.remark {
  font-family: var(--second_fontfamily);
  font-size: 0.9rem;
}

.blockquote {
  font-size: 2rem;
  font-weight: 300;
}

.tabbigcontainer {}

.tabbigcontainer .myFilter {
  border-bottom: 0;
}

.tabbigcontainer>.row {
  width: auto;
  min-width: 100%;
  border-bottom: 1px solid var(--grey_light);
  margin-bottom: 2rem;
}

.tabbigcontainer>.row>div:nth-child(1) {
  width: 40%;
}

.tabbigcontainer>.row>div:nth-child(2) {
  width: 60%;
}

.tabbigcontainer .typerow {

  display: flex;

}

.tabbigcontainer .typerow>div {
  /*padding-left: 1.25rem;
  padding-right: 1.25rem;*/
  padding-right: 2.5rem;
  /*margin-bottom: 1rem;*/
  display: flex;
  align-items: center;
}

.tabbigcontainer .typerow a {
  font-size: 1.2rem;
  display: inline-block;
  color: var(--grey_primary);
  font-weight: 500;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid transparent;
}

.tabbigcontainer .typerow>div.selected a {
  color: var(--black);
  border-color: var(--black);
}

.tabbigcontainer .typerow a:hover,
.tabbigcontainer .typerow a:focus {
  text-decoration: none;
  color: var(--grey_dark);
}

.page_control {
  font-family: var(--second_fontfamily);
  margin: 1.75rem 0;
}

.page_control,
.page_control a {
  color: #757575;
}

.page_control .active,
.page_control .active a {
  color: var(--black);
}

.page_control>.myflex {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
}

.page_control>.myflex>div {
  padding: 0 0.3rem;
}

.page_control>.myflex>div a {
  position: relative;
  padding: 0.75rem 0.75rem;
  text-decoration: none;
  display: block;
}

.page_control>.myflex>div a:hover,
.page_control>.myflex>div a:focus {
  text-decoration: none;
  color: var(--grey_dark);
}

.page_control>.myflex .next,
.page_control>.myflex .prev {
  font-size: 0.9rem;
  margin: 0 1.2rem;
}

.page_control>.myflex .pagenum a:before {
  content: "";
  position: absolute;
  background: #bdbdbd;
  height: 1px;
  bottom: 3.5px;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.page_control>.myflex .pagenum.active a:before {
  background: var(--black);
  bottom: 0;
  height: 8px;
}

.page_control>.myflex .pagenum a:focus:before,
.page_control>.myflex .pagenum a:hover:before {
  background: #444;
}

.story_photoslider_huge {}

.story_photoslider_huge .swiper_nav {
  justify-content: center;
}

.story_photoslider_huge .swiperbigcontainer {
  position: relative;
  background-color: var(--grey_lightr);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.story_photoslider_huge .swiper-button-prev {
  left: 1.5rem;
  transform: translateY(-50%);
}

.story_photoslider_huge .swiper-button-next {
  right: 1.5rem;
  transform: translateY(-50%);
}

.story_photoslider_huge .swiper-button-prev,
.story_photoslider_huge .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}

.story_photoslider_huge .swiper-button-prev:before,
.story_photoslider_huge .swiper-button-next:before {
  width: 50%;
  height: 50%;
}

.story_photoslider_huge .swiper-button-next:before {
  transform: rotate(180deg);
}

.story_photoslider_huge .swiper {
  max-width: 85%;
}

.story_photoslider_huge .cover {
  max-width: calc(100% - 6px);
  margin-left: auto;
  margin-right: auto;
}

.story_photoslider img {
  /* width: 100%; */
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.myFilter {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid var(--grey_light);
}

.myFilter>*:not(:last-child) {
  margin-right: 1rem;
}

.myFilter .filter_dropdown .multi-checkbox-field {
  margin-bottom: 1rem;
}

.myFilter .search_btn a::before{
  content: '';
  width: 90%;
  height: 90%;
  background-image: url('../images/icon/icon_search.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.multi-checkbox-field {
  background: var(--white);
  border: 1px solid #ebebeb;
  border-radius: 2px;
  position: relative;
  margin-bottom: 1rem;
  display: inline-block;
}

.multi-checkbox-field-toggle {
  background: #fff;
  cursor: pointer;
  line-height: 24px;
  padding: 0;
  position: relative;
  min-width: 200px;
}

.multi-checkbox-field-toggle>a {
  display: block;
  padding-top: 1rem;
  padding-right: 3.2rem;
  padding-bottom: 0.875rem;
  padding-left: 1.2rem;
  color: #000;
  text-decoration: none !important;
}

.multi-checkbox-field-toggle:after {
  content: "";
  background-image: url(../images/icon/icon_arrow_right.svg);
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  width: 1rem;
  height: 0.75rem;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  margin-top: -5px;
}

.multi-checkbox-field.active .multi-checkbox-field-toggle:after {
  background-image: url(../images/icon/icon_cross.svg);
}

.multi-checkbox-field .list {
  background: #fff;
  border: 1px solid #ebebeb;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: 0;
  display: none;
  margin: 0 -1px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 1rem 1.2rem 0.875rem;
  max-height: 282px;
  overflow-y: scroll;
}

.multi-checkbox-field .list,
.multi-checkbox-field.active {
  box-shadow: 0 0 1.2rem rgb(0 0 0 / 5%);
  /* width: fit-content; */
}

.multi-checkbox-field.active .list {
  display: block;
  padding-top: 8px;
  z-index: 3;
}

.multi-checkbox-field .checkbox {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 1rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.myFilter .checkbox,
.myFilter .checkboxset,
.myFilter .optionset,
.myFilter .radio {
  margin-right: 1rem;
  margin-top: 4px;
}

.myFilter .filter_text {
  font-family: var(--second_fontfamily);
  align-self: center;
  margin-bottom: 1rem;
}

.multi-checkbox-field .checkbox {
  padding-left: 0;
}

.multi-checkbox-field .checkbox input {
  margin: 0;
  margin-right: 1.2rem;
}

.video_wrapper2 {
  margin-bottom: 2rem;
}

.video_wrapper2 iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.sticky_now {
  position: fixed;
  top: 0;
  z-index: -10;
}

.btn_nav {
  margin-bottom: 5rem;
  text-align: center;
}