@charset "UTF-8";
.theme-bg-a {
  background: #00829B;
  color: #fff;
}

.theme-bg-b {
  background: #00ADC6;
  color: #fff;
}

.gradation-bg-a {
  background: linear-gradient(90deg, #00ADC6 0%, #00829B 100%);
  color: #fff;
}

.gradation-bg-b {
  background: linear-gradient(90deg, #0F2B5B 0%, rgba(1, 164, 239, 0) 100%);
  color: #fff;
}

.gradation-bg-c {
  background: linear-gradient(160deg, #B4DDE1 7.92%, #FEFFFF 88.74%);
}

.gradation-bg-d {
  background: linear-gradient(270deg, #00B2D5 0%, #90D8D5 100%);
  color: #fff;
}

.gradation-bg-e {
  background: linear-gradient(180deg, rgba(128, 216, 234, 0.25) 0%, rgba(128, 216, 234, 0.75) 100%);
}

.gradation-bg-f {
  background: linear-gradient(180deg, #209FDC 0%, #4BAEAE 100%);
  color: #fff;
}

.gradation-bg-g {
  background: linear-gradient(180deg, #00829B 0%, #40A1B4 100%);
  color: #fff;
}

.gradation-bg-h {
  background: linear-gradient(180deg, #EE5C9D 0%, #F37D70 100%);
  color: #fff;
}

.text-bg-a {
  background: #333;
  color: #fff;
}

.text-bg-b {
  background: #fff;
  color: #333;
}

.course-bg-a {
  background: #A32638;
}

.course-bg-b {
  background: linear-gradient(270deg, #A32638 0%, #CE1126 100%);
}

.course-bg-c {
  background: #5F8739;
}

.course-bg-d {
  background: linear-gradient(90deg, #7FBA00 0%, #5F8739 100%);
}

.course-bg-e {
  background: #007E79;
}

.course-bg-f {
  background: linear-gradient(270deg, #007E79 0%, #00AFAD 100%);
}

.course-bg-g {
  background: #006B3F;
}

.course-bg-h {
  background: linear-gradient(270deg, #006B3F 0%, #008751 100%);
}

.course-bg-i {
  background: #848205;
}

.course-bg-j {
  background: linear-gradient(270deg, #848205 0%, #D6E542 100%);
}

/* 英文 */
@font-face {
  font-family: "Vectora LT Pro";
  src: url("../fonts/VectoraLTPro-Light.OTF") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Vectora LT Pro";
  src: url("../fonts/VectoraLTPro-Roman.OTF") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Vectora LT Pro";
  src: url("../fonts/VectoraLTPro-Bold.OTF") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Vectora LT Pro";
  src: url("../fonts/VectoraLTPro-BlackItalic.OTF") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "Vectora LT Pro";
  src: url("../fonts/VectoraLTPro-Black.OTF") format("truetype");
  font-weight: 900;
}
/* 簡中 */
@font-face {
  font-family: "Sans-SC";
  src: url("../fonts/sans-sc/NotoSansSC-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Sans-SC";
  src: url("../fonts/sans-sc/NotoSansSC-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Sans-SC";
  src: url("../fonts/sans-sc/NotoSansSC-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Sans-SC";
  src: url("../fonts/sans-sc/NotoSansSC-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Sans-SC";
  src: url("../fonts/sans-sc/NotoSansSC-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Sans-SC";
  src: url("../fonts/sans-sc/NotoSansSC-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "Sans-SC";
  src: url("../fonts/sans-sc/NotoSansSC-Black.ttf") format("truetype");
  font-weight: 900;
}
/* 繁中 */
@font-face {
  font-family: "Sans-TC";
  src: url("../fonts/sans-tc/NotoSansTC-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Sans-TC";
  src: url("../fonts/sans-tc/NotoSansTC-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Sans-TC";
  src: url("../fonts/sans-tc/NotoSansTC-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Sans-TC";
  src: url("../fonts/sans-tc/NotoSansTC-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Sans-TC";
  src: url("../fonts/sans-tc/NotoSansTC-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Sans-TC";
  src: url("../fonts/sans-tc/NotoSansTC-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "Sans-TC";
  src: url("../fonts/sans-tc/NotoSansTC-Black.ttf") format("truetype");
  font-weight: 900;
}
/* 繁體中文使用 TC 字體 */
html[lang=zh-hant] body {
  font-family: "Sans-TC", "Sans-SC", "Vectora LT Pro" !important;
}

/* 簡體中文使用 SC 字體 */
html[lang=zh-hans] body {
  font-family: "Sans-SC", "Sans-TC", "Vectora LT Pro" !important;
}

html[lang=en] body {
  font-family: "Vectora LT Pro", "Sans-SC", "Sans-TC" !important;
  /* 全局小屏處理 */
}
@media screen and (max-width: 767px) {
  html[lang=en] body .about-academic-recognition .imgBox .nameBox {
    font-size: 1.125rem !important;
  }
}
html[lang=en] body .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .name {
  line-height: 1;
}
html[lang=en] body .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .descBox .item {
  display: block;
}
html[lang=en] body .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .descBox .item::before {
  margin-top: 0;
}
html[lang=en] body .view-news-and-events-upcoming-listing .view-filters .form-radios .form-item label {
  margin-top: 2px;
}
html[lang=en] body .tag > span {
  transform: translateY(2px);
}
html[lang=en] body .vtc-ive-btn, html[lang=en] body .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline html[lang=en] body .form-submit, html[lang=en] body #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form html[lang=en] body .form-submit,
html[lang=en] body #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form html[lang=en] body .form-submit {
  padding-top: 2px;
}
@media screen and (max-width: 991px) {
  html[lang=en] body .vtc-ive-btn, html[lang=en] body .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline html[lang=en] body .form-submit, html[lang=en] body #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form html[lang=en] body .form-submit,
  html[lang=en] body #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
  #block-vtc-ive-theme-content .openid-connect-login-form html[lang=en] body .form-submit {
    padding-top: 13px;
  }
}
html[lang=en] body header .nav-cont .region-primary-menu nav ul.menu > li {
  font-size: 1.0625rem;
}
html[lang=en] body header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--collapse > ul.menu > li {
  font-size: 1.0625rem !important;
}
html[lang=en] body header .top-nav .home-icon a {
  vertical-align: -webkit-baseline-middle;
}
html[lang=en] body header .top-nav .home-icon a::after {
  margin-top: 0 !important;
}
html[lang=en] body header .top-nav .vtc-ive-btn, html[lang=en] body header .top-nav .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline html[lang=en] body header .top-nav .form-submit, html[lang=en] body header .top-nav #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form html[lang=en] body header .top-nav .form-submit,
html[lang=en] body header .top-nav #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form html[lang=en] body header .top-nav .form-submit {
  padding-top: 7px;
}

html[data-font-size=small] {
  font-size: 14px;
}

html[data-font-size=medium] {
  font-size: 16px;
}

html[data-font-size=large] {
  font-size: 18px;
}

@media only screen and (max-width: 991px) {
  body {
    padding-top: 47px;
  }
}
h1,
.h1,
.vtc-ive-home-page .home-page-banner .banner-info-box .title,
.vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma,
.banner-img-inner .banner-bg {
  font-size: 2.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 2.2px;
}
@media only screen and (max-width: 991px) {
  h1,
  .h1,
  .vtc-ive-home-page .home-page-banner .banner-info-box .title,
  .vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma,
  .banner-img-inner .banner-bg {
    font-size: 1.875rem !important;
    letter-spacing: 1.8px;
  }
}

h2,
.h2,
.global-ohter-section .item .imgBox .imgDesc .imgTitle,
.about-academic-recognition .imgBox .nameBox,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .title,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .diploma,
.overlapBox .info-section .text-card .main-title,
.overlapBox .info-section .text-card .path-search .block-system-main-block > h2,
.path-search .overlapBox .info-section .text-card .block-system-main-block > h2,
.main-title,
.path-search .block-system-main-block > h2 {
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px;
}
@media only screen and (max-width: 991px) {
  h2,
  .h2,
  .global-ohter-section .item .imgBox .imgDesc .imgTitle,
  .about-academic-recognition .imgBox .nameBox,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .title,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .diploma,
  .overlapBox .info-section .text-card .main-title,
  .overlapBox .info-section .text-card .path-search .block-system-main-block > h2,
  .path-search .overlapBox .info-section .text-card .block-system-main-block > h2,
  .main-title,
  .path-search .block-system-main-block > h2 {
    font-size: 1.75rem !important;
    letter-spacing: 1.5px;
  }
}

h3,
.h3,
.campus-detail-part2 .advanced-facility-info-card .title,
.campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part2 .advanced-facility-info-card .diploma,
.campus-detail-part1 .rightBox .title,
.campus-detail-part1 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part1 .rightBox .diploma,
.global-ohter-section .item .item-title,
.global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .item-title,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .item-title,
.sl-languageDevelopment .cardBox .innerCard .title,
.sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-languageDevelopment .cardBox .innerCard .diploma,
.campus-listing .network-listing .item,
.campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing .item,
.lo-career-development .development-swiper .item .name,
.lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .name,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .name,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .name {
  font-size: 2rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.3px;
}
@media only screen and (max-width: 991px) {
  h3,
  .h3,
  .campus-detail-part2 .advanced-facility-info-card .title,
  .campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part2 .advanced-facility-info-card .diploma,
  .campus-detail-part1 .rightBox .title,
  .campus-detail-part1 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part1 .rightBox .diploma,
  .global-ohter-section .item .item-title,
  .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .item-title,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .item-title,
  .sl-languageDevelopment .cardBox .innerCard .title,
  .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-languageDevelopment .cardBox .innerCard .diploma,
  .campus-listing .network-listing .item,
  .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing .item,
  .lo-career-development .development-swiper .item .name,
  .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .name,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .name,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .name {
    font-size: 1.625rem !important;
    letter-spacing: 1.1px;
  }
}

h4,
.h4,
.campus-detail-part5 .rightBox .title,
.campus-detail-part5 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part5 .rightBox .diploma,
.campus-detail-part5 .leftBox .location,
.campus-detail-part1 .rightBox .discipline .item,
.campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item,
.site-map-wrap .row .col > ul.menu > li.menu-item > a,
.site-map-wrap .row .col > ul.menu > li.menu-item > p > span,
.site-map-wrap .row .col > ul.menu > li.menu-item > span,
.dfs-page .multipleCurriculumAreas .item .text-tag,
.dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-tag,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .text-tag,
.lo-higher-iploma .rowList .item .w-100 .title,
.lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .w-100 .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .w-100 .cardInfo .diploma,
.lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .w-100 .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .cardInfo .w-100 .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma,
.sl-internationalExchange .cardBox .infoBox .title,
.sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internationalExchange .cardBox .infoBox .diploma,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .title,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .diploma,
.campus-listing .broadenSHorizon .campus-listing-swiper .item .title,
.campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .broadenSHorizon .campus-listing-swiper .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma,
.about-advantage .item .infoBox .titleBox .title,
.about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma,
.about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .title,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .cardBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .industryRecognition .personnel-list-swiper .swiper-slide > .item .cardInfo .cardBox .diploma,
.vtc-ive-home-page .industryRecognition .infoList .item,
.vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList .item,
.vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox .textBox,
.video-section .video-cont2 .conditions,
.content-body article[data-history-node-id="107"] .menu--main > ul.menu {
  font-size: 1.625rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.3px;
}
@media only screen and (max-width: 991px) {
  h4,
  .h4,
  .campus-detail-part5 .rightBox .title,
  .campus-detail-part5 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part5 .rightBox .diploma,
  .campus-detail-part5 .leftBox .location,
  .campus-detail-part1 .rightBox .discipline .item,
  .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item,
  .site-map-wrap .row .col > ul.menu > li.menu-item > a,
  .site-map-wrap .row .col > ul.menu > li.menu-item > p > span,
  .site-map-wrap .row .col > ul.menu > li.menu-item > span,
  .dfs-page .multipleCurriculumAreas .item .text-tag,
  .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-tag,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .text-tag,
  .lo-higher-iploma .rowList .item .w-100 .title,
  .lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .w-100 .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .w-100 .cardInfo .diploma,
  .lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .w-100 .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .cardInfo .w-100 .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma,
  .sl-internationalExchange .cardBox .infoBox .title,
  .sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internationalExchange .cardBox .infoBox .diploma,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .title,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .diploma,
  .campus-listing .broadenSHorizon .campus-listing-swiper .item .title,
  .campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .broadenSHorizon .campus-listing-swiper .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma,
  .about-advantage .item .infoBox .titleBox .title,
  .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma,
  .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma,
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .title,
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .cardBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .industryRecognition .personnel-list-swiper .swiper-slide > .item .cardInfo .cardBox .diploma,
  .vtc-ive-home-page .industryRecognition .infoList .item,
  .vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide .item,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList .item,
  .vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox .textBox,
  .video-section .video-cont2 .conditions,
  .content-body article[data-history-node-id="107"] .menu--main > ul.menu {
    font-size: 1.375rem !important;
    letter-spacing: 1.1px;
  }
}

h5,
.h5,
.campus-detail-part3 .college-activities-swiper .item .infoCard .title,
.campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoCard .title,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item .infoCard .title,
.campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoCard .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .infoCard .cardInfo .diploma,
.campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoCard .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .infoCard .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma,
.dfs-page .foundationCourseDiploma .card-item .title,
.dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item .diploma,
.high_diploma-page .highSchool .cardList .item .title,
.high_diploma-page .highSchool .cardList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .cardList .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma,
#newsModal .modal-dialog .modal-content .modal-body .infoBox .title,
#newsModal .modal-dialog .modal-content .modal-body .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #newsModal .modal-dialog .modal-content .modal-body .infoBox .diploma,
.news-events-page .newsList .item .white-cont .title,
.news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo .diploma,
.news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .name,
.sl-internshipOpportunity .infoBox .textInfo .line3,
.campus-listing .network-listing .item .imgBox .text-card .locate,
.programme-table-list .bodyRow .row .type,
.programme-table-list .headerRow .col,
.programme-table-list .headerRow .col-name,
.vtc-ive-home-page .latestNews .infoBox .title > span,
.vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .name,
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .item .title,
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .teachingFacilities .img-preview-swiper .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > span,
.vtc-ive-header .ive-side-menu .menu .menu-item a {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px;
}
@media only screen and (max-width: 991px) {
  h5,
  .h5,
  .campus-detail-part3 .college-activities-swiper .item .infoCard .title,
  .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoCard .title,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item .infoCard .title,
  .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoCard .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .infoCard .cardInfo .diploma,
  .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoCard .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .infoCard .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma,
  .dfs-page .foundationCourseDiploma .card-item .title,
  .dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item .diploma,
  .high_diploma-page .highSchool .cardList .item .title,
  .high_diploma-page .highSchool .cardList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .cardList .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma,
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .title,
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #newsModal .modal-dialog .modal-content .modal-body .infoBox .diploma,
  .news-events-page .newsList .item .white-cont .title,
  .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo .diploma,
  .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .name,
  .sl-internshipOpportunity .infoBox .textInfo .line3,
  .campus-listing .network-listing .item .imgBox .text-card .locate,
  .programme-table-list .bodyRow .row .type,
  .programme-table-list .headerRow .col,
  .programme-table-list .headerRow .col-name,
  .vtc-ive-home-page .latestNews .infoBox .title > span,
  .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span,
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .name,
  .vtc-ive-home-page .teachingFacilities .img-preview-swiper .item .title,
  .vtc-ive-home-page .teachingFacilities .img-preview-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .teachingFacilities .img-preview-swiper .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > span,
  .vtc-ive-header .ive-side-menu .menu .menu-item a {
    font-size: 1.125rem !important;
    letter-spacing: 0.9px;
  }
}

h6,
.h6,
.site-map-wrap .row .col > ul.menu > li.menu-item ul.menu li a,
.site-map-wrap .row .col > ul.menu > li.menu-item > .label,
.lo-higher-iploma .rowList .item .btBox,
.lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .btBox,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .btBox,
.sl-workplace-practice .rankingList .item,
.sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .job,
.sl-internshipOpportunity .infoBox .textInfo .line2,
.lo-career-development .development-swiper .item .job,
.lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .job,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .job,
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > ul > li.menu-item,
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul > .menu-item a,
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu li {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
}
@media only screen and (max-width: 991px) {
  h6,
  .h6,
  .site-map-wrap .row .col > ul.menu > li.menu-item ul.menu li a,
  .site-map-wrap .row .col > ul.menu > li.menu-item > .label,
  .lo-higher-iploma .rowList .item .btBox,
  .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .btBox,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .btBox,
  .sl-workplace-practice .rankingList .item,
  .sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .job,
  .sl-internshipOpportunity .infoBox .textInfo .line2,
  .lo-career-development .development-swiper .item .job,
  .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .job,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .job,
  .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > ul > li.menu-item,
  .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul > .menu-item a,
  .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu li {
    font-size: 1rem !important;
    letter-spacing: 0.8px;
  }
}

p {
  font-size: 1.125rem;
}
p * {
  font-size: inherit;
}

h1 > p,
.h1 > p,
.vtc-ive-home-page .home-page-banner .banner-info-box .title > p,
.vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma > p,
.banner-img-inner .banner-bg > p,
h2 > p,
.h2 > p,
.global-ohter-section .item .imgBox .imgDesc .imgTitle > p,
.about-academic-recognition .imgBox .nameBox > p,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .title > p,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .diploma > p,
.overlapBox .info-section .text-card .main-title > p,
.overlapBox .info-section .text-card .path-search .block-system-main-block > h2 > p,
.path-search .overlapBox .info-section .text-card .block-system-main-block > h2 > p,
.main-title > p,
.path-search .block-system-main-block > h2 > p,
h3 > p,
.h3 > p,
.campus-detail-part2 .advanced-facility-info-card .title > p,
.campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part2 .advanced-facility-info-card .diploma > p,
.campus-detail-part1 .rightBox .title > p,
.campus-detail-part1 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part1 .rightBox .diploma > p,
.global-ohter-section .item .item-title > p,
.global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .item-title > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .item-title > p,
.sl-languageDevelopment .cardBox .innerCard .title > p,
.sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-languageDevelopment .cardBox .innerCard .diploma > p,
.campus-listing .network-listing .item > p,
.campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing .item > p,
.lo-career-development .development-swiper .item .name > p,
.lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .name > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .name > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .name > p,
h4 > p,
.h4 > p,
.campus-detail-part5 .rightBox .title > p,
.campus-detail-part5 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part5 .rightBox .diploma > p,
.campus-detail-part5 .leftBox .location > p,
.campus-detail-part1 .rightBox .discipline .item > p,
.campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item > p,
.site-map-wrap .row .col > ul.menu > li.menu-item > a > p,
.site-map-wrap .row .col > ul.menu > li.menu-item > p > span > p,
.site-map-wrap .row .col > ul.menu > li.menu-item > span > p,
.dfs-page .multipleCurriculumAreas .item .text-tag > p,
.dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-tag > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .text-tag > p,
.lo-higher-iploma .rowList .item .w-100 .title > p,
.lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .w-100 .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .w-100 .cardInfo .diploma > p,
.lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .w-100 .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .cardInfo .w-100 .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma > p,
.sl-internationalExchange .cardBox .infoBox .title > p,
.sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internationalExchange .cardBox .infoBox .diploma > p,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .title > p,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .diploma > p,
.campus-listing .broadenSHorizon .campus-listing-swiper .item .title > p,
.campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .broadenSHorizon .campus-listing-swiper .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma > p,
.about-advantage .item .infoBox .titleBox .title > p,
.about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma > p,
.about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma > p,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .title > p,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .cardBox .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .industryRecognition .personnel-list-swiper .swiper-slide > .item .cardInfo .cardBox .diploma > p,
.vtc-ive-home-page .industryRecognition .infoList .item > p,
.vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide .item > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList .item > p,
.vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox .textBox > p,
.video-section .video-cont2 .conditions > p,
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > p,
h5 > p,
.h5 > p,
.campus-detail-part3 .college-activities-swiper .item .infoCard .title > p,
.campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoCard .title > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item .infoCard .title > p,
.campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoCard .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .infoCard .cardInfo .diploma > p,
.campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoCard .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .infoCard .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma > p,
.dfs-page .foundationCourseDiploma .card-item .title > p,
.dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item .diploma > p,
.high_diploma-page .highSchool .cardList .item .title > p,
.high_diploma-page .highSchool .cardList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .cardList .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma > p,
#newsModal .modal-dialog .modal-content .modal-body .infoBox .title > p,
#newsModal .modal-dialog .modal-content .modal-body .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #newsModal .modal-dialog .modal-content .modal-body .infoBox .diploma > p,
.news-events-page .newsList .item .white-cont .title > p,
.news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo .diploma > p,
.news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma > p,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .name > p,
.sl-internshipOpportunity .infoBox .textInfo .line3 > p,
.campus-listing .network-listing .item .imgBox .text-card .locate > p,
.programme-table-list .bodyRow .row .type > p,
.programme-table-list .headerRow .col > p,
.programme-table-list .headerRow .col-name > p,
.vtc-ive-home-page .latestNews .infoBox .title > span > p,
.vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span > p,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .name > p,
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .item .title > p,
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .teachingFacilities .img-preview-swiper .swiper-slide > .item .cardInfo .diploma > p,
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > span > p,
.vtc-ive-header .ive-side-menu .menu .menu-item a > p,
h6 > p,
.h6 > p,
.site-map-wrap .row .col > ul.menu > li.menu-item ul.menu li a > p,
.site-map-wrap .row .col > ul.menu > li.menu-item > .label > p,
.lo-higher-iploma .rowList .item .btBox > p,
.lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .btBox > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .btBox > p,
.sl-workplace-practice .rankingList .item > p,
.sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item > p,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .job > p,
.sl-internshipOpportunity .infoBox .textInfo .line2 > p,
.lo-career-development .development-swiper .item .job > p,
.lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .job > p,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .job > p,
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > ul > li.menu-item > p,
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul > .menu-item a > p,
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu li > p {
  font-size: inherit;
  margin-bottom: 0;
}

.te-1,
.te-2,
.vtc-ive-home-page .latestNews .infoBox .title > span,
.vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span,
.te-3,
.te-4,
.te-5,
.te-6,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.te-1 > p,
.te-2 > p,
.vtc-ive-home-page .latestNews .infoBox .title > span > p,
.vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span > p,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span > p,
.te-3 > p,
.te-4 > p,
.te-5 > p,
.te-6 > p,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc > p {
  font-size: inherit;
  margin-bottom: 0;
}

.te-1 {
  -webkit-line-clamp: 1;
}

.te-2, .vtc-ive-home-page .latestNews .infoBox .title > span, .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span {
  -webkit-line-clamp: 2;
}

.te-3 {
  -webkit-line-clamp: 3;
}

.te-4 {
  -webkit-line-clamp: 4;
}

.te-5 {
  -webkit-line-clamp: 5;
}

.te-6, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc {
  -webkit-line-clamp: 6;
}

@media screen and (min-width: 992px) {
  .layout-container {
    height: 134px;
  }
}

.content-body article[data-history-node-id="107"] {
  background: #dcf4f8;
}
.content-body article[data-history-node-id="107"] .menu--main > ul.menu {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-template-columns: repeat(3, 1fr);
  gap: 44px;
  max-width: 100%;
  font-weight: normal !important;
}
@media screen and (max-width: 1199px) {
  .content-body article[data-history-node-id="107"] .menu--main > ul.menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .content-body article[data-history-node-id="107"] .menu--main > ul.menu {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > li {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: normal !important;
}
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > li a {
  display: inline-block;
}
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > li > a, .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li > span {
  color: #00adc6 !important;
}
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu {
  margin-top: 16px;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu li {
  font-weight: normal !important;
}

.region-highlighted .messages--status {
  margin: 25px 0;
  padding: 15px;
  background-color: #EDF7ED;
}
.region-highlighted #block-vtc-ive-theme-primary-local-tasks nav.tabs {
  padding: 20px 0;
  z-index: 4;
  position: relative;
}
.region-highlighted #block-vtc-ive-theme-primary-local-tasks nav.tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.region-highlighted #block-vtc-ive-theme-primary-local-tasks nav.tabs ul li a {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
  color: #fff;
  text-decoration: none;
  padding: 6px 12px;
  background-color: #00829B;
  transition: background-color 0.3s, color 0.3s;
}
.region-highlighted #block-vtc-ive-theme-primary-local-tasks nav.tabs ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: transparent;
  transition: 0.3s;
}
.region-highlighted #block-vtc-ive-theme-primary-local-tasks nav.tabs ul li a:hover {
  background-color: #fff;
  color: #00ADC6;
}
.region-highlighted #block-vtc-ive-theme-primary-local-tasks nav.tabs ul li a:hover::before {
  background-color: #fff;
}
.region-highlighted #block-vtc-ive-theme-primary-local-tasks nav.tabs ul li.is-active a::before {
  background-color: #00ADC6;
}

#block-vtc-ive-theme-content .user-login-form,
#block-vtc-ive-theme-content .openid-connect-login-form {
  padding-top: 240px !important;
  padding-bottom: 100px !important;
  font-size: 1.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
#block-vtc-ive-theme-content .user-login-form .form-item > label,
#block-vtc-ive-theme-content .openid-connect-login-form .form-item > label {
  width: 160px;
}
#block-vtc-ive-theme-content .user-login-form .form-item > input,
#block-vtc-ive-theme-content .openid-connect-login-form .form-item > input {
  border: 1px solid #00829B;
  background: #fff;
  height: 3.75rem;
  padding: 0 20px;
  border-radius: 20px;
}
#block-vtc-ive-theme-content .user-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .form-submit {
  border: none;
  margin-top: 40px;
}
#block-vtc-ive-theme-content .user-login-form {
  padding-bottom: 0 !important;
}
#block-vtc-ive-theme-content .openid-connect-login-form {
  padding-top: 0 !important;
}

.language-switcher-language-url ul.links {
  margin: 0;
  padding-right: 40px;
  padding-left: 40px;
  list-style: none;
  display: flex;
  gap: 12px;
  align-items: flex-end;
}
.language-switcher-language-url ul.links li.is-active {
  color: #fff;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .language-switcher-language-url ul.links ul.links li {
    color: #00829B;
  }
  .language-switcher-language-url ul.links ul.links li.is-active {
    color: #00829B;
  }
}

.node-page-layout-builder-form.node-layout-builder-form {
  z-index: 3;
  position: relative;
  padding-top: 110px;
}
.node-page-layout-builder-form.node-layout-builder-form .form-actions {
  display: flex;
  align-items: center;
  padding: 30px;
  gap: 20px;
}

nav.pager ul.pager__items {
  padding: 0 20px;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 24px;
  font-size: 1.5rem;
}
nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last).is-active {
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 173, 198, 0.15) 0%, rgba(0, 173, 198, 0.8) 68.5%);
}
nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
nav.pager ul.pager__items li.pager__item--first, nav.pager ul.pager__items li.pager__item--last {
  display: none;
}
nav.pager ul.pager__items li.pager__item--previous, nav.pager ul.pager__items li.pager__item--next {
  width: 20px;
  height: 60px;
}
nav.pager ul.pager__items li.pager__item--previous a, nav.pager ul.pager__items li.pager__item--next a {
  color: transparent !important;
}
nav.pager ul.pager__items li.pager__item--previous {
  background: url("../images/icon/page-prev.svg") no-repeat center/80%;
}
nav.pager ul.pager__items li.pager__item--next {
  background: url("../images/icon/page-next.svg") no-repeat center/80%;
}
@media screen and (max-width: 991px) {
  nav.pager ul.pager__items {
    font-size: 1.25rem;
  }
  nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) {
    width: 40px;
    height: 40px;
  }
  nav.pager ul.pager__items li.pager__item--previous, nav.pager ul.pager__items li.pager__item--next {
    width: 14px;
    height: 40px;
  }
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-dialog .ui-dialog-titlebar-close::before {
  content: "x";
  color: #666;
}

.ui-dialog .ui-dialog-titlebar-close:hover::before {
  color: #333;
}

.user-logged-in header {
  top: 39px;
}
@media screen and (max-width: 991px) {
  .user-logged-in {
    padding-top: 87px !important;
  }
  .user-logged-in header .nav-cont {
    top: 40px;
  }
}

.vtc-ive-header {
  --height: 67px;
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.vtc-ive-header .nav-cont {
  background: #fff;
  position: relative;
  z-index: 5;
}
.vtc-ive-header .nav-cont > .vtc-ive-container, .vtc-ive-header .path-search .nav-cont > .block-system-main-block, .path-search .vtc-ive-header .nav-cont > .block-system-main-block, .vtc-ive-header .view-news-and-events-upcoming-listing .nav-cont > .view-filters, .view-news-and-events-upcoming-listing .vtc-ive-header .nav-cont > .view-filters, .vtc-ive-header .view-programme-listing .nav-cont.view-filters > form, .view-programme-listing .vtc-ive-header .nav-cont.view-filters > form, .vtc-ive-header .nav-cont > .view-empty, .vtc-ive-header .content-body article[data-history-node-id="107"] .nav-cont > .page-full-container, .content-body article[data-history-node-id="107"] .vtc-ive-header .nav-cont > .page-full-container, .vtc-ive-header .nav-cont > .search-form, .vtc-ive-header #block-vtc-ive-theme-content .nav-cont > .user-login-form, #block-vtc-ive-theme-content .vtc-ive-header .nav-cont > .user-login-form,
.vtc-ive-header #block-vtc-ive-theme-content .nav-cont > .openid-connect-login-form,
#block-vtc-ive-theme-content .vtc-ive-header .nav-cont > .openid-connect-login-form {
  gap: 20px;
  height: 92px;
}
.vtc-ive-header .nav-cont .region-primary-menu {
  display: flex;
  flex: 1;
  gap: 60px;
  height: 100%;
}
.vtc-ive-header .nav-cont .region-primary-menu nav {
  width: 100%;
  user-select: none;
}
.vtc-ive-header .nav-cont .region-primary-menu nav > ul.menu > li {
  padding: 20px 6px 17px 6px;
  text-align: center;
  position: relative;
}
.vtc-ive-header .nav-cont .region-primary-menu nav > ul.menu > li::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0px;
  height: 6px;
  background: rgba(0, 173, 198, 0.72);
  transition: all 0.4s;
  transform: translateX(-50%);
}
.vtc-ive-header .nav-cont .region-primary-menu nav > ul.menu > li:hover::before {
  width: 100%;
}
.vtc-ive-header .nav-cont .region-primary-menu nav > ul.menu > li.active::before {
  width: 100%;
  background: #00829b;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu {
  display: flex;
  padding: 0;
  margin: 0;
  height: 100%;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li {
  font-size: 1.25rem;
  font-weight: 500 !important;
  list-style: none;
  display: flex;
  align-items: end;
  justify-content: center;
  flex: 1;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li > a {
  color: #333;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--expanded::after, .vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--collapse::after {
  transition: all 0.3s;
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 4px;
  background: url("../images/icon/expand.svg") no-repeat center/100%;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--expanded {
  cursor: pointer;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--expanded > ul.menu {
  display: none;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--collapse {
  position: relative;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--collapse > ul.menu {
  height: auto;
  display: block;
  position: absolute;
  top: 80px;
  left: 0;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  z-index: 10;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  min-width: 100%;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--collapse > ul.menu > li {
  font-size: 18px !important;
  padding: 10px 20px;
  text-align: left;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--collapse > ul.menu > li a {
  width: 100%;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--collapse > ul.menu > li:hover {
  color: #fff;
  background: #00adc6;
}
.vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li.menu-item--collapse::after {
  transform: rotate(180deg);
}
.vtc-ive-header .nav-cont .application > .vtc-ive-btn, .vtc-ive-header .nav-cont .path-search .block-system-main-block .search-form .container-inline .application > .form-submit, .path-search .block-system-main-block .search-form .container-inline .vtc-ive-header .nav-cont .application > .form-submit, .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .user-login-form .application > .form-submit, #block-vtc-ive-theme-content .user-login-form .vtc-ive-header .nav-cont .application > .form-submit,
.vtc-ive-header .nav-cont #block-vtc-ive-theme-content .openid-connect-login-form .application > .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-header .nav-cont .application > .form-submit {
  height: var(--height);
  background-color: #00bfdf;
  background-image: url("../images/icon/arrow-next3.svg");
  background-size: 23px 23px;
  padding-right: 53px;
  color: #fff;
}
.vtc-ive-header .nav-cont .application > .vtc-ive-btn:hover, .vtc-ive-header .nav-cont .path-search .block-system-main-block .search-form .container-inline .application > .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .vtc-ive-header .nav-cont .application > .form-submit:hover, .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .user-login-form .application > .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .vtc-ive-header .nav-cont .application > .form-submit:hover,
.vtc-ive-header .nav-cont #block-vtc-ive-theme-content .openid-connect-login-form .application > .form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-header .nav-cont .application > .form-submit:hover {
  color: #fff;
}
@media screen and (min-width: 992px) {
  .vtc-ive-header .nav-cont .application > .vtc-ive-btn:hover, .vtc-ive-header .nav-cont .path-search .block-system-main-block .search-form .container-inline .application > .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .vtc-ive-header .nav-cont .application > .form-submit:hover, .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .user-login-form .application > .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .vtc-ive-header .nav-cont .application > .form-submit:hover,
  .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .openid-connect-login-form .application > .form-submit:hover,
  #block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-header .nav-cont .application > .form-submit:hover {
    color: #00829b;
    background-color: #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    background-image: url("../images/icon/arrow-next3-h.svg");
  }
}
.vtc-ive-header .nav-cont .menu-icon {
  cursor: pointer;
  width: 56px;
  height: var(--height);
  background-image: url("../images/icon/menu-icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.vtc-ive-header .nav-cont #block-vtc-ive-theme-fucaidan {
  width: fit-content;
  display: flex;
  align-items: center;
}
.vtc-ive-header .nav-cont #block-vtc-ive-theme-fucaidan ul {
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.44px;
  border-radius: 68px;
  padding: 0.625rem 0.5rem 0.625rem 1.5rem;
  margin: 0;
  background: #00829b;
  color: #fff;
}
.vtc-ive-header .nav-cont #block-vtc-ive-theme-fucaidan ul li {
  padding: 0 43px 0 0;
  display: none;
}
.vtc-ive-header .nav-cont #block-vtc-ive-theme-fucaidan ul li:first-child {
  display: block;
}
.vtc-ive-header .nav-cont #block-vtc-ive-theme-fucaidan ul li::before {
  transition: all 0.4s;
  transform: translateY(-50%);
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 1.1875rem;
  background: url("../images/icon/arrow-next3.svg") no-repeat center center/100%;
  bottom: 0;
  top: 50%;
  right: 0;
  left: calc(100% - 43px);
}
.vtc-ive-header .nav-cont #block-vtc-ive-theme-fucaidan ul li a {
  white-space: nowrap;
}
.vtc-ive-header .top-nav {
  background: linear-gradient(90deg, #00bfdf 0%, #00adc6 100%);
  color: #fff;
  height: 42px;
  font-size: 18px;
}
.vtc-ive-header .top-nav .home-icon p {
  margin-bottom: 0;
}
.vtc-ive-header .top-nav .home-icon a.reset, .vtc-ive-header .top-nav .home-icon .vtc-ive-footer .footer-link ul li > a, .vtc-ive-footer .footer-link ul .vtc-ive-header .top-nav .home-icon li > a, .vtc-ive-header .top-nav .home-icon .campus-detail-part4 .contentBox .linkList a, .campus-detail-part4 .contentBox .linkList .vtc-ive-header .top-nav .home-icon a, .vtc-ive-header .top-nav .home-icon .site-map-wrap .row .col > ul.menu > li.menu-item > a, .site-map-wrap .row .vtc-ive-header .top-nav .home-icon .col > ul.menu > li.menu-item > a, .vtc-ive-header .top-nav .home-icon .programme-table-list .bodyRow .row a, .programme-table-list .bodyRow .row .vtc-ive-header .top-nav .home-icon a, .vtc-ive-header .top-nav .home-icon .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local .vtc-ive-header .top-nav .home-icon a, .vtc-ive-header .top-nav .home-icon .ive-side-menu .menu .menu-item a, .vtc-ive-header .ive-side-menu .menu .menu-item .top-nav .home-icon a, .vtc-ive-header .top-nav .home-icon .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li a, .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li .vtc-ive-header .top-nav .home-icon a, .vtc-ive-header .top-nav .home-icon .language-switcher-language-url ul.links a, .language-switcher-language-url ul.links .vtc-ive-header .top-nav .home-icon a, .vtc-ive-header .top-nav .home-icon nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) a, nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) .vtc-ive-header .top-nav .home-icon a, .vtc-ive-header .top-nav .home-icon .nav-cont .region-primary-menu nav ul.menu > li > a, .vtc-ive-header .nav-cont .region-primary-menu nav .top-nav .home-icon ul.menu > li > a {
  display: flex;
  align-items: center;
}
.vtc-ive-header .top-nav .home-icon a.reset::after, .vtc-ive-header .top-nav .home-icon .vtc-ive-footer .footer-link ul li > a::after, .vtc-ive-footer .footer-link ul .vtc-ive-header .top-nav .home-icon li > a::after, .vtc-ive-header .top-nav .home-icon .campus-detail-part4 .contentBox .linkList a::after, .campus-detail-part4 .contentBox .linkList .vtc-ive-header .top-nav .home-icon a::after, .vtc-ive-header .top-nav .home-icon .site-map-wrap .row .col > ul.menu > li.menu-item > a::after, .site-map-wrap .row .vtc-ive-header .top-nav .home-icon .col > ul.menu > li.menu-item > a::after, .vtc-ive-header .top-nav .home-icon .programme-table-list .bodyRow .row a::after, .programme-table-list .bodyRow .row .vtc-ive-header .top-nav .home-icon a::after, .vtc-ive-header .top-nav .home-icon .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a::after, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local .vtc-ive-header .top-nav .home-icon a::after, .vtc-ive-header .top-nav .home-icon .ive-side-menu .menu .menu-item a::after, .vtc-ive-header .ive-side-menu .menu .menu-item .top-nav .home-icon a::after, .vtc-ive-header .top-nav .home-icon .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li a::after, .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li .vtc-ive-header .top-nav .home-icon a::after, .vtc-ive-header .top-nav .home-icon .language-switcher-language-url ul.links a::after, .language-switcher-language-url ul.links .vtc-ive-header .top-nav .home-icon a::after, .vtc-ive-header .top-nav .home-icon nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) a::after, nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) .vtc-ive-header .top-nav .home-icon a::after, .vtc-ive-header .top-nav .home-icon .nav-cont .region-primary-menu nav ul.menu > li > a::after, .vtc-ive-header .nav-cont .region-primary-menu nav .top-nav .home-icon ul.menu > li > a::after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  margin-top: 3px;
  width: 22px;
  height: 18px;
  background: url("../images/icon/btn-arrow.svg") no-repeat center/100%;
  flex-shrink: 0;
  transform: rotate(-45deg);
}
.vtc-ive-header .top-nav .search-bar .searchIcon {
  width: 32px;
  height: 32px;
  background: url("../images/icon/search-icon.svg") no-repeat;
}
.vtc-ive-header .top-nav .search-bar .search-input {
  width: 240px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  padding: 0 14px;
  color: #fff;
}
.vtc-ive-header .top-nav .search-bar .search-input:focus-visible {
  outline: none;
}
.vtc-ive-header .top-nav .search-bar .search-input::placeholder {
  color: #bebebe;
  opacity: 1;
}
.vtc-ive-header .top-nav .application .vtc-ive-btn, .vtc-ive-header .top-nav .application .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline .vtc-ive-header .top-nav .application .form-submit, .vtc-ive-header .top-nav .application #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form .vtc-ive-header .top-nav .application .form-submit,
.vtc-ive-header .top-nav .application #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-header .top-nav .application .form-submit {
  height: auto;
  font-size: 16px;
  background-size: 18px 18px;
  padding: 2px 42px 2px 12px;
}
.vtc-ive-header .top-nav .application .vtc-ive-btn:hover, .vtc-ive-header .top-nav .application .path-search .block-system-main-block .search-form .container-inline .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .vtc-ive-header .top-nav .application .form-submit:hover, .vtc-ive-header .top-nav .application #block-vtc-ive-theme-content .user-login-form .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .vtc-ive-header .top-nav .application .form-submit:hover,
.vtc-ive-header .top-nav .application #block-vtc-ive-theme-content .openid-connect-login-form .form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-header .top-nav .application .form-submit:hover {
  background-color: #00bfdf !important;
}
.vtc-ive-header .ive-side-menu {
  visibility: hidden;
  width: 100%;
  position: fixed;
  top: var(--height);
  left: -100%;
  bottom: 0;
  background: #00bfdf;
  z-index: 99;
  transition: all 0.3s;
}
.vtc-ive-header .ive-side-menu .logo-box {
  justify-content: space-between;
  padding: 20px;
}
.vtc-ive-header .ive-side-menu .logo-box .logo img {
  width: auto;
  height: 60px;
}
.vtc-ive-header .ive-side-menu .logo-box .close-icon {
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-image: url("../images/icon/close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 35px auto;
}
.vtc-ive-header .ive-side-menu .language-switcher-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
}
.vtc-ive-header .ive-side-menu .language-switcher-wrap .language-switcher-language-url ul.links {
  padding-left: 20px;
  gap: 16px;
}
.vtc-ive-header .ive-side-menu .language-switcher-wrap .language-switcher-language-url ul.links li a {
  color: #fff;
}
.vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon p {
  margin-bottom: 0;
}
.vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a.reset, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .vtc-ive-footer .footer-link ul li > a, .vtc-ive-footer .footer-link ul .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon li > a, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .campus-detail-part4 .contentBox .linkList a, .campus-detail-part4 .contentBox .linkList .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .programme-table-list .bodyRow .row a, .programme-table-list .bodyRow .row .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .menu .menu-item a, .vtc-ive-header .ive-side-menu .menu .menu-item .language-switcher-wrap .home-icon a, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li a, .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .language-switcher-language-url ul.links a, .language-switcher-language-url ul.links .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) a, nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .nav-cont .region-primary-menu nav ul.menu > li > a, .vtc-ive-header .nav-cont .region-primary-menu nav .ive-side-menu .language-switcher-wrap .home-icon ul.menu > li > a {
  display: flex;
  align-items: center;
  color: #fff;
}
.vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a.reset::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .vtc-ive-footer .footer-link ul li > a::after, .vtc-ive-footer .footer-link ul .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon li > a::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .campus-detail-part4 .contentBox .linkList a::after, .campus-detail-part4 .contentBox .linkList .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .programme-table-list .bodyRow .row a::after, .programme-table-list .bodyRow .row .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a::after, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .menu .menu-item a::after, .vtc-ive-header .ive-side-menu .menu .menu-item .language-switcher-wrap .home-icon a::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li a::after, .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .language-switcher-language-url ul.links a::after, .language-switcher-language-url ul.links .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) a::after, nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon a::after, .vtc-ive-header .ive-side-menu .language-switcher-wrap .home-icon .nav-cont .region-primary-menu nav ul.menu > li > a::after, .vtc-ive-header .nav-cont .region-primary-menu nav .ive-side-menu .language-switcher-wrap .home-icon ul.menu > li > a::after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  margin-top: 3px;
  width: 22px;
  height: 18px;
  background: url("../images/icon/btn-arrow.svg") no-repeat center/100%;
  flex-shrink: 0;
  transform: rotate(-45deg);
}
.vtc-ive-header .ive-side-menu .p-4 {
  padding-left: 16px !important;
}
.vtc-ive-header .ive-side-menu .inputBox {
  width: 50vw;
}
.vtc-ive-header .ive-side-menu .region-primary-menu {
  padding-right: 0px;
}
.vtc-ive-header .ive-side-menu .menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding-left: 0;
}
.vtc-ive-header .ive-side-menu .menu .menu-item {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  color: #fff;
}
.vtc-ive-header .ive-side-menu .menu .menu-item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.vtc-ive-header .ive-side-menu .menu .menu-item a {
  padding: 24px 16px;
  text-decoration: none;
  color: #333;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > span {
  padding: 24px 16px;
  display: inline-block;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 16px;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 50%;
  z-index: 1;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  top: 32px;
  right: 22px;
  transform: rotate(135deg);
  z-index: 2;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul {
  display: none;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul > .menu-item a {
  padding: 16px;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > span::after {
  background-color: #fff;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > span::before {
  border-top: 1px solid #00bfdf;
  border-right: 1px solid #00bfdf;
  transform: rotate(315deg);
  top: 36px;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > ul {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
}
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > ul > li.menu-item {
  border: none;
  padding-left: 20px;
}
.vtc-ive-header.show-menu .nav-cont .menu-icon {
  background-image: url("../images/icon/close.svg");
}
.vtc-ive-header.show-menu .ive-side-menu {
  visibility: visible;
  left: 0;
}
@media only screen and (max-width: 991px) {
  .vtc-ive-header .top-nav {
    display: none;
  }
  .vtc-ive-header .nav-cont {
    width: 100%;
    height: var(--height);
    padding: 0;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 98;
    top: 0;
  }
  .vtc-ive-header .nav-cont .vtc-ive-container, .vtc-ive-header .nav-cont .path-search .block-system-main-block, .path-search .vtc-ive-header .nav-cont .block-system-main-block, .vtc-ive-header .nav-cont .view-news-and-events-upcoming-listing .view-filters, .view-news-and-events-upcoming-listing .vtc-ive-header .nav-cont .view-filters, .vtc-ive-header .nav-cont .view-programme-listing .view-filters > form, .view-programme-listing .vtc-ive-header .nav-cont .view-filters > form, .vtc-ive-header .nav-cont .view-empty, .vtc-ive-header .nav-cont .content-body article[data-history-node-id="107"] .page-full-container, .content-body article[data-history-node-id="107"] .vtc-ive-header .nav-cont .page-full-container, .vtc-ive-header .nav-cont .search-form, .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .user-login-form, #block-vtc-ive-theme-content .vtc-ive-header .nav-cont .user-login-form,
  .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .openid-connect-login-form,
  #block-vtc-ive-theme-content .vtc-ive-header .nav-cont .openid-connect-login-form {
    padding-right: 0 !important;
    gap: 0;
    height: auto;
  }
  .vtc-ive-header .nav-cont .vtc-ive-container a > img, .vtc-ive-header .nav-cont .path-search .block-system-main-block a > img, .path-search .vtc-ive-header .nav-cont .block-system-main-block a > img, .vtc-ive-header .nav-cont .view-news-and-events-upcoming-listing .view-filters a > img, .view-news-and-events-upcoming-listing .vtc-ive-header .nav-cont .view-filters a > img, .vtc-ive-header .nav-cont .view-programme-listing .view-filters > form a > img, .view-programme-listing .vtc-ive-header .nav-cont .view-filters > form a > img, .vtc-ive-header .nav-cont .view-empty a > img, .vtc-ive-header .nav-cont .content-body article[data-history-node-id="107"] .page-full-container a > img, .content-body article[data-history-node-id="107"] .vtc-ive-header .nav-cont .page-full-container a > img, .vtc-ive-header .nav-cont .search-form a > img, .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .user-login-form a > img, #block-vtc-ive-theme-content .vtc-ive-header .nav-cont .user-login-form a > img,
  .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .openid-connect-login-form a > img,
  #block-vtc-ive-theme-content .vtc-ive-header .nav-cont .openid-connect-login-form a > img {
    max-height: var(--height);
    width: auto;
    max-width: 100%;
  }
  .vtc-ive-header .nav-cont .container {
    padding-right: 0;
  }
  .vtc-ive-header .nav-cont .justify-content-around {
    justify-content: flex-end !important;
    gap: 0;
  }
  .vtc-ive-header .nav-cont .application {
    font-size: 16px;
    height: var(--height);
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    min-width: 133px;
  }
  .vtc-ive-header .nav-cont .application i {
    margin-left: 8px;
  }
  .vtc-ive-header .nav-cont .region-primary-menu {
    display: none;
  }
  .vtc-ive-header .nav-cont .application > .vtc-ive-btn, .vtc-ive-header .nav-cont .path-search .block-system-main-block .search-form .container-inline .application > .form-submit, .path-search .block-system-main-block .search-form .container-inline .vtc-ive-header .nav-cont .application > .form-submit, .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .user-login-form .application > .form-submit, #block-vtc-ive-theme-content .user-login-form .vtc-ive-header .nav-cont .application > .form-submit,
  .vtc-ive-header .nav-cont #block-vtc-ive-theme-content .openid-connect-login-form .application > .form-submit,
  #block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-header .nav-cont .application > .form-submit {
    border-radius: 0;
    font-size: 16px;
    height: var(--height);
    line-height: var(--height);
  }
}

.user-logged-in .ive-side-menu {
  top: 107px !important;
}

/*公共样式*/
:root {
  --container-width: 1480px;
}

:target {
  scroll-margin-top: 134px;
}

.page-full-container {
  background: #fff;
}

.vtc-ive-container, .path-search .block-system-main-block, .view-news-and-events-upcoming-listing .view-filters, .view-programme-listing .view-filters > form, .view-empty, .content-body article[data-history-node-id="107"] .page-full-container, .search-form, #block-vtc-ive-theme-content .user-login-form,
#block-vtc-ive-theme-content .openid-connect-login-form {
  max-width: 1480px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

.g-66px {
  --bs-gutter-x: 66px;
  --bs-gutter-y: 36px;
}

.mt-44px, .campus-detail-part3 .college-activities-swiper, .campus-detail-part2 .advanced-facility-info-card, .sl-internationalExchange .map-img-wrap, .vtc-ive-home-page .teachingFacilities .img-view-swiper, .vtc-ive-home-page .about-ive .itemList, .overlapBox .info-section .text-card .btnBox {
  margin-top: 44px;
}
@media screen and (max-width: 991px) {
  .mt-44px, .campus-detail-part3 .college-activities-swiper, .campus-detail-part2 .advanced-facility-info-card, .sl-internationalExchange .map-img-wrap, .vtc-ive-home-page .teachingFacilities .img-view-swiper, .vtc-ive-home-page .about-ive .itemList, .overlapBox .info-section .text-card .btnBox {
    margin-top: 36px;
  }
}

.mb-44px, .overlapBox {
  margin-bottom: 44px;
}
@media screen and (max-width: 991px) {
  .mb-44px, .overlapBox {
    margin-bottom: 36px;
  }
}

.text-22px, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a {
  font-size: 1.375rem;
}

.text-20px, .campus-detail-part5 .rightBox .desc, .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date, .campus-detail-part2 .advanced-facility-info-card .desc > p, .path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet, .path-search .block-system-main-block .search-form .search-help-link, #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date, .view-news-and-events-upcoming-listing .view-filters .form-radios, .sl-internationalExchange .cardBox .infoBox .desc, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc, .vtc-ive-home-page .latestNews .infoBox .date, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .company, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc p, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local::before, .overlapBox .info-section .text-card .text {
  font-size: 1.25rem;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 1.875rem;
  text-transform: inherit;
}
@media only screen and (max-width: 991px) {
  .text-20px, .campus-detail-part5 .rightBox .desc, .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date, .campus-detail-part2 .advanced-facility-info-card .desc > p, .path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet, .path-search .block-system-main-block .search-form .search-help-link, #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date, .view-news-and-events-upcoming-listing .view-filters .form-radios, .sl-internationalExchange .cardBox .infoBox .desc, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc, .vtc-ive-home-page .latestNews .infoBox .date, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .company, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc p, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local::before, .overlapBox .info-section .text-card .text {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

.text-18px, .path-search .block-system-main-block .search-form .container-inline .form-item-keys .form-search {
  font-size: 1.125rem;
}
@media only screen and (max-width: 991px) {
  .text-18px, .path-search .block-system-main-block .search-form .container-inline .form-item-keys .form-search {
    font-size: 0.875rem;
  }
}

.text-28px, .campus-detail-part4 .contentBox .row .title, .campus-detail-part4 .contentBox .row .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part4 .contentBox .row .diploma {
  font-size: 1.75rem;
}

.mt-2-75rem {
  margin-top: 2.75rem;
}

.d-flex.flex-column.align-items-center .main-title, .d-flex.flex-column.align-items-center .path-search .block-system-main-block > h2, .path-search .d-flex.flex-column.align-items-center .block-system-main-block > h2 {
  text-align: center;
}

.main-title, .path-search .block-system-main-block > h2 {
  color: #00829b;
  line-height: 1.1;
}

.main-title-line, .path-search .block-system-main-block > h2::after {
  width: 117px;
  height: 4px;
  background: linear-gradient(270deg, #00b2d5 0%, #90d8d5 100%);
  margin: 44px 0;
}
@media only screen and (max-width: 991px) {
  .main-title-line, .path-search .block-system-main-block > h2::after {
    width: 40px;
    height: 2px;
    margin: 36px 0;
  }
}

/* 滾動條樣式 (置於需要設置滾動條樣式的父級) */
.scroll-theme, #newsModal .modal-dialog .modal-content .modal-body .infoBox, .sl-internationalExchange, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo {
  /* 控制滚动条的宽度 */
}
.scroll-theme ::-webkit-scrollbar, #newsModal .modal-dialog .modal-content .modal-body .infoBox ::-webkit-scrollbar, .sl-internationalExchange ::-webkit-scrollbar, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo ::-webkit-scrollbar {
  width: 8px;
  /* 垂直滚动条的宽度 */
  height: 8px;
  /* 水平滚动条的高度 */
}
.scroll-theme, #newsModal .modal-dialog .modal-content .modal-body .infoBox, .sl-internationalExchange, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo {
  /* 控制滚动条的轨道颜色 */
}
.scroll-theme ::-webkit-scrollbar-track, #newsModal .modal-dialog .modal-content .modal-body .infoBox ::-webkit-scrollbar-track, .sl-internationalExchange ::-webkit-scrollbar-track, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo ::-webkit-scrollbar-track {
  background: rgba(0, 173, 198, 0.2);
  border-radius: 10px;
}
.scroll-theme, #newsModal .modal-dialog .modal-content .modal-body .infoBox, .sl-internationalExchange, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo {
  /* 控制滚动条的滑块（拖动部分） */
}
.scroll-theme ::-webkit-scrollbar-thumb, #newsModal .modal-dialog .modal-content .modal-body .infoBox ::-webkit-scrollbar-thumb, .sl-internationalExchange ::-webkit-scrollbar-thumb, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo ::-webkit-scrollbar-thumb {
  background-color: #00adc6;
  border-radius: 10px;
}
.scroll-theme, #newsModal .modal-dialog .modal-content .modal-body .infoBox, .sl-internationalExchange, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo {
  /* 控制滚动条滑块的悬停效果 */
}
.scroll-theme ::-webkit-scrollbar-thumb:hover, #newsModal .modal-dialog .modal-content .modal-body .infoBox ::-webkit-scrollbar-thumb:hover, .sl-internationalExchange ::-webkit-scrollbar-thumb:hover, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo ::-webkit-scrollbar-thumb:hover {
  background-color: #00adc6;
}
@media screen and (max-width: 991px) {
  .scroll-theme ::-webkit-scrollbar, #newsModal .modal-dialog .modal-content .modal-body .infoBox ::-webkit-scrollbar, .sl-internationalExchange ::-webkit-scrollbar, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo ::-webkit-scrollbar {
    width: 4px;
  }
  .scroll-theme ::-webkit-scrollbar-track, #newsModal .modal-dialog .modal-content .modal-body .infoBox ::-webkit-scrollbar-track, .sl-internationalExchange ::-webkit-scrollbar-track, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo ::-webkit-scrollbar-track,
  .scroll-theme ::-webkit-scrollbar-thumb,
  #newsModal .modal-dialog .modal-content .modal-body .infoBox ::-webkit-scrollbar-thumb,
  .sl-internationalExchange ::-webkit-scrollbar-thumb,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo ::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}

/* 给所有页面主体部分上移 （里面的背景div可以最外层添加.page-mt, 添加上边距） */
.page-to-top, .view-news-and-events-upcoming-listing, .content-body article[data-history-node-id="107"], .layout-content {
  margin-top: -5rem;
}

.page-pt, .path-search .layout-content .region-content, .view-programme-listing, .content-body article[data-history-node-id="107"], .search-form {
  padding-top: 5rem;
}

.page-mt {
  padding-top: 5rem;
}

/*公共页面部分 */
.overlapBox {
  position: relative;
  min-height: 570px;
}
.overlapBox .img-section,
.overlapBox .info-section {
  width: 100%;
  position: absolute;
}
.overlapBox > div:nth-child(1) {
  left: 0;
}
.overlapBox > div:nth-child(2) {
  right: 0;
}
.overlapBox .img-section {
  max-width: 840px;
  z-index: 1;
}
.overlapBox .img-section .imgBox {
  padding-top: 60%;
  border-radius: 20px;
  overflow: hidden;
}
.overlapBox .info-section {
  bottom: 0;
  max-width: 698px;
  z-index: 2;
}
.overlapBox .info-section .title, .overlapBox .info-section .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .overlapBox .info-section .diploma {
  font-size: 2.625rem;
  line-height: 1.1;
  font-weight: 700;
}
.overlapBox .info-section .title.health, .overlapBox .info-section .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .health.diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .overlapBox .info-section .health.diploma {
  color: #006b3f;
}
.overlapBox .info-section .title.engineering, .overlapBox .info-section .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .engineering.diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .overlapBox .info-section .engineering.diploma {
  color: #007e79;
}
.overlapBox .info-section .title.servive, .overlapBox .info-section .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .servive.diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .overlapBox .info-section .servive.diploma {
  color: #5f8739;
}
.overlapBox .info-section .title.commerce, .overlapBox .info-section .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .commerce.diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .overlapBox .info-section .commerce.diploma {
  color: #a32638;
}
.overlapBox .info-section .title.groggery, .overlapBox .info-section .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .groggery.diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .overlapBox .info-section .groggery.diploma {
  color: #848205;
}
.overlapBox .info-section .text-card {
  padding: 44px;
  border-radius: 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.5) 100%);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
.overlapBox .info-section .text-card .vtc-ive-btn:hover, .overlapBox .info-section .text-card .path-search .block-system-main-block .search-form .container-inline .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card .form-submit:hover, .overlapBox .info-section .text-card #block-vtc-ive-theme-content .user-login-form .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card .form-submit:hover,
.overlapBox .info-section .text-card #block-vtc-ive-theme-content .openid-connect-login-form .form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card .form-submit:hover {
  background-color: #fff !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.overlapBox .info-section .text-card.card-c1 .main-title, .overlapBox .info-section .text-card.card-c1 .path-search .block-system-main-block > h2, .path-search .overlapBox .info-section .text-card.card-c1 .block-system-main-block > h2 {
  color: #a32638;
}
.overlapBox .info-section .text-card.card-c1 .main-title-line, .overlapBox .info-section .text-card.card-c1 .path-search .block-system-main-block > h2::after, .path-search .overlapBox .info-section .text-card.card-c1 .block-system-main-block > h2::after {
  background: linear-gradient(90deg, #ce1126 0%, #a32638 100%);
}
.overlapBox .info-section .text-card.card-c1 .vtc-ive-btn, .overlapBox .info-section .text-card.card-c1 .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c1 .form-submit, .overlapBox .info-section .text-card.card-c1 #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c1 .form-submit,
.overlapBox .info-section .text-card.card-c1 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c1 .form-submit {
  background-color: #a32638;
  background-image: url("../images/icon/btn1.png");
}
.overlapBox .info-section .text-card.card-c1 .vtc-ive-btn:hover, .overlapBox .info-section .text-card.card-c1 .path-search .block-system-main-block .search-form .container-inline .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c1 .form-submit:hover, .overlapBox .info-section .text-card.card-c1 #block-vtc-ive-theme-content .user-login-form .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c1 .form-submit:hover,
.overlapBox .info-section .text-card.card-c1 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c1 .form-submit:hover {
  color: #a32638;
  background-image: url("../images/icon/btn1-h.png");
}
.overlapBox .info-section .text-card.card-c2 .main-title, .overlapBox .info-section .text-card.card-c2 .path-search .block-system-main-block > h2, .path-search .overlapBox .info-section .text-card.card-c2 .block-system-main-block > h2 {
  color: #5f8739;
}
.overlapBox .info-section .text-card.card-c2 .main-title-line, .overlapBox .info-section .text-card.card-c2 .path-search .block-system-main-block > h2::after, .path-search .overlapBox .info-section .text-card.card-c2 .block-system-main-block > h2::after {
  background: linear-gradient(90deg, #7fba00 0%, #5f8739 100%);
}
.overlapBox .info-section .text-card.card-c2 .vtc-ive-btn, .overlapBox .info-section .text-card.card-c2 .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c2 .form-submit, .overlapBox .info-section .text-card.card-c2 #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c2 .form-submit,
.overlapBox .info-section .text-card.card-c2 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c2 .form-submit {
  background-color: #5f8739;
  background-image: url("../images/icon/btn2.png");
}
.overlapBox .info-section .text-card.card-c2 .vtc-ive-btn:hover, .overlapBox .info-section .text-card.card-c2 .path-search .block-system-main-block .search-form .container-inline .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c2 .form-submit:hover, .overlapBox .info-section .text-card.card-c2 #block-vtc-ive-theme-content .user-login-form .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c2 .form-submit:hover,
.overlapBox .info-section .text-card.card-c2 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c2 .form-submit:hover {
  color: #5f8739;
  background-image: url("../images/icon/btn2-h.png");
}
.overlapBox .info-section .text-card.card-c3 .main-title, .overlapBox .info-section .text-card.card-c3 .path-search .block-system-main-block > h2, .path-search .overlapBox .info-section .text-card.card-c3 .block-system-main-block > h2 {
  color: #007e79;
}
.overlapBox .info-section .text-card.card-c3 .main-title-line, .overlapBox .info-section .text-card.card-c3 .path-search .block-system-main-block > h2::after, .path-search .overlapBox .info-section .text-card.card-c3 .block-system-main-block > h2::after {
  background: linear-gradient(90deg, #00afad 0%, #007e79 100%);
}
.overlapBox .info-section .text-card.card-c3 .vtc-ive-btn, .overlapBox .info-section .text-card.card-c3 .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c3 .form-submit, .overlapBox .info-section .text-card.card-c3 #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c3 .form-submit,
.overlapBox .info-section .text-card.card-c3 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c3 .form-submit {
  background-color: #007e79;
  background-image: url("../images/icon/btn3.png");
}
.overlapBox .info-section .text-card.card-c3 .vtc-ive-btn:hover, .overlapBox .info-section .text-card.card-c3 .path-search .block-system-main-block .search-form .container-inline .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c3 .form-submit:hover, .overlapBox .info-section .text-card.card-c3 #block-vtc-ive-theme-content .user-login-form .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c3 .form-submit:hover,
.overlapBox .info-section .text-card.card-c3 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c3 .form-submit:hover {
  color: #007e79;
  background-image: url("../images/icon/btn3-h.png");
}
.overlapBox .info-section .text-card.card-c4 .main-title, .overlapBox .info-section .text-card.card-c4 .path-search .block-system-main-block > h2, .path-search .overlapBox .info-section .text-card.card-c4 .block-system-main-block > h2 {
  color: #006b3f;
}
.overlapBox .info-section .text-card.card-c4 .main-title-line, .overlapBox .info-section .text-card.card-c4 .path-search .block-system-main-block > h2::after, .path-search .overlapBox .info-section .text-card.card-c4 .block-system-main-block > h2::after {
  background: linear-gradient(90deg, #008751 0%, #006b3f 100%);
}
.overlapBox .info-section .text-card.card-c4 .vtc-ive-btn, .overlapBox .info-section .text-card.card-c4 .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c4 .form-submit, .overlapBox .info-section .text-card.card-c4 #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c4 .form-submit,
.overlapBox .info-section .text-card.card-c4 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c4 .form-submit {
  background-color: #006b3f;
  background-image: url("../images/icon/btn4.png");
}
.overlapBox .info-section .text-card.card-c4 .vtc-ive-btn:hover, .overlapBox .info-section .text-card.card-c4 .path-search .block-system-main-block .search-form .container-inline .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c4 .form-submit:hover, .overlapBox .info-section .text-card.card-c4 #block-vtc-ive-theme-content .user-login-form .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c4 .form-submit:hover,
.overlapBox .info-section .text-card.card-c4 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c4 .form-submit:hover {
  color: #006b3f;
  background-image: url("../images/icon/btn4-h.png");
}
.overlapBox .info-section .text-card.card-c5 .main-title, .overlapBox .info-section .text-card.card-c5 .path-search .block-system-main-block > h2, .path-search .overlapBox .info-section .text-card.card-c5 .block-system-main-block > h2 {
  color: #848205;
}
.overlapBox .info-section .text-card.card-c5 .main-title-line, .overlapBox .info-section .text-card.card-c5 .path-search .block-system-main-block > h2::after, .path-search .overlapBox .info-section .text-card.card-c5 .block-system-main-block > h2::after {
  background: linear-gradient(270deg, #848205 0%, #d6e542 100%);
}
.overlapBox .info-section .text-card.card-c5 .vtc-ive-btn, .overlapBox .info-section .text-card.card-c5 .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c5 .form-submit, .overlapBox .info-section .text-card.card-c5 #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c5 .form-submit,
.overlapBox .info-section .text-card.card-c5 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c5 .form-submit {
  background-color: #848205;
  background-image: url("../images/icon/btn5.png");
}
.overlapBox .info-section .text-card.card-c5 .vtc-ive-btn:hover, .overlapBox .info-section .text-card.card-c5 .path-search .block-system-main-block .search-form .container-inline .form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .overlapBox .info-section .text-card.card-c5 .form-submit:hover, .overlapBox .info-section .text-card.card-c5 #block-vtc-ive-theme-content .user-login-form .form-submit:hover, #block-vtc-ive-theme-content .user-login-form .overlapBox .info-section .text-card.card-c5 .form-submit:hover,
.overlapBox .info-section .text-card.card-c5 #block-vtc-ive-theme-content .openid-connect-login-form .form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .overlapBox .info-section .text-card.card-c5 .form-submit:hover {
  color: #848205;
  background-image: url("../images/icon/btn5-h.png");
}
.overlapBox.move-left .info-section .text-card {
  right: 0;
}
.overlapBox.move-right .info-section .text-card {
  left: 0;
}
@media only screen and (max-width: 1199px) {
  .overlapBox {
    min-height: auto;
    flex-direction: column;
    margin-bottom: 12px !important;
  }
  .overlapBox.move-right {
    flex-direction: column-reverse;
  }
  .overlapBox .img-section {
    position: static;
    max-width: 100%;
  }
  .overlapBox .img-section .imgBox {
    border-radius: 12px;
    aspect-ratio: 345/204;
    padding-top: 0;
  }
  .overlapBox .info-section {
    position: static;
    max-width: 100%;
  }
  .overlapBox .info-section .text-card {
    position: relative;
    width: 100%;
    top: -24px;
    bottom: 0;
    padding: 36px;
  }
  .overlapBox .info-section .text-card .pt-5 {
    padding-top: 9px !important;
  }
}

/* swiper global css */
.global-swiper-pagination, .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination {
  display: flex;
  justify-content: end;
  gap: 16px;
}
.global-swiper-pagination .swiper-pagination-bullet, .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #00adc6;
  opacity: 0.2;
  transition: all 0.3s;
}
.global-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .global-swiper-pagination, .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination {
    gap: 12px;
  }
  .global-swiper-pagination .swiper-pagination-bullet, .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.global-swiper-pagination.static-pagination, .campus-detail-part2 .advanced-facility-info-card .global-swiper .global-swiper-pagination.swiper-pagination, .campus-listing .broadenSHorizon .campus-listing-swiper .static-pagination.campus-listing-pagination, .campus-listing .broadenSHorizon .campus-listing-swiper .campus-detail-part2 .advanced-facility-info-card .global-swiper .campus-listing-pagination.swiper-pagination, .campus-detail-part2 .advanced-facility-info-card .global-swiper .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination.swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
}
.global-swiper-pagination.static-pagination .swiper-pagination-bullet, .campus-detail-part2 .advanced-facility-info-card .global-swiper .global-swiper-pagination.swiper-pagination .swiper-pagination-bullet, .campus-listing .broadenSHorizon .campus-listing-swiper .static-pagination.campus-listing-pagination .swiper-pagination-bullet, .campus-listing .broadenSHorizon .campus-listing-swiper .campus-detail-part2 .advanced-facility-info-card .global-swiper .campus-listing-pagination.swiper-pagination .swiper-pagination-bullet, .campus-detail-part2 .advanced-facility-info-card .global-swiper .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination.swiper-pagination .swiper-pagination-bullet {
  margin-top: 24px;
}

.global-swiper-navigation .swiper-button-prev,
.global-swiper-navigation .swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin: 0;
  top: auto;
  bottom: 0;
}
.global-swiper-navigation .swiper-button-prev::after,
.global-swiper-navigation .swiper-button-next::after {
  content: none;
}
.global-swiper-navigation .swiper-button-prev.swiper-button-disabled,
.global-swiper-navigation .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.global-swiper-navigation .swiper-button-prev {
  background: url("../images/icon/btn-arrow-p.svg") #00adc6 no-repeat center/60%;
  right: 62px;
  left: auto;
}
.global-swiper-navigation .swiper-button-next {
  background: url("../images/icon/btn-arrow.svg") #00adc6 no-repeat center/60%;
  right: 0;
}
@media only screen and (max-width: 991px) {
  .global-swiper-navigation .swiper-button-prev,
  .global-swiper-navigation .swiper-button-next {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
    bottom: auto;
    margin: 0;
  }
  .global-swiper-navigation .swiper-button-prev {
    left: -10px;
    right: auto;
  }
  .global-swiper-navigation .swiper-button-next {
    right: -10px;
    left: auto;
  }
}
.global-swiper-navigation.static-navigation {
  display: flex;
  justify-content: end;
  gap: 20px;
}
.global-swiper-navigation.static-navigation .swiper-button-prev,
.global-swiper-navigation.static-navigation .swiper-button-next {
  position: static;
  margin-top: 44px;
}
@media screen and (max-width: 991px) {
  .global-swiper-navigation.static-navigation {
    gap: 8px;
  }
  .global-swiper-navigation.static-navigation .swiper-button-prev,
  .global-swiper-navigation.static-navigation .swiper-button-next {
    margin-top: 24px;
  }
}

/* banner */
.page-banner {
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.page-banner .title, .page-banner .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .page-banner .diploma {
  color: #fff;
  font-size: 3.75rem;
}
.page-banner .logo {
  left: 10%;
  top: 10%;
  width: 163px;
}
.page-banner .text-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.75rem;
  color: #fff;
  font-weight: 700;
}

.banner-img-inner {
  width: 100%;
  min-height: 553px;
  position: relative;
  clip-path: ellipse(100% 100% at top center);
}
.banner-img-inner .cover-image, .banner-img-inner div > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-img-inner .banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 178, 213, 0.5) 0%, rgba(0, 178, 213, 0) 100%);
  background-size: 100% 200px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: end;
  color: #fff;
  z-index: 2;
  padding: 21px 10px;
}
.banner-img-inner .logo {
  position: absolute;
  top: 37px;
  left: 50px;
  z-index: 3;
}
.banner-img-inner .logo img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .banner-img-inner {
    height: fit-content !important;
    aspect-ratio: 375/175;
    min-height: auto;
  }
  .banner-img-inner::before {
    background: linear-gradient(140deg, #fff 0%, rgba(255, 255, 255, 0) 24%);
  }
  .banner-img-inner .banner-bg {
    padding-bottom: 6px;
    text-align: center;
    background: transparent;
  }
  .banner-img-inner .banner-bg::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(0deg, rgba(0, 178, 213, 0.5) 0%, rgba(0, 178, 213, 0) 100%);
    z-index: -1;
  }
  .banner-img-inner .logo {
    top: 20px;
    left: 20px;
  }
  .banner-img-inner .logo img {
    width: 7.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .banner-img-inner .logo {
    top: 11px;
    left: 13px;
    width: 3.625rem;
  }
  .banner-img-inner .logo img {
    width: 100%;
  }
}

.video-section .video-cont1 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.video-section .video-cont1 .video-box {
  max-height: 582px;
  overflow: hidden;
  border-radius: 20px 0px 0px 20px;
}
@media screen and (max-width: 991px) {
  .video-section .video-cont1 .video-box {
    border-radius: 12px;
  }
}
.video-section .video-cont1 .video-box > p {
  display: flex;
  height: 100%;
  margin-bottom: 0;
  align-items: center;
}
.video-section .video-cont1 .video-box .coverImg {
  box-shadow: 6px 0px 10px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  aspect-ratio: 919/505;
  height: fit-content;
}
.video-section .video-cont1 .video-box .coverImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-section .video-cont1 .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-section .video-cont1 .video-box .playBtn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 50%;
  background-image: url("../images/icon/play-icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.video-section .video-cont2 .conditions {
  gap: 44px;
  color: #00829b;
}
.video-section .video-cont2 .conditions .conditions-swiper {
  position: relative;
  overflow: visible;
}
.video-section .video-cont2 .conditions .conditions-swiper .swiper-slide {
  visibility: hidden;
}
.video-section .video-cont2 .conditions .conditions-swiper .swiper-slide.swiper-slide-active {
  visibility: visible;
}
.video-section .video-cont2 .conditions .conditions-swiper .itemBox {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  padding: 44px;
}
.video-section .video-cont2 .conditions.gap-5 {
  gap: 44px !important;
}
.video-section .video-cont2 .conditions .condition-item {
  letter-spacing: 1.6px;
}
.video-section .video-cont2 .conditions .condition-item img {
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
}
.video-section .video-cont2 .conditions .condition-item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .video-section .video-cont1 {
    position: static;
  }
  .video-section .video-cont1 .video-box .playBtn {
    width: 3.125rem;
    height: 3.125rem;
  }
  .video-section .video-cont2 .conditions {
    padding: 0 0 24px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 36px;
  }
  .video-section .video-cont2 .conditions.pe-5 {
    padding-right: 0 !important;
  }
  .video-section .video-cont2 .conditions.gap-5 {
    gap: 36px !important;
    margin-bottom: 36px;
  }
  .video-section .video-cont2 .conditions .condition-item img {
    width: 3rem;
    height: 3rem;
    margin-right: 0.6875rem;
  }
  .video-section .video-cont2 .conditions .conditions-swiper {
    width: 100%;
    overflow-x: hidden;
  }
  .video-section .video-cont2 .conditions .conditions-swiper .itemBox {
    padding: 36px;
  }
}

.pt-100, .site-map-wrap .vtc-ive-container, .site-map-wrap .search-form, .site-map-wrap #block-vtc-ive-theme-content .user-login-form, #block-vtc-ive-theme-content .site-map-wrap .user-login-form,
.site-map-wrap #block-vtc-ive-theme-content .openid-connect-login-form,
#block-vtc-ive-theme-content .site-map-wrap .openid-connect-login-form, .site-map-wrap .view-empty, .site-map-wrap .view-programme-listing .view-filters > form, .view-programme-listing .site-map-wrap .view-filters > form, .site-map-wrap .view-news-and-events-upcoming-listing .view-filters, .view-news-and-events-upcoming-listing .site-map-wrap .view-filters, .site-map-wrap .path-search .block-system-main-block, .path-search .site-map-wrap .block-system-main-block, .view-news-and-events-upcoming-listing .view-filters .form-radios, .view-news-and-events-upcoming-listing, .vtc-ive-home-page .latestNews, .content-body article[data-history-node-id="107"] .page-full-container {
  padding-top: 90px;
}
@media only screen and (max-width: 991px) {
  .pt-100, .site-map-wrap .vtc-ive-container, .site-map-wrap .search-form, .site-map-wrap #block-vtc-ive-theme-content .user-login-form, #block-vtc-ive-theme-content .site-map-wrap .user-login-form,
  .site-map-wrap #block-vtc-ive-theme-content .openid-connect-login-form,
  #block-vtc-ive-theme-content .site-map-wrap .openid-connect-login-form, .site-map-wrap .view-empty, .site-map-wrap .view-programme-listing .view-filters > form, .view-programme-listing .site-map-wrap .view-filters > form, .site-map-wrap .view-news-and-events-upcoming-listing .view-filters, .view-news-and-events-upcoming-listing .site-map-wrap .view-filters, .site-map-wrap .path-search .block-system-main-block, .path-search .site-map-wrap .block-system-main-block, .view-news-and-events-upcoming-listing .view-filters .form-radios, .view-news-and-events-upcoming-listing, .vtc-ive-home-page .latestNews, .content-body article[data-history-node-id="107"] .page-full-container {
    padding-top: 60px;
  }
}

.pb-100, .site-map-wrap .vtc-ive-container, .site-map-wrap .search-form, .site-map-wrap #block-vtc-ive-theme-content .user-login-form, #block-vtc-ive-theme-content .site-map-wrap .user-login-form,
.site-map-wrap #block-vtc-ive-theme-content .openid-connect-login-form,
#block-vtc-ive-theme-content .site-map-wrap .openid-connect-login-form, .site-map-wrap .view-empty, .site-map-wrap .view-programme-listing .view-filters > form, .view-programme-listing .site-map-wrap .view-filters > form, .site-map-wrap .view-news-and-events-upcoming-listing .view-filters, .view-news-and-events-upcoming-listing .site-map-wrap .view-filters, .site-map-wrap .path-search .block-system-main-block, .path-search .site-map-wrap .block-system-main-block, .vtc-ive-home-page .latestNews, .vtc-ive-home-page .home-page-banner .banner-info-box, .content-body article[data-history-node-id="107"] .page-full-container, .search-form, nav.pager ul.pager__items {
  padding-bottom: 90px;
}
@media only screen and (max-width: 991px) {
  .pb-100, .site-map-wrap .vtc-ive-container, .site-map-wrap .search-form, .site-map-wrap #block-vtc-ive-theme-content .user-login-form, #block-vtc-ive-theme-content .site-map-wrap .user-login-form,
  .site-map-wrap #block-vtc-ive-theme-content .openid-connect-login-form,
  #block-vtc-ive-theme-content .site-map-wrap .openid-connect-login-form, .site-map-wrap .view-empty, .site-map-wrap .view-programme-listing .view-filters > form, .view-programme-listing .site-map-wrap .view-filters > form, .site-map-wrap .view-news-and-events-upcoming-listing .view-filters, .view-news-and-events-upcoming-listing .site-map-wrap .view-filters, .site-map-wrap .path-search .block-system-main-block, .path-search .site-map-wrap .block-system-main-block, .vtc-ive-home-page .latestNews, .vtc-ive-home-page .home-page-banner .banner-info-box, .content-body article[data-history-node-id="107"] .page-full-container, .search-form, nav.pager ul.pager__items {
    padding-bottom: 60px;
  }
}

.imgBox {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .imgBox {
    border-radius: 12px;
  }
}
.imgBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-72px {
  font-size: 4.5rem;
}

/* 要点 */
.gistList .item, .gistList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .gistList .item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 1.375rem;
}
.gistList .item::before, .gistList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item::before, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .gistList .item::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 27px;
  background: url("../images/vsl/arrow-top.svg") no-repeat;
  background-size: 100% 100%;
  margin-right: 12px;
}

/*btn*/
.vtc-ive-btn, .path-search .block-system-main-block .search-form .container-inline .form-submit, #block-vtc-ive-theme-content .user-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .form-submit {
  width: fit-content;
  height: 60px;
  padding: 0px 50px 0px 24px;
  border-radius: 68px;
  background: url("../images/icon/arrow-next.png") #00bfdf no-repeat right 8px center;
  background-size: 24px 24px;
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 1px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.vtc-ive-btn:not(.white):hover, .path-search .block-system-main-block .search-form .container-inline .form-submit:not(.white):hover, #block-vtc-ive-theme-content .user-login-form .form-submit:not(.white):hover,
#block-vtc-ive-theme-content .openid-connect-login-form .form-submit:not(.white):hover {
  color: #00adc6;
  background-color: #fff;
  background-image: url("../images/icon/arrow-next2.png");
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
.vtc-ive-btn.white, .path-search .block-system-main-block .search-form .container-inline .white.form-submit, #block-vtc-ive-theme-content .user-login-form .white.form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .white.form-submit {
  color: #00adc6;
  background-color: #fff;
  background-image: url("../images/icon/arrow-next2.png");
}
.vtc-ive-btn.white:hover, .path-search .block-system-main-block .search-form .container-inline .white.form-submit:hover, #block-vtc-ive-theme-content .user-login-form .white.form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .white.form-submit:hover {
  color: #fff;
  background-color: #00adc6;
  background-image: url("../images/icon/arrow-next.png");
}
@media only screen and (max-width: 991px) {
  .vtc-ive-btn, .path-search .block-system-main-block .search-form .container-inline .form-submit, #block-vtc-ive-theme-content .user-login-form .form-submit,
  #block-vtc-ive-theme-content .openid-connect-login-form .form-submit {
    padding: 10px 40px 10px 16px;
    font-size: 0.875rem;
    /*height: auto;*/
    letter-spacing: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    max-width: 100%;
  }
}

body {
  overflow-x: hidden;
  /* font */
  font-size: 1rem;
}
body .layout-content,
body .vtc-ive-container,
body .path-search .block-system-main-block,
.path-search body .block-system-main-block,
body .view-news-and-events-upcoming-listing .view-filters,
.view-news-and-events-upcoming-listing body .view-filters,
body .view-programme-listing .view-filters > form,
.view-programme-listing body .view-filters > form,
body .view-empty,
body .content-body article[data-history-node-id="107"] .page-full-container,
.content-body article[data-history-node-id="107"] body .page-full-container,
body .search-form,
body #block-vtc-ive-theme-content .user-login-form,
#block-vtc-ive-theme-content body .user-login-form,
body #block-vtc-ive-theme-content .openid-connect-login-form,
#block-vtc-ive-theme-content body .openid-connect-login-form {
  font-weight: 400;
  line-height: normal;
}
body .layout-content .title, body .layout-content .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .layout-content .diploma,
body .vtc-ive-container .title,
body .path-search .block-system-main-block .title,
.path-search body .block-system-main-block .title,
body .view-news-and-events-upcoming-listing .view-filters .title,
.view-news-and-events-upcoming-listing body .view-filters .title,
body .view-programme-listing .view-filters > form .title,
.view-programme-listing body .view-filters > form .title,
body .vtc-ive-container .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
body .path-search .block-system-main-block .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.path-search body .block-system-main-block .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
body .view-news-and-events-upcoming-listing .view-filters .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.view-news-and-events-upcoming-listing body .view-filters .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
body .view-programme-listing .view-filters > form .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.view-programme-listing body .view-filters > form .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .vtc-ive-container .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .path-search .block-system-main-block .diploma,
.path-search .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .block-system-main-block .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .view-news-and-events-upcoming-listing .view-filters .diploma,
.view-news-and-events-upcoming-listing .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .view-filters .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .view-programme-listing .view-filters > form .diploma,
.view-programme-listing .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .view-filters > form .diploma,
body .view-empty .title,
body .view-empty .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .view-empty .diploma,
body .content-body article[data-history-node-id="107"] .page-full-container .title,
body .content-body article[data-history-node-id="107"] .page-full-container .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .content-body article[data-history-node-id="107"] .page-full-container .diploma,
.content-body article[data-history-node-id="107"] body .page-full-container .title,
.content-body article[data-history-node-id="107"] body .page-full-container .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .content-body article[data-history-node-id="107"] body .page-full-container .diploma,
body .search-form .title,
body .search-form .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .search-form .diploma,
body #block-vtc-ive-theme-content .user-login-form .title,
body #block-vtc-ive-theme-content .user-login-form .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body #block-vtc-ive-theme-content .user-login-form .diploma,
#block-vtc-ive-theme-content body .user-login-form .title,
#block-vtc-ive-theme-content body .user-login-form .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #block-vtc-ive-theme-content body .user-login-form .diploma,
body #block-vtc-ive-theme-content .openid-connect-login-form .title,
body #block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body #block-vtc-ive-theme-content .openid-connect-login-form .diploma,
#block-vtc-ive-theme-content body .openid-connect-login-form .title,
#block-vtc-ive-theme-content body .openid-connect-login-form .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #block-vtc-ive-theme-content body .openid-connect-login-form .diploma {
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  body {
    font-size: 1rem;
  }
}
body .theme-color,
body .fc-theme,
body .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide,
.vtc-ive-home-page .about-ive .about-ive-swiper body .swiper-slide {
  color: #00829B;
}
body .theme-color-b,
body .fc-theme-b {
  color: #00ADC6;
}
body .fc-black {
  color: #000;
}
body .fw-700 {
  font-weight: 700;
}
body .te-1,
body .te-2,
body .vtc-ive-home-page .latestNews .infoBox .title > span,
.vtc-ive-home-page .latestNews .infoBox body .title > span,
body .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span,
.vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .diploma > span,
body .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox body .diploma > span,
body .te-3,
body .te-4,
body .te-5,
body .te-6,
body .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox body .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .te-1 {
  -webkit-line-clamp: 1;
}
body .te-2, body .vtc-ive-home-page .latestNews .infoBox .title > span, .vtc-ive-home-page .latestNews .infoBox body .title > span, body .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span, .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo body .diploma > span, body .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox body .diploma > span {
  -webkit-line-clamp: 2;
}
body .te-3 {
  -webkit-line-clamp: 3;
}
body .te-4 {
  -webkit-line-clamp: 4;
}
body .te-5 {
  -webkit-line-clamp: 5;
}
body .te-6, body .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox body .desc {
  -webkit-line-clamp: 6;
}

a.reset, .vtc-ive-footer .footer-link ul li > a, .campus-detail-part4 .contentBox .linkList a, .site-map-wrap .row .col > ul.menu > li.menu-item > a, .programme-table-list .bodyRow .row a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a, .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li a, .language-switcher-language-url ul.links a, nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) a, .vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li > a, .vtc-ive-header .ive-side-menu .menu .menu-item a {
  text-decoration: none;
  cursor: pointer;
  color: unset;
}

a.reset:hover, .vtc-ive-footer .footer-link ul li > a:hover, .campus-detail-part4 .contentBox .linkList a:hover, .site-map-wrap .row .col > ul.menu > li.menu-item > a:hover, .programme-table-list .bodyRow .row a:hover, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a:hover, .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li a:hover, .language-switcher-language-url ul.links a:hover, nav.pager ul.pager__items li:not(.pager__item--prev, .pager__item--next, .pager__item--last) a:hover, .vtc-ive-header .nav-cont .region-primary-menu nav ul.menu > li > a:hover, .vtc-ive-header .ive-side-menu .menu .menu-item a:hover {
  color: unset;
}

.view-empty {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* home page style */
.vtc-ive-home-page.ps_student_bg1 {
  background: linear-gradient(180deg, #f1fbfc 0%, #effafc 100%);
}
.vtc-ive-home-page.ps_student_bg2 {
  background: linear-gradient(180deg, #effafc 0%, #dcf4f8 100%);
}
.vtc-ive-home-page.ps_student_bg {
  background: url("../images/lo/bg_5.png") no-repeat center bottom/100% 100%;
}
.vtc-ive-home-page .bg-part-1 {
  background: url("../images/homePage/bg-1.png") no-repeat center/100% 100%;
}
.vtc-ive-home-page .bg-part-2 {
  background: url("../images/homePage/bg-2.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .bg-part-2 {
    background: url("../images/mobile-bg/home/2.png") no-repeat center/100% 100%;
  }
}
.vtc-ive-home-page .bg-part-3 {
  background: url("../images/homePage/bg-3.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 991px) {
  .vtc-ive-home-page .bg-part-3 {
    background: url("../images/mobile-bg/home/3.png") no-repeat center/100% 100%;
  }
}
.vtc-ive-home-page .bg-part-4 {
  background: url("../images/homePage/bg-4.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .bg-part-4 {
    background: url("../images/mobile-bg/home/4.png") no-repeat center/100% 100%;
  }
}
.vtc-ive-home-page .bg-part-5 {
  background: url("../images/homePage/bg-5.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .bg-part-5 {
    background: none;
  }
}
.vtc-ive-home-page .bg-part-6 {
  background: url("../images/homePage/bg-6.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .bg-part-6 {
    background: url("../images/mobile-bg/home/6.png") no-repeat center/100% 100%;
  }
}
.vtc-ive-home-page .bg-part-sl-1 {
  background: url("../images/schoolLife/bg_3-1.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .bg-part-sl-1 {
    background: url("../images/mobile-bg/school-life/8.png") no-repeat center/100% 100%;
  }
}
.vtc-ive-home-page .bg-part-sl-2 {
  background: url("../images/schoolLife/bg_3-2.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .bg-part-sl-2 {
    background: url("../images/mobile-bg/school-life/7.png") no-repeat center/100% 100%;
  }
}
.vtc-ive-home-page .bg-part-sl {
  background: url("../images/schoolLife/bg_3.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .bg-part-sl {
    background: url("../images/mobile-bg/school-life/3.png") no-repeat center/100% 100%;
  }
  .vtc-ive-home-page .bg-part-sl.pt-100, .vtc-ive-home-page .site-map-wrap .bg-part-sl.vtc-ive-container, .site-map-wrap .vtc-ive-home-page .bg-part-sl.vtc-ive-container, .vtc-ive-home-page .site-map-wrap .bg-part-sl.search-form, .site-map-wrap .vtc-ive-home-page .bg-part-sl.search-form, .vtc-ive-home-page .site-map-wrap #block-vtc-ive-theme-content .bg-part-sl.user-login-form, .site-map-wrap #block-vtc-ive-theme-content .vtc-ive-home-page .bg-part-sl.user-login-form, .vtc-ive-home-page #block-vtc-ive-theme-content .site-map-wrap .bg-part-sl.user-login-form, #block-vtc-ive-theme-content .site-map-wrap .vtc-ive-home-page .bg-part-sl.user-login-form,
  .vtc-ive-home-page .site-map-wrap #block-vtc-ive-theme-content .bg-part-sl.openid-connect-login-form,
  .site-map-wrap #block-vtc-ive-theme-content .vtc-ive-home-page .bg-part-sl.openid-connect-login-form,
  .vtc-ive-home-page #block-vtc-ive-theme-content .site-map-wrap .bg-part-sl.openid-connect-login-form,
  #block-vtc-ive-theme-content .site-map-wrap .vtc-ive-home-page .bg-part-sl.openid-connect-login-form, .vtc-ive-home-page .site-map-wrap .bg-part-sl.view-empty, .site-map-wrap .vtc-ive-home-page .bg-part-sl.view-empty, .vtc-ive-home-page .site-map-wrap .view-programme-listing .view-filters > form.bg-part-sl, .site-map-wrap .view-programme-listing .vtc-ive-home-page .view-filters > form.bg-part-sl, .vtc-ive-home-page .view-programme-listing .site-map-wrap .view-filters > form.bg-part-sl, .view-programme-listing .site-map-wrap .vtc-ive-home-page .view-filters > form.bg-part-sl, .vtc-ive-home-page .site-map-wrap .view-news-and-events-upcoming-listing .bg-part-sl.view-filters, .site-map-wrap .view-news-and-events-upcoming-listing .vtc-ive-home-page .bg-part-sl.view-filters, .vtc-ive-home-page .view-news-and-events-upcoming-listing .site-map-wrap .bg-part-sl.view-filters, .view-news-and-events-upcoming-listing .site-map-wrap .vtc-ive-home-page .bg-part-sl.view-filters, .vtc-ive-home-page .site-map-wrap .path-search .bg-part-sl.block-system-main-block, .site-map-wrap .path-search .vtc-ive-home-page .bg-part-sl.block-system-main-block, .vtc-ive-home-page .path-search .site-map-wrap .bg-part-sl.block-system-main-block, .path-search .site-map-wrap .vtc-ive-home-page .bg-part-sl.block-system-main-block, .vtc-ive-home-page .view-news-and-events-upcoming-listing .view-filters .bg-part-sl.form-radios, .view-news-and-events-upcoming-listing .view-filters .vtc-ive-home-page .bg-part-sl.form-radios, .vtc-ive-home-page .bg-part-sl.view-news-and-events-upcoming-listing, .vtc-ive-home-page .bg-part-sl.latestNews, .vtc-ive-home-page .content-body article[data-history-node-id="107"] .bg-part-sl.page-full-container, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .bg-part-sl.page-full-container {
    padding-top: 0 !important;
  }
}
.vtc-ive-home-page .home-page-banner {
  color: #fff;
  overflow: hidden;
}
.vtc-ive-home-page .home-page-banner .logo {
  z-index: 2;
  top: 37px;
  left: 60px;
  width: 163px;
}
.vtc-ive-home-page .home-page-banner .fullImg {
  clip-path: ellipse(130% 100% at top center);
  aspect-ratio: 1920/764;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .vtc-ive-home-page .home-page-banner .fullImg {
    aspect-ratio: auto;
  }
}
.vtc-ive-home-page .home-page-banner .fullImg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vtc-ive-home-page .home-page-banner .fullImg .imgBox {
  height: 100%;
  border-radius: 0;
}
.vtc-ive-home-page .home-page-banner .fullImg .imgBox img {
  object-fit: cover !important;
}
.vtc-ive-home-page .home-page-banner .banner-img {
  clip-path: ellipse(124% 98% at top center);
  background: #00bfdf;
  aspect-ratio: 1920/764;
}
.vtc-ive-home-page .home-page-banner .banner-img .imgBox {
  aspect-ratio: 426/330;
  width: auto;
  height: 100%;
  border-radius: 0;
}
.vtc-ive-home-page .home-page-banner .banner-img .imgBox img {
  object-fit: cover;
  object-position: top left;
}
.vtc-ive-home-page .home-page-banner .banner-info-box {
  top: 0;
  left: 0;
}
.vtc-ive-home-page .home-page-banner .banner-info-box .vtc-ive-container > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .path-search .block-system-main-block > .col-3, .path-search .vtc-ive-home-page .home-page-banner .banner-info-box .block-system-main-block > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-news-and-events-upcoming-listing .view-filters > .col-3, .view-news-and-events-upcoming-listing .vtc-ive-home-page .home-page-banner .banner-info-box .view-filters > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-programme-listing .view-filters > form > .col-3, .view-programme-listing .vtc-ive-home-page .home-page-banner .banner-info-box .view-filters > form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .content-body article[data-history-node-id="107"] .page-full-container > .col-3, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .home-page-banner .banner-info-box .page-full-container > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .search-form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .user-login-form > .col-3, #block-vtc-ive-theme-content .vtc-ive-home-page .home-page-banner .banner-info-box .user-login-form > .col-3,
.vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .openid-connect-login-form > .col-3,
#block-vtc-ive-theme-content .vtc-ive-home-page .home-page-banner .banner-info-box .openid-connect-login-form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-empty > .col-3 {
  min-width: 550px;
}
.vtc-ive-home-page .home-page-banner .banner-info-box .title, .vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma {
  line-height: 1.3;
  letter-spacing: 3px;
}
.vtc-ive-home-page .home-page-banner .banner-info-box .desc {
  line-height: 1.5;
  letter-spacing: 0.9px;
}
.vtc-ive-home-page .home-page-banner .banner-info-box .vtc-ive-btn.white, .vtc-ive-home-page .home-page-banner .banner-info-box .path-search .block-system-main-block .search-form .container-inline .white.form-submit, .path-search .block-system-main-block .search-form .container-inline .vtc-ive-home-page .home-page-banner .banner-info-box .white.form-submit, .vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .user-login-form .white.form-submit, #block-vtc-ive-theme-content .user-login-form .vtc-ive-home-page .home-page-banner .banner-info-box .white.form-submit,
.vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .openid-connect-login-form .white.form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-home-page .home-page-banner .banner-info-box .white.form-submit {
  color: #00bfdf;
}
.vtc-ive-home-page .home-page-banner .banner-info-box .vtc-ive-btn.white:hover, .vtc-ive-home-page .home-page-banner .banner-info-box .path-search .block-system-main-block .search-form .container-inline .white.form-submit:hover, .path-search .block-system-main-block .search-form .container-inline .vtc-ive-home-page .home-page-banner .banner-info-box .white.form-submit:hover, .vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .user-login-form .white.form-submit:hover, #block-vtc-ive-theme-content .user-login-form .vtc-ive-home-page .home-page-banner .banner-info-box .white.form-submit:hover,
.vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .openid-connect-login-form .white.form-submit:hover,
#block-vtc-ive-theme-content .openid-connect-login-form .vtc-ive-home-page .home-page-banner .banner-info-box .white.form-submit:hover {
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .vtc-ive-home-page .home-page-banner .logo {
    top: 20px;
    left: 20px;
    width: 7.5rem;
  }
  .vtc-ive-home-page .home-page-banner .swiper-slide {
    background: #00bfdf;
    clip-path: ellipse(180% 96% at top center);
  }
  .vtc-ive-home-page .home-page-banner .banner-img {
    height: auto !important;
    clip-path: unset;
  }
  .vtc-ive-home-page .home-page-banner .banner-img .imgBox {
    width: 100%;
    height: auto !important;
  }
  .vtc-ive-home-page .home-page-banner .banner-img .imgBox img {
    position: static;
  }
  .vtc-ive-home-page .home-page-banner .banner-info-box.position-absolute {
    position: static !important;
  }
  .vtc-ive-home-page .home-page-banner .banner-info-box .col-3 {
    width: 100% !important;
    min-width: auto !important;
  }
  .vtc-ive-home-page .home-page-banner .banner-info-box .col-3 .title.mb-3, .vtc-ive-home-page .home-page-banner .banner-info-box .col-3 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .mb-3.diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .col-3 .mb-3.diploma {
    margin-top: 24px;
    margin-bottom: 36px !important;
  }
  .vtc-ive-home-page .home-page-banner .banner-info-box .col-3 .desc {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .vtc-ive-home-page .home-page-banner .global-swiper .global-swiper-pagination, .vtc-ive-home-page .home-page-banner .global-swiper .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination, .campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .home-page-banner .global-swiper .campus-listing-pagination {
    justify-content: center;
  }
  .vtc-ive-home-page .home-page-banner .banner-info-box .title, .vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma {
    font-size: 1.5rem !important;
  }
}
@media only screen and (max-width: 1240px) {
  .vtc-ive-home-page .home-page-banner .global-swiper .global-swiper-pagination, .vtc-ive-home-page .home-page-banner .global-swiper .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination, .campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .home-page-banner .global-swiper .campus-listing-pagination {
    justify-content: center;
  }
  .vtc-ive-home-page .home-page-banner .banner-info-box .title, .vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma {
    font-size: 1.5rem !important;
  }
}
@media only screen and (max-width: 767px) {
  .vtc-ive-home-page .home-page-banner .logo {
    top: 8px;
    left: 4px;
    width: 4.5rem;
  }
}
.vtc-ive-home-page .about-ive.about-cultivate-talents {
  background: url("../images/page-bg/about_bg_1.png") no-repeat center/100% 100%;
}
.vtc-ive-home-page .about-ive.page-to-top, .vtc-ive-home-page .about-ive.view-news-and-events-upcoming-listing, .vtc-ive-home-page .content-body article.about-ive[data-history-node-id="107"], .content-body .vtc-ive-home-page article.about-ive[data-history-node-id="107"], .vtc-ive-home-page .about-ive.layout-content {
  margin-top: -200px;
  padding-top: 200px;
}
.vtc-ive-home-page .about-ive .itemList {
  width: 100%;
  row-gap: 64px;
}
.vtc-ive-home-page .about-ive .lineStyle, .vtc-ive-home-page .about-ive .item::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item::after {
  position: absolute;
  right: -1px;
  top: calc(50% - 67.5px);
  display: inline-block;
  width: 2px;
  height: 135px;
  background: linear-gradient(90deg, #a9dfd5 0%, #6abcc3 100%);
}
.vtc-ive-home-page .about-ive .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item {
  width: calc((100% - 4px) / 3);
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  position: relative;
}
.vtc-ive-home-page .about-ive .item .text-20px, .vtc-ive-home-page .about-ive .item .campus-detail-part5 .rightBox .desc, .campus-detail-part5 .rightBox .vtc-ive-home-page .about-ive .item .desc, .vtc-ive-home-page .about-ive .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .item .infoCard .dateBox .date, .vtc-ive-home-page .about-ive .item .campus-detail-part2 .advanced-facility-info-card .desc > p, .campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .about-ive .item .desc > p, .vtc-ive-home-page .about-ive .item .path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet, .path-search .block-system-main-block .search-results li .search-result__snippet-info .vtc-ive-home-page .about-ive .item .search-result__snippet, .vtc-ive-home-page .about-ive .item .path-search .block-system-main-block .search-form .search-help-link, .path-search .block-system-main-block .search-form .vtc-ive-home-page .about-ive .item .search-help-link, .vtc-ive-home-page .about-ive .item #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date, #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .vtc-ive-home-page .about-ive .item .date, .vtc-ive-home-page .about-ive .item .view-news-and-events-upcoming-listing .view-filters .form-radios, .view-news-and-events-upcoming-listing .view-filters .vtc-ive-home-page .about-ive .item .form-radios, .vtc-ive-home-page .about-ive .item .sl-internationalExchange .cardBox .infoBox .desc, .sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .about-ive .item .desc, .vtc-ive-home-page .about-ive .item .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .about-ive .item .desc, .vtc-ive-home-page .about-ive .item .latestNews .infoBox .date, .vtc-ive-home-page .latestNews .infoBox .about-ive .item .date, .vtc-ive-home-page .about-ive .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .company, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .about-ive .item .cardInfo .cardBox .company, .vtc-ive-home-page .about-ive .item .teachingFacilities .img-view-swiper .imgBox .textBox .desc p, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc .about-ive .item p, .vtc-ive-home-page .about-ive .item .teachingFacilities .img-view-swiper .imgBox .textBox .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .about-ive .item .local::before, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-20px, .vtc-ive-home-page .about-ive .item .overlapBox .info-section .text-card .text, .overlapBox .info-section .text-card .vtc-ive-home-page .about-ive .item .text {
  font-weight: 700 !important;
}
.vtc-ive-home-page .about-ive .item .text-20px *, .vtc-ive-home-page .about-ive .item .campus-detail-part5 .rightBox .desc *, .campus-detail-part5 .rightBox .vtc-ive-home-page .about-ive .item .desc *, .vtc-ive-home-page .about-ive .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date *, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .item .infoCard .dateBox .date *, .vtc-ive-home-page .about-ive .item .campus-detail-part2 .advanced-facility-info-card .desc > p *, .campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .about-ive .item .desc > p *, .vtc-ive-home-page .about-ive .item .path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet *, .path-search .block-system-main-block .search-results li .search-result__snippet-info .vtc-ive-home-page .about-ive .item .search-result__snippet *, .vtc-ive-home-page .about-ive .item .path-search .block-system-main-block .search-form .search-help-link *, .path-search .block-system-main-block .search-form .vtc-ive-home-page .about-ive .item .search-help-link *, .vtc-ive-home-page .about-ive .item #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date *, #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .vtc-ive-home-page .about-ive .item .date *, .vtc-ive-home-page .about-ive .item .view-news-and-events-upcoming-listing .view-filters .form-radios *, .view-news-and-events-upcoming-listing .view-filters .vtc-ive-home-page .about-ive .item .form-radios *, .vtc-ive-home-page .about-ive .item .sl-internationalExchange .cardBox .infoBox .desc *, .sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .about-ive .item .desc *, .vtc-ive-home-page .about-ive .item .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc *, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .about-ive .item .desc *, .vtc-ive-home-page .about-ive .item .latestNews .infoBox .date *, .vtc-ive-home-page .latestNews .infoBox .about-ive .item .date *, .vtc-ive-home-page .about-ive .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .company *, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .about-ive .item .cardInfo .cardBox .company *, .vtc-ive-home-page .about-ive .item .teachingFacilities .img-view-swiper .imgBox .textBox .desc p *, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc .about-ive .item p *, .vtc-ive-home-page .about-ive .item .teachingFacilities .img-view-swiper .imgBox .textBox .local::before *, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .about-ive .item .local::before *, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-20px *, .vtc-ive-home-page .about-ive .item .overlapBox .info-section .text-card .text *, .overlapBox .info-section .text-card .vtc-ive-home-page .about-ive .item .text * {
  font-weight: 700 !important;
}
.vtc-ive-home-page .about-ive .item span, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item span {
  font-weight: 500;
  font-size: 6.25rem;
  line-height: 130%;
}
.vtc-ive-home-page .about-ive .item:nth-child(1)::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item:nth-child(1)::after, .vtc-ive-home-page .about-ive .item:nth-child(2)::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item:nth-child(2)::after, .vtc-ive-home-page .about-ive .item:nth-child(4)::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item:nth-child(4)::after, .vtc-ive-home-page .about-ive .item:nth-child(5)::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item:nth-child(5)::after {
  content: "";
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .vtc-ive-home-page .about-ive .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item {
    width: calc((100% - 2px) / 2);
  }
  .vtc-ive-home-page .about-ive .item::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item::after {
    content: none !important;
  }
  .vtc-ive-home-page .about-ive .item:nth-child(odd)::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item:nth-child(odd)::after {
    content: "" !important;
  }
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .about-ive.about-cultivate-talents {
    background: url("../images/page-bg/about_bg_4.png") no-repeat center/100% 100%;
    position: relative;
  }
  .vtc-ive-home-page .about-ive.about-cultivate-talents::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    aspect-ratio: 375/318;
    background: url("../images/page-bg/about_bg_5.png") no-repeat center bottom/100% 100%;
  }
  .vtc-ive-home-page .about-ive .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item {
    width: 100%;
    min-height: 181px;
  }
  .vtc-ive-home-page .about-ive .item::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item::after {
    content: none !important;
  }
  .vtc-ive-home-page .about-ive {
    padding-top: 36px;
  }
  .vtc-ive-home-page .about-ive.about-cultivate-talents .about-ive-swiper {
    padding: 36px 0 100px !important;
    /* 小屏下箭頭去掉 */
  }
  .vtc-ive-home-page .about-ive.about-cultivate-talents .about-ive-swiper .global-swiper-navigation {
    display: none;
  }
  .vtc-ive-home-page .about-ive.about-cultivate-talents .about-ive-pagination {
    bottom: 50px !important;
  }
}
.vtc-ive-home-page .about-ive .about-ive-swiper {
  padding: 36px 0;
  width: 100%;
}
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item span {
  font-size: 5rem;
}
.vtc-ive-home-page .about-ive .about-ive-swiper .global-swiper-navigation .about-ive-next,
.vtc-ive-home-page .about-ive .about-ive-swiper .global-swiper-navigation .about-ive-prev {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.vtc-ive-home-page .about-ive .about-ive-swiper .global-swiper-navigation .about-ive-next {
  right: 6px;
  left: auto;
}
.vtc-ive-home-page .about-ive .about-ive-swiper .global-swiper-navigation .about-ive-prev {
  left: 6px;
  right: auto;
}
.vtc-ive-home-page .about-ive .about-ive-swiper .about-ive-pagination {
  bottom: 0px;
  left: 0;
  right: 0;
  justify-content: center;
}
.vtc-ive-home-page .disciplinesAndCourses .listBox {
  display: flex;
  justify-content: center;
}
.vtc-ive-home-page .disciplinesAndCourses .listBox.row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .disciplinesAndCourses .listBox.row {
    --bs-gutter-x: 36px;
    --bs-gutter-y: 36px;
  }
}
.vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox {
  aspect-ratio: 466/346;
}
.vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox .textBox {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2rem;
  color: #fff;
  width: 100%;
  height: 100%;
  letter-spacing: 0.64px;
  background: linear-gradient(0deg, rgba(1, 164, 239, 0) 68.28%, #0f2b5b 126.78%);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) {
  .vtc-ive-home-page .disciplinesAndCourses .listBox {
    flex-wrap: wrap-reverse;
  }
  .vtc-ive-home-page .disciplinesAndCourses .listBox .item:nth-child(1), .vtc-ive-home-page .disciplinesAndCourses .listBox .about-ive .about-ive-swiper .swiper-slide .item:nth-child(1), .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .disciplinesAndCourses .listBox .item:nth-child(1) {
    order: 4;
  }
  .vtc-ive-home-page .disciplinesAndCourses .listBox .item:nth-child(2), .vtc-ive-home-page .disciplinesAndCourses .listBox .about-ive .about-ive-swiper .swiper-slide .item:nth-child(2), .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .disciplinesAndCourses .listBox .item:nth-child(2) {
    order: 5;
  }
  .vtc-ive-home-page .disciplinesAndCourses .listBox .item:nth-child(3), .vtc-ive-home-page .disciplinesAndCourses .listBox .about-ive .about-ive-swiper .swiper-slide .item:nth-child(3), .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .disciplinesAndCourses .listBox .item:nth-child(3) {
    order: 1;
  }
  .vtc-ive-home-page .disciplinesAndCourses .listBox .item:nth-child(4), .vtc-ive-home-page .disciplinesAndCourses .listBox .about-ive .about-ive-swiper .swiper-slide .item:nth-child(4), .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .disciplinesAndCourses .listBox .item:nth-child(4) {
    order: 2;
  }
  .vtc-ive-home-page .disciplinesAndCourses .listBox .item:nth-child(5), .vtc-ive-home-page .disciplinesAndCourses .listBox .about-ive .about-ive-swiper .swiper-slide .item:nth-child(5), .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .disciplinesAndCourses .listBox .item:nth-child(5) {
    order: 3;
  }
}
@media (min-width: 992px) {
  .vtc-ive-home-page .disciplinesAndCourses .right {
    padding-bottom: 44px;
  }
}
@media screen and (max-width: 767px) {
  .vtc-ive-home-page .disciplinesAndCourses .right {
    margin-bottom: 36px;
  }
  .vtc-ive-home-page .disciplinesAndCourses .right .gap-4 {
    gap: 12px !important;
  }
  .vtc-ive-home-page .disciplinesAndCourses .text-20px.mb-4, .vtc-ive-home-page .disciplinesAndCourses .campus-detail-part5 .rightBox .mb-4.desc, .campus-detail-part5 .rightBox .vtc-ive-home-page .disciplinesAndCourses .mb-4.desc, .vtc-ive-home-page .disciplinesAndCourses .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .mb-4.date, .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .vtc-ive-home-page .disciplinesAndCourses .mb-4.date, .vtc-ive-home-page .disciplinesAndCourses .campus-detail-part2 .advanced-facility-info-card .desc > p.mb-4, .campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .disciplinesAndCourses .desc > p.mb-4, .vtc-ive-home-page .disciplinesAndCourses .path-search .block-system-main-block .search-results li .search-result__snippet-info .mb-4.search-result__snippet, .path-search .block-system-main-block .search-results li .search-result__snippet-info .vtc-ive-home-page .disciplinesAndCourses .mb-4.search-result__snippet, .vtc-ive-home-page .disciplinesAndCourses .path-search .block-system-main-block .search-form .mb-4.search-help-link, .path-search .block-system-main-block .search-form .vtc-ive-home-page .disciplinesAndCourses .mb-4.search-help-link, .vtc-ive-home-page .disciplinesAndCourses #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .mb-4.date, #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .vtc-ive-home-page .disciplinesAndCourses .mb-4.date, .vtc-ive-home-page .disciplinesAndCourses .view-news-and-events-upcoming-listing .view-filters .mb-4.form-radios, .view-news-and-events-upcoming-listing .view-filters .vtc-ive-home-page .disciplinesAndCourses .mb-4.form-radios, .vtc-ive-home-page .disciplinesAndCourses .sl-internationalExchange .cardBox .infoBox .mb-4.desc, .sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .disciplinesAndCourses .mb-4.desc, .vtc-ive-home-page .disciplinesAndCourses .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .mb-4.desc, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .disciplinesAndCourses .mb-4.desc, .vtc-ive-home-page .disciplinesAndCourses .latestNews .infoBox .mb-4.date, .vtc-ive-home-page .latestNews .infoBox .disciplinesAndCourses .mb-4.date, .vtc-ive-home-page .disciplinesAndCourses .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .mb-4.company, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .disciplinesAndCourses .mb-4.company, .vtc-ive-home-page .disciplinesAndCourses .teachingFacilities .img-view-swiper .imgBox .textBox .desc p.mb-4, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc .disciplinesAndCourses p.mb-4, .vtc-ive-home-page .disciplinesAndCourses .teachingFacilities .img-view-swiper .imgBox .textBox .mb-4.local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .disciplinesAndCourses .mb-4.local::before, .vtc-ive-home-page .disciplinesAndCourses .overlapBox .info-section .text-card .mb-4.text, .overlapBox .info-section .text-card .vtc-ive-home-page .disciplinesAndCourses .mb-4.text {
    margin-bottom: 36px !important;
  }
  .vtc-ive-home-page .disciplinesAndCourses .d-flex.gap-4 {
    gap: 12px !important;
  }
  .vtc-ive-home-page .disciplinesAndCourses .listBox {
    --bs-gutter-y: 36px;
  }
  .vtc-ive-home-page .disciplinesAndCourses .listBox.mt-3 {
    margin-top: 0 !important;
  }
  .vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox .textBox {
    padding: 1.4375rem;
  }
}
.vtc-ive-home-page .teachingFacilities {
  max-width: 100%;
  width: 100%;
}
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox {
  border-radius: 0;
  padding-top: 43.45%;
  color: #fff;
}
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 62px 0;
  background: linear-gradient(270deg, rgba(1, 164, 239, 0) 0.08%, rgba(15, 43, 91, 0.95) 100.14%);
}
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .diploma {
  line-height: 1.3;
}
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox a .title:hover, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox a .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma:hover, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox a .diploma:hover {
  text-decoration: underline;
}
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a {
  transition: all 0.4s;
}
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("../images/icon/locate.svg") no-repeat center/100%;
  margin-right: 8px;
  vertical-align: sub;
}
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc {
  line-height: 1.5;
}
.vtc-ive-home-page .teachingFacilities .img-preview-swiper {
  margin-top: -6%;
}
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .swiper-slide {
  max-width: 498px;
}
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .item, .vtc-ive-home-page .teachingFacilities .img-preview-swiper .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .teachingFacilities .img-preview-swiper .item {
  width: 100%;
  cursor: pointer;
  user-select: none;
  text-align: center;
  border-radius: 10px;
  padding: 12px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .item .title, .vtc-ive-home-page .teachingFacilities .img-preview-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .teachingFacilities .img-preview-swiper .swiper-slide > .item .cardInfo .diploma {
  margin-top: 12px;
  margin-bottom: 4px;
}
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .item .imgBox {
  border-radius: 10px;
  padding-top: 55%;
}
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .swiper-slide-thumb-active .item {
  background: linear-gradient(180deg, #00adc6 0%, #00829b 100%);
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .vtc-ive-home-page .teachingFacilities .img-preview-swiper {
    width: 100%;
  }
  .vtc-ive-home-page .teachingFacilities .img-preview-swiper .item:hover .title, .vtc-ive-home-page .teachingFacilities .img-preview-swiper .item:hover .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-preview-swiper .item:hover .diploma {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .vtc-ive-home-page .teachingFacilities .img-view-swiper {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox {
    display: flex;
    flex-direction: column-reverse;
    background-color: #fff;
    padding: 24px;
    border-radius: 12px;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox img {
    position: static;
    border-radius: 6px;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox {
    padding: 0;
    position: static;
    background: transparent;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block, .path-search .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters, .view-news-and-events-upcoming-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form, .view-programme-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .search-form, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form, #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form,
  #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty {
    padding-left: 0;
    padding-right: 0;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container .col-6, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block .col-6, .path-search .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block .col-6, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters .col-6, .view-news-and-events-upcoming-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters .col-6, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form .col-6, .view-programme-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form .col-6, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container .col-6, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container .col-6, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .search-form .col-6, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form .col-6, #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form .col-6,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form .col-6,
  #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form .col-6, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty .col-6 {
    width: 100%;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container .col-6 .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block .col-6 .title, .path-search .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block .col-6 .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters .col-6 .title, .view-news-and-events-upcoming-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters .col-6 .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form .col-6 .title, .view-programme-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form .col-6 .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .path-search .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .view-news-and-events-upcoming-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .view-programme-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container .col-6 .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block .col-6 .diploma, .path-search .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block .col-6 .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters .col-6 .diploma, .view-news-and-events-upcoming-listing .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters .col-6 .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form .col-6 .diploma, .view-programme-listing .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form .col-6 .diploma, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container .col-6 .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container .col-6 .diploma, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container .col-6 .title, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container .col-6 .diploma, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .search-form .col-6 .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .search-form .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .search-form .col-6 .diploma, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form .col-6 .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form .col-6 .diploma, #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form .col-6 .title, #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, #block-vtc-ive-theme-content .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form .col-6 .diploma,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form .col-6 .title,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form .col-6 .diploma,
  #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form .col-6 .title,
  #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  #block-vtc-ive-theme-content .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form .col-6 .diploma, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty .col-6 .title, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty .col-6 .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty .col-6 .diploma {
    color: #00829B;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container .col-6 .local, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block .col-6 .local, .path-search .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block .col-6 .local, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters .col-6 .local, .view-news-and-events-upcoming-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters .col-6 .local, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form .col-6 .local, .view-programme-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form .col-6 .local, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container .col-6 .local, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container .col-6 .local, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .search-form .col-6 .local, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form .col-6 .local, #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form .col-6 .local,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form .col-6 .local,
  #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form .col-6 .local, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty .col-6 .local {
    color: #333;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container .col-6 .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block .col-6 .local a, .path-search .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block .col-6 .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters .col-6 .local a, .view-news-and-events-upcoming-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters .col-6 .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form .col-6 .local a, .view-programme-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form .col-6 .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container .col-6 .local a, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container .col-6 .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .search-form .col-6 .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form .col-6 .local a, #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form .col-6 .local a,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form .col-6 .local a,
  #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form .col-6 .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty .col-6 .local a {
    font-size: 1rem;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container .col-6 .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block .col-6 .local::before, .path-search .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block .col-6 .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters .col-6 .local::before, .view-news-and-events-upcoming-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters .col-6 .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form .col-6 .local::before, .view-programme-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form .col-6 .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container .col-6 .local::before, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container .col-6 .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .search-form .col-6 .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form .col-6 .local::before, #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form .col-6 .local::before,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form .col-6 .local::before,
  #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form .col-6 .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty .col-6 .local::before {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align: middle;
    background: url("../images/icon/locate1.svg") no-repeat center/100%;
  }
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .vtc-ive-container .col-6 .desc, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .path-search .block-system-main-block .col-6 .desc, .path-search .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .block-system-main-block .col-6 .desc, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-news-and-events-upcoming-listing .view-filters .col-6 .desc, .view-news-and-events-upcoming-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters .col-6 .desc, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-programme-listing .view-filters > form .col-6 .desc, .view-programme-listing .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-filters > form .col-6 .desc, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .content-body article[data-history-node-id="107"] .page-full-container .col-6 .desc, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .page-full-container .col-6 .desc, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .search-form .col-6 .desc, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .user-login-form .col-6 .desc, #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .user-login-form .col-6 .desc,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox #block-vtc-ive-theme-content .openid-connect-login-form .col-6 .desc,
  #block-vtc-ive-theme-content .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .openid-connect-login-form .col-6 .desc, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .view-empty .col-6 .desc {
    color: #333;
    -webkit-line-clamp: none;
  }
  .vtc-ive-home-page .teachingFacilities .img-preview-swiper {
    display: none;
  }
}
.vtc-ive-home-page .industryRecognition {
  position: relative;
  overflow: hidden;
}
.vtc-ive-home-page .industryRecognition .row.g-66px {
  --bs-gutter-x: 66px;
  --bs-gutter-y: 36px;
}
.vtc-ive-home-page .industryRecognition .row.g-66px .leftPadding {
  padding-left: 20px;
}
@media screen and (min-width: 1480px) {
  .vtc-ive-home-page .industryRecognition .row.g-66px .leftPadding {
    padding-left: calc((100vw - 1440px) / 2);
  }
}
.vtc-ive-home-page .industryRecognition .infoList {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  margin: 44px 0;
}
.vtc-ive-home-page .industryRecognition .infoList .item, .vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList .item {
  display: flex;
  align-items: center;
  color: #00829b;
}
.vtc-ive-home-page .industryRecognition .infoList .item img, .vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList .item img {
  width: 4.5rem;
  height: 4.5rem;
  flex-shrink: 0;
  margin-right: 1rem;
}
.vtc-ive-home-page .industryRecognition .personnel-list-swiper {
  overflow-x: clip;
}
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .personnel-list-swiper .item {
  position: relative;
}
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .imgBox {
  width: 100%;
  max-width: 380px;
  aspect-ratio: 1;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 992px) {
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .personnel-list-swiper .item {
    display: flex;
    justify-content: end;
  }
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .imgBox {
    position: absolute;
    left: 0;
  }
}
@media screen and (min-width: 992px) {
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo {
    width: calc(100% - 348px);
    margin-top: 32px;
    position: relative;
  }
}
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo::after {
  content: "";
  display: inline-block;
  width: 66px;
  height: 50px;
  background: url("../images/homePage/card-bg.png") no-repeat center/100%;
  position: absolute;
  top: -14px;
  left: 32px;
}
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox {
  color: #00829b;
  padding: 50px 32px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.45) 100%);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
}
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .company {
  color: #00829b;
  letter-spacing: 0.9px;
  opacity: 0.8;
}
@media only screen and (max-width: 991px) {
  .vtc-ive-home-page .industryRecognition {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .vtc-ive-home-page .industryRecognition .pe-5 {
    padding-right: 0 !important;
  }
  .vtc-ive-home-page .industryRecognition .infoList {
    margin: 1.5rem 0;
    gap: 1.5rem;
  }
  .vtc-ive-home-page .industryRecognition .infoList .item img, .vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList .item img {
    width: 3rem;
    height: 3rem;
  }
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper {
    width: 100%;
    position: static;
    padding-left: 0;
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .imgBox {
    max-width: none;
  }
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo {
    position: relative;
    left: 0;
    top: -40px;
  }
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo::after {
    width: 47px;
    height: 35px;
    background: url("../images/homePage/card-bg.png") no-repeat center/100%;
    top: -14px;
    left: 17px;
  }
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox {
    padding: 2.5rem 1.125rem;
    border-radius: 12px;
  }
  .vtc-ive-home-page .industryRecognition .personnel-swiper-prev,
  .vtc-ive-home-page .industryRecognition .personnel-swiper-next {
    top: -40px;
  }
  .vtc-ive-home-page .industryRecognition .personnel-swiper-prev {
    right: 40px;
    left: auto;
  }
  .vtc-ive-home-page .industryRecognition .personnel-swiper-next {
    right: 0;
  }
}
@media screen and (min-width: 992px) {
  .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation {
    padding-right: 20px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation > .vtc-ive-container, .vtc-ive-home-page .industryRecognition .path-search .personnel-swiper-navigation > .block-system-main-block, .path-search .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation > .block-system-main-block, .vtc-ive-home-page .industryRecognition .view-news-and-events-upcoming-listing .personnel-swiper-navigation > .view-filters, .view-news-and-events-upcoming-listing .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation > .view-filters, .vtc-ive-home-page .industryRecognition .view-programme-listing .personnel-swiper-navigation.view-filters > form, .view-programme-listing .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation.view-filters > form, .vtc-ive-home-page .industryRecognition .content-body article[data-history-node-id="107"] .personnel-swiper-navigation > .page-full-container, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation > .page-full-container, .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation > .search-form, .vtc-ive-home-page .industryRecognition #block-vtc-ive-theme-content .personnel-swiper-navigation > .user-login-form, #block-vtc-ive-theme-content .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation > .user-login-form,
  .vtc-ive-home-page .industryRecognition #block-vtc-ive-theme-content .personnel-swiper-navigation > .openid-connect-login-form,
  #block-vtc-ive-theme-content .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation > .openid-connect-login-form, .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation > .view-empty {
    height: 44px;
    margin-top: 44px;
  }
}
@media screen and (min-width: 1480px) {
  .vtc-ive-home-page .industryRecognition .personnel-swiper-navigation {
    padding-right: calc((100vw - 1440px) / 2);
  }
}
.vtc-ive-home-page .studentSharing2 .student-share-swiper2 {
  padding-top: 8px;
}
@media screen and (min-width: 576px) {
  .vtc-ive-home-page .studentSharing2 .student-share-swiper2 .swiper-slide {
    max-width: 374px;
    padding-right: 3rem;
  }
}
.vtc-ive-home-page .studentSharing2 .cardListBox {
  margin-top: 14px;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item {
  user-select: none;
  border-radius: 20px;
  border-left: 4px solid rgba(0, 178, 213, 0.5);
  border-bottom: 4px solid rgba(0, 178, 213, 0.5);
  color: #fff;
  letter-spacing: 1px;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .desc {
  font-size: 1rem;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .name {
  margin-bottom: 12px;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item.hover-effect .imgBox .cardInfo {
  background: rgba(15, 43, 91, 0.85);
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item.hover-effect .moreBox::after {
  background-image: url("../images/icon/btn-minus.svg") !important;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item.hover-effect .openBox {
  overflow: auto;
  line-height: 24px;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item.hover-effect .openBox .desc.te-1 {
  height: auto;
  -webkit-line-clamp: none;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item.hover-effect .descBox {
  max-height: 600px;
}
@media screen and (min-width: 768px) {
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item:hover .imgBox .cardInfo {
    background: rgba(15, 43, 91, 0.85);
  }
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item:hover .moreBox::after {
    background-image: url("../images/icon/btn-minus.svg") !important;
  }
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item:hover .openBox .desc.te-1 {
    height: auto;
    -webkit-line-clamp: none;
  }
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item:hover .descBox {
    max-height: 600px;
  }
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .openBox {
  overflow: auto;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .descBox {
  transition: all 1.2s ease;
  max-height: 0;
  overflow: hidden;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .descBox ul {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin: 0;
  padding: 0;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .descBox .border-top {
  width: 100%;
  height: 2px;
  background: #fff;
  margin: 24px 0;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .descBox .item {
  font-size: 1rem;
  display: flex;
  align-items: start;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .descBox .item::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url("../images/icon/btn-arrow-t.svg") no-repeat center center/100%;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: 4px;
  flex-shrink: 0;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .imgBox {
  overflow: visible;
  aspect-ratio: 370/521;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .imgBox img {
  border-radius: 20px;
  top: -14px;
  left: 14px;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo {
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(1, 164, 239, 0) 49.95%, #0f2b5b 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 14px;
  top: -14px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow-y: auto;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma {
  display: inline-block;
  color: #333;
  padding: 8px 24px;
  border-radius: 40px;
  background: linear-gradient(89deg, rgba(255, 255, 255, 0.85) 0%, #fff 99.5%);
  margin-bottom: 12px;
  font-size: 1rem;
  font-weight: bold;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .moreBox {
  display: flex;
  justify-content: end;
}
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .moreBox::after {
  display: inline-block;
  content: "";
  width: 17px;
  height: 17px;
  background: url("../images/icon/plus.svg") no-repeat center/100%;
}
@media only screen and (max-width: 991px) {
  .vtc-ive-home-page .studentSharing2 .student-share-swiper2 {
    overflow-x: hidden;
  }
  .vtc-ive-home-page .studentSharing2 .student-share-swiper2 .cardListBox {
    margin-top: 7px;
  }
  .vtc-ive-home-page .studentSharing2 .swiper-button-prev,
  .vtc-ive-home-page .studentSharing2 .swiper-button-next {
    top: auto;
    bottom: 0;
  }
  .vtc-ive-home-page .studentSharing2 .swiper-button-next {
    right: 0;
  }
  .vtc-ive-home-page .studentSharing2 .swiper-button-prev {
    left: auto;
    right: 53px;
  }
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item {
    margin-right: 7px;
  }
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .imgBox img {
    top: -7px;
    left: 7px;
  }
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo {
    left: 7px;
    top: -7px;
    padding: 15px 15px 30px;
  }
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma {
    padding: 3px 8px;
    border-radius: 20px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma {
    border-radius: 12px;
  }
}
.vtc-ive-home-page .latestNews .imgBox {
  aspect-ratio: 854/564;
}
.vtc-ive-home-page .latestNews .infoBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.vtc-ive-home-page .latestNews .infoBox .item, .vtc-ive-home-page .latestNews .infoBox .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .latestNews .infoBox .item {
  padding-left: 74px;
  cursor: pointer;
}
.vtc-ive-home-page .latestNews .infoBox .item.active {
  background: url("../images/icon/btn-arrow2.svg") no-repeat left 10px top -4px/40px 40px;
}
.vtc-ive-home-page .latestNews .infoBox .date {
  color: #00829b;
  margin-bottom: 16px;
}
.vtc-ive-home-page .latestNews .infoBox .title, .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.vtc-ive-home-page .latestNews .infoBox .title > span, .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span {
  font-weight: 700 !important;
}
.vtc-ive-home-page .latestNews .infoBox .title::after, .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma::after, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
}
@media only screen and (max-width: 991px) {
  .vtc-ive-home-page .latestNews .row.g-4 {
    --bs-gutter-y: 36px !important;
  }
  .vtc-ive-home-page .latestNews .infoBox .item, .vtc-ive-home-page .latestNews .infoBox .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .latestNews .infoBox .item {
    padding-left: 1.875rem;
    margin-top: 18px;
  }
  .vtc-ive-home-page .latestNews .infoBox .item.active {
    background: url("../images/icon/btn-arrow2.svg") no-repeat left 0px top -3px/24px 24px;
  }
  .vtc-ive-home-page .latestNews .infoBox .item .title, .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .latestNews .infoBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .latestNews .infoBox .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .latestNews .infoBox .item .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .item .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .latestNews .infoBox .item .diploma {
    gap: 18px;
  }
}

/*職業發展機會*/
.lo-career-development1 {
  background: linear-gradient(180deg, #d6efec 0%, #e0f2f0 100%);
}

.lo-career-development2 {
  background: linear-gradient(180deg, #e0f2f0 0%, #f1f8f9 100%);
}

.lo-career-development {
  overflow-x: clip;
}
.lo-career-development .col-lg-8 {
  text-align: center;
}
.lo-career-development .development-swiper .item, .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item {
  user-select: none;
  padding: 28px;
  border-radius: 20px;
  letter-spacing: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 100%);
}
.lo-career-development .development-swiper .item .imgBox, .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .imgBox {
  padding-top: 66%;
}
.lo-career-development .development-swiper .item .division, .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .division, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .division {
  margin: 8px 0;
  width: 100%;
  height: 15px;
  background: url("../images/vsl/img-under-line.svg") no-repeat center/100%;
}
.lo-career-development .development-swiper .item .job, .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .job, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .job {
  line-height: 1.3;
}
.lo-career-development .development-swiper .item .desc, .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .desc, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .desc {
  line-height: 1.5;
}
.lo-career-development .development-swiper .item .name, .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .name, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .name,
.lo-career-development .development-swiper .item .job,
.lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .job,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item .job {
  color: #00829b;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .lo-career-development .development-swiper .swiper-button-prev,
  .lo-career-development .development-swiper .swiper-button-next {
    top: auto;
    bottom: 0;
  }
  .lo-career-development .development-swiper .swiper-button-next {
    right: 0;
  }
  .lo-career-development .development-swiper .swiper-button-prev {
    left: auto;
    right: 53px;
  }
}
@media only screen and (max-width: 767px) {
  .lo-career-development .development-swiper .item, .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-career-development .development-swiper .item {
    padding: 1rem;
  }
}

/*課程一覽*/
/* 过滤（搜索） */
.view-programme-listing .view-filters {
  padding: 70px 0;
  background: url("../images/page-bg/filter-bg.png") no-repeat center/100% 100%;
}
.view-programme-listing .view-filters > form .form--inline {
  position: relative;
  border-radius: 40px;
  padding: 38px 60px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  background: url("../images/page-bg/search-bg.png") no-repeat center/100% 100%;
}
.view-programme-listing .view-filters > form .form--inline .fieldset-legend {
  color: #fff;
  font-weight: 700;
}
.view-programme-listing .view-filters > form .form--inline #edit-programme-type-wrapper,
.view-programme-listing .view-filters > form .form--inline #edit-programme-rd-wrapper {
  display: flex;
}
.view-programme-listing .view-filters > form .form--inline #edit-programme-type-wrapper legend,
.view-programme-listing .view-filters > form .form--inline #edit-programme-rd-wrapper legend {
  width: 123px;
  margin-right: 24px;
}
.view-programme-listing .view-filters > form .form--inline #edit-programme-type-wrapper .fieldset-wrapper,
.view-programme-listing .view-filters > form .form--inline #edit-programme-rd-wrapper .fieldset-wrapper {
  width: 100%;
}
.view-programme-listing .view-filters > form .form--inline #edit-programme-type-wrapper .fieldset-wrapper select,
.view-programme-listing .view-filters > form .form--inline #edit-programme-rd-wrapper .fieldset-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  background-color: transparent;
}
.view-programme-listing .view-filters > form .form--inline #edit-programme-type-wrapper .fieldset-wrapper select option,
.view-programme-listing .view-filters > form .form--inline #edit-programme-rd-wrapper .fieldset-wrapper select option {
  display: inline-block;
  background-color: #007bff;
  color: white;
  padding: 10px 20px;
  margin: 2px;
  border-radius: 5px;
  cursor: pointer;
}
.view-programme-listing .view-filters > form .form--inline #edit-actions {
  display: flex;
  justify-content: end;
}
.view-programme-listing .view-filters > form .form--inline #edit-keys-wrapper > legend {
  display: none;
}
.view-programme-listing .view-filters > form .form--inline #edit-keys-wrapper input {
  margin: 0;
  border-radius: 360px;
  height: 60px;
  font-size: 1.25rem;
  width: calc(100% - 208px);
  border: none;
  padding: 14px 13px 14px 59px;
  background: #fff url("../images/icon/search-icon2.svg") no-repeat left 13px center/32px 32px;
  color: #333;
}
.view-programme-listing .view-filters > form .form--inline #edit-keys-wrapper input:focus {
  outline: none;
}
.view-programme-listing .view-filters > form .form--inline #edit-submit-programme-listing {
  border-radius: 68px;
  background: #fff;
  font-size: 1.375rem;
  font-weight: 700;
  color: #00adc6;
  padding: 14px 72px 14px 24px;
  background: url("../images/icon/arrow-next2.png") #fff no-repeat right 8px center;
  background-size: 40px 40px;
  border: none;
  position: absolute;
  top: 38px;
  right: 60px;
}
.view-programme-listing .view-filters > form .form--inline #edit-reset-programme-listing {
  padding: 16px 24px 16px 66px;
  border-radius: 69px;
  border: 1px solid #00829b;
  background: rgba(128, 216, 234, 0.3) url("../images/icon/reset.svg") no-repeat left 24px center/32px 32px;
  color: #c1ecf5;
  font-size: 1.375rem;
}

.programme-table-list {
  background: url("../images/page-bg/programme-list-bg.png") no-repeat center/100% 100%;
}
.programme-table-list .col-name {
  width: 35%;
}
.programme-table-list .col {
  width: 21.6666666667%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3.75rem;
  letter-spacing: 1.2px;
}
.programme-table-list .headerRow {
  background: linear-gradient(180deg, rgba(0, 130, 155, 0.8) 0%, rgba(0, 130, 155, 0.6) 100%), #fff;
  color: #fff;
  padding: 26px 0;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 20px;
}
.programme-table-list .headerRow .col-name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  letter-spacing: 1.2px;
}
.programme-table-list .bodyRow .row {
  border-radius: 10px;
  padding: 28px 0;
  margin-bottom: 20px;
  font-size: 2rem;
  letter-spacing: 1.6px;
}
.programme-table-list .bodyRow .row .col {
  letter-spacing: 1.6px;
}
.programme-table-list .bodyRow .row .type {
  color: #028751;
  letter-spacing: 1.2px;
}
.programme-table-list .bodyRow .row .title, .programme-table-list .bodyRow .row .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .programme-table-list .bodyRow .row .diploma {
  font-size: 32px;
  text-transform: capitalize;
}
.programme-table-list .bodyRow .row:nth-child(odd) {
  background: linear-gradient(180deg, rgba(128, 216, 234, 0.08) 23.39%, rgba(128, 216, 234, 0.23) 100%), #fff;
}
.programme-table-list .bodyRow .row:nth-child(even) {
  background: linear-gradient(180deg, rgba(128, 216, 234, 0.25) 23.39%, rgba(128, 216, 234, 0.75) 100%);
}

/*about*/
.campus-detail-part2 .about-academic-recognition {
  background: transparent;
}

.about-academic-recognition {
  background: url("../images/page-bg/about_bg_3.png") no-repeat center/100% 100%;
}
.about-academic-recognition .row.g-66px {
  --bs-gutter-x: 66px;
  --bs-gutter-y: 36px;
}
.about-academic-recognition .btn-box.gap-4 {
  row-gap: 12px !important;
}
.about-academic-recognition .desc p {
  font-size: unset;
}
.about-academic-recognition .imgBox {
  padding-top: 70%;
}
.about-academic-recognition .imgBox .nameBox {
  color: #fff;
  top: 0;
  display: flex;
  align-items: end;
  padding: 40px;
  margin: 0;
  background: linear-gradient(180deg, rgba(1, 164, 239, 0) 70.19%, #0f2b5b 100%);
}
@media only screen and (max-width: 767px) {
  .about-academic-recognition .imgBox .nameBox {
    padding: 24px;
  }
  .about-academic-recognition {
    background: url("../images/page-bg/about_bg_7.png") no-repeat center/100% 100%;
  }
  .about-academic-recognition .row {
    flex-wrap: wrap-reverse;
  }
  .about-academic-recognition .row .pe-5 {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .about-academic-recognition .row .vtc-ive-btn, .about-academic-recognition .row .path-search .block-system-main-block .search-form .container-inline .form-submit, .path-search .block-system-main-block .search-form .container-inline .about-academic-recognition .row .form-submit, .about-academic-recognition .row #block-vtc-ive-theme-content .user-login-form .form-submit, #block-vtc-ive-theme-content .user-login-form .about-academic-recognition .row .form-submit,
  .about-academic-recognition .row #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
  #block-vtc-ive-theme-content .openid-connect-login-form .about-academic-recognition .row .form-submit {
    width: fit-content;
  }
}

.about-advantage {
  background: url("../images/page-bg/about_bg_2.png") no-repeat center/100% 100%;
}
.about-advantage .row {
  --bs-gutter-x: 21px;
  --bs-gutter-y: 21px;
}
.about-advantage .item, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item {
  position: relative;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #333;
}
.about-advantage .item.bg-theme .infoBox, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .bg-theme.item .infoBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .bg-theme.item .infoBox {
  background: url("../images/page-bg/about-card-bg.png") no-repeat center/100% 100%;
  color: #fff;
}
.about-advantage .item.bg-theme .infoBox .titleBox .title, .about-advantage .item.bg-theme .infoBox .titleBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item.bg-theme .infoBox .titleBox .diploma, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .bg-theme.item .infoBox .titleBox .cardInfo .diploma, .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .bg-theme.item .infoBox .titleBox .cardInfo .diploma, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .bg-theme.item .infoBox .titleBox .diploma, .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .bg-theme.item .infoBox .titleBox .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .bg-theme.item .infoBox .titleBox .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .bg-theme.item .infoBox .titleBox .cardInfo .diploma {
  color: #fff;
}
.about-advantage .item > img, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item > img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item > img {
  object-position: right center;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 100%;
  width: 50%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 20%, rgb(0, 0, 0) 70%);
}
.about-advantage .item .infoBox, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item .infoBox {
  border-radius: 20px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  padding: 35px 40% 35px 35px;
}
.about-advantage .item .infoBox .titleBox, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoBox .titleBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item .infoBox .titleBox {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-advantage .item .infoBox .titleBox img, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoBox .titleBox img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item .infoBox .titleBox img {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
}
.about-advantage .item .infoBox .titleBox .title, .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma, .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma {
  color: #00829b;
}
@media only screen and (max-width: 767px) {
  .about-advantage {
    background: url("../images/page-bg/about_bg_6.png") no-repeat center/100% 100%;
  }
  .about-advantage .item, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item {
    display: flex;
    flex-direction: column;
  }
  .about-advantage .item > img, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item > img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item > img {
    position: relative;
    mask-image: none;
    aspect-ratio: 2/1;
    width: 100%;
  }
  .about-advantage .item .infoBox, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item .infoBox {
    margin-top: -22px;
    background: #fff !important;
    color: #333 !important;
    padding: 36px;
    padding-top: 55px;
    height: auto;
  }
  .about-advantage .item .infoBox .titleBox, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoBox .titleBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item .infoBox .titleBox {
    gap: 10px;
    margin-bottom: 12px !important;
  }
  .about-advantage .item .infoBox .titleBox img, .about-advantage .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoBox .titleBox img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .about-advantage .item .infoBox .titleBox img {
    width: 28px;
    height: 28px;
  }
  .about-advantage .item .infoBox .titleBox .title, .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma, .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma {
    color: #00829b !important;
  }
}

/*分校網絡*/
.campus-listing .bg-part-1 {
  background: linear-gradient(to bottom, #edf9fb, #ebf9fb);
}
.campus-listing .bg-part-2 {
  background: url("../images/cl/bg-2.png") no-repeat center/cover;
}
.campus-listing .network-listing .item, .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing .item {
  color: #fff;
}
.campus-listing .network-listing .item .imgBox, .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing .item .imgBox {
  padding-top: 60%;
  border-radius: 0;
}
.campus-listing .network-listing .item .imgBox .text-card {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 44px;
  background: linear-gradient(356deg, rgba(1, 164, 239, 0) 35.64%, #0f2b5b 112.05%);
}
.campus-listing .network-listing .item .imgBox .text-card .title, .campus-listing .network-listing .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .imgBox .text-card .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .network-listing .swiper-slide > .item .imgBox .text-card .cardInfo .diploma, .campus-listing .network-listing .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .imgBox .text-card .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .network-listing .swiper-slide > .item .cardInfo .imgBox .text-card .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .network-listing .item .imgBox .text-card .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .network-listing .item .imgBox .text-card .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .network-listing .item .imgBox .text-card .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .network-listing .item .imgBox .text-card .diploma {
  display: flex;
  align-items: center;
}
.campus-listing .network-listing .item .imgBox .text-card .title::after, .campus-listing .network-listing .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .imgBox .text-card .cardInfo .diploma::after, .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .network-listing .swiper-slide > .item .imgBox .text-card .cardInfo .diploma::after, .campus-listing .network-listing .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .imgBox .text-card .diploma::after, .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .network-listing .swiper-slide > .item .cardInfo .imgBox .text-card .diploma::after, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .network-listing .item .imgBox .text-card .cardInfo .diploma::after, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .network-listing .item .imgBox .text-card .cardInfo .diploma::after, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .network-listing .item .imgBox .text-card .diploma::after, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .network-listing .item .imgBox .text-card .diploma::after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 37px;
  margin: 0 8px 0 18px;
  background: url("../images/icon/campus-triangle.svg") no-repeat center/100%;
  opacity: 0;
}
.campus-listing .network-listing .item .imgBox .text-card .locate {
  margin-bottom: 0;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.campus-listing .network-listing .item .imgBox .text-card .locate::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 8px;
  background: url("../images/icon/locate.svg") no-repeat center/100%;
}
.campus-listing .network-listing .item:hover .imgBox .text-card .title, .campus-listing .network-listing .item:hover .imgBox .text-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .network-listing .item:hover .imgBox .text-card .diploma, .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .item:hover .imgBox .text-card .cardInfo .diploma, .campus-listing .network-listing .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .item:hover .imgBox .text-card .cardInfo .diploma, .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .item:hover .imgBox .text-card .diploma, .campus-listing .network-listing .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .item:hover .imgBox .text-card .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .network-listing .item:hover .imgBox .text-card .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .network-listing .item:hover .imgBox .text-card .cardInfo .diploma {
  text-underline-offset: 5px;
}
.campus-listing .network-listing .item:hover .imgBox .text-card .title::after, .campus-listing .network-listing .item:hover .imgBox .text-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma::after, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .network-listing .item:hover .imgBox .text-card .diploma::after, .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .item:hover .imgBox .text-card .cardInfo .diploma::after, .campus-listing .network-listing .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .item:hover .imgBox .text-card .cardInfo .diploma::after, .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .item:hover .imgBox .text-card .diploma::after, .campus-listing .network-listing .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .item:hover .imgBox .text-card .diploma::after, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .network-listing .item:hover .imgBox .text-card .cardInfo .diploma::after, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .network-listing .item:hover .imgBox .text-card .cardInfo .diploma::after {
  opacity: 1;
}
.campus-listing .broadenSHorizon .text-22px, .campus-listing .broadenSHorizon .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local .campus-listing .broadenSHorizon a {
  text-align: center;
}
.campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination {
  justify-content: center;
  width: fit-content;
}
.campus-listing .broadenSHorizon .campus-listing-swiper .item, .campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .broadenSHorizon .campus-listing-swiper .item {
  --itemColor: #00829b;
  --gutter: 68px;
  border-radius: 20px;
  border: 3px solid var(--itemColor);
  color: var(--itemColor);
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.5) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.campus-listing .broadenSHorizon .campus-listing-swiper .item .title, .campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .broadenSHorizon .campus-listing-swiper .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma {
  font-weight: 700;
  margin: 22px 32px;
  text-align: center;
  line-height: inherit !important;
}
.campus-listing .broadenSHorizon .campus-listing-swiper .item .imgBox {
  width: calc(100% + var(--gutter) - 25px);
  margin-top: 24px;
  padding-top: 60%;
}
@media only screen and (max-width: 991px) {
  .campus-listing .bg-part-2 {
    background: url("../images/mobile-bg/campus-listing/1.png") no-repeat center/100% 100%;
  }
  .campus-listing .network-listing .item .imgBox .text-card {
    padding: 36px;
  }
  .campus-listing .network-listing .item .imgBox .text-card .locate::before {
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
  }
  .campus-listing .broadenSHorizon .campus-listing-swiper {
    padding-left: 29px;
    padding-right: 29px;
  }
  .campus-listing .broadenSHorizon .campus-listing-swiper .item .imgBox {
    margin-top: 14px;
  }
}

.typography-section {
  overflow: hidden;
  background: linear-gradient(360deg, rgba(128, 216, 234, 0.25) 0.01%, rgba(128, 216, 234, 0.75) 98.74%);
}
.typography-section a.underLine {
  text-decoration: underline !important;
}
.typography-section .fc-white {
  color: #fff;
}
.typography-section .verticalLine {
  font-size: 10px;
  margin-bottom: 4px;
}
.typography-section .colorBox {
  margin-bottom: 72px;
}
.typography-section .colorBox .colorRow .itemBox {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.typography-section .colorBox .colorRow .itemBox .item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
}

.vtc-ive-container .dormitory img, .path-search .block-system-main-block .dormitory img, .view-news-and-events-upcoming-listing .view-filters .dormitory img, .content-body article[data-history-node-id="107"] .page-full-container .dormitory img, .search-form .dormitory img, #block-vtc-ive-theme-content .user-login-form .dormitory img,
#block-vtc-ive-theme-content .openid-connect-login-form .dormitory img, .view-empty .dormitory img, .view-programme-listing .view-filters > form .dormitory img {
  border-radius: 20px;
}
.vtc-ive-container .dormitory .imgBox, .path-search .block-system-main-block .dormitory .imgBox, .view-news-and-events-upcoming-listing .view-filters .dormitory .imgBox, .content-body article[data-history-node-id="107"] .page-full-container .dormitory .imgBox, .search-form .dormitory .imgBox, #block-vtc-ive-theme-content .user-login-form .dormitory .imgBox,
#block-vtc-ive-theme-content .openid-connect-login-form .dormitory .imgBox, .view-empty .dormitory .imgBox, .view-programme-listing .view-filters > form .dormitory .imgBox {
  position: relative;
  width: 100%;
}
.vtc-ive-container .dormitory .imgBox.img1, .path-search .block-system-main-block .dormitory .imgBox.img1, .view-news-and-events-upcoming-listing .view-filters .dormitory .imgBox.img1, .content-body article[data-history-node-id="107"] .page-full-container .dormitory .imgBox.img1, .search-form .dormitory .imgBox.img1, #block-vtc-ive-theme-content .user-login-form .dormitory .imgBox.img1,
#block-vtc-ive-theme-content .openid-connect-login-form .dormitory .imgBox.img1, .view-empty .dormitory .imgBox.img1, .view-programme-listing .view-filters > form .dormitory .imgBox.img1 {
  padding-top: 56%;
}
.vtc-ive-container .dormitory .imgBox.img2, .path-search .block-system-main-block .dormitory .imgBox.img2, .view-news-and-events-upcoming-listing .view-filters .dormitory .imgBox.img2, .content-body article[data-history-node-id="107"] .page-full-container .dormitory .imgBox.img2, .search-form .dormitory .imgBox.img2, #block-vtc-ive-theme-content .user-login-form .dormitory .imgBox.img2,
#block-vtc-ive-theme-content .openid-connect-login-form .dormitory .imgBox.img2, .view-empty .dormitory .imgBox.img2, .view-programme-listing .view-filters > form .dormitory .imgBox.img2 {
  padding-top: 96%;
}
.vtc-ive-container .dormitory .imgBox.img3, .path-search .block-system-main-block .dormitory .imgBox.img3, .view-news-and-events-upcoming-listing .view-filters .dormitory .imgBox.img3, .content-body article[data-history-node-id="107"] .page-full-container .dormitory .imgBox.img3, .search-form .dormitory .imgBox.img3, #block-vtc-ive-theme-content .user-login-form .dormitory .imgBox.img3,
#block-vtc-ive-theme-content .openid-connect-login-form .dormitory .imgBox.img3, .view-empty .dormitory .imgBox.img3, .view-programme-listing .view-filters > form .dormitory .imgBox.img3 {
  padding-top: 70%;
  min-height: 250px;
}
.vtc-ive-container .dormitory .imgBox img, .path-search .block-system-main-block .dormitory .imgBox img, .view-news-and-events-upcoming-listing .view-filters .dormitory .imgBox img, .content-body article[data-history-node-id="107"] .page-full-container .dormitory .imgBox img, .search-form .dormitory .imgBox img, #block-vtc-ive-theme-content .user-login-form .dormitory .imgBox img,
#block-vtc-ive-theme-content .openid-connect-login-form .dormitory .imgBox img, .view-empty .dormitory .imgBox img, .view-programme-listing .view-filters > form .dormitory .imgBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vtc-ive-container .studentSharing, .path-search .block-system-main-block .studentSharing, .view-news-and-events-upcoming-listing .view-filters .studentSharing, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing, .search-form .studentSharing, #block-vtc-ive-theme-content .user-login-form .studentSharing,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing, .view-empty .studentSharing, .view-programme-listing .view-filters > form .studentSharing {
  background: url("../images/vsl/student-share-bg.svg") no-repeat center center/100%;
}
.vtc-ive-container .studentSharing .item .imgBox, .path-search .block-system-main-block .studentSharing .item .imgBox, .view-news-and-events-upcoming-listing .view-filters .studentSharing .item .imgBox, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing .item .imgBox, .search-form .studentSharing .item .imgBox, #block-vtc-ive-theme-content .user-login-form .studentSharing .item .imgBox,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing .item .imgBox, .view-empty .studentSharing .item .imgBox, .view-programme-listing .view-filters > form .studentSharing .item .imgBox, .vtc-ive-container .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .vtc-ive-container .studentSharing .item .imgBox, .search-form .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .search-form .studentSharing .item .imgBox, .view-empty .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .view-empty .studentSharing .item .imgBox {
  width: 100%;
  padding: 36%;
  border-radius: 20px;
  overflow: hidden;
}
.vtc-ive-container .studentSharing .item .imgBox img, .path-search .block-system-main-block .studentSharing .item .imgBox img, .view-news-and-events-upcoming-listing .view-filters .studentSharing .item .imgBox img, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing .item .imgBox img, .search-form .studentSharing .item .imgBox img, #block-vtc-ive-theme-content .user-login-form .studentSharing .item .imgBox img,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing .item .imgBox img, .view-empty .studentSharing .item .imgBox img, .view-programme-listing .view-filters > form .studentSharing .item .imgBox img, .vtc-ive-container .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .vtc-ive-container .studentSharing .item .imgBox img, .search-form .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .search-form .studentSharing .item .imgBox img, .view-empty .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .view-empty .studentSharing .item .imgBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vtc-ive-container .studentSharing .item .moreLink, .path-search .block-system-main-block .studentSharing .item .moreLink, .view-news-and-events-upcoming-listing .view-filters .studentSharing .item .moreLink, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing .item .moreLink, .search-form .studentSharing .item .moreLink, #block-vtc-ive-theme-content .user-login-form .studentSharing .item .moreLink,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing .item .moreLink, .view-empty .studentSharing .item .moreLink, .view-programme-listing .view-filters > form .studentSharing .item .moreLink, .vtc-ive-container .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .moreLink, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .vtc-ive-container .studentSharing .item .moreLink, .search-form .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .moreLink, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .search-form .studentSharing .item .moreLink, .view-empty .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .moreLink, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .view-empty .studentSharing .item .moreLink {
  color: #00829b;
  font-size: 2rem;
  text-align: right;
}
.vtc-ive-container .studentSharing .item .expList .expItem, .path-search .block-system-main-block .studentSharing .item .expList .expItem, .view-news-and-events-upcoming-listing .view-filters .studentSharing .item .expList .expItem, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing .item .expList .expItem, .search-form .studentSharing .item .expList .expItem, #block-vtc-ive-theme-content .user-login-form .studentSharing .item .expList .expItem,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing .item .expList .expItem, .view-empty .studentSharing .item .expList .expItem, .view-programme-listing .view-filters > form .studentSharing .item .expList .expItem {
  font-size: 1.375rem;
  margin-bottom: 16px;
}
.vtc-ive-container .studentSharing .item .expList .expItem::before, .path-search .block-system-main-block .studentSharing .item .expList .expItem::before, .view-news-and-events-upcoming-listing .view-filters .studentSharing .item .expList .expItem::before, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing .item .expList .expItem::before, .search-form .studentSharing .item .expList .expItem::before, #block-vtc-ive-theme-content .user-login-form .studentSharing .item .expList .expItem::before,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing .item .expList .expItem::before, .view-empty .studentSharing .item .expList .expItem::before, .view-programme-listing .view-filters > form .studentSharing .item .expList .expItem::before {
  content: "";
  width: 16px;
  height: 27px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/vsl/arrow-top.svg") no-repeat center top/100%;
}
.vtc-ive-container .studentSharing .item .name .cn, .path-search .block-system-main-block .studentSharing .item .name .cn, .view-news-and-events-upcoming-listing .view-filters .studentSharing .item .name .cn, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing .item .name .cn, .search-form .studentSharing .item .name .cn, #block-vtc-ive-theme-content .user-login-form .studentSharing .item .name .cn,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing .item .name .cn, .view-empty .studentSharing .item .name .cn, .view-programme-listing .view-filters > form .studentSharing .item .name .cn {
  font-size: 2.6875rem;
  margin-right: 16px;
  color: #00b2d5;
}
.vtc-ive-container .studentSharing .item .name .en, .path-search .block-system-main-block .studentSharing .item .name .en, .view-news-and-events-upcoming-listing .view-filters .studentSharing .item .name .en, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing .item .name .en, .search-form .studentSharing .item .name .en, #block-vtc-ive-theme-content .user-login-form .studentSharing .item .name .en,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing .item .name .en, .view-empty .studentSharing .item .name .en, .view-programme-listing .view-filters > form .studentSharing .item .name .en {
  font-size: 1.5rem;
  color: #00adc6;
}
.vtc-ive-container .studentSharing .item .line, .path-search .block-system-main-block .studentSharing .item .line, .view-news-and-events-upcoming-listing .view-filters .studentSharing .item .line, .content-body article[data-history-node-id="107"] .page-full-container .studentSharing .item .line, .search-form .studentSharing .item .line, #block-vtc-ive-theme-content .user-login-form .studentSharing .item .line,
#block-vtc-ive-theme-content .openid-connect-login-form .studentSharing .item .line, .view-empty .studentSharing .item .line, .view-programme-listing .view-filters > form .studentSharing .item .line, .vtc-ive-container .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .line, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .vtc-ive-container .studentSharing .item .line, .search-form .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .line, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .search-form .studentSharing .item .line, .view-empty .studentSharing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .line, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .view-empty .studentSharing .item .line {
  width: 100%;
  height: 30px;
  background: url("../images/vsl/img-under-line2.svg") no-repeat center center/100%;
}

/*實習機會*/
.sl-internshipOpportunity {
  background: #f2fbfc url("../images/schoolLife/bg_1.png") no-repeat center bottom/100%;
}
.sl-internshipOpportunity .sl-internshipOpportunity-swiper .sl-internshipOpportunity-prev {
  left: 0 !important;
}
.sl-internshipOpportunity .sl-internshipOpportunity-swiper .sl-internshipOpportunity-next {
  right: 0 !important;
}
.sl-internshipOpportunity .studentSharing2 .cardListBox .global-swiper .swiper-slide {
  margin-right: 1.25rem;
}
@media screen and (max-width: 991px) {
  .sl-internshipOpportunity .infoBox::before {
    width: 4rem !important;
    height: 4rem !important;
  }
  .sl-internshipOpportunity .infoBox .textInfo .line2 span {
    font-size: 3.75rem !important;
  }
}
@media screen and (max-width: 767px) {
  .sl-internshipOpportunity .d-lg-none.overflow-hidden {
    overflow: visible !important;
  }
  .sl-internshipOpportunity .sl-internshipOpportunity-swiper .sl-internshipOpportunity-prev {
    left: -14px !important;
  }
  .sl-internshipOpportunity .sl-internshipOpportunity-swiper .sl-internshipOpportunity-next {
    right: -14px !important;
  }
}
@media screen and (min-width: 992px) {
  .sl-internshipOpportunity .studentSharing2 .global-swiper {
    padding-right: 14px;
    padding-top: 14px;
  }
}
.sl-internshipOpportunity .global-swiper-navigation {
  display: none;
}
.sl-internshipOpportunity .global-swiper-pagination, .sl-internshipOpportunity .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination, .campus-listing .broadenSHorizon .campus-listing-swiper .sl-internshipOpportunity .campus-listing-pagination {
  position: static !important;
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}
.sl-internshipOpportunity .global-swiper-pagination .swiper-pagination-bullet, .sl-internshipOpportunity .campus-listing .broadenSHorizon .campus-listing-swiper .campus-listing-pagination .swiper-pagination-bullet, .campus-listing .broadenSHorizon .campus-listing-swiper .sl-internshipOpportunity .campus-listing-pagination .swiper-pagination-bullet {
  flex-shrink: 0;
}
.sl-internshipOpportunity .row.g-66px {
  --bs-gutter-x: 66px;
  --bs-gutter-y: 36px;
}
.sl-internshipOpportunity .row.g-66px .col-12:nth-child(1) {
  flex: 1;
}
@media screen and (min-width: 1630px) {
  .sl-internshipOpportunity .row.g-66px .col-12:nth-child(1) .infoList {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .sl-internshipOpportunity .row.g-66px .col-12:nth-child(2) {
    width: 454px;
  }
}
.sl-internshipOpportunity .infoBox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sl-internshipOpportunity .infoBox img {
  width: 5.5rem;
  height: 5.5rem;
  flex-shrink: 0;
}
.sl-internshipOpportunity .infoBox .textInfo {
  color: #00829b;
}
.sl-internshipOpportunity .infoBox .textInfo .line2 span {
  line-height: 1.2;
  font-size: 4.5rem;
  margin-right: 0.75rem;
  font-weight: 400 !important;
}
.sl-internshipOpportunity .infoBox .textInfo .line3 {
  font-weight: normal !important;
}
.sl-internshipOpportunity .personnel-card {
  position: relative;
  border-radius: 18px;
  border-bottom: 3px solid rgba(0, 178, 213, 0.5);
  border-left: 3px solid rgba(0, 178, 213, 0.5);
  width: calc(100% - 14px);
  height: fit-content;
  aspect-ratio: 370/521;
}
.sl-internshipOpportunity .personnel-card .green-card {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 14px;
  left: 14px;
  border-radius: 18px;
  background: #fff;
}
.sl-internshipOpportunity .personnel-card .green-card .imgBox {
  height: 100%;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
}
.sl-internshipOpportunity .personnel-card .green-card .imgBox img {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  top: 0;
}
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  border-radius: 20px;
  opacity: 0.8;
  background: linear-gradient(180deg, rgba(1, 164, 239, 0) 50.01%, #0f2b5b 100%);
}
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .w-50 {
  width: 100% !important;
}
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .title, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .diploma {
  margin-bottom: 18px;
}
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc {
  margin-bottom: 40px;
  line-height: 1.5;
}
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .job {
  font-weight: bold !important;
  line-height: 1.3;
}
.sl-internshipOpportunity .swiper-pagination {
  justify-content: center;
}
@media only screen and (max-width: 896px) {
  .sl-internshipOpportunity {
    background: url("../images/mobile-bg/school-life/1.png") no-repeat center top/100% 140%;
  }
  .sl-internshipOpportunity .infoBox {
    margin: 12px 0;
  }
  .sl-internshipOpportunity .infoBox:last-child {
    margin-bottom: 0;
  }
  .sl-internshipOpportunity .personnel-card {
    width: calc(100% - 7px);
    padding-top: 0%;
    aspect-ratio: 336/474;
    border-radius: 12px;
    border-bottom: 2px solid rgba(0, 178, 213, 0.5);
    border-left: 2px solid rgba(0, 178, 213, 0.5);
  }
  .sl-internshipOpportunity .personnel-card .green-card {
    bottom: 7px;
    left: 7px;
    border-radius: 12px;
    background: transparent;
  }
  .sl-internshipOpportunity .personnel-card .green-card .imgBox {
    border-radius: 12px;
  }
  .sl-internshipOpportunity .personnel-card .green-card .imgBox img {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 8%, rgb(0, 0, 0) 40%);
  }
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox {
    padding: 17px;
    justify-content: flex-end;
    border-radius: 12px;
    opacity: 1;
    background: linear-gradient(180deg, rgba(1, 164, 239, 0) 49.95%, #0f2b5b 100%);
  }
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .w-50 {
    width: 100% !important;
  }
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .title, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .diploma {
    margin-bottom: 10px;
  }
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .title::before, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma::before, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .diploma::before {
    width: 2.5rem;
    height: 1.875rem;
    margin-bottom: 10px;
  }
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc {
    margin-bottom: 0;
  }
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .name {
    margin: 15px auto 5px;
  }
}

/*职场实战*/
.sl-workplace-practice {
  background: url("../images/schoolLife/bg_2.png") no-repeat center/cover;
}
.sl-workplace-practice .rankingList .item, .sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item {
  display: flex;
  padding: 1rem 1.75rem;
  border-bottom: 1px solid rgba(0, 139, 166, 0.3);
}
.sl-workplace-practice .rankingList .item img, .sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item img {
  width: 28px;
  height: 28px;
  margin-right: 0.8125rem;
}
.sl-workplace-practice .sl-workplace-navigation {
  margin-top: 44px;
}
.sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-prev,
.sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-next,
.sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-play {
  top: auto;
  bottom: 0;
}
.sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-play {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  left: auto;
  right: 64px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: url("../images/icon/play.svg") #00adc6 no-repeat center;
}
.sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-play.pause {
  background: url("../images/icon/pause.svg") #00adc6 no-repeat left 17px center/13px;
}
.sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-prev {
  left: auto;
  right: 128px;
}
.sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-next {
  left: auto;
  right: 0;
}
@media only screen and (min-width: 1400px) {
  .sl-workplace-practice .row {
    --bs-gutter-x: 0;
  }
  .sl-workplace-practice .row .col-lg-5 {
    width: 524px;
  }
  .sl-workplace-practice .row .col-lg-5.pe-5 {
    padding-right: 66px !important;
  }
  .sl-workplace-practice .row .col-lg-7 {
    flex: 1;
  }
  .sl-workplace-practice .row.rankingList {
    --bs-gutter-x: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .sl-workplace-practice {
    padding-bottom: 100px;
  }
  .sl-workplace-practice .rankingList {
    min-height: fit-content;
  }
  .sl-workplace-practice .rankingList .item, .sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item {
    padding: 1rem 1.5rem;
  }
  .sl-workplace-practice .rankingList .item img, .sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item img {
    width: 24px;
    height: 24px;
    margin-right: 0.75rem;
  }
  .sl-workplace-practice .sl-workplace-navigation {
    height: 32px;
    margin-top: 36px;
  }
  .sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-prev {
    right: 88px;
  }
  .sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-play {
    width: 32px;
    height: 32px;
    right: 44px;
  }
  .sl-workplace-practice .sl-workplace-navigation .sl-workplace-swiper-play.pause {
    background: url("../images/icon/pause.svg") #00adc6 no-repeat left 13px center/10px;
  }
}
@media only screen and (max-width: 767px) {
  .sl-workplace-practice {
    background: url("../images/mobile-bg/school-life/2.png") no-repeat center/100% 100%;
  }
}

.sl-internationalExchange .d-none.d-lg-block {
  display: none !important;
}
@media (min-width: 1025px) {
  .sl-internationalExchange .d-none.d-lg-block {
    display: block !important;
  }
}

/*國際交流*/
.sl-internationalExchange .bg-part-4-map {
  background: url("../images/schoolLife/bg_4.png") no-repeat center/100% 100%;
}
.sl-internationalExchange .map-img-wrap {
  width: 100%;
  position: relative;
  z-index: 4;
}
.sl-internationalExchange .map-img-wrap img {
  width: 100%;
  height: auto;
}
.sl-internationalExchange .map-img-wrap .points-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sl-internationalExchange .map-img-wrap .points-box .point {
  width: 10%;
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  transition: all 0.4s ease;
  overflow: visible;
}
.sl-internationalExchange .map-img-wrap .points-box .point::before, .sl-internationalExchange .map-img-wrap .points-box .point::after {
  content: "";
  display: inline-block;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (min-width: 1025px) {
  .sl-internationalExchange .map-img-wrap .points-box .point::before, .sl-internationalExchange .map-img-wrap .points-box .point::after {
    animation: pulseOut 2s ease-out infinite;
    opacity: 0;
    animation-delay: 1s;
  }
}
.sl-internationalExchange .map-img-wrap .points-box .point::before {
  width: 8%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #00829b;
  z-index: 1;
  top: 46%;
  left: 46%;
}
.sl-internationalExchange .map-img-wrap .points-box .point::after {
  content: "";
  width: 30%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(0, 173, 198, 0.5);
  z-index: -1;
  opacity: 0;
  top: 35%;
  left: 35%;
}
.sl-internationalExchange .map-img-wrap .points-box .point:hover::after, .sl-internationalExchange .map-img-wrap .points-box .point.active::after {
  opacity: 1;
}
.sl-internationalExchange .map-img-wrap .points-box .point.north-america {
  left: 13.25%;
  top: 16%;
}
.sl-internationalExchange .map-img-wrap .points-box .point.south-america {
  left: 25.95%;
  top: 52%;
}
.sl-internationalExchange .map-img-wrap .points-box .point.europe {
  left: 48.8%;
  top: 16%;
}
.sl-internationalExchange .map-img-wrap .points-box .point.africa {
  left: 48%;
  top: 41.2%;
}
.sl-internationalExchange .map-img-wrap .points-box .point.asia {
  left: 66.5%;
  top: 21.5%;
}
.sl-internationalExchange .map-img-wrap .points-box .point.oceania {
  left: 78.3%;
  top: 58%;
}
.sl-internationalExchange .map-img-wrap .swiper-box {
  position: absolute;
  left: 0;
  width: 100%;
  max-width: 616px;
  top: 0px;
}
.sl-internationalExchange .map-img-wrap .swiper-box .swiper {
  display: none;
}
.sl-internationalExchange .map-img-wrap .swiper-box.onRight {
  left: auto;
  right: 0;
}
.sl-internationalExchange .international-exchange-swiper .swiper-wrapper .swiper-slide.active {
  display: block;
}
.sl-internationalExchange .international-exchange-swiper .close-btn {
  cursor: pointer;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url("../images/icon/close.svg") no-repeat center/contain;
}
.sl-internationalExchange .international-exchange-swiper .international-exchange-next,
.sl-internationalExchange .international-exchange-swiper .international-exchange-prev {
  bottom: 44px;
  top: auto;
}
.sl-internationalExchange .international-exchange-swiper .international-exchange-prev {
  right: 92px;
}
.sl-internationalExchange .international-exchange-swiper .international-exchange-next {
  right: 24px;
}
.sl-internationalExchange .international-exchange-swiper .international-exchange-pagination {
  justify-content: center;
  top: 340px;
  height: 16px;
  display: none;
}
.sl-internationalExchange .international-exchange-swiper .international-exchange-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.5;
}
.sl-internationalExchange .international-exchange-swiper .international-exchange-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #00adc6 !important;
}
.sl-internationalExchange .cardBox .imgBox {
  aspect-ratio: 854/564;
}
.sl-internationalExchange .cardBox .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sl-internationalExchange .cardBox .infoBox {
  position: relative;
  margin-top: -32px;
  padding: 32px 28px 112px 44px;
  border-radius: 20px;
  background: var(--WhiteGradient, linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.5) 100%));
}
.sl-internationalExchange .cardBox .infoBox .innerBox {
  display: flex;
  flex-direction: column;
  height: 264px;
}
.sl-internationalExchange .cardBox .infoBox .title, .sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internationalExchange .cardBox .infoBox .diploma {
  color: #00829b;
}
.sl-internationalExchange .cardBox .infoBox .desc {
  padding-right: 16px;
  flex: 1;
  overflow: auto;
}
@media only screen and (max-width: 1024px) {
  .sl-internationalExchange {
    /*background: url("../images/mobile-bg/school-life/4.png") no-repeat center/100% 100%;*/
  }
  .sl-internationalExchange .map-img-wrap {
    margin-top: 36px;
  }
  .sl-internationalExchange .map-img-wrap .points-box {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .sl-internationalExchange .map-img-wrap .points-box .point {
    width: calc((100% - 24px) / 3);
    position: relative;
    left: 0 !important;
    top: 0 !important;
    aspect-ratio: 106/41;
    border-radius: 0;
    min-height: 54px;
  }
  .sl-internationalExchange .map-img-wrap .points-box .point::before {
    width: 100%;
    min-height: 54px;
    content: attr(data-text);
    padding: 10px 20px;
    left: 0;
    top: 0;
    transform: translateX(0%) translateY(0%);
    color: #00829B;
    font-size: 22px;
    font-weight: 700;
    background-color: #fff;
    border-radius: 6px;
    aspect-ratio: 106/41;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sl-internationalExchange .map-img-wrap .points-box .point::after {
    display: none;
  }
  .sl-internationalExchange .map-img-wrap .points-box .point.active::before {
    background: #00829B;
    color: #fff;
  }
  .sl-internationalExchange .map-img-wrap .swiper-box {
    position: static;
    max-width: none;
    margin-top: 36px;
  }
  .sl-internationalExchange .cardBox .infoBox {
    border-radius: 12px;
    padding: 28px 28px 92px 36px;
  }
  .sl-internationalExchange .cardBox .infoBox .desc {
    padding-right: 8px;
  }
  .sl-internationalExchange .international-exchange-swiper .international-exchange-next,
  .sl-internationalExchange .international-exchange-swiper .international-exchange-prev {
    width: 32px;
    height: 32px;
    bottom: 36px;
    top: auto;
  }
  .sl-internationalExchange .international-exchange-swiper .international-exchange-prev {
    right: 70px;
    left: auto;
    bottom: 36px;
  }
  .sl-internationalExchange .international-exchange-swiper .international-exchange-pagination {
    bottom: 400px !important;
    top: auto;
  }
}
@media only screen and (max-width: 575px) {
  .sl-internationalExchange .international-exchange-swiper .international-exchange-pagination {
    bottom: 388px !important;
    top: auto;
  }
  .sl-internationalExchange .cardBox .infoBox {
    padding-bottom: 80px;
  }
  .sl-internationalExchange .map-img-wrap .points-box .point::before {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1025px) {
  .sl-internationalExchange .map-box-height.maxHeight {
    height: 887px;
  }
}

@keyframes pulseOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
/*全方位發展*/
.sl-languageDevelopment {
  background: url("../images/schoolLife/bg_5.png") no-repeat top center/cover;
}
.sl-languageDevelopment .cardList1 {
  gap: 20px;
}
.sl-languageDevelopment .cardList1 .item, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item {
  cursor: pointer;
  padding: 20px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background: #fff;
  width: 20%;
  letter-spacing: 1px;
}
.sl-languageDevelopment .cardList1 .item .icon2, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .icon2, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .icon2 {
  display: none;
}
.sl-languageDevelopment .cardList1 .item:hover .icon1, .sl-languageDevelopment .cardList1 .item.active .icon1 {
  display: none;
}
.sl-languageDevelopment .cardList1 .item:hover .icon2, .sl-languageDevelopment .cardList1 .item.active .icon2 {
  display: inline-block;
}
.sl-languageDevelopment .cardList1 .item:hover, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item:hover, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item:hover, .sl-languageDevelopment .cardList1 .item.active, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .active.item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .active.item {
  color: #fff;
  background: linear-gradient(180deg, #00adc6 0%, #00829b 100%);
}
.sl-languageDevelopment .cardList1 .item .text-22px, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-22px, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .text-22px, .sl-languageDevelopment .cardList1 .item .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local a, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local .sl-languageDevelopment .cardList1 .item a, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .teachingFacilities .img-view-swiper .imgBox .textBox .local a, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local .about-ive .about-ive-swiper .swiper-slide .item a, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .teachingFacilities .img-view-swiper .imgBox .textBox .local a {
  line-height: 1.3;
}
.sl-languageDevelopment .cardList1 .item .text-20px, .sl-languageDevelopment .cardList1 .item .campus-detail-part5 .rightBox .desc, .campus-detail-part5 .rightBox .sl-languageDevelopment .cardList1 .item .desc, .sl-languageDevelopment .cardList1 .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date, .campus-detail-part3 .college-activities-swiper .sl-languageDevelopment .cardList1 .item .infoCard .dateBox .date, .sl-languageDevelopment .cardList1 .item .campus-detail-part2 .advanced-facility-info-card .desc > p, .campus-detail-part2 .advanced-facility-info-card .sl-languageDevelopment .cardList1 .item .desc > p, .sl-languageDevelopment .cardList1 .item .path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet, .path-search .block-system-main-block .search-results li .search-result__snippet-info .sl-languageDevelopment .cardList1 .item .search-result__snippet, .sl-languageDevelopment .cardList1 .item .path-search .block-system-main-block .search-form .search-help-link, .path-search .block-system-main-block .search-form .sl-languageDevelopment .cardList1 .item .search-help-link, .sl-languageDevelopment .cardList1 .item #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date, #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .sl-languageDevelopment .cardList1 .item .date, .sl-languageDevelopment .cardList1 .item .view-news-and-events-upcoming-listing .view-filters .form-radios, .view-news-and-events-upcoming-listing .view-filters .sl-languageDevelopment .cardList1 .item .form-radios, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-20px, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .text-20px, .sl-languageDevelopment .cardList1 .item .overlapBox .info-section .text-card .text, .overlapBox .info-section .text-card .sl-languageDevelopment .cardList1 .item .text, .sl-languageDevelopment .cardList1 .item .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .sl-languageDevelopment .cardList1 .item .local::before, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .teachingFacilities .img-view-swiper .imgBox .textBox .local::before, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .about-ive .about-ive-swiper .swiper-slide .item .local::before, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .teachingFacilities .img-view-swiper .imgBox .textBox .local::before, .sl-languageDevelopment .cardList1 .item .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc p, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc .sl-languageDevelopment .cardList1 .item p, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .teachingFacilities .img-view-swiper .imgBox .textBox .desc p, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc .about-ive .about-ive-swiper .swiper-slide .item p, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .teachingFacilities .img-view-swiper .imgBox .textBox .desc p, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .company, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .sl-languageDevelopment .cardList1 .item .cardInfo .cardBox .company, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .company, .sl-languageDevelopment .cardList1 .item .vtc-ive-home-page .latestNews .infoBox .date, .vtc-ive-home-page .latestNews .infoBox .sl-languageDevelopment .cardList1 .item .date, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .latestNews .infoBox .date, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .latestNews .infoBox .about-ive .about-ive-swiper .swiper-slide .item .date, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .latestNews .infoBox .date, .sl-languageDevelopment .cardList1 .item .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .sl-languageDevelopment .cardList1 .item .desc, .sl-languageDevelopment .cardList1 .item .sl-internationalExchange .cardBox .infoBox .desc, .sl-internationalExchange .cardBox .infoBox .sl-languageDevelopment .cardList1 .item .desc {
  line-height: 1.5;
}
.sl-languageDevelopment .cardList1 .item .imgBox, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .imgBox {
  width: 56px;
  height: 56px;
  padding: 10px;
  background: #00adc6;
  border-radius: 50%;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.sl-languageDevelopment .cardList1 .item .imgBox img, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .imgBox img {
  background: #fff;
}
.sl-languageDevelopment .cardBox {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .sl-languageDevelopment .cardBox {
    height: 568px;
  }
}
.sl-languageDevelopment .cardBox {
  display: none;
}
.sl-languageDevelopment .cardBox.active {
  display: block;
}
.sl-languageDevelopment .cardBox .innerCard {
  width: 51%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 20px;
}
.sl-languageDevelopment .cardBox .innerCard .text-space {
  padding-left: 10px;
}
.sl-languageDevelopment .cardBox .innerCard img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.sl-languageDevelopment .cardBox .innerCard:first-child {
  left: 0;
  overflow: hidden;
}
.sl-languageDevelopment .cardBox .innerCard:last-child {
  right: 0;
  z-index: 2;
  background: #fff;
  padding: 44px 28px 44px 44px !important;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.sl-languageDevelopment .cardBox .innerCard:last-child .content {
  flex: 1;
  overflow: auto;
  padding-right: 16px;
}
.sl-languageDevelopment .cardBox .innerCard:last-child > p {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .sl-languageDevelopment {
    background: url("../images/mobile-bg/school-life/5.png") no-repeat center/100% 100%;
  }
  .sl-languageDevelopment .cardList1 {
    flex-wrap: wrap;
  }
  .sl-languageDevelopment .cardList1 .item, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item {
    width: calc((100% - 40px) / 3);
    border-radius: 12px;
    padding: 16px;
  }
  .sl-languageDevelopment .cardList1 .item .imgBox, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .imgBox {
    margin-right: 8px;
  }
  .sl-languageDevelopment .cardBox {
    padding-top: 0;
    border-radius: 12px 12px 0px 0px;
  }
  .sl-languageDevelopment .cardBox .innerCard {
    width: 100%;
    position: static;
    aspect-ratio: 2/1;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child {
    height: 350px;
    border-radius: 9px;
    position: relative;
    top: -16px;
    padding: 36px 28px 36px 36px !important;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content {
    padding-right: 8px;
  }
  .sl-languageDevelopment .cardBox .innerCard.p-5 {
    padding: 16px !important;
  }
}
@media only screen and (max-width: 767px) {
  .sl-languageDevelopment .cardBox .innerCard .text-20px p, .sl-languageDevelopment .cardBox .innerCard .campus-detail-part5 .rightBox .desc p, .campus-detail-part5 .rightBox .sl-languageDevelopment .cardBox .innerCard .desc p, .sl-languageDevelopment .cardBox .innerCard .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date p, .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .sl-languageDevelopment .cardBox .innerCard .date p, .sl-languageDevelopment .cardBox .innerCard .campus-detail-part2 .advanced-facility-info-card .desc > p p, .campus-detail-part2 .advanced-facility-info-card .sl-languageDevelopment .cardBox .innerCard .desc > p p, .sl-languageDevelopment .cardBox .innerCard .path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet p, .path-search .block-system-main-block .search-results li .search-result__snippet-info .sl-languageDevelopment .cardBox .innerCard .search-result__snippet p, .sl-languageDevelopment .cardBox .innerCard .path-search .block-system-main-block .search-form .search-help-link p, .path-search .block-system-main-block .search-form .sl-languageDevelopment .cardBox .innerCard .search-help-link p, .sl-languageDevelopment .cardBox .innerCard #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date p, #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .sl-languageDevelopment .cardBox .innerCard .date p, .sl-languageDevelopment .cardBox .innerCard .view-news-and-events-upcoming-listing .view-filters .form-radios p, .view-news-and-events-upcoming-listing .view-filters .sl-languageDevelopment .cardBox .innerCard .form-radios p, .sl-languageDevelopment .cardBox .innerCard .overlapBox .info-section .text-card .text p, .overlapBox .info-section .text-card .sl-languageDevelopment .cardBox .innerCard .text p, .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local::before p, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .sl-languageDevelopment .cardBox .innerCard .local::before p, .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc p p, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc .sl-languageDevelopment .cardBox .innerCard p p, .sl-languageDevelopment .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .innerCard .company p, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .sl-languageDevelopment .cardBox .innerCard .company p, .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .latestNews .infoBox .date p, .vtc-ive-home-page .latestNews .infoBox .sl-languageDevelopment .cardBox .innerCard .date p, .sl-languageDevelopment .cardBox .innerCard .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc p, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .sl-languageDevelopment .cardBox .innerCard .desc p, .sl-languageDevelopment .sl-internationalExchange .cardBox .innerCard .infoBox .desc p, .sl-internationalExchange .sl-languageDevelopment .cardBox .innerCard .infoBox .desc p, .sl-languageDevelopment .sl-internationalExchange .cardBox .infoBox .innerCard .desc p, .sl-internationalExchange .sl-languageDevelopment .cardBox .infoBox .innerCard .desc p,
  .sl-languageDevelopment .cardBox .innerCard .text-20px ul,
  .sl-languageDevelopment .cardBox .innerCard .campus-detail-part5 .rightBox .desc ul,
  .campus-detail-part5 .rightBox .sl-languageDevelopment .cardBox .innerCard .desc ul,
  .sl-languageDevelopment .cardBox .innerCard .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date ul,
  .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .sl-languageDevelopment .cardBox .innerCard .date ul,
  .sl-languageDevelopment .cardBox .innerCard .campus-detail-part2 .advanced-facility-info-card .desc > p ul,
  .campus-detail-part2 .advanced-facility-info-card .sl-languageDevelopment .cardBox .innerCard .desc > p ul,
  .sl-languageDevelopment .cardBox .innerCard .path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet ul,
  .path-search .block-system-main-block .search-results li .search-result__snippet-info .sl-languageDevelopment .cardBox .innerCard .search-result__snippet ul,
  .sl-languageDevelopment .cardBox .innerCard .path-search .block-system-main-block .search-form .search-help-link ul,
  .path-search .block-system-main-block .search-form .sl-languageDevelopment .cardBox .innerCard .search-help-link ul,
  .sl-languageDevelopment .cardBox .innerCard #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date ul,
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .sl-languageDevelopment .cardBox .innerCard .date ul,
  .sl-languageDevelopment .cardBox .innerCard .view-news-and-events-upcoming-listing .view-filters .form-radios ul,
  .view-news-and-events-upcoming-listing .view-filters .sl-languageDevelopment .cardBox .innerCard .form-radios ul,
  .sl-languageDevelopment .cardBox .innerCard .overlapBox .info-section .text-card .text ul,
  .overlapBox .info-section .text-card .sl-languageDevelopment .cardBox .innerCard .text ul,
  .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local::before ul,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .sl-languageDevelopment .cardBox .innerCard .local::before ul,
  .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc p ul,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc .sl-languageDevelopment .cardBox .innerCard p ul,
  .sl-languageDevelopment .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .innerCard .company ul,
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .sl-languageDevelopment .cardBox .innerCard .company ul,
  .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .latestNews .infoBox .date ul,
  .vtc-ive-home-page .latestNews .infoBox .sl-languageDevelopment .cardBox .innerCard .date ul,
  .sl-languageDevelopment .cardBox .innerCard .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc ul,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .sl-languageDevelopment .cardBox .innerCard .desc ul,
  .sl-languageDevelopment .sl-internationalExchange .cardBox .innerCard .infoBox .desc ul,
  .sl-internationalExchange .sl-languageDevelopment .cardBox .innerCard .infoBox .desc ul,
  .sl-languageDevelopment .sl-internationalExchange .cardBox .infoBox .innerCard .desc ul,
  .sl-internationalExchange .sl-languageDevelopment .cardBox .infoBox .innerCard .desc ul {
    font-size: 1rem !important;
  }
  .sl-languageDevelopment .cardList1 {
    gap: 16px;
    margin-bottom: 0;
  }
  .sl-languageDevelopment .cardList1 .item, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item {
    width: 100%;
  }
  .sl-languageDevelopment .cardList1 .item .imgBox, .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-languageDevelopment .cardList1 .item .imgBox {
    width: 46px;
    height: 46px;
    padding: 8px;
    margin-bottom: 0;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child {
    height: auto;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content {
    overflow: visible;
    display: flex;
    flex-direction: column;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .text-collapse {
    overflow: hidden;
    transition: all 0.2s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box {
    margin-right: 0;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .expand,
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .collapse {
    display: none;
    color: var(--bs-body-color);
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    background-color: #00ADC6;
    position: relative;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .expand::after, .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .expand::before,
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .collapse::after,
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .collapse::before {
    content: "";
    width: 0.9375rem;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7.5px;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .expand::after,
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .collapse::after {
    transform: rotate(-90deg);
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content .btn-box .collapse::after {
    display: none;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content.isExpand .text-collapse {
    -webkit-line-clamp: unset;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content.isExpand .btn-box .expand {
    display: none;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content.isExpand .btn-box .collapse {
    display: block;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content.isCollapse .text-collapse {
    -webkit-line-clamp: 7;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content.isCollapse .btn-box .expand {
    display: block;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content.isCollapse .btn-box .collapse {
    display: none;
  }
  .sl-languageDevelopment .cardBox .innerCard:last-child .content.isExpand:has(+ p) .btn-box, .sl-languageDevelopment .cardBox .innerCard:last-child .content.isCollapse:has(+ p) .btn-box {
    margin-bottom: -3.75rem;
    margin-top: 1.875rem;
  }
}

/*宿舍生活*/
.sl-dormitory {
  background: url("../images/schoolLife/bg_6.png") no-repeat top center/cover;
}
@media only screen and (min-width: 1400px) {
  .sl-dormitory {
    padding-bottom: 194px;
  }
}
.sl-dormitory {
  overflow-x: clip;
}
.sl-dormitory .row {
  gap: 28px;
}
.sl-dormitory .row .col-md-8 {
  max-width: 947px;
}
.sl-dormitory .row .col-md-4 {
  flex: 1;
}
.sl-dormitory img {
  border-radius: 20px;
}
.sl-dormitory .btImg {
  padding-top: 76%;
}
.sl-dormitory .btImg .position-absolute {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.sl-dormitory .imgBox {
  position: relative;
  width: 100%;
}
.sl-dormitory .imgBox.img1, .sl-dormitory .imgBox.img3 {
  padding-top: 60%;
}
.sl-dormitory .imgBox.img2 {
  padding-top: 96%;
  margin-bottom: 28px;
}
.sl-dormitory .imgBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1440px) {
  .sl-dormitory .btImg .position-absolute {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50vw - 196px);
  }
}
@media only screen and (max-width: 1200px) {
  .sl-dormitory .row .col-md-8 {
    max-width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .sl-dormitory {
    background: url("../images/mobile-bg/school-life/6.png") no-repeat center/100% 100%;
  }
  .sl-dormitory .row {
    gap: 16px;
  }
  .sl-dormitory img {
    border-radius: 7px;
  }
  .sl-dormitory .imgBox.img2 {
    margin-bottom: 16px;
  }
  .sl-dormitory .btImg {
    padding-top: 0;
    aspect-ratio: 343/241;
  }
}
@media only screen and (max-width: 767px) {
  .sl-dormitory .row .col-md-8 {
    max-width: 100%;
  }
  .sl-dormitory .btImg .position-absolute {
    width: 100% !important;
  }
  .sl-dormitory .btImg .position-absolute .imgBox.img3 {
    min-height: auto;
  }
  .sl-dormitory .btnBox {
    margin-bottom: 0 !important;
  }
}

.student-share-section .swiper-btn-group {
  width: 130px;
}
.student-share-section .swiper-btn-group .student-share-swiper-button-next,
.student-share-section .swiper-btn-group .student-share-swiper-button-prev {
  width: 44px;
  background: 44px;
}
.student-share-section .swiper-btn-group .student-share-swiper-button-next::after,
.student-share-section .swiper-btn-group .student-share-swiper-button-prev::after {
  content: "";
}
.student-share-section .swiper-btn-group .student-share-swiper-button-prev {
  background: url("../images/global/swiper-btn2-prev.svg") no-repeat;
  background-size: 100% 100%;
}
.student-share-section .swiper-btn-group .student-share-swiper-button-next {
  background: url("../images/global/swiper-btn2-next.svg") no-repeat;
  background-size: 100% 100%;
}
.student-share-section .student-share-swiper {
  width: 105vw;
}
.student-share-section .student-share-swiper .item .imgBox, .student-share-section .student-share-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .student-share-section .student-share-swiper .item .imgBox {
  padding-top: 70%;
}
.student-share-section .student-share-swiper .item .division, .student-share-section .student-share-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .division, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .student-share-section .student-share-swiper .item .division {
  margin: 10px 0;
  width: 100%;
  height: 32px;
  background: url("../images/vsl/img-under-line.svg") no-repeat;
  background-size: 100%;
}
.student-share-section .student-share-swiper .item .plusIcon, .student-share-section .student-share-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .plusIcon, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .student-share-section .student-share-swiper .item .plusIcon {
  text-align: right;
}
.student-share-section .student-share-swiper .item .plusIcon::after, .student-share-section .student-share-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .plusIcon::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .student-share-section .student-share-swiper .item .plusIcon::after {
  content: "+";
  font-size: 34px;
  color: #00b2d5;
  line-height: 1;
  cursor: pointer;
}
.student-share-section .student-share-swiper .item .student-info-box .name {
  font-size: 2.625rem;
  color: #00adc6;
  font-weight: 700;
  margin: 24px 0;
}
.student-share-section .student-share-swiper .item .student-info-box .list .item {
  margin-top: 16px;
  font-size: 1.375rem;
  display: flex;
  align-items: center;
}
.student-share-section .student-share-swiper .item .student-info-box .list .item::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 27px;
  background: url("../images/vsl/arrow-top.svg") no-repeat;
  background-size: 100% 100%;
  margin-right: 12px;
}

.view-news-and-events-upcoming-listing {
  background: #e3f6fa;
}
.view-news-and-events-upcoming-listing .view-filters .form-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-weight: 700;
}
.view-news-and-events-upcoming-listing .view-filters .form-radios .form-item {
  position: relative;
}
.view-news-and-events-upcoming-listing .view-filters .form-radios .form-item input {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.view-news-and-events-upcoming-listing .view-filters .form-radios .form-item {
  cursor: pointer;
  border-radius: 30px;
  border: 2px solid #00adc6;
  background: #fff;
  padding: 8px 32px;
}
.view-news-and-events-upcoming-listing .view-filters .form-radios .form-item:has(input:checked) {
  background: #00adc6;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .view-news-and-events-upcoming-listing .view-filters .form-radios {
    gap: 8px;
  }
  .view-news-and-events-upcoming-listing .view-filters .form-radios .form-item {
    padding: 8px 24px;
  }
}

.news-events-page.events-bg {
  background: url("../images/event-bg.png") no-repeat center/100% 100%;
}
.news-events-page .tabs {
  gap: 20px;
  font-size: 2rem;
  font-weight: 700;
}
.news-events-page .tabs .item, .news-events-page .tabs .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .news-events-page .tabs .item {
  cursor: pointer;
  border-radius: 30px;
  border: 2px solid #00adc6;
  background: #fff;
  padding: 4px 32px;
}
.news-events-page .tabs .item.active, .news-events-page .tabs .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .active.item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .news-events-page .tabs .active.item {
  background: #00adc6;
  color: #fff;
}
.news-events-page .event-section .event-title {
  font-size: 4.75rem;
  color: #00829b;
  font-weight: 700;
}
.news-events-page .event-section .events-swiper-button-prev {
  background: url("../images/global/swiper-btn-prev.svg") no-repeat;
  background-size: 100% 100%;
  left: 0;
}
.news-events-page .event-section .events-swiper-button-next {
  background: url("../images/global/swiper-btn-next.svg") no-repeat;
  background-size: 100% 100%;
  right: 0;
}
.news-events-page .event-section .events-swiper-button-prev,
.news-events-page .event-section .events-swiper-button-next {
  width: 46px;
  height: 93px;
  top: 57%;
}
.news-events-page .event-section .events-swiper-button-prev::after,
.news-events-page .event-section .events-swiper-button-next::after {
  content: "";
}
.news-events-page .newsList.row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}
.news-events-page .newsList .item, .news-events-page .newsList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .news-events-page .newsList .item {
  cursor: pointer;
}
.news-events-page .newsList .item:hover .white-cont .title, .news-events-page .newsList .item:hover .white-cont .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item:hover .white-cont .diploma, .news-events-page .newsList .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .item:hover .white-cont .cardInfo .diploma, .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .item:hover .white-cont .cardInfo .diploma, .news-events-page .newsList .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .item:hover .white-cont .diploma, .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .item:hover .white-cont .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item:hover .white-cont .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item:hover .white-cont .cardInfo .diploma {
  color: #00adc6;
}
.news-events-page .newsList .item .white-cont, .news-events-page .newsList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .white-cont, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .news-events-page .newsList .item .white-cont {
  background: #fff;
  border-radius: 0 0 20px 20px;
}
.news-events-page .newsList .item .white-cont .date {
  display: flex;
  align-items: center;
}
.news-events-page .newsList .item .white-cont .date::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  background: url("../images/icon/date.svg") no-repeat center/100%;
}
.news-events-page .newsList .item .white-cont .title, .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo .diploma, .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma {
  margin-bottom: 0;
  height: 93px;
  line-height: 1.3;
  font-weight: 400 !important;
}
.news-events-page .newsList .item .white-cont .tag {
  background: rgba(0, 173, 198, 0.7);
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: #fff;
  padding: 4px 8px;
}
.news-events-page .newsList .item .imgPosition, .news-events-page .newsList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgPosition, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .news-events-page .newsList .item .imgPosition {
  width: 100%;
  aspect-ratio: 854/564;
}
.news-events-page .newsList .item .imgBox, .news-events-page .newsList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .news-events-page .newsList .item .imgBox {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.news-events-page .newsList .item .imgBox .contextual-region {
  position: unset;
}
@media screen and (max-width: 991px) {
  .news-events-page .event-section {
    padding-bottom: 56px;
  }
  .news-events-page .event-section .events-swiper-button-prev {
    background: url("../images/icon/btn-arrow-p.svg") #00adc6 no-repeat center/60%;
    left: auto;
    right: 73px;
  }
  .news-events-page .event-section .events-swiper-button-next {
    background: url("../images/icon/btn-arrow.svg") #00adc6 no-repeat center/60%;
    right: 20px;
  }
  .news-events-page .event-section .events-swiper-button-prev,
  .news-events-page .event-section .events-swiper-button-next {
    width: 32px;
    height: 32px;
    top: auto;
    bottom: 0;
    border-radius: 50%;
  }
  .news-events-page .event-section .events-swiper-button-prev::after,
  .news-events-page .event-section .events-swiper-button-next::after {
    content: "";
  }
  .news-events-page .newsList.row {
    --bs-gutter-y: 36px;
  }
  .news-events-page .newsList .item .imgPosition .imgBox {
    border-radius: 12px 12px 0 0;
  }
  .news-events-page .newsList .item .white-cont, .news-events-page .newsList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .white-cont, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .news-events-page .newsList .item .white-cont {
    border-radius: 0 0 12px 12px;
  }
  .news-events-page .newsList .item .white-cont .date::before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
  .news-events-page .newsList .item .white-cont .tag {
    font-size: 14px;
    padding: 2px 6px;
  }
  .news-events-page .newsList .item .white-cont .title, .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo .diploma, .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma {
    height: 70px;
  }
}

/*new popup*/
#newsModal .modal-dialog {
  max-width: 1480px;
  padding: 0 20px;
}
#newsModal .modal-dialog .modal-header {
  border: none;
}
#newsModal .modal-dialog .modal-content {
  border-radius: 20px;
}
#newsModal .modal-dialog .modal-content .modal-body {
  position: relative;
  padding: 0;
}
#newsModal .modal-dialog .modal-content .modal-body .imgBox {
  width: 50%;
  aspect-ratio: 854/564;
}
#newsModal .modal-dialog .modal-content .modal-body .infoBox {
  display: flex;
  flex-direction: column;
  padding: 44px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: calc(50% + 40px);
  background: #fff;
  border-radius: 20px;
}
#newsModal .modal-dialog .modal-content .modal-body .infoBox .scrollBox {
  flex: 1;
  overflow: auto;
}
#newsModal .modal-dialog .modal-content .modal-body .infoBox .title, #newsModal .modal-dialog .modal-content .modal-body .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #newsModal .modal-dialog .modal-content .modal-body .infoBox .diploma {
  margin-bottom: 0;
  color: #333;
}
#newsModal .modal-dialog .modal-content .modal-body .infoBox .desc {
  font-size: 1.25rem;
}
#newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date {
  display: flex;
  align-items: center;
}
#newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("../images/icon/date.svg") no-repeat center/100%;
  margin-right: 7px;
}
#newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .tag {
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(0, 173, 198, 0.7);
  display: flex;
}
@media screen and (max-width: 1200px) {
  #newsModal .modal-dialog .modal-content .modal-body .imgBox {
    width: 100%;
  }
  #newsModal .modal-dialog .modal-content .modal-body .infoBox {
    width: 100%;
    position: static;
  }
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .desc {
    max-height: 250px;
  }
}
@media screen and (max-width: 991px) {
  #newsModal .modal-dialog .modal-content .modal-body .infoBox {
    padding: 16px;
    border-radius: 12px;
  }
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .scrollBox.mt-3,
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .scrollBox {
    margin-top: 12px !important;
  }
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .date::before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .tag {
    font-size: 14px;
    padding: 2px 6px;
  }
}
#newsModal .modal-dialog .btn-close {
  width: 26px;
  height: 26px;
  background: url("../images/icon/close.svg") no-repeat center/100%;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 14px;
}

/*高級文憑*/
.lo-higher-iploma {
  background: url("../images/lo/bg_1.png") no-repeat center top/100% 100%;
}
.lo-higher-iploma .rowList {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}
.lo-higher-iploma .rowList .item, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item {
  height: 100%;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  letter-spacing: 1px;
}
.lo-higher-iploma .rowList .item.bg1, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .bg1.item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .bg1.item {
  background: linear-gradient(180deg, rgba(2, 121, 154, 0.9) 0%, rgba(2, 121, 154, 0.67) 100%);
  color: #fff;
}
.lo-higher-iploma .rowList .item.bg1 .main-title-line, .lo-higher-iploma .rowList .item.bg1 .path-search .block-system-main-block > h2::after, .path-search .lo-higher-iploma .rowList .item.bg1 .block-system-main-block > h2::after {
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.5) 100%);
}
.lo-higher-iploma .rowList .item.bg2, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .bg2.item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .bg2.item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.45) 100%);
  color: #00829b;
}
.lo-higher-iploma .rowList .item.bg2 .btBox .lineBetween::after {
  background: #00829b;
}
.lo-higher-iploma .rowList .item .w-100, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .w-100, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .w-100 {
  display: flex;
  align-items: center;
  gap: 32px;
}
.lo-higher-iploma .rowList .item .w-100 .num-line {
  font-size: 20px;
  display: flex;
  align-items: end;
  gap: 12px;
  font-weight: 700;
  flex-wrap: wrap;
}
.lo-higher-iploma .rowList .item .w-100 .num-line span:nth-child(2) {
  font-size: 86px;
  line-height: 0.8;
}
.lo-higher-iploma .rowList .item .w-100 .num-line span:nth-child(3) {
  font-size: 36px;
  line-height: 1;
}
.lo-higher-iploma .rowList .item .w-100 img, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .w-100 img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .w-100 img {
  width: 190px;
  height: 190px;
}
.lo-higher-iploma .rowList .item .btBox, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .btBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .btBox {
  display: flex;
  justify-content: space-between;
}
.lo-higher-iploma .rowList .item .btBox .left,
.lo-higher-iploma .rowList .item .btBox .right {
  width: calc((100% - 41px) / 2);
  display: flex;
  justify-content: space-between;
}
.lo-higher-iploma .rowList .item .btBox .lineBetween {
  display: flex;
  justify-content: center;
}
.lo-higher-iploma .rowList .item .btBox .lineBetween::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #fff;
  margin: 0 20px;
}
.lo-higher-iploma .rowList .item .btBox .img-box {
  width: 30%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.lo-higher-iploma .rowList .item .btBox .img-box img {
  width: 100%;
  height: auto;
}
.lo-higher-iploma .rowList .item .btBox .infoBox .num-line .fs-22px {
  font-size: 22px;
  flex-shrink: 0;
}
.lo-higher-iploma .rowList .item .btBox .infoBox .num-line span:nth-child(2) {
  font-size: 86px;
  line-height: 0.8;
}
.lo-higher-iploma .rowList .item .btBox .infoBox .num-line span:nth-child(3) {
  font-size: 36px;
  line-height: 1;
}
.lo-higher-iploma.en .rowList .num-line > p {
  margin-bottom: 0;
}
.lo-higher-iploma.en .rowList .num-line > p span.fs-22px {
  line-height: 2;
}
@media only screen and (max-width: 991px) {
  .lo-higher-iploma .main-title, .lo-higher-iploma .path-search .block-system-main-block > h2, .path-search .lo-higher-iploma .block-system-main-block > h2 {
    text-align: center;
  }
  .lo-higher-iploma .rowList .item, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item {
    padding: 16px;
  }
  .lo-higher-iploma .rowList .item .w-100, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .w-100, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .w-100 {
    gap: 16px;
  }
  .lo-higher-iploma .rowList .item .w-100 .num-line span:nth-child(2) {
    font-size: 48px;
    line-height: 0.8;
  }
  .lo-higher-iploma .rowList .item .w-100 .num-line span:nth-child(3) {
    font-size: 20px;
    line-height: 1;
  }
  .lo-higher-iploma .rowList .item .w-100 img, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .w-100 img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .w-100 img {
    width: 80px;
    height: 80px;
  }
  .lo-higher-iploma .rowList .item .btBox, .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .btBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .lo-higher-iploma .rowList .item .btBox {
    flex-direction: column;
  }
  .lo-higher-iploma .rowList .item .btBox .left,
  .lo-higher-iploma .rowList .item .btBox .right {
    width: 100%;
  }
  .lo-higher-iploma .rowList .item .btBox .img-box {
    width: 55px;
    height: 55px;
    flex-shrink: 0;
  }
  .lo-higher-iploma .rowList .item .btBox .lineBetween::after {
    width: 100%;
    height: 1px;
    margin: 20px auto;
  }
  .lo-higher-iploma .rowList .item .btBox .infoBox {
    display: flex;
  }
  .lo-higher-iploma .rowList .item .btBox .infoBox .lh-sm {
    margin-left: 6px !important;
  }
  .lo-higher-iploma .rowList .item .btBox .infoBox .num-line .fs-22px {
    font-size: 18px;
  }
  .lo-higher-iploma .rowList .item .btBox .infoBox .num-line span:nth-child(2) {
    font-size: 48px;
  }
  .lo-higher-iploma .rowList .item .btBox .infoBox .num-line span:nth-child(3) {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lo-higher-iploma .rowList .num-line {
    flex-shrink: 0;
    gap: 6px !important;
    font-size: 14px !important;
  }
  .lo-higher-iploma .rowList .lh-sm {
    font-size: 14px;
  }
}

.lo-basic-course {
  background: linear-gradient(180deg, #f1f8f9 0%, #fff 100%);
}

.schoolLadder {
  background: url("../images/lo/bg_4.png") no-repeat top/100% 100%;
}
.schoolLadder img {
  height: auto;
}

.high_diploma-page .bg-part-2 {
  background: url("../images/page-bg/dfs-bg-2.png") no-repeat center bottom/cover;
}

.dfs-page .bg-part-2 {
  background: url("../images/page-bg/dfs-bg-2-1.png") no-repeat center bottom/cover;
}

.high_diploma-page .bg-part-1,
.dfs-page .bg-part-1 {
  background: linear-gradient(180deg, rgba(128, 216, 234, 0.2) 0%, rgba(128, 216, 234, 0) 100%), url("../images/page-bg/dfs-bg-1.png") no-repeat center bottom/100%;
}
.high_diploma-page .bg-part-3,
.dfs-page .bg-part-3 {
  background: url("../images/page-bg/dfs-bg-3.png") no-repeat center top/cover;
}
.high_diploma-page .bg-part-4,
.dfs-page .bg-part-4 {
  background: url("../images/page-bg/dfs-bg-4.png") no-repeat center bottom/100% 100%;
}
.high_diploma-page .bg-part-4 .vtc-ive-container .overlapBox:last-child, .high_diploma-page .bg-part-4 .path-search .block-system-main-block .overlapBox:last-child, .path-search .high_diploma-page .bg-part-4 .block-system-main-block .overlapBox:last-child, .high_diploma-page .bg-part-4 .content-body article[data-history-node-id="107"] .page-full-container .overlapBox:last-child, .content-body article[data-history-node-id="107"] .high_diploma-page .bg-part-4 .page-full-container .overlapBox:last-child, .high_diploma-page .bg-part-4 .search-form .overlapBox:last-child, .high_diploma-page .bg-part-4 #block-vtc-ive-theme-content .user-login-form .overlapBox:last-child, #block-vtc-ive-theme-content .high_diploma-page .bg-part-4 .user-login-form .overlapBox:last-child,
.high_diploma-page .bg-part-4 #block-vtc-ive-theme-content .openid-connect-login-form .overlapBox:last-child,
#block-vtc-ive-theme-content .high_diploma-page .bg-part-4 .openid-connect-login-form .overlapBox:last-child, .high_diploma-page .bg-part-4 .view-empty .overlapBox:last-child, .high_diploma-page .bg-part-4 .view-programme-listing .view-filters > form .overlapBox:last-child, .view-programme-listing .high_diploma-page .bg-part-4 .view-filters > form .overlapBox:last-child, .high_diploma-page .bg-part-4 .view-news-and-events-upcoming-listing .view-filters .overlapBox:last-child, .view-news-and-events-upcoming-listing .high_diploma-page .bg-part-4 .view-filters .overlapBox:last-child,
.dfs-page .bg-part-4 .vtc-ive-container .overlapBox:last-child,
.dfs-page .bg-part-4 .path-search .block-system-main-block .overlapBox:last-child,
.path-search .dfs-page .bg-part-4 .block-system-main-block .overlapBox:last-child,
.dfs-page .bg-part-4 .content-body article[data-history-node-id="107"] .page-full-container .overlapBox:last-child,
.content-body article[data-history-node-id="107"] .dfs-page .bg-part-4 .page-full-container .overlapBox:last-child,
.dfs-page .bg-part-4 .search-form .overlapBox:last-child,
.dfs-page .bg-part-4 #block-vtc-ive-theme-content .user-login-form .overlapBox:last-child,
#block-vtc-ive-theme-content .dfs-page .bg-part-4 .user-login-form .overlapBox:last-child,
.dfs-page .bg-part-4 #block-vtc-ive-theme-content .openid-connect-login-form .overlapBox:last-child,
#block-vtc-ive-theme-content .dfs-page .bg-part-4 .openid-connect-login-form .overlapBox:last-child,
.dfs-page .bg-part-4 .view-empty .overlapBox:last-child,
.dfs-page .bg-part-4 .view-programme-listing .view-filters > form .overlapBox:last-child,
.view-programme-listing .dfs-page .bg-part-4 .view-filters > form .overlapBox:last-child,
.dfs-page .bg-part-4 .view-news-and-events-upcoming-listing .view-filters .overlapBox:last-child,
.view-news-and-events-upcoming-listing .dfs-page .bg-part-4 .view-filters .overlapBox:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 991px) {
  .high_diploma-page .bg-part-4 .vtc-ive-container .overlapBox:nth-child(even), .high_diploma-page .bg-part-4 .path-search .block-system-main-block .overlapBox:nth-child(even), .path-search .high_diploma-page .bg-part-4 .block-system-main-block .overlapBox:nth-child(even), .high_diploma-page .bg-part-4 .content-body article[data-history-node-id="107"] .page-full-container .overlapBox:nth-child(even), .content-body article[data-history-node-id="107"] .high_diploma-page .bg-part-4 .page-full-container .overlapBox:nth-child(even), .high_diploma-page .bg-part-4 .search-form .overlapBox:nth-child(even), .high_diploma-page .bg-part-4 #block-vtc-ive-theme-content .user-login-form .overlapBox:nth-child(even), #block-vtc-ive-theme-content .high_diploma-page .bg-part-4 .user-login-form .overlapBox:nth-child(even),
  .high_diploma-page .bg-part-4 #block-vtc-ive-theme-content .openid-connect-login-form .overlapBox:nth-child(even),
  #block-vtc-ive-theme-content .high_diploma-page .bg-part-4 .openid-connect-login-form .overlapBox:nth-child(even), .high_diploma-page .bg-part-4 .view-empty .overlapBox:nth-child(even), .high_diploma-page .bg-part-4 .view-programme-listing .view-filters > form .overlapBox:nth-child(even), .view-programme-listing .high_diploma-page .bg-part-4 .view-filters > form .overlapBox:nth-child(even), .high_diploma-page .bg-part-4 .view-news-and-events-upcoming-listing .view-filters .overlapBox:nth-child(even), .view-news-and-events-upcoming-listing .high_diploma-page .bg-part-4 .view-filters .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 .vtc-ive-container .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 .path-search .block-system-main-block .overlapBox:nth-child(even),
  .path-search .dfs-page .bg-part-4 .block-system-main-block .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 .content-body article[data-history-node-id="107"] .page-full-container .overlapBox:nth-child(even),
  .content-body article[data-history-node-id="107"] .dfs-page .bg-part-4 .page-full-container .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 .search-form .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 #block-vtc-ive-theme-content .user-login-form .overlapBox:nth-child(even),
  #block-vtc-ive-theme-content .dfs-page .bg-part-4 .user-login-form .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 #block-vtc-ive-theme-content .openid-connect-login-form .overlapBox:nth-child(even),
  #block-vtc-ive-theme-content .dfs-page .bg-part-4 .openid-connect-login-form .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 .view-empty .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 .view-programme-listing .view-filters > form .overlapBox:nth-child(even),
  .view-programme-listing .dfs-page .bg-part-4 .view-filters > form .overlapBox:nth-child(even),
  .dfs-page .bg-part-4 .view-news-and-events-upcoming-listing .view-filters .overlapBox:nth-child(even),
  .view-news-and-events-upcoming-listing .dfs-page .bg-part-4 .view-filters .overlapBox:nth-child(even) {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .high_diploma-page .bg-part-1,
  .dfs-page .bg-part-1 {
    background: url("../images/mobile-bg/dfs/1.png") no-repeat center/100% 100%;
  }
  .high_diploma-page .bg-part-2,
  .dfs-page .bg-part-2 {
    background: url("../images/mobile-bg/dfs/2.png") no-repeat center/100% 100%;
  }
}

.high_diploma-page .highSchool {
  overflow: clip;
}
.high_diploma-page .highSchool .video-section .row.g-66px .video-cont1 {
  height: calc(100% - 36px) !important;
}
.high_diploma-page .highSchool .cardList-s {
  padding: 36px 0;
}
.high_diploma-page .highSchool .cardList {
  margin-top: 20px;
  margin-bottom: 66px;
  --bs-gutter-x: 20px;
}
.high_diploma-page .highSchool .cardList .col-6 {
  margin-bottom: 20px;
}
.high_diploma-page .highSchool .item, .high_diploma-page .highSchool .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .high_diploma-page .highSchool .item {
  background: url("../images/page-bg/dfs-card-bg.png") no-repeat center/100% 100%;
  padding: 44px;
  height: 100%;
  border-radius: 20px;
  color: #333;
  text-align: center;
}
.high_diploma-page .highSchool .item img, .high_diploma-page .highSchool .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .high_diploma-page .highSchool .item img {
  width: 100%;
  max-width: 170px;
  height: auto;
  margin-bottom: 24px;
}
.high_diploma-page .highSchool .about-ive-swiper {
  padding-bottom: 50px;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 24px;
}
.high_diploma-page .highSchool .about-ive-swiper .swiper-slide {
  padding: 0 20px;
}
.high_diploma-page .highSchool .about-ive-swiper .swiper-slide .item .title, .high_diploma-page .highSchool .about-ive-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .about-ive-swiper .swiper-slide > .item .item .cardInfo .diploma, .high_diploma-page .highSchool .about-ive-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .item .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .about-ive-swiper .swiper-slide > .item .cardInfo .item .diploma, .high_diploma-page .highSchool .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .item .cardInfo .diploma, .high_diploma-page .highSchool .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .item .cardInfo .diploma, .high_diploma-page .highSchool .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .item .diploma, .high_diploma-page .highSchool .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .item .diploma, .vtc-ive-home-page .about-ive .high_diploma-page .highSchool .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .item .cardInfo .diploma, .vtc-ive-home-page .about-ive .high_diploma-page .highSchool .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .item .diploma {
  font-size: 1.125rem;
  font-weight: 700;
}
.high_diploma-page .highSchool .about-ive-swiper .global-swiper-navigation {
  display: none;
}
.high_diploma-page .highSchool .about-ive-swiper .about-ive-pagination {
  bottom: 0px;
  left: 0;
  right: 0;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .high_diploma-page .video-section .video-cont1 .video-box {
    border-radius: 12px;
  }
  .high_diploma-page .highSchool .cardList {
    margin-top: 12px;
  }
  .high_diploma-page .highSchool .item, .high_diploma-page .highSchool .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .high_diploma-page .highSchool .item {
    padding: 36px;
  }
  .high_diploma-page .highSchool .item img, .high_diploma-page .highSchool .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .high_diploma-page .highSchool .item img {
    max-width: 128px;
  }
}
@media only screen and (max-width: 767px) {
  .high_diploma-page .about-ive-swiper {
    margin-bottom: 60px;
  }
}

.dfs-page .bg-part-1 .vedioPt {
  padding-top: 66px;
}
@media screen and (max-width: 991px) {
  .dfs-page .bg-part-1 .vedioPt {
    padding-top: 60px;
  }
}
.dfs-page .bg-part-3 {
  background: url("../images/page-bg/dfs-bg-3-1.png") no-repeat center top/cover !important;
}
.dfs-page .multipleCurriculumAreas .row.g-4 {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 36px;
}
.dfs-page .multipleCurriculumAreas .item, .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dfs-page .multipleCurriculumAreas .item .imgBox, .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .imgBox {
  padding-top: 85%;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  margin-bottom: 70px;
}
.dfs-page .multipleCurriculumAreas .item .text-tag, .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-tag, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .text-tag {
  padding: 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #333;
  text-align: center;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.dfs-page .multipleCurriculumAreas .item:hover .text-tag {
  background-color: #00ADC6;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .dfs-page .multipleCurriculumAreas .pb-100, .dfs-page .multipleCurriculumAreas .site-map-wrap .vtc-ive-container, .site-map-wrap .dfs-page .multipleCurriculumAreas .vtc-ive-container, .dfs-page .multipleCurriculumAreas .site-map-wrap .search-form, .site-map-wrap .dfs-page .multipleCurriculumAreas .search-form, .dfs-page .multipleCurriculumAreas .site-map-wrap #block-vtc-ive-theme-content .user-login-form, .site-map-wrap #block-vtc-ive-theme-content .dfs-page .multipleCurriculumAreas .user-login-form, .dfs-page .multipleCurriculumAreas #block-vtc-ive-theme-content .site-map-wrap .user-login-form, #block-vtc-ive-theme-content .site-map-wrap .dfs-page .multipleCurriculumAreas .user-login-form,
  .dfs-page .multipleCurriculumAreas .site-map-wrap #block-vtc-ive-theme-content .openid-connect-login-form,
  .site-map-wrap #block-vtc-ive-theme-content .dfs-page .multipleCurriculumAreas .openid-connect-login-form,
  .dfs-page .multipleCurriculumAreas #block-vtc-ive-theme-content .site-map-wrap .openid-connect-login-form,
  #block-vtc-ive-theme-content .site-map-wrap .dfs-page .multipleCurriculumAreas .openid-connect-login-form, .dfs-page .multipleCurriculumAreas .site-map-wrap .view-empty, .site-map-wrap .dfs-page .multipleCurriculumAreas .view-empty, .dfs-page .multipleCurriculumAreas .site-map-wrap .view-programme-listing .view-filters > form, .site-map-wrap .view-programme-listing .dfs-page .multipleCurriculumAreas .view-filters > form, .dfs-page .multipleCurriculumAreas .view-programme-listing .site-map-wrap .view-filters > form, .view-programme-listing .site-map-wrap .dfs-page .multipleCurriculumAreas .view-filters > form, .dfs-page .multipleCurriculumAreas .site-map-wrap .view-news-and-events-upcoming-listing .view-filters, .site-map-wrap .view-news-and-events-upcoming-listing .dfs-page .multipleCurriculumAreas .view-filters, .dfs-page .multipleCurriculumAreas .view-news-and-events-upcoming-listing .site-map-wrap .view-filters, .view-news-and-events-upcoming-listing .site-map-wrap .dfs-page .multipleCurriculumAreas .view-filters, .dfs-page .multipleCurriculumAreas .site-map-wrap .path-search .block-system-main-block, .site-map-wrap .path-search .dfs-page .multipleCurriculumAreas .block-system-main-block, .dfs-page .multipleCurriculumAreas .path-search .site-map-wrap .block-system-main-block, .path-search .site-map-wrap .dfs-page .multipleCurriculumAreas .block-system-main-block, .dfs-page .multipleCurriculumAreas .content-body article[data-history-node-id="107"] .page-full-container, .content-body article[data-history-node-id="107"] .dfs-page .multipleCurriculumAreas .page-full-container, .dfs-page .multipleCurriculumAreas .search-form, .dfs-page .multipleCurriculumAreas nav.pager ul.pager__items, nav.pager .dfs-page .multipleCurriculumAreas ul.pager__items, .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .home-page-banner .banner-info-box, .vtc-ive-home-page .home-page-banner .dfs-page .multipleCurriculumAreas .banner-info-box, .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .latestNews, .vtc-ive-home-page .dfs-page .multipleCurriculumAreas .latestNews {
    padding-bottom: 0;
  }
  .dfs-page .multipleCurriculumAreas .item .imgBox, .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .imgBox {
    margin-bottom: 48px;
  }
  .dfs-page .multipleCurriculumAreas .item .text-tag, .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-tag, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .text-tag {
    padding: 1rem;
    border-radius: 12px;
    box-shadow: 0px 1.307px 10.453px 0px rgba(0, 0, 0, 0.1);
  }
}
.dfs-page .foundationCourseDiploma .row.g-4 {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 36px;
}
.dfs-page .foundationCourseDiploma .mb-32px {
  margin-bottom: 32px;
}
.dfs-page .foundationCourseDiploma .col-lg-8 {
  text-align: center;
}
.dfs-page .foundationCourseDiploma .card-item {
  padding: 44px;
  height: 100%;
  border-radius: 20px;
  background: url("../images/page-bg/dfs-card-bg.png") no-repeat center/100% 100%;
}
.dfs-page .foundationCourseDiploma .card-item .imgDiv {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dfs-page .foundationCourseDiploma .card-item img {
  width: auto;
  height: auto;
  max-height: 170px;
  max-width: 66%;
}
.dfs-page .foundationCourseDiploma .card-item .title, .dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item .diploma {
  letter-spacing: 1.2px;
  margin-top: 24px;
}
.dfs-page .foundationCourseDiploma .about-ive-swiper {
  padding-bottom: 50px;
  margin-left: -20px;
  margin-right: -20px;
}
.dfs-page .foundationCourseDiploma .about-ive-swiper .swiper-slide {
  padding: 0 20px;
}
.dfs-page .foundationCourseDiploma .about-ive-swiper .swiper-slide .card-item .title, .dfs-page .foundationCourseDiploma .about-ive-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .card-item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .dfs-page .foundationCourseDiploma .about-ive-swiper .swiper-slide > .item .card-item .cardInfo .diploma, .dfs-page .foundationCourseDiploma .about-ive-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .card-item .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .dfs-page .foundationCourseDiploma .about-ive-swiper .swiper-slide > .item .cardInfo .card-item .diploma {
  letter-spacing: 1.4px;
  text-align: center;
}
.dfs-page .foundationCourseDiploma .about-ive-swiper .global-swiper-navigation {
  display: none;
}
.dfs-page .foundationCourseDiploma .about-ive-swiper .about-ive-pagination {
  bottom: 0px;
  left: 0;
  right: 0;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .dfs-page .foundationCourseDiploma .card-item {
    padding: 36px;
  }
  .dfs-page .foundationCourseDiploma .card-item .title, .dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item .diploma {
    font-size: 18px !important;
  }
}

/*公共页面内容*/
.global-ohter-section .row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 36px;
}
.global-ohter-section .title, .global-ohter-section .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .global-ohter-section .diploma {
  font-size: 4.5rem;
  color: #00829b;
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 768px) {
  .global-ohter-section .item:hover .item-title, .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item:hover .item-title, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item:hover .item-title {
    text-decoration: underline;
    text-underline-offset: 5px;
  }
}
.global-ohter-section .item .item-title, .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .item-title, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .item-title {
  line-height: 1.1;
  letter-spacing: 2.3px;
  color: #00ADC6;
  text-decoration: none;
}
.global-ohter-section .item .info-desc, .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .info-desc, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .info-desc {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.global-ohter-section .item .imgBox, .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .imgBox {
  padding-top: 60%;
  border-radius: 18px;
  overflow: hidden;
}
.global-ohter-section .item .imgBox .imgDesc, .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox .imgDesc, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .imgBox .imgDesc {
  display: flex;
  flex-direction: column;
  justify-content: end;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px 35px;
  background: linear-gradient(180deg, rgba(1, 164, 239, 0) 0%, #0f2b5b 100%);
  background-repeat: no-repeat;
  background-size: 100% 60%;
  background-position: bottom;
}
.global-ohter-section .item .imgBox .imgDesc .imgTitle {
  color: #fff;
  margin-bottom: 16px;
}
.global-ohter-section .item .imgBox .imgDesc .btnBox {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .global-ohter-section .item .info-desc, .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .info-desc, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .info-desc {
    height: auto;
    margin-bottom: 1rem;
  }
  .global-ohter-section .item .imgBox, .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .imgBox {
    border-radius: 10px;
  }
  .global-ohter-section .item .imgBox .imgDesc, .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox .imgDesc, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .imgBox .imgDesc {
    padding: 20px;
  }
  .global-ohter-section .item .imgBox .imgDesc .imgTitle {
    font-size: 22px !important;
  }
}

.global-bottom-class .imgBox {
  width: 50%;
  border-radius: 20px 0 0 20px;
}
.global-bottom-class .imgBox img {
  width: 100%;
}
.global-bottom-class .main-title-line, .global-bottom-class .path-search .block-system-main-block > h2::after, .path-search .global-bottom-class .block-system-main-block > h2::after {
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.25) 100%) !important;
}
.global-bottom-class .ive-class {
  background: #fff url("../images/page-bg/global-bottom-bg.png") no-repeat center/100% 100%;
  width: 50%;
  color: #fff;
  position: relative;
  border-radius: 0 20px 20px 0;
  padding: 66px;
}
.global-bottom-class .ive-class .main-title, .global-bottom-class .ive-class .path-search .block-system-main-block > h2, .path-search .global-bottom-class .ive-class .block-system-main-block > h2 {
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .global-bottom-class {
    flex-direction: column;
  }
  .global-bottom-class .imgBox {
    width: 100%;
    padding-top: 50%;
    border-radius: 20px 20px 0 0;
  }
  .global-bottom-class .ive-class {
    width: 100%;
    margin-left: 0px;
    border-radius: 0 0 20px 20px;
    margin-top: 0;
    padding: 28px 16px;
  }
  .global-bottom-class .ive-class.p-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.path-search .search-help-link {
  display: none;
}
.path-search .block-system-main-block {
  padding-bottom: 6.625rem;
}
.path-search .block-system-main-block .search-form {
  padding: 5.625rem 0 2.75rem 0;
  display: flex;
  gap: 24px;
  align-items: center;
}
.path-search .block-system-main-block .search-form .container-inline {
  display: flex;
  gap: 24px;
}
.path-search .block-system-main-block .search-form .container-inline .form-item-keys label {
  display: none;
}
.path-search .block-system-main-block .search-form .container-inline .form-item-keys .form-search {
  padding: 0.875rem 0.8125rem 0.875rem 2.8125rem;
  background-color: #fff;
  border: 1px solid #00829B;
  border-radius: 360px;
  width: 100%;
  height: 60px;
  max-width: 19.8125rem;
  letter-spacing: 0.9px;
  background: url("../images/icon/search-icon2.svg") no-repeat 0.8125rem center;
}
.path-search .block-system-main-block .search-form .container-inline .form-item-keys .form-search:focus-visible {
  outline: none;
}
.path-search .block-system-main-block .search-form .container-inline .form-item-keys .form-search:focus {
  outline: none;
  box-shadow: none;
}
.path-search .block-system-main-block .search-form .container-inline .form-item-keys .form-search::placeholder {
  color: #333;
  opacity: 1;
}
.path-search .block-system-main-block .search-form .container-inline .form-submit {
  border: none;
}
.path-search .block-system-main-block .search-form .search-help-link {
  color: #00829B;
  text-decoration: underline;
  text-transform: capitalize;
}
.path-search .block-system-main-block .search-form .search-advanced {
  display: none;
}
.path-search .block-system-main-block > h2::after {
  display: block;
  content: "";
}
.path-search .block-system-main-block .search-results {
  margin-bottom: 0;
  padding-left: 0;
}
.path-search .block-system-main-block .search-results li {
  margin-bottom: 2.75rem;
}
.path-search .block-system-main-block .search-results li:last-child {
  margin-bottom: 0;
}
.path-search .block-system-main-block .search-results li .search-result__title {
  margin-bottom: 0.75rem;
}
.path-search .block-system-main-block .search-results li .search-result__title a {
  color: #00829B;
  text-decoration-line: underline;
  text-transform: capitalize;
  transition: all 0.4s;
}
.path-search .block-system-main-block .search-results li .search-result__title a:hover {
  color: #00ADC6;
}
.path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet {
  letter-spacing: 1px;
  color: #333;
  margin-bottom: 0;
}
.path-search .block-system-main-block nav.pager ul.pager__items {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .path-search .block-system-main-block .search-form {
    flex-direction: column;
  }
  .path-search .block-system-main-block .search-form .container-inline .form-item-keys .form-search {
    height: 47px;
  }
  .path-search .block-system-main-block .search-form .container-inline .form-submit {
    height: 47px;
  }
}

.site-map-wrap {
  background: #dcf4f8;
}
.site-map-wrap .row {
  --bs-gutter-y: 40px;
  --bs-gutter-x: 40px;
}
.site-map-wrap .row .col > ul.menu {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-map-wrap .row .col > ul.menu > li.menu-item > a, .site-map-wrap .row .col > ul.menu > li.menu-item > p > span, .site-map-wrap .row .col > ul.menu > li.menu-item > span {
  color: #00adc6 !important;
}
.site-map-wrap .row .col > ul.menu > li.menu-item > .label {
  font-weight: normal !important;
  margin-top: 1rem;
}
.site-map-wrap .row .col > ul.menu > li.menu-item ul.menu {
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.site-map-wrap .row .col > ul.menu > li.menu-item ul.menu li a {
  color: unset;
  text-decoration: none;
  font-weight: normal !important;
}

.campus-detail-part1 {
  position: relative;
  background: #f9fdfe url("../images/page-bg/cd-bg-1.png") no-repeat center bottom/100%;
}
.campus-detail-part1 .vtc-ive-container > .row, .campus-detail-part1 .content-body article[data-history-node-id="107"] .page-full-container > .row, .content-body article[data-history-node-id="107"] .campus-detail-part1 .page-full-container > .row, .campus-detail-part1 .search-form > .row, .campus-detail-part1 #block-vtc-ive-theme-content .user-login-form > .row, #block-vtc-ive-theme-content .campus-detail-part1 .user-login-form > .row,
.campus-detail-part1 #block-vtc-ive-theme-content .openid-connect-login-form > .row,
#block-vtc-ive-theme-content .campus-detail-part1 .openid-connect-login-form > .row, .campus-detail-part1 .view-empty > .row, .campus-detail-part1 .view-programme-listing .view-filters > form > .row, .view-programme-listing .campus-detail-part1 .view-filters > form > .row, .campus-detail-part1 .view-news-and-events-upcoming-listing .view-filters > .row, .view-news-and-events-upcoming-listing .campus-detail-part1 .view-filters > .row, .campus-detail-part1 .path-search .block-system-main-block > .row, .path-search .campus-detail-part1 .block-system-main-block > .row {
  --bs-gutter-x: 66px;
  --bs-gutter-y: 36px;
}
.campus-detail-part1 .vtc-ive-container > .row .col-12:nth-child(1), .campus-detail-part1 .content-body article[data-history-node-id="107"] .page-full-container > .row .col-12:nth-child(1), .content-body article[data-history-node-id="107"] .campus-detail-part1 .page-full-container > .row .col-12:nth-child(1), .campus-detail-part1 .search-form > .row .col-12:nth-child(1), .campus-detail-part1 #block-vtc-ive-theme-content .user-login-form > .row .col-12:nth-child(1), #block-vtc-ive-theme-content .campus-detail-part1 .user-login-form > .row .col-12:nth-child(1),
.campus-detail-part1 #block-vtc-ive-theme-content .openid-connect-login-form > .row .col-12:nth-child(1),
#block-vtc-ive-theme-content .campus-detail-part1 .openid-connect-login-form > .row .col-12:nth-child(1), .campus-detail-part1 .view-empty > .row .col-12:nth-child(1), .campus-detail-part1 .view-programme-listing .view-filters > form > .row .col-12:nth-child(1), .view-programme-listing .campus-detail-part1 .view-filters > form > .row .col-12:nth-child(1), .campus-detail-part1 .view-news-and-events-upcoming-listing .view-filters > .row .col-12:nth-child(1), .view-news-and-events-upcoming-listing .campus-detail-part1 .view-filters > .row .col-12:nth-child(1), .campus-detail-part1 .path-search .block-system-main-block > .row .col-12:nth-child(1), .path-search .campus-detail-part1 .block-system-main-block > .row .col-12:nth-child(1) {
  flex: 1;
}
.campus-detail-part1 .vtc-ive-container > .row .col-12:nth-child(2), .campus-detail-part1 .content-body article[data-history-node-id="107"] .page-full-container > .row .col-12:nth-child(2), .content-body article[data-history-node-id="107"] .campus-detail-part1 .page-full-container > .row .col-12:nth-child(2), .campus-detail-part1 .search-form > .row .col-12:nth-child(2), .campus-detail-part1 #block-vtc-ive-theme-content .user-login-form > .row .col-12:nth-child(2), #block-vtc-ive-theme-content .campus-detail-part1 .user-login-form > .row .col-12:nth-child(2),
.campus-detail-part1 #block-vtc-ive-theme-content .openid-connect-login-form > .row .col-12:nth-child(2),
#block-vtc-ive-theme-content .campus-detail-part1 .openid-connect-login-form > .row .col-12:nth-child(2), .campus-detail-part1 .view-empty > .row .col-12:nth-child(2), .campus-detail-part1 .view-programme-listing .view-filters > form > .row .col-12:nth-child(2), .view-programme-listing .campus-detail-part1 .view-filters > form > .row .col-12:nth-child(2), .campus-detail-part1 .view-news-and-events-upcoming-listing .view-filters > .row .col-12:nth-child(2), .view-news-and-events-upcoming-listing .campus-detail-part1 .view-filters > .row .col-12:nth-child(2), .campus-detail-part1 .path-search .block-system-main-block > .row .col-12:nth-child(2), .path-search .campus-detail-part1 .block-system-main-block > .row .col-12:nth-child(2) {
  width: 600px;
  box-sizing: content-box;
}
.campus-detail-part1 .leftBox {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.campus-detail-part1 .rightBox {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  padding: 44px;
  font-weight: 700;
}
.campus-detail-part1 .rightBox .title, .campus-detail-part1 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part1 .rightBox .diploma {
  color: #00adc6;
  margin-bottom: 0;
}
.campus-detail-part1 .rightBox .discipline {
  margin-top: 44px;
}
.campus-detail-part1 .rightBox .discipline .item img, .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item img {
  width: 64px;
  height: auto;
  max-height: 64px;
  object-fit: cover;
}
.campus-detail-part1 .rightBox .discipline .item, .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item {
  display: flex;
  align-items: center;
  gap: 24px;
  color: #00829b;
}
.campus-detail-part1 .rightBox .discipline .item > span, .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item > span, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item > span {
  flex: 1;
  display: flex;
  border-bottom: 2px solid rgba(0, 173, 198, 0.24);
  padding: 24px 0px;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
}
.campus-detail-part1 .rightBox .discipline .item > span::after, .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item > span::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item > span::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url("../images/global/arrow-r.svg") no-repeat center/100%;
  margin-left: 24px;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .campus-detail-part1 .vtc-ive-container > .row .col-12:nth-child(1), .campus-detail-part1 .content-body article[data-history-node-id="107"] .page-full-container > .row .col-12:nth-child(1), .content-body article[data-history-node-id="107"] .campus-detail-part1 .page-full-container > .row .col-12:nth-child(1), .campus-detail-part1 .search-form > .row .col-12:nth-child(1), .campus-detail-part1 #block-vtc-ive-theme-content .user-login-form > .row .col-12:nth-child(1), #block-vtc-ive-theme-content .campus-detail-part1 .user-login-form > .row .col-12:nth-child(1),
  .campus-detail-part1 #block-vtc-ive-theme-content .openid-connect-login-form > .row .col-12:nth-child(1),
  #block-vtc-ive-theme-content .campus-detail-part1 .openid-connect-login-form > .row .col-12:nth-child(1), .campus-detail-part1 .view-empty > .row .col-12:nth-child(1), .campus-detail-part1 .view-programme-listing .view-filters > form > .row .col-12:nth-child(1), .view-programme-listing .campus-detail-part1 .view-filters > form > .row .col-12:nth-child(1), .campus-detail-part1 .view-news-and-events-upcoming-listing .view-filters > .row .col-12:nth-child(1), .view-news-and-events-upcoming-listing .campus-detail-part1 .view-filters > .row .col-12:nth-child(1), .campus-detail-part1 .path-search .block-system-main-block > .row .col-12:nth-child(1), .path-search .campus-detail-part1 .block-system-main-block > .row .col-12:nth-child(1) {
    flex: auto;
  }
  .campus-detail-part1 .vtc-ive-container > .row .col-12:nth-child(2), .campus-detail-part1 .content-body article[data-history-node-id="107"] .page-full-container > .row .col-12:nth-child(2), .content-body article[data-history-node-id="107"] .campus-detail-part1 .page-full-container > .row .col-12:nth-child(2), .campus-detail-part1 .search-form > .row .col-12:nth-child(2), .campus-detail-part1 #block-vtc-ive-theme-content .user-login-form > .row .col-12:nth-child(2), #block-vtc-ive-theme-content .campus-detail-part1 .user-login-form > .row .col-12:nth-child(2),
  .campus-detail-part1 #block-vtc-ive-theme-content .openid-connect-login-form > .row .col-12:nth-child(2),
  #block-vtc-ive-theme-content .campus-detail-part1 .openid-connect-login-form > .row .col-12:nth-child(2), .campus-detail-part1 .view-empty > .row .col-12:nth-child(2), .campus-detail-part1 .view-programme-listing .view-filters > form > .row .col-12:nth-child(2), .view-programme-listing .campus-detail-part1 .view-filters > form > .row .col-12:nth-child(2), .campus-detail-part1 .view-news-and-events-upcoming-listing .view-filters > .row .col-12:nth-child(2), .view-news-and-events-upcoming-listing .campus-detail-part1 .view-filters > .row .col-12:nth-child(2), .campus-detail-part1 .path-search .block-system-main-block > .row .col-12:nth-child(2), .path-search .campus-detail-part1 .block-system-main-block > .row .col-12:nth-child(2) {
    flex: auto;
  }
  .campus-detail-part1 .rightBox {
    padding: 36px;
  }
  .campus-detail-part1 .rightBox .discipline {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
  }
  .campus-detail-part1 .rightBox .discipline .item, .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item {
    gap: 0;
  }
  .campus-detail-part1 .rightBox .discipline .item img, .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item img {
    width: 36px;
    max-height: 36px;
  }
  .campus-detail-part1 .rightBox .discipline .item span, .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item span, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item span {
    padding: 12px;
  }
  .campus-detail-part1 .rightBox .discipline .item span::after, .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item span::after, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item span::after {
    width: 15px;
    height: 12px;
  }
}

.campus-detail-part2 {
  background: url("../images/page-bg/cd-bg-2.png") no-repeat center/100% 100%;
}
.campus-detail-part2 .advanced-facility-info-card .row {
  --bs-gutter-x: 44px;
  --bs-gutter-y: 36px;
}
.campus-detail-part2 .advanced-facility-info-card .global-swiper {
  width: 100%;
}
.campus-detail-part2 .advanced-facility-info-card .global-swiper .item, .campus-detail-part2 .advanced-facility-info-card .global-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part2 .advanced-facility-info-card .global-swiper .item {
  border-radius: 18px;
  overflow: hidden;
  padding-top: 65%;
  position: relative;
}
.campus-detail-part2 .advanced-facility-info-card .global-swiper .item > *, .campus-detail-part2 .advanced-facility-info-card .global-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item > *, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part2 .advanced-facility-info-card .global-swiper .item > * {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.campus-detail-part2 .advanced-facility-info-card .global-swiper .item > div:last-child, .campus-detail-part2 .advanced-facility-info-card .global-swiper .item > p:last-child {
  width: 100%;
  height: 100%;
  margin: 0;
}
.campus-detail-part2 .advanced-facility-info-card .global-swiper .item img, .campus-detail-part2 .advanced-facility-info-card .global-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item img, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part2 .advanced-facility-info-card .global-swiper .item img,
.campus-detail-part2 .advanced-facility-info-card .global-swiper .item video,
.campus-detail-part2 .advanced-facility-info-card .global-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item video,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part2 .advanced-facility-info-card .global-swiper .item video,
.campus-detail-part2 .advanced-facility-info-card .global-swiper .item iframe,
.campus-detail-part2 .advanced-facility-info-card .global-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item iframe,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part2 .advanced-facility-info-card .global-swiper .item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.campus-detail-part2 .advanced-facility-info-card {
  border-radius: 20px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.5) 100%);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  padding: 40px;
}
.campus-detail-part2 .advanced-facility-info-card .desc > p {
  margin-bottom: 0;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-view-swiper {
  width: 100%;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-view-swiper .swiper-slide {
  visibility: hidden;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-view-swiper .swiper-slide.swiper-slide-active {
  visibility: visible;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-view-swiper .imgBox {
  padding-top: 60%;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-view-swiper .af-img-view-pagination {
  justify-content: center;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 84px;
  border-top: 2px solid rgba(0, 173, 198, 0.24);
}
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .item .imgBox {
  aspect-ratio: 80/52;
  position: relative;
  max-width: 500px;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .item .imgBox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 8px solid #00adc6;
  opacity: 0;
  z-index: 1;
  border-radius: 20px;
  transition: all 0.2s ease;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .swiper-slide-thumb-active .item .imgBox::after {
  opacity: 1;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-prev,
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-play,
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-next {
  position: absolute;
  top: auto;
  bottom: 0;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-prev {
  right: 127px;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-play {
  cursor: pointer;
  left: auto;
  right: 63px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: url("../images/icon/play.svg") #00adc6 no-repeat center;
}
.campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-play.pause {
  background: url("../images/icon/pause.svg") #00adc6 no-repeat left 17px center/13px;
}
@media screen and (max-width: 991px) {
  .campus-detail-part2 .advanced-facility-info-card {
    padding: 24px;
    border-radius: 12px;
  }
  .campus-detail-part2 .advanced-facility-info-card .global-swiper .item, .campus-detail-part2 .advanced-facility-info-card .global-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part2 .advanced-facility-info-card .global-swiper .item {
    border-radius: 7px;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper {
    margin-top: 36px;
    padding-bottom: 36px;
    padding-bottom: 57px;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-prev {
    right: 80px;
    left: auto;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-next {
    right: 0;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .item .imgBox {
    border-radius: 10px;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .item .imgBox::after {
    border-radius: 10px;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-play {
    width: 32px;
    height: 32px;
    right: 40px;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-play.pause {
    background-position: 11px center !important;
  }
}
@media screen and (max-width: 767px) {
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper {
    border-top: none;
    padding-top: 0;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .swiper-wrapper {
    display: none;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-prev {
    right: 40px;
  }
  .campus-detail-part2 .advanced-facility-info-card .af-img-preview-swiper .af-img-preview-play {
    display: none;
  }
}

.campus-detail-part3 {
  background: url("../images/page-bg/cd-bg-3.png") no-repeat center top 150px/cover;
}
@media screen and (max-width: 991px) {
  .campus-detail-part3 {
    background: url("../images/page-bg/cd-bg-3.png") no-repeat center top 110px/cover;
  }
}
.campus-detail-part3 .college-activities-swiper {
  padding-bottom: 84px;
}
.campus-detail-part3 .college-activities-swiper .item, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item {
  cursor: pointer;
}
.campus-detail-part3 .college-activities-swiper .item:hover .infoCard .title, .campus-detail-part3 .college-activities-swiper .item:hover .infoCard .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item:hover .infoCard .diploma, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .item:hover .infoCard .cardInfo .diploma, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .item:hover .infoCard .cardInfo .diploma, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .item:hover .infoCard .diploma, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .item:hover .infoCard .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item:hover .infoCard .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item:hover .infoCard .cardInfo .diploma {
  color: #00adc6;
}
.campus-detail-part3 .college-activities-swiper .item.item-pt, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item-pt.item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item-pt.item {
  padding-top: 60px;
}
.campus-detail-part3 .college-activities-swiper .item .imgBox, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .imgBox, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item .imgBox {
  border-radius: 20px 20px 0 0;
  aspect-ratio: 854/564;
}
.campus-detail-part3 .college-activities-swiper .item .infoCard, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoCard, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item .infoCard {
  padding: 24px;
  border-radius: 0 0 20px 20px;
  background: #fff;
  position: relative;
}
.campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox {
  display: flex;
  justify-content: space-between;
}
.campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date {
  display: flex;
  align-items: center;
}
.campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/icon/date.svg") no-repeat center/100%;
  margin-right: 7px;
}
.campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .tag {
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(0, 173, 198, 0.7);
  display: flex;
  align-items: center;
}
.campus-detail-part3 .college-activities-swiper .item .infoCard .title, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoCard .title, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item .infoCard .title, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoCard .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .infoCard .cardInfo .diploma, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoCard .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .infoCard .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma {
  margin-top: 16px;
  margin-bottom: 0;
  font-weight: 400 !important;
}
@media screen and (max-width: 991px) {
  .campus-detail-part3 .college-activities-swiper {
    padding-bottom: 68px;
  }
  .campus-detail-part3 .college-activities-swiper .item.item-pt, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item-pt.item, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item-pt.item {
    padding-top: 0;
  }
  .campus-detail-part3 .college-activities-swiper .item .infoCard, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .infoCard, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item .infoCard {
    padding: 16px;
  }
  .campus-detail-part3 .college-activities-swiper .item .title, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .title, .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part3 .college-activities-swiper .item .title, .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .cardInfo .diploma, .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .diploma {
    margin-top: 12px;
  }
  .campus-detail-part3 .college-activities-swiper .college-activities-prev,
  .campus-detail-part3 .college-activities-swiper .college-activities-next {
    bottom: 0;
    top: auto;
  }
  .campus-detail-part3 .college-activities-swiper .college-activities-prev {
    left: auto;
    right: 40px;
  }
  .campus-detail-part3 .college-activities-swiper .college-activities-next {
    right: 0;
  }
}

.campus-detail-part4 {
  background: url("../images/page-bg/cd-bg-4.png") no-repeat center/100% 100%;
}
.campus-detail-part4 .row.g-0 .col-12:nth-child(1) {
  width: calc(50% - 100px);
}
.campus-detail-part4 .row.g-0 .col-12:nth-child(2) {
  width: calc(50% + 100px);
}
.campus-detail-part4 .contentBox .linkList .top {
  margin-bottom: 10px;
}
.campus-detail-part4 .contentBox .linkList .top * {
  letter-spacing: 0;
}
.campus-detail-part4 .contentBox .linkList .top .tel,
.campus-detail-part4 .contentBox .linkList .top .email {
  cursor: pointer;
}
.campus-detail-part4 .contentBox .linkList .top .tel::before {
  background: url("../images/icon/phone.svg") no-repeat center/100%;
}
.campus-detail-part4 .contentBox .linkList .top .fax::before {
  background: url("../images/icon/print.svg") no-repeat center/100%;
}
.campus-detail-part4 .contentBox .linkList .top .email {
  flex: 1;
}
.campus-detail-part4 .contentBox .linkList .top .email::before {
  background: url("../images/icon/email.svg") no-repeat center/100%;
}
.campus-detail-part4 .contentBox .linkList .bottom * {
  letter-spacing: 0;
}
.campus-detail-part4 .contentBox .linkList .bottom .facebook::before {
  background: url("../images/icon/facebook1.svg") no-repeat center/100%;
}
.campus-detail-part4 .contentBox .linkList .bottom .instagram::before {
  background: url("../images/icon/instagram1.svg") no-repeat center/100%;
}
.campus-detail-part4 .contentBox .linkList .bottom .youtube::before {
  background: url("../images/icon/youtube1.svg") no-repeat center/100%;
}
.campus-detail-part4 .contentBox .linkList .bottom .whatsapp::before {
  background: url("../images/icon/whatsapp.svg") no-repeat center/100%;
}
.campus-detail-part4 .contentBox .linkList .top > div::before,
.campus-detail-part4 .contentBox .linkList .bottom > a::before {
  width: 32px;
  height: 32px;
  content: "";
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
  flex-shrink: 0;
}
.campus-detail-part4 .contentBox .linkList .top,
.campus-detail-part4 .contentBox .linkList .bottom {
  display: flex;
  column-gap: 20px;
  row-gap: 10px;
}
@media screen and (max-width: 1200px) {
  .campus-detail-part4 .contentBox .linkList .top,
  .campus-detail-part4 .contentBox .linkList .bottom {
    flex-wrap: wrap;
  }
}
.campus-detail-part4 .contentBox .linkList .top > div,
.campus-detail-part4 .contentBox .linkList .bottom > div {
  width: 190px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.campus-detail-part4 .contentBox .linkList .top > a,
.campus-detail-part4 .contentBox .linkList .bottom > a {
  width: 190px;
  display: flex;
  align-items: center;
}
.campus-detail-part4 .contentBox .linkList .top > a > div,
.campus-detail-part4 .contentBox .linkList .bottom > a > div {
  display: inline-block !important;
}
.campus-detail-part4 .leftImg {
  position: absolute;
  padding-right: 66px;
  width: calc(50% - 100px);
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.campus-detail-part4 .leftImg .imgBox {
  border-radius: 0 20px 20px 0;
  padding-top: 50%;
}
.campus-detail-part4 .main-title-line, .campus-detail-part4 .path-search .block-system-main-block > h2::after, .path-search .campus-detail-part4 .block-system-main-block > h2::after {
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.25) 100%);
}
.campus-detail-part4 .contentBox .row .title, .campus-detail-part4 .contentBox .row .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part4 .contentBox .row .diploma {
  font-weight: 700;
  margin-bottom: 8px;
}
@media screen and (max-width: 991px) {
  .campus-detail-part4 .vtc-ive-container > .row, .campus-detail-part4 .content-body article[data-history-node-id="107"] .page-full-container > .row, .content-body article[data-history-node-id="107"] .campus-detail-part4 .page-full-container > .row, .campus-detail-part4 .search-form > .row, .campus-detail-part4 #block-vtc-ive-theme-content .user-login-form > .row, #block-vtc-ive-theme-content .campus-detail-part4 .user-login-form > .row,
  .campus-detail-part4 #block-vtc-ive-theme-content .openid-connect-login-form > .row,
  #block-vtc-ive-theme-content .campus-detail-part4 .openid-connect-login-form > .row, .campus-detail-part4 .view-empty > .row, .campus-detail-part4 .view-programme-listing .view-filters > form > .row, .view-programme-listing .campus-detail-part4 .view-filters > form > .row, .campus-detail-part4 .view-news-and-events-upcoming-listing .view-filters > .row, .view-news-and-events-upcoming-listing .campus-detail-part4 .view-filters > .row, .campus-detail-part4 .path-search .block-system-main-block > .row, .path-search .campus-detail-part4 .block-system-main-block > .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .campus-detail-part4 .vtc-ive-container > .row .col-12:nth-child(1), .campus-detail-part4 .content-body article[data-history-node-id="107"] .page-full-container > .row .col-12:nth-child(1), .content-body article[data-history-node-id="107"] .campus-detail-part4 .page-full-container > .row .col-12:nth-child(1), .campus-detail-part4 .search-form > .row .col-12:nth-child(1), .campus-detail-part4 #block-vtc-ive-theme-content .user-login-form > .row .col-12:nth-child(1), #block-vtc-ive-theme-content .campus-detail-part4 .user-login-form > .row .col-12:nth-child(1),
  .campus-detail-part4 #block-vtc-ive-theme-content .openid-connect-login-form > .row .col-12:nth-child(1),
  #block-vtc-ive-theme-content .campus-detail-part4 .openid-connect-login-form > .row .col-12:nth-child(1), .campus-detail-part4 .view-empty > .row .col-12:nth-child(1), .campus-detail-part4 .view-programme-listing .view-filters > form > .row .col-12:nth-child(1), .view-programme-listing .campus-detail-part4 .view-filters > form > .row .col-12:nth-child(1), .campus-detail-part4 .view-news-and-events-upcoming-listing .view-filters > .row .col-12:nth-child(1), .view-news-and-events-upcoming-listing .campus-detail-part4 .view-filters > .row .col-12:nth-child(1), .campus-detail-part4 .path-search .block-system-main-block > .row .col-12:nth-child(1), .path-search .campus-detail-part4 .block-system-main-block > .row .col-12:nth-child(1),
  .campus-detail-part4 .vtc-ive-container > .row .col-12:nth-child(2),
  .campus-detail-part4 .content-body article[data-history-node-id="107"] .page-full-container > .row .col-12:nth-child(2),
  .content-body article[data-history-node-id="107"] .campus-detail-part4 .page-full-container > .row .col-12:nth-child(2),
  .campus-detail-part4 .search-form > .row .col-12:nth-child(2),
  .campus-detail-part4 #block-vtc-ive-theme-content .user-login-form > .row .col-12:nth-child(2),
  #block-vtc-ive-theme-content .campus-detail-part4 .user-login-form > .row .col-12:nth-child(2),
  .campus-detail-part4 #block-vtc-ive-theme-content .openid-connect-login-form > .row .col-12:nth-child(2),
  #block-vtc-ive-theme-content .campus-detail-part4 .openid-connect-login-form > .row .col-12:nth-child(2),
  .campus-detail-part4 .view-empty > .row .col-12:nth-child(2),
  .campus-detail-part4 .view-programme-listing .view-filters > form > .row .col-12:nth-child(2),
  .view-programme-listing .campus-detail-part4 .view-filters > form > .row .col-12:nth-child(2),
  .campus-detail-part4 .view-news-and-events-upcoming-listing .view-filters > .row .col-12:nth-child(2),
  .view-news-and-events-upcoming-listing .campus-detail-part4 .view-filters > .row .col-12:nth-child(2),
  .campus-detail-part4 .path-search .block-system-main-block > .row .col-12:nth-child(2),
  .path-search .campus-detail-part4 .block-system-main-block > .row .col-12:nth-child(2) {
    width: 100%;
  }
  .campus-detail-part4 .leftImg {
    padding-right: 0px;
    margin-top: 36px;
    width: 100%;
    position: static;
  }
  .campus-detail-part4 .leftImg .imgBox {
    border-radius: 20px;
  }
  .campus-detail-part4 .contentBox .linkList .top,
  .campus-detail-part4 .contentBox .linkList .bottom {
    column-gap: 24px;
    flex-wrap: wrap;
  }
  .campus-detail-part4 .contentBox .linkList .top > div::before,
  .campus-detail-part4 .contentBox .linkList .bottom > a::before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .campus-detail-part4 .contentBox .linkList .top > div,
  .campus-detail-part4 .contentBox .linkList .bottom > div {
    width: calc((100% - 24px) / 2);
  }
  .campus-detail-part4 .contentBox .linkList .top > a,
  .campus-detail-part4 .contentBox .linkList .bottom > a {
    width: calc((100% - 24px) / 2);
  }
}

.campus-detail-part5 {
  background: url("../images/page-bg/cd-bg-5.png") no-repeat center/100% 100%;
}
.campus-detail-part5 .leftBox .main-title-line, .campus-detail-part5 .leftBox .path-search .block-system-main-block > h2::after, .path-search .campus-detail-part5 .leftBox .block-system-main-block > h2::after {
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.25) 100%);
}
.campus-detail-part5 .leftBox .location {
  margin-bottom: 0;
  font-weight: 700;
}
.campus-detail-part5 .leftBox .location::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../images/icon/location.svg") no-repeat center/100%;
  vertical-align: middle;
  margin-right: 8px;
}
.campus-detail-part5 .rightBox {
  --bs-gutter-y: 36px;
  width: 100%;
  flex: 1;
}
.campus-detail-part5 .rightBox .title, .campus-detail-part5 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part5 .rightBox .diploma {
  margin-bottom: 12px;
  font-weight: 700;
}
.campus-detail-part5 #schoolMap {
  height: 564px;
}

.vtc-ive-footer {
  background: #0f2b5b;
  color: #fff;
}
.vtc-ive-footer .copyright {
  font-size: 0.875rem;
  margin: 0;
}
.vtc-ive-footer .top, .vtc-ive-footer .bottom {
  font-weight: 300;
}
.vtc-ive-footer .bottom .col-12:first-child > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vtc-ive-footer .footer-logo > div {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: center;
}
.vtc-ive-footer .footer-logo > div img {
  height: 80px;
  width: auto;
}
.vtc-ive-footer .shareList.gap-4 {
  gap: 36px !important;
}
.vtc-ive-footer .shareList > .d-inline-block {
  width: 36px;
  height: 36px;
  display: inline-block;
}
.vtc-ive-footer .shareList > .d-inline-block > a {
  color: transparent;
  display: block;
  height: 100%;
  width: 100%;
}
.vtc-ive-footer .shareList > .d-inline-block.whatsapp {
  background: url("../images/icon/whatsapp.png") no-repeat center;
}
.vtc-ive-footer .shareList > .d-inline-block.youtube {
  background: url("../images/icon/youtube.svg") no-repeat center;
}
.vtc-ive-footer .shareList > .d-inline-block.facebook {
  background: url("../images/icon/facebook.svg") no-repeat center;
}
.vtc-ive-footer .shareList > .d-inline-block.instagram {
  background: url("../images/icon/instagram.svg") no-repeat center;
}
.vtc-ive-footer .float-logo {
  position: absolute;
  bottom: 52px;
  right: 0;
}
@media screen and (max-width: 991px) {
  .vtc-ive-footer .float-logo {
    position: static;
    display: flex;
    justify-content: end;
    padding-bottom: 48px;
    margin-right: -20px;
  }
}
.vtc-ive-footer .footer-link ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 17px;
  font-weight: 300;
}
.vtc-ive-footer .footer-link ul li {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.vtc-ive-footer .back_to_top {
  width: 76px;
  height: 76px;
  position: fixed;
  right: 26px;
  bottom: 120px;
  z-index: 11;
  opacity: 0;
  transition: all 0.4s;
  cursor: pointer;
}
.vtc-ive-footer .back_to_top.show {
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .vtc-ive-footer .back_to_top {
    bottom: 2px;
    right: 2px;
  }
  .vtc-ive-footer .footer-link ul {
    font-size: 16px;
  }
}

html[lang=en] h1,
html[lang=en] .h1,
html[lang=en] .banner-img-inner .banner-bg,
.banner-img-inner html[lang=en] .banner-bg,
html[lang=en] .vtc-ive-home-page .home-page-banner .banner-info-box .title,
.vtc-ive-home-page .home-page-banner .banner-info-box html[lang=en] .title,
html[lang=en] .vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box html[lang=en] .diploma {
  letter-spacing: 0px;
}
@media only screen and (max-width: 991px) {
  html[lang=en] h1,
  html[lang=en] .h1,
  html[lang=en] .banner-img-inner .banner-bg,
  .banner-img-inner html[lang=en] .banner-bg,
  html[lang=en] .vtc-ive-home-page .home-page-banner .banner-info-box .title,
  .vtc-ive-home-page .home-page-banner .banner-info-box html[lang=en] .title,
  html[lang=en] .vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box html[lang=en] .diploma {
    letter-spacing: 0px;
  }
}
html[lang=en] h2,
html[lang=en] .h2,
html[lang=en] .main-title,
html[lang=en] .overlapBox .info-section .text-card .main-title,
.overlapBox .info-section .text-card html[lang=en] .main-title,
html[lang=en] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .title,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox html[lang=en] .title,
html[lang=en] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox html[lang=en] .diploma,
html[lang=en] .about-academic-recognition .imgBox .nameBox,
.about-academic-recognition .imgBox html[lang=en] .nameBox,
html[lang=en] .global-ohter-section .item .imgBox .imgDesc .imgTitle,
.global-ohter-section .item .imgBox .imgDesc html[lang=en] .imgTitle,
html[lang=en] .path-search .block-system-main-block > h2,
.path-search html[lang=en] .block-system-main-block > h2,
html[lang=en] .overlapBox .info-section .text-card .path-search .block-system-main-block > h2,
.overlapBox .info-section .text-card .path-search html[lang=en] .block-system-main-block > h2,
html[lang=en] .path-search .overlapBox .info-section .text-card .block-system-main-block > h2,
.path-search .overlapBox .info-section .text-card html[lang=en] .block-system-main-block > h2 {
  letter-spacing: 0;
}
@media only screen and (max-width: 991px) {
  html[lang=en] h2,
  html[lang=en] .h2,
  html[lang=en] .main-title,
  html[lang=en] .overlapBox .info-section .text-card .main-title,
  .overlapBox .info-section .text-card html[lang=en] .main-title,
  html[lang=en] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .title,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox html[lang=en] .title,
  html[lang=en] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .teachingFacilities .img-view-swiper .imgBox .textBox html[lang=en] .diploma,
  html[lang=en] .about-academic-recognition .imgBox .nameBox,
  .about-academic-recognition .imgBox html[lang=en] .nameBox,
  html[lang=en] .global-ohter-section .item .imgBox .imgDesc .imgTitle,
  .global-ohter-section .item .imgBox .imgDesc html[lang=en] .imgTitle,
  html[lang=en] .path-search .block-system-main-block > h2,
  .path-search html[lang=en] .block-system-main-block > h2,
  html[lang=en] .overlapBox .info-section .text-card .path-search .block-system-main-block > h2,
  .overlapBox .info-section .text-card .path-search html[lang=en] .block-system-main-block > h2,
  html[lang=en] .path-search .overlapBox .info-section .text-card .block-system-main-block > h2,
  .path-search .overlapBox .info-section .text-card html[lang=en] .block-system-main-block > h2 {
    letter-spacing: 0;
  }
}
html[lang=en] h3,
html[lang=en] .h3,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .name,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .name,
html[lang=en] .lo-career-development .development-swiper .item .name,
.lo-career-development .development-swiper .item html[lang=en] .name,
html[lang=en] .campus-listing .network-listing .item,
.campus-listing .network-listing html[lang=en] .item,
html[lang=en] .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .item,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing html[lang=en] .item,
html[lang=en] .sl-languageDevelopment .cardBox .innerCard .title,
.sl-languageDevelopment .cardBox .innerCard html[lang=en] .title,
html[lang=en] .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-languageDevelopment .cardBox .innerCard .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-languageDevelopment .cardBox .innerCard html[lang=en] .diploma,
html[lang=en] .global-ohter-section .item .item-title,
.global-ohter-section .item html[lang=en] .item-title,
html[lang=en] .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .item-title,
.global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item html[lang=en] .item-title,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .item-title,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item html[lang=en] .item-title,
html[lang=en] .campus-detail-part1 .rightBox .title,
.campus-detail-part1 .rightBox html[lang=en] .title,
html[lang=en] .campus-detail-part1 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.campus-detail-part1 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part1 .rightBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part1 .rightBox html[lang=en] .diploma,
html[lang=en] .campus-detail-part2 .advanced-facility-info-card .title,
.campus-detail-part2 .advanced-facility-info-card html[lang=en] .title,
html[lang=en] .campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part2 .advanced-facility-info-card .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part2 .advanced-facility-info-card html[lang=en] .diploma {
  letter-spacing: 0;
}
@media only screen and (max-width: 991px) {
  html[lang=en] h3,
  html[lang=en] .h3,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .name,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .name,
  html[lang=en] .lo-career-development .development-swiper .item .name,
  .lo-career-development .development-swiper .item html[lang=en] .name,
  html[lang=en] .campus-listing .network-listing .item,
  .campus-listing .network-listing html[lang=en] .item,
  html[lang=en] .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
  .campus-listing .network-listing .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .item,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing .item,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-listing .network-listing html[lang=en] .item,
  html[lang=en] .sl-languageDevelopment .cardBox .innerCard .title,
  .sl-languageDevelopment .cardBox .innerCard html[lang=en] .title,
  html[lang=en] .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .sl-languageDevelopment .cardBox .innerCard .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-languageDevelopment .cardBox .innerCard .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-languageDevelopment .cardBox .innerCard html[lang=en] .diploma,
  html[lang=en] .global-ohter-section .item .item-title,
  .global-ohter-section .item html[lang=en] .item-title,
  html[lang=en] .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .item-title,
  .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item html[lang=en] .item-title,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item .item-title,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .global-ohter-section .item html[lang=en] .item-title,
  html[lang=en] .campus-detail-part1 .rightBox .title,
  .campus-detail-part1 .rightBox html[lang=en] .title,
  html[lang=en] .campus-detail-part1 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .campus-detail-part1 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part1 .rightBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part1 .rightBox html[lang=en] .diploma,
  html[lang=en] .campus-detail-part2 .advanced-facility-info-card .title,
  .campus-detail-part2 .advanced-facility-info-card html[lang=en] .title,
  html[lang=en] .campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .campus-detail-part2 .advanced-facility-info-card .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part2 .advanced-facility-info-card .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part2 .advanced-facility-info-card html[lang=en] .diploma {
    letter-spacing: 0;
  }
}
html[lang=en] h4,
html[lang=en] .h4,
html[lang=en] .content-body article[data-history-node-id="107"] .menu--main > ul.menu,
.content-body article[data-history-node-id="107"] html[lang=en] .menu--main > ul.menu,
html[lang=en] .video-section .video-cont2 .conditions,
.video-section .video-cont2 html[lang=en] .conditions,
html[lang=en] .vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox .textBox,
.vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox html[lang=en] .textBox,
html[lang=en] .vtc-ive-home-page .industryRecognition .infoList .item,
.vtc-ive-home-page .industryRecognition .infoList html[lang=en] .item,
html[lang=en] .vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide .item,
.vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide html[lang=en] .item,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList html[lang=en] .item,
html[lang=en] .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .title,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox html[lang=en] .title,
html[lang=en] .vtc-ive-home-page .industryRecognition .personnel-list-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .cardBox .diploma,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .cardBox html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .industryRecognition .personnel-list-swiper .swiper-slide > .item .cardInfo .cardBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .industryRecognition .personnel-list-swiper .swiper-slide > .item .cardInfo .cardBox html[lang=en] .diploma,
html[lang=en] .about-advantage .item .infoBox .titleBox .title,
.about-advantage .item .infoBox .titleBox html[lang=en] .title,
html[lang=en] .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma,
.about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo html[lang=en] .diploma,
html[lang=en] .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma,
.about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox html[lang=en] .diploma,
html[lang=en] .campus-listing .broadenSHorizon .campus-listing-swiper .item .title,
.campus-listing .broadenSHorizon .campus-listing-swiper .item html[lang=en] .title,
html[lang=en] .campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .broadenSHorizon .campus-listing-swiper .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .broadenSHorizon .campus-listing-swiper .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item html[lang=en] .diploma,
html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .title,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .title,
html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .diploma,
html[lang=en] .sl-internationalExchange .cardBox .infoBox .title,
.sl-internationalExchange .cardBox .infoBox html[lang=en] .title,
html[lang=en] .sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internationalExchange .cardBox .infoBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internationalExchange .cardBox .infoBox html[lang=en] .diploma,
html[lang=en] .lo-higher-iploma .rowList .item .w-100 .title,
.lo-higher-iploma .rowList .item .w-100 html[lang=en] .title,
html[lang=en] .lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .w-100 .cardInfo .diploma,
.lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .w-100 .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .w-100 .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .w-100 .cardInfo html[lang=en] .diploma,
html[lang=en] .lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .w-100 .diploma,
.lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .w-100 html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .cardInfo .w-100 .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .cardInfo .w-100 html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 html[lang=en] .diploma,
html[lang=en] .dfs-page .multipleCurriculumAreas .item .text-tag,
.dfs-page .multipleCurriculumAreas .item html[lang=en] .text-tag,
html[lang=en] .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-tag,
.dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item html[lang=en] .text-tag,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .text-tag,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item html[lang=en] .text-tag,
html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item > a,
.site-map-wrap .row html[lang=en] .col > ul.menu > li.menu-item > a,
html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item > p > span,
.site-map-wrap .row html[lang=en] .col > ul.menu > li.menu-item > p > span,
html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item > span,
.site-map-wrap .row html[lang=en] .col > ul.menu > li.menu-item > span,
html[lang=en] .campus-detail-part1 .rightBox .discipline .item,
.campus-detail-part1 .rightBox .discipline html[lang=en] .item,
html[lang=en] .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .item,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline html[lang=en] .item,
html[lang=en] .campus-detail-part5 .leftBox .location,
.campus-detail-part5 .leftBox html[lang=en] .location,
html[lang=en] .campus-detail-part5 .rightBox .title,
.campus-detail-part5 .rightBox html[lang=en] .title,
html[lang=en] .campus-detail-part5 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.campus-detail-part5 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part5 .rightBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part5 .rightBox html[lang=en] .diploma {
  letter-spacing: 0;
}
@media only screen and (max-width: 991px) {
  html[lang=en] h4,
  html[lang=en] .h4,
  html[lang=en] .content-body article[data-history-node-id="107"] .menu--main > ul.menu,
  .content-body article[data-history-node-id="107"] html[lang=en] .menu--main > ul.menu,
  html[lang=en] .video-section .video-cont2 .conditions,
  .video-section .video-cont2 html[lang=en] .conditions,
  html[lang=en] .vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox .textBox,
  .vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox html[lang=en] .textBox,
  html[lang=en] .vtc-ive-home-page .industryRecognition .infoList .item,
  .vtc-ive-home-page .industryRecognition .infoList html[lang=en] .item,
  html[lang=en] .vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide .item,
  .vtc-ive-home-page .industryRecognition .infoList .about-ive .about-ive-swiper .swiper-slide html[lang=en] .item,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList .item,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .industryRecognition .infoList html[lang=en] .item,
  html[lang=en] .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .title,
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox html[lang=en] .title,
  html[lang=en] .vtc-ive-home-page .industryRecognition .personnel-list-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .cardBox .diploma,
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .cardBox html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .industryRecognition .personnel-list-swiper .swiper-slide > .item .cardInfo .cardBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .industryRecognition .personnel-list-swiper .swiper-slide > .item .cardInfo .cardBox html[lang=en] .diploma,
  html[lang=en] .about-advantage .item .infoBox .titleBox .title,
  .about-advantage .item .infoBox .titleBox html[lang=en] .title,
  html[lang=en] .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma,
  .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoBox .titleBox .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .infoBox .titleBox .cardInfo html[lang=en] .diploma,
  html[lang=en] .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma,
  .about-advantage .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoBox .titleBox html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-advantage .swiper-slide > .item .cardInfo .infoBox .titleBox html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .about-advantage .item .infoBox .titleBox .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .about-advantage .item .infoBox .titleBox html[lang=en] .diploma,
  html[lang=en] .campus-listing .broadenSHorizon .campus-listing-swiper .item .title,
  .campus-listing .broadenSHorizon .campus-listing-swiper .item html[lang=en] .title,
  html[lang=en] .campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .campus-listing .broadenSHorizon .campus-listing-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .broadenSHorizon .campus-listing-swiper .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .campus-listing .broadenSHorizon .campus-listing-swiper .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-listing .broadenSHorizon .campus-listing-swiper .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-listing .broadenSHorizon .campus-listing-swiper .item html[lang=en] .diploma,
  html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .title,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .title,
  html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .diploma,
  html[lang=en] .sl-internationalExchange .cardBox .infoBox .title,
  .sl-internationalExchange .cardBox .infoBox html[lang=en] .title,
  html[lang=en] .sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .sl-internationalExchange .cardBox .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internationalExchange .cardBox .infoBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .sl-internationalExchange .cardBox .infoBox html[lang=en] .diploma,
  html[lang=en] .lo-higher-iploma .rowList .item .w-100 .title,
  .lo-higher-iploma .rowList .item .w-100 html[lang=en] .title,
  html[lang=en] .lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .w-100 .cardInfo .diploma,
  .lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .w-100 .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .w-100 .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .w-100 .cardInfo html[lang=en] .diploma,
  html[lang=en] .lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .w-100 .diploma,
  .lo-higher-iploma .rowList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .w-100 html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .cardInfo .w-100 .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .lo-higher-iploma .rowList .swiper-slide > .item .cardInfo .w-100 html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .lo-higher-iploma .rowList .item .w-100 .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .lo-higher-iploma .rowList .item .w-100 html[lang=en] .diploma,
  html[lang=en] .dfs-page .multipleCurriculumAreas .item .text-tag,
  .dfs-page .multipleCurriculumAreas .item html[lang=en] .text-tag,
  html[lang=en] .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .text-tag,
  .dfs-page .multipleCurriculumAreas .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item html[lang=en] .text-tag,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item .text-tag,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .dfs-page .multipleCurriculumAreas .item html[lang=en] .text-tag,
  html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item > a,
  .site-map-wrap .row html[lang=en] .col > ul.menu > li.menu-item > a,
  html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item > p > span,
  .site-map-wrap .row html[lang=en] .col > ul.menu > li.menu-item > p > span,
  html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item > span,
  .site-map-wrap .row html[lang=en] .col > ul.menu > li.menu-item > span,
  html[lang=en] .campus-detail-part1 .rightBox .discipline .item,
  .campus-detail-part1 .rightBox .discipline html[lang=en] .item,
  html[lang=en] .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
  .campus-detail-part1 .rightBox .discipline .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .item,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline .item,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .campus-detail-part1 .rightBox .discipline html[lang=en] .item,
  html[lang=en] .campus-detail-part5 .leftBox .location,
  .campus-detail-part5 .leftBox html[lang=en] .location,
  html[lang=en] .campus-detail-part5 .rightBox .title,
  .campus-detail-part5 .rightBox html[lang=en] .title,
  html[lang=en] .campus-detail-part5 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .campus-detail-part5 .rightBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part5 .rightBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part5 .rightBox html[lang=en] .diploma {
    letter-spacing: 0;
  }
}
html[lang=en] h5,
html[lang=en] .h5,
html[lang=en] .vtc-ive-header .ive-side-menu .menu .menu-item a,
.vtc-ive-header .ive-side-menu .menu .menu-item html[lang=en] a,
html[lang=en] .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > span,
.vtc-ive-header .ive-side-menu .menu html[lang=en] .menu-item.menu-item--expanded > span,
html[lang=en] .vtc-ive-home-page .teachingFacilities .img-preview-swiper .item .title,
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .item html[lang=en] .title,
html[lang=en] .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .name,
.vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox html[lang=en] .name,
html[lang=en] .vtc-ive-home-page .teachingFacilities .img-preview-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .teachingFacilities .img-preview-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .teachingFacilities .img-preview-swiper .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .teachingFacilities .img-preview-swiper .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .latestNews .infoBox .title > span,
.vtc-ive-home-page .latestNews .infoBox html[lang=en] .title > span,
html[lang=en] .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span,
.vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma > span,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox html[lang=en] .diploma > span,
html[lang=en] .programme-table-list .headerRow .col-name,
.programme-table-list .headerRow html[lang=en] .col-name,
html[lang=en] .programme-table-list .headerRow .col,
.programme-table-list .headerRow html[lang=en] .col,
html[lang=en] .programme-table-list .bodyRow .row .type,
.programme-table-list .bodyRow .row html[lang=en] .type,
html[lang=en] .campus-listing .network-listing .item .imgBox .text-card .locate,
.campus-listing .network-listing .item .imgBox .text-card html[lang=en] .locate,
html[lang=en] .sl-internshipOpportunity .infoBox .textInfo .line3,
.sl-internshipOpportunity .infoBox .textInfo html[lang=en] .line3,
html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .name,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .name,
html[lang=en] .news-events-page .newsList .item .white-cont .title,
.news-events-page .newsList .item .white-cont html[lang=en] .title,
html[lang=en] .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo .diploma,
.news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo html[lang=en] .diploma,
html[lang=en] .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont .diploma,
.news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont html[lang=en] .diploma,
html[lang=en] #newsModal .modal-dialog .modal-content .modal-body .infoBox .title,
#newsModal .modal-dialog .modal-content .modal-body .infoBox html[lang=en] .title,
html[lang=en] #newsModal .modal-dialog .modal-content .modal-body .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
#newsModal .modal-dialog .modal-content .modal-body .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #newsModal .modal-dialog .modal-content .modal-body .infoBox .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #newsModal .modal-dialog .modal-content .modal-body .infoBox html[lang=en] .diploma,
html[lang=en] .high_diploma-page .highSchool .cardList .item .title,
.high_diploma-page .highSchool .cardList .item html[lang=en] .title,
html[lang=en] .high_diploma-page .highSchool .cardList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.high_diploma-page .highSchool .cardList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .cardList .swiper-slide > .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .cardList .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item html[lang=en] .diploma,
html[lang=en] .dfs-page .foundationCourseDiploma .card-item .title,
.dfs-page .foundationCourseDiploma .card-item html[lang=en] .title,
html[lang=en] .dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
.dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item html[lang=en] .diploma,
html[lang=en] .campus-detail-part3 .college-activities-swiper .item .infoCard .title,
.campus-detail-part3 .college-activities-swiper .item .infoCard html[lang=en] .title,
html[lang=en] .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoCard .cardInfo .diploma,
.campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoCard .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .infoCard .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .infoCard .cardInfo html[lang=en] .diploma,
html[lang=en] .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoCard .diploma,
.campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoCard html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .infoCard .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .infoCard html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma,
.vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard html[lang=en] .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard html[lang=en] .diploma {
  letter-spacing: 0;
}
@media only screen and (max-width: 991px) {
  html[lang=en] h5,
  html[lang=en] .h5,
  html[lang=en] .vtc-ive-header .ive-side-menu .menu .menu-item a,
  .vtc-ive-header .ive-side-menu .menu .menu-item html[lang=en] a,
  html[lang=en] .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > span,
  .vtc-ive-header .ive-side-menu .menu html[lang=en] .menu-item.menu-item--expanded > span,
  html[lang=en] .vtc-ive-home-page .teachingFacilities .img-preview-swiper .item .title,
  .vtc-ive-home-page .teachingFacilities .img-preview-swiper .item html[lang=en] .title,
  html[lang=en] .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox .name,
  .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox html[lang=en] .name,
  html[lang=en] .vtc-ive-home-page .teachingFacilities .img-preview-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .teachingFacilities .img-preview-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .teachingFacilities .img-preview-swiper .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .teachingFacilities .img-preview-swiper .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .latestNews .infoBox .title > span,
  .vtc-ive-home-page .latestNews .infoBox html[lang=en] .title > span,
  html[lang=en] .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma > span,
  .vtc-ive-home-page .latestNews .infoBox .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma > span,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox .diploma > span,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .latestNews .infoBox html[lang=en] .diploma > span,
  html[lang=en] .programme-table-list .headerRow .col-name,
  .programme-table-list .headerRow html[lang=en] .col-name,
  html[lang=en] .programme-table-list .headerRow .col,
  .programme-table-list .headerRow html[lang=en] .col,
  html[lang=en] .programme-table-list .bodyRow .row .type,
  .programme-table-list .bodyRow .row html[lang=en] .type,
  html[lang=en] .campus-listing .network-listing .item .imgBox .text-card .locate,
  .campus-listing .network-listing .item .imgBox .text-card html[lang=en] .locate,
  html[lang=en] .sl-internshipOpportunity .infoBox .textInfo .line3,
  .sl-internshipOpportunity .infoBox .textInfo html[lang=en] .line3,
  html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .name,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .name,
  html[lang=en] .news-events-page .newsList .item .white-cont .title,
  .news-events-page .newsList .item .white-cont html[lang=en] .title,
  html[lang=en] .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo .diploma,
  .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .white-cont .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .white-cont .cardInfo html[lang=en] .diploma,
  html[lang=en] .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont .diploma,
  .news-events-page .newsList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .white-cont html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .news-events-page .newsList .swiper-slide > .item .cardInfo .white-cont html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .news-events-page .newsList .item .white-cont .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .news-events-page .newsList .item .white-cont html[lang=en] .diploma,
  html[lang=en] #newsModal .modal-dialog .modal-content .modal-body .infoBox .title,
  #newsModal .modal-dialog .modal-content .modal-body .infoBox html[lang=en] .title,
  html[lang=en] #newsModal .modal-dialog .modal-content .modal-body .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  #newsModal .modal-dialog .modal-content .modal-body .infoBox .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #newsModal .modal-dialog .modal-content .modal-body .infoBox .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo #newsModal .modal-dialog .modal-content .modal-body .infoBox html[lang=en] .diploma,
  html[lang=en] .high_diploma-page .highSchool .cardList .item .title,
  .high_diploma-page .highSchool .cardList .item html[lang=en] .title,
  html[lang=en] .high_diploma-page .highSchool .cardList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .high_diploma-page .highSchool .cardList .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .cardList .swiper-slide > .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .high_diploma-page .highSchool .cardList .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .high_diploma-page .highSchool .cardList .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .high_diploma-page .highSchool .cardList .item html[lang=en] .diploma,
  html[lang=en] .dfs-page .foundationCourseDiploma .card-item .title,
  .dfs-page .foundationCourseDiploma .card-item html[lang=en] .title,
  html[lang=en] .dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
  .dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .dfs-page .foundationCourseDiploma .card-item html[lang=en] .diploma,
  html[lang=en] .campus-detail-part3 .college-activities-swiper .item .infoCard .title,
  .campus-detail-part3 .college-activities-swiper .item .infoCard html[lang=en] .title,
  html[lang=en] .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoCard .cardInfo .diploma,
  .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .infoCard .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .infoCard .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .infoCard .cardInfo html[lang=en] .diploma,
  html[lang=en] .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoCard .diploma,
  .campus-detail-part3 .college-activities-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .infoCard html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .infoCard .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .campus-detail-part3 .college-activities-swiper .swiper-slide > .item .cardInfo .infoCard html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .campus-detail-part3 .college-activities-swiper .item .infoCard .cardInfo html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma,
  .vtc-ive-home-page .about-ive .about-ive-swiper .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard html[lang=en] .diploma,
  html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard .diploma,
  .vtc-ive-home-page .studentSharing2 .cardListBox .about-ive .about-ive-swiper .swiper-slide > .item .cardInfo .campus-detail-part3 .college-activities-swiper .item .infoCard html[lang=en] .diploma {
    letter-spacing: 0;
  }
}
html[lang=en] h6,
html[lang=en] .h6,
html[lang=en] .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu li,
.content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu html[lang=en] li,
html[lang=en] .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul > .menu-item a,
.vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul > .menu-item html[lang=en] a,
html[lang=en] .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > ul > li.menu-item,
.vtc-ive-header .ive-side-menu .menu html[lang=en] .menu-item.menu-item--expanded.active > ul > li.menu-item,
html[lang=en] .lo-career-development .development-swiper .item .job,
.lo-career-development .development-swiper .item html[lang=en] .job,
html[lang=en] .sl-internshipOpportunity .infoBox .textInfo .line2,
.sl-internshipOpportunity .infoBox .textInfo html[lang=en] .line2,
html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .job,
.sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .job,
html[lang=en] .sl-workplace-practice .rankingList .item,
.sl-workplace-practice .rankingList html[lang=en] .item,
html[lang=en] .sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .item,
html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList html[lang=en] .item,
html[lang=en] .lo-higher-iploma .rowList .item .btBox,
.lo-higher-iploma .rowList .item html[lang=en] .btBox,
html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item > .label,
.site-map-wrap .row html[lang=en] .col > ul.menu > li.menu-item > .label,
html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item ul.menu li a,
.site-map-wrap .row .col > ul.menu > li.menu-item ul.menu li html[lang=en] a {
  letter-spacing: 0;
}
@media only screen and (max-width: 991px) {
  html[lang=en] h6,
  html[lang=en] .h6,
  html[lang=en] .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu li,
  .content-body article[data-history-node-id="107"] .menu--main > ul.menu > li ul.menu html[lang=en] li,
  html[lang=en] .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul > .menu-item a,
  .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded > ul > .menu-item html[lang=en] a,
  html[lang=en] .vtc-ive-header .ive-side-menu .menu .menu-item.menu-item--expanded.active > ul > li.menu-item,
  .vtc-ive-header .ive-side-menu .menu html[lang=en] .menu-item.menu-item--expanded.active > ul > li.menu-item,
  html[lang=en] .lo-career-development .development-swiper .item .job,
  .lo-career-development .development-swiper .item html[lang=en] .job,
  html[lang=en] .sl-internshipOpportunity .infoBox .textInfo .line2,
  .sl-internshipOpportunity .infoBox .textInfo html[lang=en] .line2,
  html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .job,
  .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .job,
  html[lang=en] .sl-workplace-practice .rankingList .item,
  .sl-workplace-practice .rankingList html[lang=en] .item,
  html[lang=en] .sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
  .sl-workplace-practice .rankingList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .item,
  html[lang=en] .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList .item,
  .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .sl-workplace-practice .rankingList html[lang=en] .item,
  html[lang=en] .lo-higher-iploma .rowList .item .btBox,
  .lo-higher-iploma .rowList .item html[lang=en] .btBox,
  html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item > .label,
  .site-map-wrap .row html[lang=en] .col > ul.menu > li.menu-item > .label,
  html[lang=en] .site-map-wrap .row .col > ul.menu > li.menu-item ul.menu li a,
  .site-map-wrap .row .col > ul.menu > li.menu-item ul.menu li html[lang=en] a {
    letter-spacing: 0;
  }
}
html[lang=en] .text-20px, html[lang=en] .overlapBox .info-section .text-card .text, .overlapBox .info-section .text-card html[lang=en] .text, html[lang=en] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .local::before, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox html[lang=en] .local::before, html[lang=en] .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc p, .vtc-ive-home-page .teachingFacilities .img-view-swiper .imgBox .textBox .desc html[lang=en] p, .vtc-ive-home-page .industryRecognition .personnel-list-swiper .item .cardInfo .cardBox html[lang=en] .company, html[lang=en] .vtc-ive-home-page .latestNews .infoBox .date, .vtc-ive-home-page .latestNews .infoBox html[lang=en] .date, html[lang=en] .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox .desc, .sl-internshipOpportunity .personnel-card .green-card .imgBox .textBox html[lang=en] .desc, html[lang=en] .sl-internationalExchange .cardBox .infoBox .desc, .sl-internationalExchange .cardBox .infoBox html[lang=en] .desc, html[lang=en] .view-news-and-events-upcoming-listing .view-filters .form-radios, .view-news-and-events-upcoming-listing .view-filters html[lang=en] .form-radios, html[lang=en] #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox .date, #newsModal .modal-dialog .modal-content .modal-body .infoBox .dateBox html[lang=en] .date, html[lang=en] .path-search .block-system-main-block .search-form .search-help-link, .path-search .block-system-main-block .search-form html[lang=en] .search-help-link, .path-search .block-system-main-block .search-results li .search-result__snippet-info html[lang=en] .search-result__snippet, html[lang=en] .campus-detail-part2 .advanced-facility-info-card .desc > p, .campus-detail-part2 .advanced-facility-info-card html[lang=en] .desc > p, html[lang=en] .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox .date, .campus-detail-part3 .college-activities-swiper .item .infoCard .dateBox html[lang=en] .date, html[lang=en] .campus-detail-part5 .rightBox .desc, .campus-detail-part5 .rightBox html[lang=en] .desc,
html[lang=en] .vtc-ive-btn,
html[lang=en] #block-vtc-ive-theme-content .user-login-form .form-submit,
#block-vtc-ive-theme-content .user-login-form html[lang=en] .form-submit,
html[lang=en] #block-vtc-ive-theme-content .openid-connect-login-form .form-submit,
#block-vtc-ive-theme-content .openid-connect-login-form html[lang=en] .form-submit,
html[lang=en] .path-search .block-system-main-block .search-form .container-inline .form-submit,
.path-search .block-system-main-block .search-form .container-inline html[lang=en] .form-submit,
html[lang=en] .video-section .video-cont2 .conditions .condition-item,
html[lang=en] header .nav-cont #block-vtc-ive-theme-fucaidan ul,
html[lang=en] .vtc-ive-home-page .home-page-banner .banner-info-box .title,
html[lang=en] .vtc-ive-home-page .home-page-banner .banner-info-box .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .home-page-banner .banner-info-box .diploma,
html[lang=en] .vtc-ive-home-page .home-page-banner .banner-info-box .desc,
html[lang=en] .vtc-ive-home-page .disciplinesAndCourses .listBox .item .imgBox .textBox,
html[lang=en] .vtc-ive-home-page .personnel-list-swiper .item .cardInfo .cardBox .company,
html[lang=en] .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item,
html[lang=en] .lo-career-development .development-swiper .item,
html[lang=en] .lo-career-development .development-swiper .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .lo-career-development .development-swiper .item,
html[lang=en] .sl-languageDevelopment .cardList1 .item,
html[lang=en] .sl-languageDevelopment .cardList1 .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .sl-languageDevelopment .cardList1 .item,
html[lang=en] .lo-higher-iploma .rowList .item,
html[lang=en] .lo-higher-iploma .rowList .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .lo-higher-iploma .rowList .item,
html[lang=en] .global-ohter-section .item .item-title,
html[lang=en] .global-ohter-section .vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide .item .item-title,
.vtc-ive-home-page .about-ive .about-ive-swiper .swiper-slide html[lang=en] .global-ohter-section .item .item-title,
html[lang=en] .path-search .block-system-main-block .search-form .container-inline .form-item-keys .form-search,
html[lang=en] .path-search .block-system-main-block .search-form .search-help-link,
html[lang=en] .path-search .block-system-main-block .search-results li .search-result__snippet-info .search-result__snippet {
  letter-spacing: 0;
}
html[lang=en] .programme-table-list .col,
html[lang=en] .programme-table-list .headerRow .col-name,
html[lang=en] .programme-table-list .bodyRow .row,
html[lang=en] .programme-table-list .bodyRow .col,
html[lang=en] .programme-table-list .bodyRow .type {
  letter-spacing: 0;
}
html[lang=en] .dfs-page .foundationCourseDiploma .card-item .title, html[lang=en] .dfs-page .foundationCourseDiploma .card-item .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .diploma, .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo html[lang=en] .dfs-page .foundationCourseDiploma .card-item .diploma,
html[lang=en] .dfs-page .foundationCourseDiploma .about-ive-swiper .swiper-slide .card-item .title,
html[lang=en] .dfs-page .foundationCourseDiploma .about-ive-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .card-item .cardInfo .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox html[lang=en] .dfs-page .foundationCourseDiploma .about-ive-swiper .swiper-slide > .item .card-item .cardInfo .diploma,
html[lang=en] .dfs-page .foundationCourseDiploma .about-ive-swiper .vtc-ive-home-page .studentSharing2 .cardListBox .swiper-slide > .item .cardInfo .card-item .diploma,
.vtc-ive-home-page .studentSharing2 .cardListBox html[lang=en] .dfs-page .foundationCourseDiploma .about-ive-swiper .swiper-slide > .item .cardInfo .card-item .diploma {
  letter-spacing: 0;
}

.paragraphs-badge {
  display: none !important;
}

.ive-text-image-box .row {
  --bs-gutter-x: 66px;
  --bs-gutter-y: 36px;
}
.ive-text-image-box .flex-column .col-6 {
  width: 100%;
}
.ive-text-image-box .editor-box {
  flex: 1;
}
.ive-text-image-box .editor-box img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .flex-mobile-column {
    flex-direction: column !important;
  }
}

#logo-desktop-wrapper img {
  width: auto;
  height: 97px;
}

@media screen and (max-width: 995px) {
  #logo-desktop-wrapper img {
    width: auto;
    height: 47px;
  }
}
.content-body article[data-history-node-id="107"] .page-full-container {
  background: #dcf4f8;
}

.content-404 .description {
  margin-bottom: 3.75rem;
}

.content-404 .description .subtitle {
  margin-bottom: 0.75rem;
  font-size: 24px;
  font-weight: 500;
  color: #00829b;
}

.content-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: calc(10rem + 72px);
  padding-bottom: 10rem;
  text-align: center;
  color: #212529;
}
.content-404 h1 {
  margin-bottom: 0.75rem;
  font-size: 160px !important;
  color: #00829b;
  text-shadow: -1px -1px 0 #00829b, 1px -1px 0 #00829b, -1px 1px 0 #00829b, 1px 1px 0 #00829b;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .content-404 {
    padding-top: calc(6rem + 67px) !important;
    padding-bottom: 6rem !important;
  }
}
@media only screen and (max-width: 767px) {
  .content-404 h1 {
    font-size: 140px !important;
  }
  .content-404 .description .subtitle {
    font-size: 18px;
  }
  .content-404 .description p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  #logo-desktop-wrapper img {
    width: 100%;
  }
}
.paragraphs-badge {
  display: none;
}

.vtc-ive-home-page .home-page-banner .banner-info-box .vtc-ive-container > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .content-body article[data-history-node-id="107"] .page-full-container > .col-3, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .home-page-banner .banner-info-box .page-full-container > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .search-form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .user-login-form > .col-3, #block-vtc-ive-theme-content .vtc-ive-home-page .home-page-banner .banner-info-box .user-login-form > .col-3,
.vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .openid-connect-login-form > .col-3,
#block-vtc-ive-theme-content .vtc-ive-home-page .home-page-banner .banner-info-box .openid-connect-login-form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-empty > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-programme-listing .view-filters > form > .col-3, .view-programme-listing .vtc-ive-home-page .home-page-banner .banner-info-box .view-filters > form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-news-and-events-upcoming-listing .view-filters > .col-3, .view-news-and-events-upcoming-listing .vtc-ive-home-page .home-page-banner .banner-info-box .view-filters > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .path-search .block-system-main-block > .col-3, .path-search .vtc-ive-home-page .home-page-banner .banner-info-box .block-system-main-block > .col-3 {
  height: 100%;
  display: flex;
  /* text-align: center; */
  flex-direction: column;
  justify-content: end;
}

@media screen and (max-width: 1240px) {
  .vtc-ive-home-page .home-page-banner .banner-info-box .vtc-ive-container > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .content-body article[data-history-node-id="107"] .page-full-container > .col-3, .content-body article[data-history-node-id="107"] .vtc-ive-home-page .home-page-banner .banner-info-box .page-full-container > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .search-form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .user-login-form > .col-3, #block-vtc-ive-theme-content .vtc-ive-home-page .home-page-banner .banner-info-box .user-login-form > .col-3,
  .vtc-ive-home-page .home-page-banner .banner-info-box #block-vtc-ive-theme-content .openid-connect-login-form > .col-3,
  #block-vtc-ive-theme-content .vtc-ive-home-page .home-page-banner .banner-info-box .openid-connect-login-form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-empty > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-programme-listing .view-filters > form > .col-3, .view-programme-listing .vtc-ive-home-page .home-page-banner .banner-info-box .view-filters > form > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .view-news-and-events-upcoming-listing .view-filters > .col-3, .view-news-and-events-upcoming-listing .vtc-ive-home-page .home-page-banner .banner-info-box .view-filters > .col-3, .vtc-ive-home-page .home-page-banner .banner-info-box .path-search .block-system-main-block > .col-3, .path-search .vtc-ive-home-page .home-page-banner .banner-info-box .block-system-main-block > .col-3 {
    min-width: 50%;
  }
}

/*# sourceMappingURL=layout.css.map */
