@charset "UTF-8";
html[data-font-size=small] {
  font-size: 14px;
}

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

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

body .layout-container {
  position: relative;
  line-height: 1.5;
}
body .layout-container * {
  font-family: "Arial", serif;
}
body .layout-container .overflow-visible {
  overflow: clip !important;
}
body .layout-container p {
  font-size: 0.9375rem;
}
@media screen and (max-width: 991px) {
  body .layout-container p {
    font-size: 0.9375rem;
  }
}
body .layout-container h1,
body .layout-container .h1,
body .layout-container h2,
body .layout-container .h2,
body .layout-container h3,
body .layout-container .h3,
body .layout-container h4,
body .layout-container .h4,
body .layout-container .element-page .ring-chart-box .title,
.element-page .ring-chart-box body .layout-container .title,
body .layout-container h5,
body .layout-container .h5,
body .layout-container h6,
body .layout-container .h6 {
  font-weight: 700;
}
body .layout-container h1 > p,
body .layout-container .h1 > p,
body .layout-container h2 > p,
body .layout-container .h2 > p,
body .layout-container h3 > p,
body .layout-container .h3 > p,
body .layout-container h4 > p,
body .layout-container .h4 > p,
body .layout-container .element-page .ring-chart-box .title > p,
.element-page .ring-chart-box body .layout-container .title > p,
body .layout-container h5 > p,
body .layout-container .h5 > p,
body .layout-container h6 > p,
body .layout-container .h6 > p {
  font-size: inherit;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  body .layout-container {
    font-size: 0.9375rem;
  }
}
body .layout-container .te-1,
body .layout-container .te-2,
body .layout-container .te-3,
body .layout-container .te-4,
body .layout-container .te-5,
body .layout-container .te-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .layout-container .te-1 > p,
body .layout-container .te-2 > p,
body .layout-container .te-3 > p,
body .layout-container .te-4 > p,
body .layout-container .te-5 > p,
body .layout-container .te-6 > p {
  margin-bottom: 0;
}
body .layout-container .te-1 {
  -webkit-line-clamp: 1;
}
body .layout-container .te-2 {
  -webkit-line-clamp: 2;
}
body .layout-container .te-3 {
  -webkit-line-clamp: 3;
}
body .layout-container .te-4 {
  -webkit-line-clamp: 4;
}
body .layout-container .te-5 {
  -webkit-line-clamp: 5;
}
body .layout-container .te-6 {
  -webkit-line-clamp: 6;
}

/* new font size */
h1,
.h1 {
  font-size: 1.75em;
  line-height: 1.1;
  margin-bottom: 20px;
}

h2,
.h2 {
  font-size: 1.167em;
  line-height: 1.5em;
  margin-bottom: 10px;
}

h3,
.h3 {
  font-size: 1.086em;
  margin-bottom: 10px;
}

h4,
.h4,
.element-page .ring-chart-box .title {
  font-size: 18px;
  margin-bottom: 10px;
}

h5,
.h5 {
  font-size: 14px;
  margin-bottom: 10px;
}

h6,
.h6 {
  font-size: 12px;
  margin-bottom: 10px;
}

.block-views-blockprogrammes-listing-all .pager {
  display: none;
}

body.path-user #block-cuhk-gs-theme-content,
body.path-search #block-cuhk-gs-theme-content {
  max-width: 1240px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

body.path-user main {
  margin-top: 40px;
  margin-bottom: 100px;
}

body.path-search .search-form .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
  margin-bottom: 3rem;
}
body.path-search .search-form .form-wrapper .form-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
body.path-search .search-form .form-wrapper .form-item label {
  font-size: 1.25rem;
  font-weight: 700;
  color: #7D2882;
  margin-bottom: 12px;
}
body.path-search .search-form .form-wrapper .form-item input {
  height: 50px;
  padding-left: 50px;
  background: url("../images/icons/search.svg") no-repeat 14px center;
  background-size: 25px !important;
}
body.path-search .search-form .form-wrapper .form-submit {
  height: 50px;
}
@media screen and (max-width: 575px) {
  body.path-search .search-form .form-wrapper .form-submit {
    width: 100%;
  }
}
body.path-search .search-help-link,
body.path-search .search-advanced {
  display: none !important;
}
body.path-search h2 {
  color: #7D2882;
}
body.path-search .item-list .search-results {
  padding: 0;
}
body.path-search .item-list .search-results > li {
  margin-bottom: 2rem;
}
body.path-search .item-list .search-results > li .search-result__title a {
  color: #7D2882;
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.5rem;
}
body.path-search .item-list .search-results > li .search-result__title a:hover {
  color: #F0AA23;
}
body.path-search .item-list .search-results > li .search-result__info {
  display: none;
}

.region-highlighted .messages--status {
  margin: 25px 0;
  padding: 15px;
  background-color: #edf7ed;
}
header.cuhk-gs-header.cuhk-gs-header-menu .gs-mobile-menu .region-mobile-primary-menu nav ul.menu li.menu-item.menu-item--expanded a span{
    flex: 1 1 12px;
}
@media screen and (max-width: 575px) {
    .cuhk-basic-page .block-views-blockstudent-testimonial-listing-block-1 .pager .pager__items {
        max-width: 85vw;
        gap: 8px;
    }
}
@media screen and (max-width: 991px) {
    .region-highlighted #block-cuhk-gs-theme-primary-local-tasks nav.tabs {
        padding-bottom: 16px;
    }
}
.region-highlighted #block-cuhk-gs-theme-primary-local-tasks nav.tabs {
  padding-top: 40px;
  z-index: 3;
  position: relative;
}
.region-highlighted #block-cuhk-gs-theme-primary-local-tasks nav.tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.region-highlighted #block-cuhk-gs-theme-primary-local-tasks nav.tabs ul li a {
  display: block;
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  padding: 6px 12px;
  background-color: #7D2882;
  transition: background-color 0.3s, color 0.3s;
}
.region-highlighted #block-cuhk-gs-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-cuhk-gs-theme-primary-local-tasks nav.tabs ul li a:hover {
  background-color: #FFFFFF;
  color: #7D2882;
}
.region-highlighted #block-cuhk-gs-theme-primary-local-tasks nav.tabs ul li a:hover::before {
  background-color: #F0AA23;
}
.region-highlighted #block-cuhk-gs-theme-primary-local-tasks nav.tabs ul li.is-active a::before {
  background-color: #F0AA23;
}

.user-logged-in .layout-content .layout-builder-form,
.user-logged-in .layout-content #layout-builder {
  max-width: 1240px;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
}
.user-logged-in .layout-content #layout-builder {
  margin-bottom: 70px;
}

.layout--twocol-section {
  gap: 25px;
}
.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first,
.layout--twocol-section.layout--twocol-section--50-50 .layout__region--second {
  flex: 0 1 calc((100% - 25px) / 2);
}
.layout--twocol-section.layout--twocol-section--33-67 .layout__region--first, .layout--twocol-section.layout--twocol-section--67-33 .layout__region--second {
  flex: 0 1 calc((100% - 25px) / 100 * 33);
}
.layout--twocol-section.layout--twocol-section--33-67 .layout__region--second, .layout--twocol-section.layout--twocol-section--67-33 .layout__region--first {
  flex: 0 1 calc((100% - 25px) / 100 * 67);
}
.layout--twocol-section.layout--twocol-section--25-75 .layout__region--first, .layout--twocol-section.layout--twocol-section--75-25 .layout__region--second {
  flex: 0 1 calc((100% - 25px) / 100 * 25);
}
.layout--twocol-section.layout--twocol-section--25-75 .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 .layout__region--first {
  flex: 0 1 calc((100% - 25px) / 100 * 75);
}
@media screen and (max-width: 991px) {
  .layout--twocol-section {
    flex-direction: column;
  }
  .layout--twocol-section.layout--twocol-section--50-50 .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 .layout__region--second, .layout--twocol-section.layout--twocol-section--33-67 .layout__region--first,
  .layout--twocol-section.layout--twocol-section--33-67 .layout__region--second, .layout--twocol-section.layout--twocol-section--67-33 .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 .layout__region--second, .layout--twocol-section.layout--twocol-section--25-75 .layout__region--first,
  .layout--twocol-section.layout--twocol-section--25-75 .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 .layout__region--second {
    flex: 0 1 100%;
  }
}

@media screen and (max-width: 991px) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region {
    flex: auto;
  }
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region img {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    padding: 0;
  }
}
.layout-builder-block [tabindex="-1"] {
  pointer-events: auto;
}

@media screen and (max-width: 1280px) {
  .tb-megamenu .row-fluid .span3 {
    width: 33.33% !important;
  }
  .tb-megamenu .row-fluid .span3:nth-child(4) {
    display: none;
  }
}
.tb-megamenu .row-fluid + .row-fluid {
  border-color: #FFFFFF !important;
}
.tb-megamenu {
  background-color: #7D2882;
}
.tb-megamenu .mega-dropdown-inner {
  position: relative;
}
.tb-megamenu .mega-dropdown-inner .tb-megamenu-row {
  display: flex;
  font-size: 0.9375rem;
  padding: 0 !important;
}
.tb-megamenu li > span.tb-megamenu-no-link {
  display: inline-block !important;
}
.tb-megamenu .mega-nav > li a,
.tb-megamenu .tb-megamenu-subnav .tb-megamenu-item .tb-megamenu-no-link {
  text-decoration: none;
  font-weight: normal !important;
  display: inline-block !important;
  background: #FFFFFF !important;
  color: #000000 !important;
  cursor: pointer;
  border-top: none;
  border-bottom: 2px solid #FFFFFF;
  transition: all 0.5s;
  min-height: 1.625rem;
  padding: 0 !important;
  margin-bottom: 12px !important;
}
.tb-megamenu .mega-nav > li a:hover,
.tb-megamenu .tb-megamenu-subnav .tb-megamenu-item .tb-megamenu-no-link:hover {
  border-bottom: 2px solid #F0AA23;
}
.tb-megamenu .mega-nav .level-2.mega > a:first-child:hover {
  color: #F0AA23 !important;
  cursor: pointer;
}
.tb-megamenu .mega-nav .level-2.mega.about-gs > :first-child::before {
  background-image: url("../images/icons/about-gs.png");
}
.tb-megamenu .mega-nav .level-2.mega.about-ga > :first-child::before {
  background-image: url("../images/icons/about-ga.png");
}
.tb-megamenu .mega-nav .level-2.mega.about-md > :first-child::before {
  background-image: url("../images/icons/about-md.png");
}
.tb-megamenu .mega-nav .level-2.mega.about-sgs > :first-child::before {
  background-image: url("../images/icons/about-sgs.png");
}
.tb-megamenu .mega-nav .level-2.mega.cs-ac > :first-child::before {
  background-image: url("../images/icons/cs-ac.png");
}
.tb-megamenu .mega-nav .level-2.mega.cs-sp > :first-child::before {
  background-image: url("../images/icons/cs-sp.png");
}
.tb-megamenu .mega-nav .level-2.mega.cs-rp > :first-child::before {
  background-image: url("../images/icons/cs-rp.png");
}
.tb-megamenu .mega-nav .level-2.mega.cs-an > :first-child::before {
  background-image: url("../images/icons/cs-an.png");
}
.tb-megamenu .mega-nav .level-2.mega.rod > :first-child::before {
  background-image: url("../images/icons/rod.png");
}
.tb-megamenu .mega-nav .level-2.mega.cs-ls > :first-child::before {
  background-image: url("../images/icons/cs-ls.png");
}
.tb-megamenu .mega-nav .level-2.mega.cs-fees > :first-child::before {
  background-image: url("../images/icons/cs-fees.png");
}
.tb-megamenu .mega-nav .level-2.mega.cs-af > :first-child::before {
  background-image: url("../images/icons/cs-af.png");
}
.tb-megamenu .mega-nav .level-2.mega.cwc > :first-child::before {
  background-image: url("../images/icons/cwc.png");
}
.tb-megamenu .mega-nav .level-2.mega.al-ac > :first-child::before {
  background-image: url("../images/icons/al-ac-icon.png");
}
.tb-megamenu .mega-nav .level-2.mega.ds-gsp > :first-child::before {
  background-image: url("../images/icons/ds-gsp.png");
}
.tb-megamenu .mega-nav .level-2.mega.ds-ifgd > :first-child::before {
  background-image: url("../images/icons/ds-ifgd.png");
}
.tb-megamenu .mega-nav .level-2.mega.ds-cop > :first-child::before {
  background-image: url("../images/icons/ds-cop.png");
}
.tb-megamenu .mega-nav .level-2.mega.ds-pap > :first-child::before {
  background-image: url("../images/icons/ds-pap.png");
}
.tb-megamenu .mega-nav .level-2.mega.ds-qm > :first-child::before {
  background-image: url("../images/icons/ds-qm.png");
}
.tb-megamenu .mega-nav .level-2.mega.why-cuhk > :first-child::before {
  background-image: url("../images/icons/why-cuhk-icon.svg");
}
.tb-megamenu .mega-nav .level-2.mega.why-cuhk > a:first-child:hover::before {
  background-image: url("../images/icons/why-cuhk-icon-a.svg");
}
.tb-megamenu .mega-nav .level-2.mega.admissions > :first-child::before {
  background-image: url("../images/icons/admissions-icon.svg");
}
.tb-megamenu .mega-nav .level-2.mega.admissions > a:first-child:hover::before {
  background-image: url("../images/icons/admissions-icon-a.svg");
}
.tb-megamenu .mega-nav .level-2.mega.scholarships-fees > :first-child::before {
  background-image: url("../images/icons/scholarships-fees-icon.svg");
}
.tb-megamenu .mega-nav .level-2.mega.scholarships-fees > a:first-child:hover::before {
  background-image: url("../images/icons/scholarships-fees-icon-a.svg");
}
.tb-megamenu .mega-nav .level-2.mega.programmes > :first-child::before {
  background-image: url("../images/icons/programmes-icon.svg");
}
.tb-megamenu .mega-nav .level-2.mega.programmes > a:first-child:hover::before {
  background-image: url("../images/icons/programmes-icon-a.svg");
}
.tb-megamenu .mega-nav .level-2.mega.registration > :first-child::before {
  background-image: url("../images/icons/registration-icon.svg");
}
.tb-megamenu .mega-nav .level-2.mega.registration > a:first-child:hover::before {
  background-image: url("../images/icons/registration-icon-a.svg");
}
.tb-megamenu .mega-nav .level-2.mega.campus-support > :first-child::before {
  background-image: url("../images/icons/campus-support-icon.svg");
}
.tb-megamenu .mega-nav .level-2.mega.campus-support > a:first-child:hover::before {
  background-image: url("../images/icons/campus-support-icon-a.svg");
}
.tb-megamenu .mega-nav .level-2.mega.faqs > :first-child::before {
  background-image: url("../images/icons/faqs-icon.svg");
}
.tb-megamenu .mega-nav .level-2.mega.faqs > a:first-child:hover::before {
  background-image: url("../images/icons/faqs-icon-a.svg");
}
.tb-megamenu .mega-nav .level-2.mega > .mega-group-title::before, .tb-megamenu .mega-nav .level-2.mega > :first-child::before {
  transition: all 0.5s;
  content: "";
  display: inline-block;
  width: 28px;
  height: 38px;
  margin-right: 8px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  border-bottom: 1px solid #F0AA23;
  vertical-align: middle;
  background-position: center;
}
.tb-megamenu .mega-nav .level-2.mega > .mega-group-title, .tb-megamenu .mega-nav .level-2.mega > :first-child {
  cursor: default;
  height: 2.375rem;
  padding-left: 0;
  margin-bottom: 10px;
  font-weight: 700 !important;
  color: #7D2882 !important;
  border: none !important;
  display: flex !important;
  align-items: center;
}
.tb-megamenu .mega-nav .level-2.mega > .mega-group-title:hover, .tb-megamenu .mega-nav .level-2.mega > :first-child:hover {
  color: #7D2882;
  border: none !important;
}
.tb-megamenu .mega-nav .level-3 {
  position: relative;
  z-index: 3;
}
.tb-megamenu .mega-nav .level-3 > .mega-group-title {
  position: relative;
  z-index: 4;
}
.tb-megamenu .mega-nav .level-3 > .mega-group-title > span {
  display: inline-block;
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #7D2882;
  border-right: 1px solid #7D2882;
  transform: rotate(45deg);
  position: absolute;
  top: 5px;
  right: -16px;
  z-index: 8;
  transition: transform 0.4s;
}
.tb-megamenu .mega-nav .level-3 > .mega-group-title + div.tb-megamenu-submenu {
  display: none;
}
.tb-megamenu .mega-nav .level-3 > .mega-group-title.collapsed > span {
  transform: rotate(-135deg);
  top: 9px;
}
.tb-megamenu .mega-nav .level-3 > .mega-group-title.collapsed + div.tb-megamenu-submenu {
  display: block;
}
.tb-megamenu .mega-nav {
  margin-left: 1.25rem;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title {
  text-transform: none !important;
}
.tb-megamenu .mega-nav .tb-megamenu-item.active a {
  display: inline-block;
}
.tb-megamenu .mega-nav .tb-megamenu-item.active {
  background: #FFFFFF !important;
}
.tb-megamenu .mega-nav .tb-megamenu-item.active:after {
  content: none;
}
.tb-megamenu .tb-megamenu-column-inner > ul.level-1 {
  margin-bottom: 16px;
}
.tb-megamenu .tb-megamenu-column-inner > ul.level-1 > li > .tb-megamenu-submenu.mega-group-ct {
  padding-left: 1.25rem;
}
.tb-megamenu .mega-inner {
  padding: 0 !important;
  margin-left: 16px;
}
.tb-megamenu .tb-block .block-inner {
  margin-bottom: 0;
}
.tb-megamenu .tb-block .block-inner img {
  position: absolute;
  right: 0;
  top: -30px;
  width: 26%;
  height: calc(100% + 60px);
  object-fit: cover;
}
.tb-megamenu .mega-align-justify > .dropdown-menu {
  width: 100% !important;
}
.tb-megamenu .mega > .mega-dropdown-menu.dropdown-menu {
  border-bottom: 0 !important;
  padding-top: 30px;
  padding-bottom: 30px;
  max-height: calc(100vh - 153px);
  overflow-y: auto;
}
.tb-megamenu .mega > .mega-dropdown-menu.dropdown-menu > .mega-dropdown-inner {
  min-height: 440px;
  margin-bottom: 60px;
}
.tb-megamenu .nav > li {
  text-align: center;
  flex: 1;
}
.tb-megamenu .nav > li.active:after {
  content: none !important;
}
.tb-megamenu .nav > li .caret {
  display: none !important;
}
.tb-megamenu .nav > li .dropdown-toggle::after {
  border-top: 0;
  border-left: 0;
  vertical-align: baseline;
}
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus, .tb-megamenu .nav > li.dropdown.active > .dropdown-toggle {
  background-color: #7D2882 !important;
  color: #FFFFFF !important;
}
.tb-megamenu .nav > li > span:hover, .tb-megamenu .nav > li:focus, .tb-megamenu .nav > li.dropdown.open > .dropdown-toggle {
  color: #FFFFFF !important;
  background-color: #F0AA23 !important;
}
.tb-megamenu .nav > li > span:hover::after, .tb-megamenu .nav > li:focus::after, .tb-megamenu .nav > li.dropdown.open > .dropdown-toggle::after {
  opacity: 1;
}
.tb-megamenu .nav > li > span::after,
.tb-megamenu .nav > li a.dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  transform: rotate(45deg);
  margin-left: 11px;
  margin-bottom: 3px;
  opacity: 0;
}
.tb-megamenu .nav > li > span.tb-megamenu-no-link.tb-megamenu-no-submenu:hover {
  color: #FFFFFF !important;
}
.tb-megamenu .nav > li > span {
  border: none !important;
  font-weight: normal !important;
  font-size: 0.9375rem;
  width: 100%;
}
.tb-megamenu .nav > li > a.dropdown-toggle {
  text-decoration: none;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #FFFFFF !important;
  background-color: #7D2882 !important;
  border: none;
}

body.user-logged-in header.cuhk-gs-header {
  top: 39px;
}
body.user-logged-in.toolbar-tray-open header.cuhk-gs-header {
  top: 80px;
}

header.cuhk-gs-header {
  position: sticky;
  top: 0;
  z-index: 100;
}
@media screen and (max-width: 1200px) {
  header.cuhk-gs-header .gs-tools-bar .search-bar .search-input {
    width: 180px !important;
  }
  header.cuhk-gs-header .gs-header-top .cuhk-logo,
  header.cuhk-gs-header .gs-header-top #block-cuhk-gs-theme-site-branding img {
    height: 60px !important;
  }
}
@media screen and (max-width: 991px) {
  header.cuhk-gs-header {
    position: fixed !important;
    width: 100%;
    box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.15);
  }
  header.cuhk-gs-header .gs-header-top .cuhk-logo,
  header.cuhk-gs-header .gs-header-top #block-cuhk-gs-theme-site-branding img {
    height: 40px !important;
  }
  header.cuhk-gs-header .gs-tools-bar {
    margin-top: 60px;
  }
}
header.cuhk-gs-header .gs-header-top {
  padding: 20px 0;
  background-color: #FFFFFF;
}
header.cuhk-gs-header .gs-header-top .cuhk-logo {
  width: auto;
  height: 75px;
  object-fit: contain;
}
header.cuhk-gs-header .gs-header-top #block-cuhk-gs-theme-site-branding img {
  width: auto;
  height: 75px;
  object-fit: contain;
  margin-left: 12px;
}
header.cuhk-gs-header .gs-header-top .mobile-menu-toggle {
  cursor: pointer;
  display: none;
}
header.cuhk-gs-header .gs-header-top .mobile-menu-toggle svg {
  width: 22px;
  height: auto;
  color: #7D2882;
}
@media screen and (max-width: 991px) {
  header.cuhk-gs-header .gs-header-top .mobile-menu-toggle {
    display: inline-flex;
    z-index: 10;
  }
}
header.cuhk-gs-header .gs-tools-bar .text-resize-btn-group .text-resize-btn {
  line-height: inherit;
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: #7D2882;
  background: none;
}
header.cuhk-gs-header .gs-tools-bar .text-resize-btn-group .text-resize-btn.text-sm {
  font-size: 14px;
  padding-top: 6px;
}
header.cuhk-gs-header .gs-tools-bar .text-resize-btn-group .text-resize-btn.text-md {
  font-size: 20px;
}
header.cuhk-gs-header .gs-tools-bar .text-resize-btn-group .text-resize-btn.text-lg {
  font-size: 24px;
  padding-bottom: 3px;
}
header.cuhk-gs-header .gs-tools-bar .search-bar {
  border-bottom: 1px solid #7D2882;
}
header.cuhk-gs-header .gs-tools-bar .search-bar .searchIcon {
  width: 18px;
  height: 18px;
  background: url("../images/icons/search-header.svg") no-repeat center center/100%;
}
header.cuhk-gs-header .gs-tools-bar .search-bar .search-input {
  width: 280px;
  background-color: #FFFFFF;
  border: none;
  color: #7D2882;
  font-size: 1rem;
  line-height: 150%;
  padding: 8px 14px;
  height: 40px;
}
header.cuhk-gs-header .gs-tools-bar .search-bar .search-input:focus-visible {
  outline: none;
}
header.cuhk-gs-header .gs-tools-bar .search-bar .search-input::placeholder {
  color: #bebebe;
  opacity: 1;
}
.cuhk-gs-container .pager .pager__items .pager__item--previous a::before{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("../images/icons/prev.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.cuhk-gs-container .pager .pager__items .pager__item--next a::before{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("../images/icons/next.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;    
}
header.cuhk-gs-header .gs-tools-bar .search-bar .search-btn {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-image: url(../images/icons/search-btn.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  line-height: 0;
  min-width: 0;
  flex: 0 0 auto;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
/*header.cuhk-gs-header .gs-tools-bar .search-bar .search-btn::after {*/
/*  content: "";*/
/*  display: inline-block;*/
/*  width: 12px;*/
/*  height: 12px;*/
/*  background-image: url("../images/icons/arror_white.svg");*/
/*  background-position: center;*/
/*  background-size: contain;*/
/*  background-repeat: no-repeat;*/
/*  transform: translateZ(0);*/
/*}*/
header.cuhk-gs-header .gs-tools-bar .linkedin-btn {
  width: 40px;
  height: 40px;
}
header.cuhk-gs-header .gs-tools-bar .linkedin-btn::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("../images/icons/linkedin.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
header.cuhk-gs-header .gs-tools-bar .logout-btn {
  display: none;
}
@media screen and (max-width: 991px) {
  header.cuhk-gs-header .gs-tools-bar {
    display: none !important;
  }
  header.cuhk-gs-header .gs-tools-bar.mobile {
    display: block !important;
    background-color: #FFFFFF;
  }
}
header.cuhk-gs-header .gs-menu-bar {
  background-color: #7D2882;
  visibility: visible !important;
}
header.cuhk-gs-header .gs-menu-bar #block-cuhk-gs-theme-main-menu .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
header.cuhk-gs-header .gs-mobile-menu {
  z-index: -1;
  display: flex;
  justify-content: end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: transparent;
}
@media screen and (min-width: 992px) {
  header.cuhk-gs-header .gs-mobile-menu {
    display: none;
  }
}
header.cuhk-gs-header .gs-mobile-menu .gs-mobile-menu-content {
  position: absolute;
  right: -300px;
  max-width: 300px;
  width: 100%;
  height: 100%;
  transition: right 0.3s ease;
  background-color: #FFFFFF;
  padding-top: 16px;
}
header.cuhk-gs-header .gs-mobile-menu.open {
  display: flex;
  z-index: 30;
}
header.cuhk-gs-header .gs-mobile-menu.open .gs-mobile-menu-content {
  right: 0;
}
header.cuhk-gs-header .gs-mobile-menu .close-btn {
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin-right: 14px;
  position: relative;
}
header.cuhk-gs-header .gs-mobile-menu .search-bar {
  margin: 0 16px;
}
header.cuhk-gs-header .gs-mobile-menu .search-bar .search-input {
  background: none !important;
  width: 100% !important;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu {
  padding: 30px 0;
  background-color: #FFFFFF;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav {
  overflow: auto;
  height: calc(100vh - 220px);
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul {
  padding: 0;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  margin-bottom: 100px;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li > ul.menu > li > a {
  font-weight: 700 !important;
}
@media screen and (min-width: 992px) {
  header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li > a:hover {
    color: #7D2882 !important;
    background-color: #F0AA23 !important;
  }
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li > ul > li > a {
  padding-top: 7.5px !important;
  padding-bottom: 7.5px !important;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li > ul > li > ul > li > a {
  padding-top: 3.5px !important;
  padding-bottom: 3.5px !important;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li > ul > li > ul > li > a:hover {
  text-decoration: underline !important;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li:nth-child(2) > .menu li > a {
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 16px center;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li {
  border-top: 1px solid #FFFFFF;
  background: #7D2882;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li.menu-item.menu-item--expanded:not(.menu-item--active-trail) > a::after {
  border-color: #F0AA23 !important;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li.menu-item.menu-item--expanded.menu-item--active-trail > a {
  background: #F0AA23 !important;
  color: #7D2882 !important;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li:last-child {
  border-bottom: 1px solid #FFFFFF;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li > a {
  color: #FFFFFF !important;
  background: #7D2882 !important;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav > ul > li > a:hover {
  color: #FFFFFF !important;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav ul.menu {
  display: flex;
  flex-direction: column;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav ul.menu li.menu-item > a {
  color: #7D2882;
  background: #FFFFFF;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  text-decoration: none;
  transition: 0.3s;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav ul.menu li.menu-item > ul {
  display: none;
  transition: all 0.5s ease;
  background-color: #FFFFFF;
  list-style: none;
  padding: 0;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav ul.menu li.menu-item.menu-item--expanded > a > span {
  cursor: pointer;
  display: inline-block;
  content: "";
  width: 100%;
  flex: 1;
  height: 43px;
  margin: -12px 0;
  background: url("../images/icons/arrow_mobile.svg") no-repeat right center/12px 12px;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav ul.menu li.menu-item.menu-item--expanded.menu-item--active-trail > ul {
  display: block;
}
header.cuhk-gs-header .gs-mobile-menu .region-mobile-primary-menu nav ul.menu li.menu-item.menu-item--expanded.menu-item--active-trail > a > span {
  background-image: url("../images/icons/arrow_mobile-2.svg");
}

body.sso-logged-in header.cuhk-gs-header .gs-tools-bar .search-bar .search-input,
body.user-logged-in header.cuhk-gs-header .gs-tools-bar .search-bar .search-input {
  width: 140px;
}
body.sso-logged-in header.cuhk-gs-header .logout-btn,
body.user-logged-in header.cuhk-gs-header .logout-btn {
  display: block;
}
body.sso-logged-in header.cuhk-gs-header .gs-mobile-menu .logout-btn,
body.user-logged-in header.cuhk-gs-header .gs-mobile-menu .logout-btn {
  margin: 0 16px;
}

table.table-theme-border {
  border: 1px solid #7d2882;
}
table th.center,
table td.center {
  text-align: center;
}
table th.left,
table td.left {
  text-align: left;
}
table th.right,
table td.right {
  text-align: right;
}
table th.top,
table td.top {
  vertical-align: top;
}
table th.middle,
table td.middle {
  vertical-align: middle;
}
table th.bottom,
table td.bottom {
  vertical-align: bottom;
}
table.announcements-table tbody tr:nth-of-type(odd) {
  --bs-table-accent-bg: transparent !important;
}
table.announcements-table tbody tr:nth-of-type(2) {
  background: transparent !important;
}
table.announcements-table tbody tr td:first-child {
  background: #7D2882 !important;
  color: #fff;
}

p.text-indent1 {
  padding-left: 1rem;
}

p.text-indent2 {
  padding-left: 2rem;
}

p.text-indent3 {
  padding-left: 3rem;
}

p.text-indent4 {
  padding-left: 4rem;
}

p.text-indent5 {
  padding-left: 5rem;
}

.custom-five-col {
  flex: 0 0 auto;
  width: 20%;
}

@media screen and (min-width: 992px) {
  .custom-five-col {
    width: 20% !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 991.98px) {
  .custom-five-col {
    width: 33.3% !important;
  }
}
@media screen and (max-width: 575.98px) {
  .custom-five-col {
    width: 100% !important;
  }
}
.card-overlay-link {
  /* 绝对定位，覆盖整个父级区域 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* 确保链接在最上层，可点击 */
  z-index: 10;
}

.custom-prefix {
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-prefix > li {
  list-style: none;
  position: relative;
  display: flex;
  gap: 5px;
  padding-left: 0 !important;
}
.custom-prefix > li::before {
  content: attr(data-index) !important;
  margin: 0 !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  flex-shrink: 0;
  border-radius: 0 !important;
  position: static !important;
}
.custom-prefix > li ol li {
  padding-left: 0 !important;
}
.custom-prefix > li ol li::before {
  display: none !important;
}
.custom-prefix.text-indent1 {
  padding-left: 1rem !important;
}
.custom-prefix.text-indent2 {
  padding-left: 2rem !important;
}
.custom-prefix.text-indent3 {
  padding-left: 3rem !important;
}
.custom-prefix.text-indent4 {
  padding-left: 4rem !important;
}
.custom-prefix.text-indent5 {
  padding-left: 5rem !important;
}

.announcementsDetail tbody {
  border-width: 1px;
}

li.list-index::before {
  content: "10." !important; /* 这里就是你想要的 data-index 值 */
}

.anchor_section .content .desc > ul {
  padding-left: 2.6rem !important;
}
.anchor_section .content .desc > ol {
  padding-left: 2.6rem !important;
}
.anchor_section .content .desc ol[type=a] {
  list-style: none;
}
.anchor_section .content .desc ol[type=a] li::marker {
  content: "(" counter(list-item, lower-alpha) ") ";
}
.anchor_section .content .desc * {
  font-size: 0.9375rem;
}

tbody, td, tfoot, th, thead, tr {
  border-width: unset !important;
}

.js-filter-wrapper .selectric,
.js-filter-wrapper .selectric-items {
  display: none !important;
}

.section-pt, .exploreOurFaculties, article[data-history-node-id="366"] .block-inline-blockstudent-portal {
  padding-top: 50px;
}

.section-pb, .exploreOurFaculties, article[data-history-node-id="366"] .block-inline-blockstudent-portal {
  padding-bottom: 50px;
}

.table > :not(caption) > * > *, .MAinAnthropology.style-b table > :not(caption) > * > * {
  border-bottom: none;
}

.overflow-visible {
  overflow: clip !important;
}

@media screen and (max-width: 991px) {
  .section-pt, .exploreOurFaculties, article[data-history-node-id="366"] .block-inline-blockstudent-portal {
    padding-top: 30px;
  }
  .section-pb, .exploreOurFaculties, article[data-history-node-id="366"] .block-inline-blockstudent-portal {
    padding-bottom: 30px;
  }
  .cuhk-page-banner-section {
    margin-top: 80px;
  }
  body.path-frontpage.page-node-type-page main {
    margin-top: 80px !important;
  }
}
table.table-striped > tbody > tr:nth-of-type(odd), table.cuhk-gso-table > tbody > tr:nth-of-type(odd), .MAinAnthropology.style-b table > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: #fff;
}

table.table-striped > tbody > tr:nth-of-type(even), table.cuhk-gso-table > tbody > tr:nth-of-type(even), .MAinAnthropology.style-b table > tbody > tr:nth-of-type(even) {
  background: #f8f8f8;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent > .collapse-item-header a{
   text-decoration: none; 
}

.cuhk-basic-page .field--type-text-with-summary img {
  max-width: 100%;
  height: auto;
}
.cuhk-basic-page {
  color: #000;
}
.cuhk-basic-page .cuhk-basic-page {
  padding-bottom: 0 !important;
}
.cuhk-basic-page > *:last-child,
.cuhk-basic-page .tb-row .tb-col > *:last-child,
.cuhk-basic-page .sideBar-section .section-bottom > *:last-child {
  margin-bottom: 0;
}
.cuhk-basic-page table thead tr {
  font-size: 0.9375rem;
}
.cuhk-basic-page table thead tr th {
  vertical-align: middle;
  font-weight: normal;
}
.cuhk-basic-page table tbody tr td {
  color: #000;
}
.cuhk-basic-page .block-field-blocknodepagefield-is-private-page,
.cuhk-basic-page .block-field-blocknodepagefield-access-roles {
  display: none;
}
.cuhk-basic-page .online-documents-verification-table tr th,
.cuhk-basic-page .online-documents-verification-table tr td {
  width: 20%;
  min-width: 130px;
}
.cuhk-basic-page .exercise-page-table tr td:first-child {
  width: 150px;
  color: #7D2882;
}
.cuhk-basic-page p:last-child {
  margin-bottom: 0;
}
.cuhk-basic-page a {
  word-break: break-word;
}
.cuhk-basic-page a.position-absolute {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.table thead tr th, .MAinAnthropology.style-b table thead tr th {
  font-weight: 400 !important;
}

.cuhk-basic-page table tr th,
.cuhk-basic-page table tr td,
.table tr th,
.MAinAnthropology.style-b table tr th,
.table tr td,
.MAinAnthropology.style-b table tr td,
.anchor_section table tr th,
.anchor_section table tr td {
  font-size: 0.9375rem !important;
  border-right: 1px solid #DEC9E0;
}
.cuhk-basic-page table tr th:last-child,
.cuhk-basic-page table tr td:last-child,
.table tr th:last-child,
.MAinAnthropology.style-b table tr th:last-child,
.table tr td:last-child,
.MAinAnthropology.style-b table tr td:last-child,
.anchor_section table tr th:last-child,
.anchor_section table tr td:last-child {
  border-right: none;
}
.cuhk-basic-page table tr th,
.table tr th,
.MAinAnthropology.style-b table tr th,
.anchor_section table tr th {
  border-top: 1px solid #DEC9E0;
}
.cuhk-basic-page table tr:first-child th,
.table tr:first-child th,
.MAinAnthropology.style-b table tr:first-child th,
.anchor_section table tr:first-child th {
  border-top: none;
}
.cuhk-basic-page table.no-border tr td,
.cuhk-basic-page table.no-border tr th,
.table.no-border tr td,
.MAinAnthropology.style-b table.no-border tr td,
.table.no-border tr th,
.MAinAnthropology.style-b table.no-border tr th,
.anchor_section table.no-border tr td,
.anchor_section table.no-border tr th {
  border: none;
  vertical-align: top;
  padding-left: 12px;
}
.cuhk-basic-page table.no-border tr td:first-child,
.cuhk-basic-page table.no-border tr th:first-child,
.table.no-border tr td:first-child,
.MAinAnthropology.style-b table.no-border tr td:first-child,
.table.no-border tr th:first-child,
.MAinAnthropology.style-b table.no-border tr th:first-child,
.anchor_section table.no-border tr td:first-child,
.anchor_section table.no-border tr th:first-child {
  padding-left: 0;
}

.anchor_section table {
  margin-bottom: 1rem;
}

.cuhk-basic-page ul:not(.nav-tabs, .pager__items) > li,
.cuhk-basic-page li,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) > li,
.page-node-type-ps-lp-ss main .layout-content li,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) > li,
.page-node-type-cs-lp-ss main .layout-content li,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) > li,
.page-node-type-ds-lp-ss main .layout-content li,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) > li,
.page-node-type-g-lp-ss main .layout-content li {
  font-size: 0.9375rem;
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items) > li::marker,
.cuhk-basic-page li::marker,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) > li::marker,
.page-node-type-ps-lp-ss main .layout-content li::marker,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) > li::marker,
.page-node-type-cs-lp-ss main .layout-content li::marker,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) > li::marker,
.page-node-type-ds-lp-ss main .layout-content li::marker,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) > li::marker,
.page-node-type-g-lp-ss main .layout-content li::marker {
  color: #7D2882;
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items),
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items),
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items),
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items),
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) {
  list-style-type: none;
  /* 移除默认的项目符号 */
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items) li,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li {
  position: relative;
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items) li > ul,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li > ul,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li > ul,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li > ul,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li > ul {
  margin-top: 16px;
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items) li > ul > li::before,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li > ul > li::before,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li > ul > li::before,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li > ul > li::before,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li > ul > li::before {
  background: #7D2882;
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items) li::before,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li::before,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li::before,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li::before,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li::before {
  content: "";
  width: 4px;
  height: 4px;
  border: 1px solid #7d2882;
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
  margin-top: 8px;
  margin-left: -16px;
  position: absolute;
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items),
.cuhk-basic-page ol,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items),
.page-node-type-ps-lp-ss main .layout-content ol,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items),
.page-node-type-cs-lp-ss main .layout-content ol,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items),
.page-node-type-ds-lp-ss main .layout-content ol,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items),
.page-node-type-g-lp-ss main .layout-content ol {
  display: block;
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items) li,
.cuhk-basic-page ol li,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li,
.page-node-type-ps-lp-ss main .layout-content ol li,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li,
.page-node-type-cs-lp-ss main .layout-content ol li,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li,
.page-node-type-ds-lp-ss main .layout-content ol li,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li,
.page-node-type-g-lp-ss main .layout-content ol li {
  margin-top: 16px;
}
.cuhk-basic-page ul:not(.nav-tabs, .pager__items) li:first-child,
.cuhk-basic-page ol li:first-child,
.page-node-type-ps-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li:first-child,
.page-node-type-ps-lp-ss main .layout-content ol li:first-child,
.page-node-type-cs-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li:first-child,
.page-node-type-cs-lp-ss main .layout-content ol li:first-child,
.page-node-type-ds-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li:first-child,
.page-node-type-ds-lp-ss main .layout-content ol li:first-child,
.page-node-type-g-lp-ss main .layout-content ul:not(.nav-tabs, .pager__items) li:first-child,
.page-node-type-g-lp-ss main .layout-content ol li:first-child {
  margin-top: 0;
}
.cuhk-basic-page ol,
.page-node-type-ps-lp-ss main .layout-content ol,
.page-node-type-cs-lp-ss main .layout-content ol,
.page-node-type-ds-lp-ss main .layout-content ol,
.page-node-type-g-lp-ss main .layout-content ol {
  padding-left: 16px;
}
.cuhk-basic-page ol li > ul,
.page-node-type-ps-lp-ss main .layout-content ol li > ul,
.page-node-type-cs-lp-ss main .layout-content ol li > ul,
.page-node-type-ds-lp-ss main .layout-content ol li > ul,
.page-node-type-g-lp-ss main .layout-content ol li > ul {
  margin-top: 16px;
}
.cuhk-basic-page a,
.page-node-type-ps-lp-ss main .layout-content a,
.page-node-type-cs-lp-ss main .layout-content a,
.page-node-type-ds-lp-ss main .layout-content a,
.page-node-type-g-lp-ss main .layout-content a {
  word-break: break-word;
}

/* 解決basic page 底部無法添加下邊距的問題 */
.cuhk-gs-container .node__content, .application-deadline-listing .view-content .node__content, .sitemap-container .node__content, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .node__content,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .node__content,
#views-exposed-form-announcement-listing-detail-filter .node__content, .pager .node__content, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .node__content, .tb-megamenu .nav-collapse .node__content {
  padding-bottom: 1px;
}

.basic-fs {
  font-size: 0.9375rem;
}

.overflow100 {
  height: 100vh;
  overflow: hidden;
}

.mb-100 {
  margin-bottom: 100px;
}

.pb-100, .cuhk-basic-page {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 991px) {
  .pb-100, .cuhk-basic-page {
    padding-bottom: 60px !important;
  }
}

/* pagination */
.pager {
  margin-top: 100px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pager .pager__items {
  display: flex;
  align-items: center;
  gap: 15px;
  list-style-type: none;
  padding: 0 40px;
  position: relative;
}
.pager .pager__items .pager__item:not(.pager__item--next,
.pager__item--last,
.pager__item--previous) {
  width: 52px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #7D2882;
}
@media screen and (max-width: 767px) {
  .pager .pager__items .pager__item:not(.pager__item--next,
  .pager__item--last,
  .pager__item--previous) {
    width: 38px;
  }
}
.pager .pager__items .pager__item:not(.pager__item--next,
.pager__item--last,
.pager__item--previous) a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.pager .pager__items .pager__item--first {
  display: none !important;
}
.pager .pager__items .pager__item {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pager .pager__items .pager__item.is-active {
  background: #7D2882;
}
.pager .pager__items .pager__item.is-active a {
  color: #fff;
}
.pager .pager__items .pager__item a {
  color: #7D2882;
  text-decoration: auto;
  display: flex;
}
.pager .pager__items .pager__item--next,
.pager .pager__items .pager__item--last,
.pager .pager__items .pager__item--previous {
  color: #7D2882;
  height: 100%;
  font-weight: bold;
}
.pager .pager__items .pager__item--next span,
.pager .pager__items .pager__item--last span,
.pager .pager__items .pager__item--previous span {
  display: none;
}
.pager .pager__items .pager__item--next a::before {
  content: "next";
}
.pager .pager__items .pager__item--previous a::before {
  content: "prev";
}
.pager .pager__items .pager__item--next a::before,
.pager .pager__items .pager__item--previous a::before {
  padding: 10px;
  font-family: swiper-icons;
}
.pager .pager__items .pager__item--last a::before {
  content: none;
}

.bulletTitle {
  color: #7D2882;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.bulletTitle.mt-5 {
  margin-top: 60px !important;
}
.bulletTitle::before {
  vertical-align: middle;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid #7D2882;
  border-radius: 50%;
  margin-right: 12px;
}

/* 背景色 */
.purple100-bg, .cuhk-gso-table thead, .MAinAnthropology.style-b thead {
  background-color: #7D2882 !important;
  color: #FFFFFF;
}

.purple75-bg {
  background-color: #9D5EA1 !important;
  color: #FFFFFF;
}

.purple50-bg {
  background-color: #BE93C0 !important;
  color: #000000;
}

.purple25-bg {
  background-color: #DEC9E0 !important;
  color: #000000;
}

.purple10-bg {
  background-color: #F2EAF3 !important;
  color: #000000;
}

.gold100-bg {
  background-color: #F0AA23 !important;
  color: #FFFFFF;
}

.gold75-bg {
  background-color: #F4BF5A !important;
  color: #000000;
}

.gold50-bg {
  background-color: #F7D491 !important;
  color: #000000;
}

.gold25-bg {
  background-color: #FBEAC8 !important;
  color: #000000;
}

.gold10-bg {
  background-color: #FEF7E9 !important;
  color: #000000;
}

.grey100-bg {
  background-color: #BEBEBE !important;
  color: #000000;
}

.grey75-bg {
  background-color: #CECECE !important;
  color: #000000;
}

.grey50-bg {
  background-color: #DEDEDE !important;
  color: #000000;
}

.grey25-bg {
  background-color: #EFEFEF !important;
  color: #000000;
}

.grey10-bg, .element-page .table-styleD .tb-row:nth-child(odd) {
  background-color: #F8F8F8 !important;
  color: #000000;
}

.black-bg {
  background-color: #000000 !important;
  color: #FFFFFF;
}

.fc-black {
  color: #000000;
}

/* 打印样式 */
@media print {
  body {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .floatingMenu,
  .cookiesConfirm {
    display: none;
  }
  .col-12,
  .col-sm-12,
  .col-xs-12 {
    width: 100% !important;
  }
  .cuhk-gs-container, .application-deadline-listing .view-content, .sitemap-container, #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
  #views-exposed-form-announcement-listing-detail-filter, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu .nav-collapse, .pager {
    max-width: 100% !important;
  }
  .studentCard .studentSwiper .swiperPosition {
    position: static !important;
    width: 100%;
  }
  .innerpage-banner-swiper {
    height: 40vh !important;
  }
}
.mt-50 {
  margin-top: 50px;
}

.mb80 {
  margin-bottom: 5rem;
}

.mt80 {
  margin-top: 5rem;
}

.bulletList a {
  height: 32px;
}
.bulletList a p.item.te-1 {
  display: inline-block;
  border-bottom: 2px solid #FFFFFF;
}
.bulletList a:hover p.item.te-1 {
  border-color: #F0AA23;
}

ul.bulletList {
  padding: 0;
}
ul.bulletList li {
  display: block !important;
  margin-bottom: 1rem;
}

.bulletList a .item,
.bulletList .item {
  display: inline-block;
  transition: border-color 0.3s ease-in-out;
  border-bottom: 2px solid transparent;
}
.bulletList a .item:before,
.bulletList .item:before {
  vertical-align: middle;
  display: inline-block;
  margin-right: 16px;
  content: "";
  width: 4px;
  height: 4px;
  border: 1px solid #7D2882;
  border-radius: 50%;
  flex-shrink: 0;
}
.bulletList a .item.StyleE2 p,
.bulletList .item.StyleE2 p {
  width: calc(100% - 14px);
  margin: 0;
}
.bulletList a .item.StyleE2:before,
.bulletList .item.StyleE2:before {
  margin-top: 10px;
  margin-right: 10px;
}
.bulletList a .item.StyleE2,
.bulletList .item.StyleE2 {
  margin-bottom: 10px;
}
.bulletList a .item.StyleE2:last-child,
.bulletList .item.StyleE2:last-child {
  margin-bottom: 0;
}

/* font */
.theme-color, .application-deadline-listing .view-content .view-grouping-header,
.fc-theme {
  color: #7D2882;
}

.fc-black {
  color: #000000;
}

.fw-700 {
  font-weight: 700;
}

a.reset, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo, .divisionPage .grayRow .division .title a, .pg-student-life .discription a {
  cursor: pointer;
  color: unset !important;
  text-decoration: none;
  word-break: keep-all;
}
a.reset:hover, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo:hover, .divisionPage .grayRow .division .title a:hover, .pg-student-life .discription a:hover {
  color: unset;
}
a.themeLink, .cuhk-basic-page a,
.page-node-type-ps-lp-ss main .layout-content a,
.page-node-type-cs-lp-ss main .layout-content a,
.page-node-type-ds-lp-ss main .layout-content a,
.page-node-type-g-lp-ss main .layout-content a, .bulletList a .item.StyleE2 p a,
.bulletList .item.StyleE2 p a {
  color: #7D2882;
}
a.themeLink:hover, .cuhk-basic-page a:hover,
.page-node-type-ps-lp-ss main .layout-content a:hover,
.page-node-type-cs-lp-ss main .layout-content a:hover,
.page-node-type-ds-lp-ss main .layout-content a:hover,
.page-node-type-g-lp-ss main .layout-content a:hover,
.bulletList .item.StyleE2 p a:hover {
  color: #7D2882;
}

.bg-gray {
  background-color: #F8F8F8;
}
.ui-dialog.ui-widget-content.ui-front{
  top: 100px !important;   
}
.ui-dialog.ui-widget-content.ui-front tbody,.ui-dialog.ui-widget-content.ui-front td,.ui-dialog.ui-widget-content.ui-front tfoot,.ui-dialog.ui-widget-content.ui-front th,.ui-dialog.ui-widget-content.ui-front thead, tr {
  border-color: #DEC9E0;
  border-width: 1px !important;
}
.ui-dialog.ui-widget-content.ui-front a.tabledrag-handle .handle {
  width: 22px;   
}
.ui-dialog.ui-widget-content.ui-front .ui-dialog-title {
  font-size: 32px;
}
.ui-dialog-titlebar-close{
  background: transparent;  
}
.ui-dialog-titlebar-close::after{
  content: "✕";
  font-size: 16px;
  line-height: 1;  
}
.ui-dialog.ui-widget-content.ui-front .clearfix {
  margin-bottom: 16px;  
}
.cuhk-gs-container, .application-deadline-listing .view-content, .sitemap-container, #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1,
#views-exposed-form-announcement-listing-detail-filter, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu .nav-collapse, .pager {
  max-width: 1232px;
  width: 100%;
  padding: 0 24px;
  margin: 0 auto;
}
.cuhk-gs-container .cuhk-gs-container, .application-deadline-listing .view-content .cuhk-gs-container, .cuhk-gs-container .application-deadline-listing .view-content, .application-deadline-listing .cuhk-gs-container .view-content, .application-deadline-listing .view-content .view-content, .sitemap-container .cuhk-gs-container, .sitemap-container .application-deadline-listing .view-content, .application-deadline-listing .sitemap-container .view-content, .cuhk-gs-container .sitemap-container, .application-deadline-listing .view-content .sitemap-container, .sitemap-container .sitemap-container, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .cuhk-gs-container, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .application-deadline-listing .view-content, .application-deadline-listing #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .view-content, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .sitemap-container,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .cuhk-gs-container,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .application-deadline-listing .view-content,
.application-deadline-listing #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .view-content,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .sitemap-container,
#views-exposed-form-announcement-listing-detail-filter .cuhk-gs-container,
#views-exposed-form-announcement-listing-detail-filter .application-deadline-listing .view-content,
.application-deadline-listing #views-exposed-form-announcement-listing-detail-filter .view-content,
#views-exposed-form-announcement-listing-detail-filter .sitemap-container, .cuhk-gs-container #block-cuhk-gs-theme-views-block-announcement-listing-block-1, .application-deadline-listing .view-content #block-cuhk-gs-theme-views-block-announcement-listing-block-1, .sitemap-container #block-cuhk-gs-theme-views-block-announcement-listing-block-1, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
#views-exposed-form-announcement-listing-detail-filter #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
.cuhk-gs-container #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.application-deadline-listing .view-content #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.sitemap-container #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
#views-exposed-form-announcement-listing-detail-filter #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.cuhk-gs-container #views-exposed-form-announcement-listing-detail-filter,
.application-deadline-listing .view-content #views-exposed-form-announcement-listing-detail-filter,
.sitemap-container #views-exposed-form-announcement-listing-detail-filter,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 #views-exposed-form-announcement-listing-detail-filter,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 #views-exposed-form-announcement-listing-detail-filter,
#views-exposed-form-announcement-listing-detail-filter #views-exposed-form-announcement-listing-detail-filter, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .cuhk-gs-container, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .application-deadline-listing .view-content, .application-deadline-listing .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .view-content, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .sitemap-container, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
.tb-megamenu .mega-dropdown-inner .tb-megamenu-row #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.tb-megamenu .mega-dropdown-inner .tb-megamenu-row #views-exposed-form-announcement-listing-detail-filter, .tb-megamenu .nav-collapse .cuhk-gs-container, .tb-megamenu .nav-collapse .application-deadline-listing .view-content, .application-deadline-listing .tb-megamenu .nav-collapse .view-content, .tb-megamenu .nav-collapse .sitemap-container, .tb-megamenu .nav-collapse #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
.tb-megamenu .nav-collapse #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.tb-megamenu .nav-collapse #views-exposed-form-announcement-listing-detail-filter, .pager .cuhk-gs-container, .pager .application-deadline-listing .view-content, .application-deadline-listing .pager .view-content, .pager .sitemap-container, .pager #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
.pager #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.pager #views-exposed-form-announcement-listing-detail-filter, .cuhk-gs-container .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, .application-deadline-listing .view-content .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, .sitemap-container .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .tb-megamenu .mega-dropdown-inner .tb-megamenu-row,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .tb-megamenu .mega-dropdown-inner .tb-megamenu-row,
#views-exposed-form-announcement-listing-detail-filter .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner .cuhk-gs-container .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner .application-deadline-listing .view-content .tb-megamenu-row, .application-deadline-listing .tb-megamenu .mega-dropdown-inner .view-content .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner .sitemap-container .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .tb-megamenu-row,
.tb-megamenu .mega-dropdown-inner #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .tb-megamenu-row,
.tb-megamenu .mega-dropdown-inner #views-exposed-form-announcement-listing-detail-filter .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .tb-megamenu-row, .tb-megamenu .nav-collapse .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner .nav-collapse .tb-megamenu-row, .pager .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner .pager .tb-megamenu-row, .cuhk-gs-container .tb-megamenu .nav-collapse, .application-deadline-listing .view-content .tb-megamenu .nav-collapse, .sitemap-container .tb-megamenu .nav-collapse, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .tb-megamenu .nav-collapse,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .tb-megamenu .nav-collapse,
#views-exposed-form-announcement-listing-detail-filter .tb-megamenu .nav-collapse, .tb-megamenu .cuhk-gs-container .nav-collapse, .tb-megamenu .application-deadline-listing .view-content .nav-collapse, .application-deadline-listing .tb-megamenu .view-content .nav-collapse, .tb-megamenu .sitemap-container .nav-collapse, .tb-megamenu #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .nav-collapse,
.tb-megamenu #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .nav-collapse,
.tb-megamenu #views-exposed-form-announcement-listing-detail-filter .nav-collapse, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .nav-collapse, .tb-megamenu .nav-collapse .nav-collapse, .pager .tb-megamenu .nav-collapse, .tb-megamenu .pager .nav-collapse, .cuhk-gs-container .pager, .application-deadline-listing .view-content .pager, .sitemap-container .pager, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .pager,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .pager,
#views-exposed-form-announcement-listing-detail-filter .pager, .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .pager, .tb-megamenu .nav-collapse .pager, .pager .pager {
  padding: 0;
}

.path-frontpage main {
  margin-top: 0 !important;
}
@media screen and (max-width: 991px) {
    body:not(.user-logged-in) main{
        margin-top: 40px;
    } 
}
@media screen and (min-width: 992px) {
    .region-highlighted #block-cuhk-gs-theme-primary-local-tasks nav.tabs {
        padding-top: 40px;
    }
}
.page-node-type-page main,
.page-node-type-anchor-page main {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .page-node-type-page main,
  .page-node-type-anchor-page main {
    margin-top: 14px;
  }
}

.region-breadcrumb {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 991px) {
  .region-breadcrumb {
    display: none;
  }
}

.breadcrumb {
  padding-top: 40px !important;
  margin-bottom: 40px !important;
}
@media screen and (max-width: 991px) {
  .breadcrumb {
    margin: 0 !important;
    padding: 15px 0 !important;
  }
}
.breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.breadcrumb ol > li {
  font-size: 0.9375rem;
  color: #9D5EA1;
}
.breadcrumb ol > li a {
  color: #9D5EA1;
  text-decoration: none;
  font-size: 0.9375rem;
}
.breadcrumb ol > li::after {
  content: "next";
  font-family: "swiper-icons";
  font-size: 0.625rem;
  margin-left: 8px;
  margin-right: 12px;
  color: #7D2882;
}
.breadcrumb ol > li:nth-last-child(1) {
  color: #7D2882;
}
.breadcrumb ol > li:nth-last-child(1)::after {
  content: none;
}

embed,
iframe {
  max-width: 750px;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 992px) {
  .cuhk-mobile-breadcrumb {
    display: none;
  }
}

.gs-section-title {
  margin-bottom: 20px;
  color: #7D2882;
}
.gs-section-title p {
  color: #4E234F;
}

.cuhk-gs-btn,
.button.form-submit {
  cursor: pointer;
  background-color: #F0AA23;
  color: #7D2882;
  padding: 15px 20px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  min-width: 148px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  border: 2px solid #F0AA23;
}
.cuhk-gs-btn.outline,
.button.form-submit.outline {
  background-color: #FFFFFF;
  border: 2px solid #7D2882;
}
.cuhk-gs-btn.outline:hover:not(.static),
.button.form-submit.outline:hover:not(.static) {
  background-color: #7D2882 !important;
  color: #FFFFFF !important;
}
.cuhk-gs-btn.purple,
.button.form-submit.purple {
  background-color: #7D2882;
  border-color: #7D2882;
  color: #FFFFFF;
}
.cuhk-gs-btn:hover:not(.static),
.button.form-submit:hover:not(.static) {
  background-color: #FFFFFF;
  color: #7D2882;
  border: 2px solid #7D2882;
}
@media screen and (max-width: 991px) {
  .cuhk-gs-btn,
  .button.form-submit {
    font-size: 0.75rem;
    padding: 10px;
    min-width: 105px;
  }
}

button {
  border: none;
}

.swiper-container {
  margin: 0;
}

.cuhk-gs-swiper-nav.swiper-button-next,
.swiper-button-next,
.cuhk-gs-swiper-nav.swiper-button-prev,
.swiper-button-prev {
  background-color: #7D2882;
  width: 68px !important;
  height: 68px !important;
  border-radius: 100%;
  border: 2px solid #7D2882;
  transition: 0.3s;
}
.cuhk-gs-swiper-nav.swiper-button-next.mobile-nav,
.swiper-button-next.mobile-nav,
.cuhk-gs-swiper-nav.swiper-button-prev.mobile-nav,
.swiper-button-prev.mobile-nav {
  position: relative !important;
  background-color: transparent !important;
  border: none;
  width: unset !important;
  height: unset !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin-top: 0 !important;
}
.cuhk-gs-swiper-nav.swiper-button-next.mobile-nav::after,
.swiper-button-next.mobile-nav::after,
.cuhk-gs-swiper-nav.swiper-button-prev.mobile-nav::after,
.swiper-button-prev.mobile-nav::after {
  color: #7D2882;
  font-weight: 700;
}
.cuhk-gs-swiper-nav.swiper-button-next.mobile-nav:hover::after,
.swiper-button-next.mobile-nav:hover::after,
.cuhk-gs-swiper-nav.swiper-button-prev.mobile-nav:hover::after,
.swiper-button-prev.mobile-nav:hover::after {
  color: #F0AA23;
}
.cuhk-gs-swiper-nav.swiper-button-next.cuhk-gs-swiper-nav-outline,
.swiper-button-next.cuhk-gs-swiper-nav-outline,
.cuhk-gs-swiper-nav.swiper-button-prev.cuhk-gs-swiper-nav-outline,
.swiper-button-prev.cuhk-gs-swiper-nav-outline {
  width: unset;
  height: var(--swiper-navigation-size) !important;
  background-color: transparent;
  border: none;
}
.cuhk-gs-swiper-nav.swiper-button-next.cuhk-gs-swiper-nav-outline::after,
.swiper-button-next.cuhk-gs-swiper-nav-outline::after,
.cuhk-gs-swiper-nav.swiper-button-prev.cuhk-gs-swiper-nav-outline::after,
.swiper-button-prev.cuhk-gs-swiper-nav-outline::after {
  color: #7D2882;
}
.cuhk-gs-swiper-nav.swiper-button-next.cuhk-gs-swiper-nav-outline:hover,
.swiper-button-next.cuhk-gs-swiper-nav-outline:hover,
.cuhk-gs-swiper-nav.swiper-button-prev.cuhk-gs-swiper-nav-outline:hover,
.swiper-button-prev.cuhk-gs-swiper-nav-outline:hover {
  background-color: transparent;
}
.cuhk-gs-swiper-nav.swiper-button-next.cuhk-gs-swiper-nav-outline:hover::after,
.swiper-button-next.cuhk-gs-swiper-nav-outline:hover::after,
.cuhk-gs-swiper-nav.swiper-button-prev.cuhk-gs-swiper-nav-outline:hover::after,
.swiper-button-prev.cuhk-gs-swiper-nav-outline:hover::after {
  color: #F0AA23;
}
.cuhk-gs-swiper-nav.swiper-button-next:hover,
.swiper-button-next:hover,
.cuhk-gs-swiper-nav.swiper-button-prev:hover,
.swiper-button-prev:hover {
  background-color: #FFFFFF;
}
.cuhk-gs-swiper-nav.swiper-button-next:hover::after,
.swiper-button-next:hover::after,
.cuhk-gs-swiper-nav.swiper-button-prev:hover::after,
.swiper-button-prev:hover::after {
  color: #7D2882;
}
.cuhk-gs-swiper-nav.swiper-button-next::after,
.swiper-button-next::after,
.cuhk-gs-swiper-nav.swiper-button-prev::after,
.swiper-button-prev::after {
  color: #FFFFFF;
  font-size: 1.5rem !important;
}
@media screen and (max-width: 767px) {
  .cuhk-gs-swiper-nav.swiper-button-next,
  .swiper-button-next,
  .cuhk-gs-swiper-nav.swiper-button-prev,
  .swiper-button-prev {
    width: 50px !important;
    height: 50px !important;
  }
  .cuhk-gs-swiper-nav.swiper-button-next::after,
  .swiper-button-next::after,
  .cuhk-gs-swiper-nav.swiper-button-prev::after,
  .swiper-button-prev::after {
    font-size: 1.125rem !important;
  }
}

.cuhk-gs-swiper-nav.swiper-button-prev,
.swiper-button-prev {
  left: 24px !important;
}
@media screen and (max-width: 767px) {
  .cuhk-gs-swiper-nav.swiper-button-prev,
  .swiper-button-prev {
    left: 10px !important;
  }
}

.cuhk-gs-swiper-nav.swiper-button-next,
.swiper-button-next {
  right: 24px !important;
}
@media screen and (max-width: 767px) {
  .cuhk-gs-swiper-nav.swiper-button-next,
  .swiper-button-next {
    right: 10px !important;
  }
}

.homepage-banner-pause {
  width: 14px;
  height: auto;
  color: #fff;
  cursor: pointer;
}

.homepage-banner-pagination .swiper-pagination-bullet {
  margin: 0 12px !important;
}

.swiper-control-wrapper {
  padding-top: 24px;
}
.swiper-control-wrapper .mobile-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.swiper-control-wrapper .mobile-swiper-pagination .swiper-pagination-bullet {
  height: 15px;
  width: 15px;
  border: 2px solid #7D2882;
  background: transparent;
  opacity: 1;
  flex-shrink: 0;
  margin: 0 !important;
}
.swiper-control-wrapper .mobile-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #7D2882;
}
@media screen and (max-width: 767px) {
  .swiper-control-wrapper .mobile-swiper-pagination {
    gap: 10px;
  }
}

.cuhk-gs-swiper-pagination.swiper-pagination,
.swiper-pagination {
  bottom: 20px !important;
  width: fit-content !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.cuhk-gs-swiper-pagination.swiper-pagination .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #7D2882;
  border: 2px solid #FFFFFF;
  transition: 0.3s;
  opacity: 1;
}
.cuhk-gs-swiper-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .cuhk-gs-swiper-pagination.swiper-pagination,
  .swiper-pagination {
    bottom: 10px !important;
  }
  .cuhk-gs-swiper-pagination.swiper-pagination .swiper-pagination-bullet,
  .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 8px;
  }
}

.cuhk-gs-tag {
  padding: 8px 12px;
  border: 1px solid #7D2882;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%;
}

.gs-accordion .gs-accordion-row {
  border-top: 1px solid rgba(125, 40, 130, 0.25);
}
.gs-accordion .gs-accordion-row .gs-accordion-header {
  padding: 20px 6px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 128%;
  color: #7D2882;
  cursor: pointer;
  transition: color 0.3s;
}
.gs-accordion .gs-accordion-row .gs-accordion-header::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../images/icons/add_gold.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 15px;
  transition: 0.5s;
}
.gs-accordion .gs-accordion-row .gs-accordion-panel {
  padding: 0 42px;
  height: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.2s ease-out;
}
.gs-accordion .gs-accordion-row .gs-accordion-panel p {
  margin-bottom: 0;
  padding-bottom: 24px;
  color: #FFFFFF;
}
.gs-accordion .gs-accordion-row .gs-accordion-panel .gs-accordion-links {
  padding-bottom: 24px;
  row-gap: 12px;
  color: #FFFFFF;
}
.gs-accordion .gs-accordion-row .gs-accordion-panel .gs-accordion-links a.gs-accordion-link {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 138%;
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.gs-accordion .gs-accordion-row .gs-accordion-panel .gs-accordion-links a.gs-accordion-link::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: transparent;
  transition: 0.3s;
}
.gs-accordion .gs-accordion-row .gs-accordion-panel .gs-accordion-links a.gs-accordion-link:hover::after {
  background-color: #F0AA23 !important;
}
.gs-accordion .gs-accordion-row.opened .gs-accordion-header::before {
  background-image: url("../images/icons/remove_gold.svg");
}
.gs-accordion .gs-accordion-row.opened .gs-accordion-panel {
  max-height: 800px;
  opacity: 1;
  transition: 0.5s ease-in;
}
.gs-accordion .gs-accordion-row:not(.opened) .gs-accordion-header:hover {
  color: #F0AA23;
}
.gs-accordion .gs-accordion-row:not(.opened) .gs-accordion-header:hover::before {
  transform: rotate(-180deg);
}
.gs-accordion .gs-accordion-row:nth-last-child(1) {
  border-bottom: 1px solid rgba(125, 40, 130, 0.25);
}

.image-text-wrap .img-box {
  width: 100%;
  max-width: 30%;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  float: left;
}
.image-text-wrap::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 480px) {
  .image-text-wrap .img-box {
    max-width: 100%;
    margin-right: 0;
    float: none;
  }
}

.collapse-section .collapse-btn {
  gap: 15px;
  padding-bottom: 0.9375rem;
  padding-top: 0.9375rem;
}
.collapse-section .collapse-btn .theme-color, .collapse-section .collapse-btn .application-deadline-listing .view-content .view-grouping-header, .application-deadline-listing .view-content .collapse-section .collapse-btn .view-grouping-header {
  cursor: pointer;
  transition: all 0.3s;
  border-bottom: 2px solid transparent;
}
.collapse-section .collapse-btn .theme-color:hover, .collapse-section .collapse-btn .application-deadline-listing .view-content .view-grouping-header:hover, .application-deadline-listing .view-content .collapse-section .collapse-btn .view-grouping-header:hover {
  border-bottom: 2px solid #F0AA23;
}
.collapse-section .collapse-btn .theme-color i, .collapse-section .collapse-btn .application-deadline-listing .view-content .view-grouping-header i, .application-deadline-listing .view-content .collapse-section .collapse-btn .view-grouping-header i {
  margin-left: 5px;
}

.text-huge {
  font-size: 0.9375rem;
}

.exploreOurFaculties.full .exploreItem h4 {
  white-space: pre-line;
  word-wrap: break-word;
}

@media (max-width: 768px) {
  .exploreOurFaculties.full .exploreItem .p-4 * {
    font-size: 15px;
  }
  .exploreOurFaculties.full .exploreItem .p-4 {
    padding: 16px !important;
  }
}
.sideBar-section .section-bottom .desc ol.lower-roman li::marker {
    content: "(" counter(list-item, lower-roman) ") ";
}
.sideBar-section .section-bottom .desc ol.upper-roman li::marker {
    content: "(" counter(list-item, upper-roman) ") ";
}
.sideBar-section .section-bottom .desc ol.lower-alpha li::marker {
    content: "(" counter(list-item, lower-alpha) ") ";
}
.sideBar-section .section-bottom .desc ol.upper-alpha li::marker {
    content: "(" counter(list-item, upper-alpha) ") ";
}
.sideBar-section .section-bottom a{
    display: inline;
    max-width: calc(100% - 40px);
    word-wrap: break-word;
    word-break: break-word;
}
.sideBar-section .section-bottom li a{
    display: block;
}
.sitemap-container .sitemap-wrapper ul.menu li.menu-item{
    margin-top: 0;
}
@media print {
    header {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    header .me-4 {
            margin-right: 0 !important;
    }
    header .mx-4 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
    }
    header .ms-4 {
            margin-left: 0.5rem !important;
    }
    header .gs-tools-bar .text-resize-btn-group .text-resize-btn{
            width: auto;
    }    

    .collapse-item-content {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }
}
.overflow-hidden {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.overflow-hidden.line2 {
  -webkit-line-clamp: 2;
}
.overflow-hidden.line3 {
  -webkit-line-clamp: 3;
}
.overflow-hidden.line4 {
  -webkit-line-clamp: 4;
}
.overflow-hidden.line5 {
  -webkit-line-clamp: 5;
}
.overflow-hidden.line6 {
  -webkit-line-clamp: 6;
}

@media screen and (max-width: 991px) {
  .homepage-student-testimonials-swiper {
    overflow: visible !important;
  }
}

.studentCard {
  margin-top: 50px;
  margin-bottom: 50px;
  overflow-x: hidden;
  overflow-y: clip;
}
@media screen and (max-width: 576px) {
  .studentCard .theme-color.h2, .studentCard .application-deadline-listing .view-content .h2.view-grouping-header, .application-deadline-listing .view-content .studentCard .h2.view-grouping-header {
    font-size: 1.75rem;
    margin-bottom: 15px !important;
  }
  .studentCard h4.theme-color, .studentCard .application-deadline-listing .view-content h4.view-grouping-header, .application-deadline-listing .view-content .studentCard h4.view-grouping-header {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  .studentCard .rtCont {
    padding: 30px 24px !important;
  }
  .studentCard .studentSwiper .slider-wrapper .swiperItem .lfInfo {
    width: 100%;
  }
  .studentCard .studentSwiper .slider-wrapper .swiperItem .lfInfo .btText .overflow-hidden,
  .studentCard .studentSwiper .slider-wrapper .swiperItem .lfInfo .btText .te-1 {
    -webkit-line-clamp: unset;
  }
  .studentCard .switchBtn {
    position: relative !important;
    top: unset !important;
  }
  .studentCard .lfInfo {
    height: unset !important;
    padding: 0 !important;
  }
  .studentCard .lfInfo > h4,
  .studentCard .lfInfo > .line8 {
    display: none;
  }
  .studentCard .lfInfo .user img {
    width: 100%;
    height: auto;
    aspect-ratio: 25/20;
    object-fit: cover;
  }
  .studentCard .lfInfo .btText {
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    padding: 24px !important;
    font-size: 0.875rem !important;
    width: 100% !important;
  }
  .studentCard .rtImgBox {
    display: none;
  }
}
.studentCard .switchBtn .student-banner-pause {
  width: 14px;
  height: auto;
  color: #7D2882;
  cursor: pointer;
  margin-left: 20px !important;
}
@media screen and (max-width: 1200px) {
  .studentCard .switchBtn {
    top: 755px;
  }
}
@media screen and (max-width: 767px) {
  .studentCard .switchBtn .student-banner-pause {
    margin-left: 10px !important;
  }
}
.studentCard .switchBtn .student-banner-pagination .swiper-pagination-bullet {
  margin-right: 0px;
  height: 15px;
  width: 15px;
  border: 2px solid #7D2882;
  background: transparent;
  opacity: 1;
}
.studentCard .switchBtn .student-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #7D2882;
}
.studentCard .homepage-student-button-prev {
  position: static !important;
  top: auto !important;
  left: calc(30% - 120px) !important;
  bottom: -30%;
}
.studentCard .homepage-student-button-next {
  position: static !important;
  top: auto !important;
  left: calc(30% - 10px) !important;
  bottom: -30%;
}
.studentCard .studentSwiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.studentCard .studentSwiper .swiper-wrapper .swiper-slide .slider-wrapper > a {
  display: block;
}
.studentCard .studentSwiper .swiper-wrapper .swiper-slide .slider-wrapper,
.studentCard .studentSwiper .swiper-wrapper .swiper-slide .slider-wrapper .swiperItem,
.studentCard .studentSwiper .swiper-wrapper .swiper-slide .slider-wrapper > a {
  height: 100%;
}
.studentCard .studentSwiper .views-row.odd-item .lfInfo {
  background: #FFFFFF;
}
.studentCard .studentSwiper .views-row.odd-item .lfInfo .btText .fw-700.theme-color.te-1, .studentCard .studentSwiper .views-row.odd-item .lfInfo .btText .application-deadline-listing .view-content .fw-700.te-1.view-grouping-header, .application-deadline-listing .view-content .studentCard .studentSwiper .views-row.odd-item .lfInfo .btText .fw-700.te-1.view-grouping-header {
  -webkit-line-clamp: unset;
}
.studentCard .studentSwiper .swiper-wrapper .views-row.even-item .lfInfo {
  background: #7D2882;
  color: #FFFFFF !important;
}
.studentCard .studentSwiper .swiper-wrapper .views-row.even-item .lfInfo .theme-color, .studentCard .studentSwiper .swiper-wrapper .views-row.even-item .lfInfo .application-deadline-listing .view-content .view-grouping-header, .application-deadline-listing .view-content .studentCard .studentSwiper .swiper-wrapper .views-row.even-item .lfInfo .view-grouping-header {
  color: #FFFFFF !important;
}
.studentCard .studentSwiper .swiper-wrapper .views-row.even-item .lfInfo .btText .fw-700.theme-color.te-1, .studentCard .studentSwiper .swiper-wrapper .views-row.even-item .lfInfo .btText .application-deadline-listing .view-content .fw-700.te-1.view-grouping-header, .application-deadline-listing .view-content .studentCard .studentSwiper .swiper-wrapper .views-row.even-item .lfInfo .btText .fw-700.te-1.view-grouping-header {
  -webkit-line-clamp: unset;
}
@media screen and (min-width: 1200px) {
  .studentCard .studentSwiper .swiperPosition {
    position: static;
    width: 140%;
    margin-left: -25%;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .studentCard .studentSwiper .swiperPosition {
    position: static;
    width: 100%;
  }
  .studentCard .studentSwiper .swiperPosition .homepage-student-button-prev {
    left: 50% !important;
    top: -60px;
  }
  .studentCard .studentSwiper .swiperPosition .homepage-student-button-next {
    left: 60% !important;
    top: -60px;
  }
}
@media screen and (max-width: 767px) {
  .studentCard .studentSwiper .swiperPosition {
    width: 85%;
    margin: 0 auto;
  }
}
.studentCard .studentSwiper .swiperItem {
  box-shadow: 2px 2px 10px 0px rgba(125, 40, 130, 0.25);
}
.studentCard .studentSwiper .swiperItem .lfInfo {
  width: 61.8%;
  padding: 1.875rem 2.1875rem;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .studentCard .studentSwiper .swiperItem .lfInfo {
    width: 66%;
  }
}
@media screen and (max-width: 991px) {
  .studentCard .studentSwiper .swiperItem .lfInfo .flex-grow-1 .d-none.d-md-block,
  .studentCard .studentSwiper .swiperItem .lfInfo .flex-grow-1 .d-md-none {
    display: none !important;
  }
}
.studentCard .studentSwiper .swiperItem .lfInfo .btText {
  left: 2.1875rem;
  bottom: 1.875rem;
  width: calc(100% - 4.375rem);
  font-size: 0.9375rem;
}
.studentCard .studentSwiper .swiperItem .lfInfo .btText > h4 {
  margin-bottom: 4px;
}
.studentCard .studentSwiper .swiperItem .lfInfo .line8 p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: unset;
  max-height: 180px;
  font-size: 0.9375rem;
  word-break: break-word;
}
.studentCard .studentSwiper .swiperItem .lfInfo .line8 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 8;
  max-height: 180px;
  font-size: 0.9375rem;
  word-break: break-word;
}
.studentCard .studentSwiper .swiperItem .rtImgBox {
  width: 366px;
  position: relative;
  height: fit-content;
  aspect-ratio: 337/381;
  height: 100%;
}
.studentCard .studentSwiper .swiperItem .rtImgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studentCard .learnMore {
  cursor: pointer;
  display: inline-block;
  padding: 18px 20px;
  background: #F0AA23;
}
.studentCard .lfCont {
  height: fit-content;
  aspect-ratio: 634/846;
}
.studentCard .lfCont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studentCard .rtCont {
  background: #F8F8F8;
  padding: 50px;
  position: relative;
}
.studentCard .rtCont .my-20px {
  margin: 1.25rem 0;
  padding-right: calc((100vw - 1234px) / 2);
}
.studentCard .rtCont .mb-20px {
  margin-bottom: 20px;
}

/* area of study start*/
.placeholderStyle {
  display: none;
}

.path-frontpage .areaOfStudy-title {
  padding-top: 40px;
}
@media screen and (max-width: 991px) {
  .path-frontpage .areaOfStudy-title {
    padding-top: 30px;
  }
}
.path-frontpage .areaOfStudy, .path-frontpage #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .path-frontpage .form--inline,
.path-frontpage #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .path-frontpage .form--inline,
.path-frontpage #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .path-frontpage .form--inline {
  padding: 0 0 40px !important;
}
@media screen and (max-width: 991px) {
  .path-frontpage .areaOfStudy, .path-frontpage #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .path-frontpage .form--inline,
  .path-frontpage #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .path-frontpage .form--inline,
  .path-frontpage #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .path-frontpage .form--inline {
    padding: 0 0 30px;
  }
  .path-frontpage .areaOfStudy .h2, .path-frontpage #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .h2, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .path-frontpage .form--inline .h2,
  .path-frontpage #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .h2,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .path-frontpage .form--inline .h2,
  .path-frontpage #views-exposed-form-announcement-listing-detail-filter .form--inline .h2,
  #views-exposed-form-announcement-listing-detail-filter .path-frontpage .form--inline .h2 {
    font-size: 1.75rem;
    margin-bottom: 15px !important;
  }
  .path-frontpage .areaOfStudy .h2.desktop-title, .path-frontpage #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .h2.desktop-title, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .path-frontpage .form--inline .h2.desktop-title,
  .path-frontpage #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .h2.desktop-title,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .path-frontpage .form--inline .h2.desktop-title,
  .path-frontpage #views-exposed-form-announcement-listing-detail-filter .form--inline .h2.desktop-title,
  #views-exposed-form-announcement-listing-detail-filter .path-frontpage .form--inline .h2.desktop-title {
    display: none;
  }
  .path-frontpage .areaOfStudy .h2.mobile-title, .path-frontpage #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .h2.mobile-title, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .path-frontpage .form--inline .h2.mobile-title,
  .path-frontpage #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .h2.mobile-title,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .path-frontpage .form--inline .h2.mobile-title,
  .path-frontpage #views-exposed-form-announcement-listing-detail-filter .form--inline .h2.mobile-title,
  #views-exposed-form-announcement-listing-detail-filter .path-frontpage .form--inline .h2.mobile-title {
    display: block;
  }
}
.path-frontpage .view-homepage-student-testimonials {
  display: none;
}
@media screen and (max-width: 991px) {
  .path-frontpage .studentCard {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 991px) {
  .path-frontpage .studentCard .h2 {
    font-size: 1.75rem;
    margin-bottom: 15px !important;
  }
}

.areaOfStudy, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#views-exposed-form-announcement-listing-detail-filter .form--inline {
  padding-top: 52px;
  padding-bottom: 62px;
}
.areaOfStudy .h2.mobile-title, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .h2.mobile-title,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .h2.mobile-title,
#views-exposed-form-announcement-listing-detail-filter .form--inline .h2.mobile-title {
  display: none;
}
.areaOfStudy .programme-search-icon-pagination, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .programme-search-icon-pagination,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .programme-search-icon-pagination,
#views-exposed-form-announcement-listing-detail-filter .form--inline .programme-search-icon-pagination {
  position: static;
  transform: none !important;
  width: 100% !important;
  height: 16px;
  margin: 24px 0;
}
.areaOfStudy .programme-search-icon-pagination .swiper-pagination-bullet, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .programme-search-icon-pagination .swiper-pagination-bullet,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .programme-search-icon-pagination .swiper-pagination-bullet,
#views-exposed-form-announcement-listing-detail-filter .form--inline .programme-search-icon-pagination .swiper-pagination-bullet {
  border: 1px solid #7D2882;
}
@media (max-width: 576px) {
  .areaOfStudy .h2.theme-color, .areaOfStudy .application-deadline-listing .view-content .h2.view-grouping-header, .application-deadline-listing .view-content .areaOfStudy .h2.view-grouping-header, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .h2.theme-color, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .application-deadline-listing .view-content .h2.view-grouping-header, .application-deadline-listing .view-content #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .h2.view-grouping-header,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .h2.theme-color,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .application-deadline-listing .view-content .h2.view-grouping-header,
  .application-deadline-listing .view-content #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .h2.view-grouping-header,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .h2.theme-color,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .application-deadline-listing .view-content .h2.view-grouping-header,
  .application-deadline-listing .view-content #views-exposed-form-announcement-listing-detail-filter .form--inline .h2.view-grouping-header {
    font-size: 1.75rem;
  }
  .areaOfStudy .inputCont .inputItem, .areaOfStudy .inputCont #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield,
  .areaOfStudy .inputCont #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield,
  .areaOfStudy .inputCont #views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .inputCont .inputItem, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .inputCont .js-form-type-textfield,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .inputCont .inputItem,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .inputCont .js-form-type-textfield,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .inputCont .inputItem,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .inputCont .js-form-type-textfield {
    width: 100%;
  }
  .areaOfStudy .searchBtn, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .searchBtn,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .searchBtn,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .searchBtn {
    margin-top: 20px;
    background-image: none !important;
  }
  .areaOfStudy .searchBtn::before, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .searchBtn::before,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .searchBtn::before,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .searchBtn::before {
    content: "SEARCH";
    font-weight: 700;
  }
}
@media screen and (max-width: 576px) and (max-width: 575px) {
  .areaOfStudy .searchBtn, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .searchBtn,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .searchBtn,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .searchBtn {
    height: 38px !important;
    width: 105px !important;
    padding: 5px;
  }
}
@media (max-width: 576px) {
  .areaOfStudy .itemList .areaItem .imgBox, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .imgBox,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .imgBox,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .imgBox {
    width: 20px;
    height: auto;
  }
  .areaOfStudy .itemList .areaItem > a > p, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem > a > p,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem > a > p,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem > a > p {
    width: calc(100% - 28px);
    font-size: 0.875rem;
    font-weight: 700;
  }
}
.areaOfStudy, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#views-exposed-form-announcement-listing-detail-filter .form--inline {
  background-color: #FFFFFF;
}
.areaOfStudy .selectric-disabled, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-disabled,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-disabled,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-disabled {
  cursor: not-allowed !important;
}
.areaOfStudy .itemList .areaItem:hover a, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem:hover a,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem:hover a,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem:hover a,
.areaOfStudy .itemList .areaItem:hover .faculty-item,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem:hover .faculty-item,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem:hover .faculty-item,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem:hover .faculty-item,
.areaOfStudy .itemList .areaItem.selected a,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem.selected a,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem.selected a,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem.selected a,
.areaOfStudy .itemList .areaItem.selected .faculty-item,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem.selected .faculty-item,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem.selected .faculty-item,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem.selected .faculty-item {
  color: #F0AA23 !important;
}
.areaOfStudy .itemList .areaItem:hover .imgBox.is-showed, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem:hover .imgBox.is-showed,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem:hover .imgBox.is-showed,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem:hover .imgBox.is-showed,
.areaOfStudy .itemList .areaItem.selected .imgBox.is-showed,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem.selected .imgBox.is-showed,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem.selected .imgBox.is-showed,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem.selected .imgBox.is-showed {
  display: none;
}
.areaOfStudy .itemList .areaItem:hover .imgBox.is-hovered, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem:hover .imgBox.is-hovered,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem:hover .imgBox.is-hovered,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem:hover .imgBox.is-hovered,
.areaOfStudy .itemList .areaItem.selected .imgBox.is-hovered,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem.selected .imgBox.is-hovered,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem.selected .imgBox.is-hovered,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem.selected .imgBox.is-hovered {
  display: block;
}
.areaOfStudy .itemList .areaItem > a, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem > a,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem > a,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem > a,
.areaOfStudy .itemList .areaItem > .faculty-item,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem > .faculty-item,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem > .faculty-item,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem > .faculty-item {
  color: #9e5ea1 !important;
  text-decoration: none;
}
.areaOfStudy .itemList .areaItem .imgBox.is-hovered, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .imgBox.is-hovered,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .imgBox.is-hovered,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .imgBox.is-hovered {
  display: none;
}
.areaOfStudy .itemList .areaItem .imgBox.is-showed, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .imgBox.is-showed,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .imgBox.is-showed,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .imgBox.is-showed {
  display: block;
}
.areaOfStudy .itemList .areaItem .imgBox, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .imgBox,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .imgBox,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .imgBox {
  width: 31px;
  height: 31px;
  overflow: hidden;
}
.areaOfStudy .itemList .areaItem .imgBox img, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .imgBox img,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .imgBox img,
#views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .imgBox img {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .areaOfStudy .itemList, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList {
    width: 100%;
  }
  .areaOfStudy .itemList .areaItem .reset, .areaOfStudy .itemList .areaItem .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .areaOfStudy .itemList .areaItem .site-logo, .areaOfStudy .itemList .areaItem .divisionPage .grayRow .division .title a, .divisionPage .grayRow .division .title .areaOfStudy .itemList .areaItem a, .areaOfStudy .itemList .areaItem .pg-student-life .discription a, .pg-student-life .discription .areaOfStudy .itemList .areaItem a, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .reset, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .site-logo, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .divisionPage .grayRow .division .title a, .divisionPage .grayRow .division .title #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem a, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .pg-student-life .discription a, .pg-student-life .discription #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem a,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .reset,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo,
  .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .site-logo,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .divisionPage .grayRow .division .title a,
  .divisionPage .grayRow .division .title #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem a,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .pg-student-life .discription a,
  .pg-student-life .discription #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem a,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .reset,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo,
  .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .site-logo,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .divisionPage .grayRow .division .title a,
  .divisionPage .grayRow .division .title #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem a,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .pg-student-life .discription a,
  .pg-student-life .discription #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem a {
    flex-direction: column !important;
  }
  .areaOfStudy .itemList .areaItem .reset p, .areaOfStudy .itemList .areaItem .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo p, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .areaOfStudy .itemList .areaItem .site-logo p, .areaOfStudy .itemList .areaItem .divisionPage .grayRow .division .title a p, .divisionPage .grayRow .division .title .areaOfStudy .itemList .areaItem a p, .areaOfStudy .itemList .areaItem .pg-student-life .discription a p, .pg-student-life .discription .areaOfStudy .itemList .areaItem a p, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .reset p, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo p, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .site-logo p, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .divisionPage .grayRow .division .title a p, .divisionPage .grayRow .division .title #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem a p, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem .pg-student-life .discription a p, .pg-student-life .discription #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .itemList .areaItem a p,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .reset p,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo p,
  .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .site-logo p,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .divisionPage .grayRow .division .title a p,
  .divisionPage .grayRow .division .title #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem a p,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem .pg-student-life .discription a p,
  .pg-student-life .discription #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .itemList .areaItem a p,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .reset p,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo p,
  .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .site-logo p,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .divisionPage .grayRow .division .title a p,
  .divisionPage .grayRow .division .title #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem a p,
  #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem .pg-student-life .discription a p,
  .pg-student-life .discription #views-exposed-form-announcement-listing-detail-filter .form--inline .itemList .areaItem a p {
    margin-top: 10px;
    text-align: center;
    white-space: normal;
  }
}
.areaOfStudy .inputItem, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .inputItem, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .inputItem,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield,
#views-exposed-form-announcement-listing-detail-filter .form--inline .inputItem,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield {
  width: calc(100% - 64px);
}
.areaOfStudy .inputItem .form-control, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .inputItem .form-control, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield .form-control, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield input,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .inputItem .form-control,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield .form-control,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield input,
#views-exposed-form-announcement-listing-detail-filter .form--inline .inputItem .form-control,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield .form-control,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield input {
  padding-left: 50px;
  background: url("../images/icons/search.svg") no-repeat 14px center;
  background-size: 25px !important;
}
.areaOfStudy .form-select:focus, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .form-select:focus,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .form-select:focus,
#views-exposed-form-announcement-listing-detail-filter .form--inline .form-select:focus,
.areaOfStudy .form-control:focus,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .form-control:focus,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield input:focus,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .form-control:focus,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield input:focus,
#views-exposed-form-announcement-listing-detail-filter .form--inline .form-control:focus,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield input:focus {
  box-shadow: 0 0 0 2px #7D2882;
  border: none;
}
.areaOfStudy .form-select::placeholder, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .form-select::placeholder,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .form-select::placeholder,
#views-exposed-form-announcement-listing-detail-filter .form--inline .form-select::placeholder,
.areaOfStudy .form-control::placeholder,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .form-control::placeholder,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield input::placeholder,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .form-control::placeholder,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield input::placeholder,
#views-exposed-form-announcement-listing-detail-filter .form--inline .form-control::placeholder,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield input::placeholder {
  color: #9D5EA1;
}
.areaOfStudy .form-select, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .form-select,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .form-select,
#views-exposed-form-announcement-listing-detail-filter .form--inline .form-select,
.areaOfStudy .form-control,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .form-control,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield input,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .form-control,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield input,
#views-exposed-form-announcement-listing-detail-filter .form--inline .form-control,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield input {
  height: 52px;
  border-radius: 0;
  border: 1px solid #DEC9E0;
  background-size: 10%;
}
.areaOfStudy .selectric-wrapper.selectric-open, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper.selectric-open,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper.selectric-open,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper.selectric-open {
  z-index: 2;
}
.areaOfStudy .selectric-wrapper.selectric-open .selectric, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper.selectric-open .selectric,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper.selectric-open .selectric,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper.selectric-open .selectric {
  box-shadow: 0 0 0 2px #7D2882;
}
.areaOfStudy .selectric-wrapper.selectric-below .selectric .label, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper.selectric-below .selectric .label,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper.selectric-below .selectric .label,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper.selectric-below .selectric .label {
  color: #7D2882 !important;
}
.areaOfStudy .selectric-wrapper .selectric, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric {
  background: #FFFFFF;
  height: 52px;
  border: 1px solid #DEC9E0;
}
.areaOfStudy .selectric-wrapper .selectric .label, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric .label,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric .label,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric .label {
  margin: 0 2.375rem 0 1.5rem;
  color: #9D5EA1;
  height: 52px;
  line-height: 52px;
  font-size: 1rem;
}
.areaOfStudy .selectric-wrapper .selectric .button, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric .button,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric .button,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric .button {
  width: 50px;
  height: 50px;
  background: url("../images/icons/arrow_forward_ios.svg") no-repeat center center;
  background-size: 20px;
}
.areaOfStudy .selectric-wrapper .selectric .button::after, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric .button::after,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric .button::after,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric .button::after {
  border: none;
}
.areaOfStudy .selectric-wrapper .selectric-items, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric-items,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric-items,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric-items {
  width: 100% !important;
  background: #FFFFFF;
  border: 1px solid #DEC9E0;
  box-shadow: none;
  top: 60px;
}
.areaOfStudy .selectric-wrapper .selectric-items ul li::before, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li::before,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li::before,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric-items ul li::before {
  content: none;
}
.areaOfStudy .selectric-wrapper .selectric-items ul li, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric-items ul li {
  padding: 15px 10px;
  color: #7D2882;
  font-size: 1rem;
}
.areaOfStudy .selectric-wrapper .selectric-items ul li:hover, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li:hover,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li:hover,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric-items ul li:hover {
  background: #efefef !important;
  color: #7D2882;
}
.areaOfStudy .selectric-wrapper .selectric-items ul li.highlighted, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li.highlighted,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li.highlighted,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric-items ul li.highlighted {
  background: #F8F8F8;
}
.areaOfStudy .selectric-wrapper .selectric-items ul li.disabled, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li.disabled,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .selectric-wrapper .selectric-items ul li.disabled,
#views-exposed-form-announcement-listing-detail-filter .form--inline .selectric-wrapper .selectric-items ul li.disabled {
  display: none;
}
.areaOfStudy .searchBtn, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .searchBtn,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .searchBtn,
#views-exposed-form-announcement-listing-detail-filter .form--inline .searchBtn {
  height: 52px;
  min-width: 55px;
  background: url("../images/icons/search.svg") no-repeat #F0AA23 center;
}
.areaOfStudy .areaCard, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .areaCard,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .areaCard,
#views-exposed-form-announcement-listing-detail-filter .form--inline .areaCard {
  border: 1.2px solid #BE93C0;
  background: #FFFFFF;
  box-shadow: 4px 8px 20px 0px rgba(125, 40, 130, 0.25);
}
.areaOfStudy .areaCard .itemList, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .areaCard .itemList,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .areaCard .itemList,
#views-exposed-form-announcement-listing-detail-filter .form--inline .areaCard .itemList {
  margin: 20px 0;
}
.areaOfStudy .areaCard .inputCont h6.theme-color, .areaOfStudy .areaCard .inputCont .application-deadline-listing .view-content h6.view-grouping-header, .application-deadline-listing .view-content .areaOfStudy .areaCard .inputCont h6.view-grouping-header, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .areaCard .inputCont h6.theme-color, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .areaCard .inputCont .application-deadline-listing .view-content h6.view-grouping-header, .application-deadline-listing .view-content #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .areaCard .inputCont h6.view-grouping-header,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .areaCard .inputCont h6.theme-color,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .areaCard .inputCont .application-deadline-listing .view-content h6.view-grouping-header,
.application-deadline-listing .view-content #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .areaCard .inputCont h6.view-grouping-header,
#views-exposed-form-announcement-listing-detail-filter .form--inline .areaCard .inputCont h6.theme-color,
#views-exposed-form-announcement-listing-detail-filter .form--inline .areaCard .inputCont .application-deadline-listing .view-content h6.view-grouping-header,
.application-deadline-listing .view-content #views-exposed-form-announcement-listing-detail-filter .form--inline .areaCard .inputCont h6.view-grouping-header {
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .programme-search-icon-swiper .itemList .swiper-slide {
    width: auto;
    /*min-width: 30vw;*/
  }
  .programme-search-icon-swiper .itemList .swiper-slide .areaItem > a > p{
    width: auto;
  }
}
.programme-search-icon-swiper .itemList .swiper-slide .areaItem > a > p{
    word-break: keep-all;
}
/*end*/
@media screen and (max-width: 767px) {
  .gs-home-slider-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 80px;
  }
}
.gs-home-slider-section .slider-wrapper {
  position: relative;
}
@media screen and (max-width: 767px) {
  .gs-home-slider-section .slider-wrapper {
    height: auto;
    overflow: visible;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
.gs-home-slider-section .slider-wrapper .slider-image,
.gs-home-slider-section .slider-wrapper .slider-video {
  width: 100%;
  height: 720px;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 767px) {
  .gs-home-slider-section .slider-wrapper .slider-image,
  .gs-home-slider-section .slider-wrapper .slider-video {
    height: 370px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .gs-home-slider-section .slider-wrapper .slider-image {
    display: none;
  }
}
.gs-home-slider-section .slider-wrapper .mobile-slider-image-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .gs-home-slider-section .slider-wrapper .mobile-slider-image-wrapper {
    order: 1;
  }
}
.gs-home-slider-section .slider-wrapper .mobile-slider-image-wrapper .mobile-slider-image {
  width: 100vw;
  max-width: 100vw;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.gs-home-slider-section .slider-wrapper .slider-video-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 20;
  display: flex;
  align-items: center;
}
.gs-home-slider-section .slider-wrapper .slider-video-controls .slider-video-play {
  display: none;
}
.gs-home-slider-section .slider-wrapper .slider-video-controls svg {
  width: 15px;
  height: auto;
  color: #FFFFFF;
  cursor: pointer;
}
.gs-home-slider-section .slider-wrapper .slider-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 720px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .gs-home-slider-section .slider-wrapper .slider-bg {
    height: 90%;
    top: unset;
    width: auto;
    left: -144px;
  }
}
@media screen and (max-width: 575px) {
  .gs-home-slider-section .slider-wrapper .slider-bg {
    height: 80%;
    left: -90px;
  }
}
.gs-home-slider-section .slider-wrapper .slider-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60%;
  background: #7D2882;
  padding: 24px 40px;
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .gs-home-slider-section .slider-wrapper .slider-text {
    width: 100%;
    padding: 24px;
  }
}
@media screen and (max-width: 767px) {
  .gs-home-slider-section .slider-wrapper .slider-text {
    position: relative;
    margin-top: 0;
    z-index: 10;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    order: 2;
    background: #7D2882;
  }
  .gs-home-slider-section .slider-wrapper .slider-text .cuhk-gs-btn.mb-3 {
    margin-bottom: 0 !important;
  }
}
.gs-home-slider-section .slider-wrapper .slider-text h1 {
  color: #FFFFFF;
}
.gs-home-slider-section .slider-wrapper .slider-text h1 p {
  font-size: 3.375rem;
}
@media screen and (max-width: 767px) {
  .gs-home-slider-section .slider-wrapper .slider-text h1 p {
    font-size: 24px;
  }
}
.gs-home-slider-section .slider-wrapper .slider-text .slider-desc {
  color: #FFFFFF;
  margin-bottom: 24px;
}
.gs-home-slider-section .slider-wrapper .slider-text .slider-desc p {
  font-size: 1.063rem;
}
.gs-home-slider-section .slider-wrapper .slider-text .slider-desc p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .gs-home-slider-section .slider-wrapper .slider-text .slider-desc {
    display: block;
    margin-bottom: 0;
  }
}

.gs-noti-section {
  background-color: #DEC9E0;
  padding: 15px 0;
  position: relative;
}
.gs-noti-section .swiper-wrapper {
  align-items: center;
}
@media screen and (max-width: 991px) {
  .gs-noti-section .swiper-button-next {
    right: 0 !important;
    width: 25px !important;
  }
  .gs-noti-section .swiper-button-prev {
    left: 0 !important;
    width: 25px !important;
  }
}
@media (min-width: 992px) and (max-width: 1440px) {
  .gs-noti-section .homepage-noti-swiper .swiper-button-next,
  .gs-noti-section .homepage-noti-swiper .slider-wrapper .d-flex {
    padding: 0 70px;
  }
}
@media screen and (max-width: 767px) {
  .gs-noti-section .homepage-noti-swiper .slider-wrapper .d-flex {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .gs-noti-section .homepage-noti-swiper .slider-wrapper .d-flex .slider-text {
    width: 60%;
  }
}
@media screen and (max-width: 370px) {
  .gs-noti-section .homepage-noti-swiper .slider-wrapper .d-flex .slider-text {
    width: 100%;
  }
}
.gs-noti-section .homepage-noti-swiper .slider-wrapper .d-flex {
  gap: 15px 20px;
}
@media screen and (max-width: 767px) {
  .gs-noti-section .homepage-noti-swiper .slider-wrapper .d-flex {
    gap: 10px 5px;
  }
}
.gs-noti-section .homepage-noti-swiper .slider-wrapper .d-flex .cuhk-gs-btn.outline {
  background: transparent !important;
}
.gs-noti-section .homepage-noti-swiper .slider-wrapper .d-flex .cuhk-gs-btn.outline:hover {
  background: #F0AA23 !important;
  color: #FFFFFF !important;
  border-color: transparent;
}
.gs-noti-section .swiper-slide {
  background-color: #DEC9E0;
}
.gs-noti-section .slider-text {
  color: #7D2882;
}
.gs-noti-section .slider-text .noti-title {
  font-weight: 700;
  font-size: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .gs-noti-section .slider-text .noti-title {
    font-size: 0.938rem;
    line-height: 128%;
  }
}
.gs-noti-section .slider-text .noti-desc {
  font-size: 0.9375rem;
}

.block-views-blockhomepage-facts-figures-block-1.gs-facts-and-figures-section {
  padding-bottom: 60px;
}

.gs-facts-and-figures-section {
  padding: 80px 0 70px;
}
@media screen and (min-width: 768px) {
  .gs-facts-and-figures-section .facts-and-figures-col {
    width: 50%;
    height: unset;
  }
}
@media screen and (max-width: 767px) {
  .gs-facts-and-figures-section {
    display: none;
  }
}
.gs-facts-and-figures-section .facts-and-figures-desc {
  margin: 20px 0;
}
.gs-facts-and-figures-section .facts-and-figures-row {
  --bs-gutter-y: 0.75rem;
  --bs-gutter-x: 0.75rem;
}
.gs-facts-and-figures-section.prosepctive-students-section {
  padding-bottom: 50px;
}
.gs-facts-and-figures-section.prosepctive-students-section .col-sm-12:nth-child(1) .facts-and-figures-box {
  background-image: url("../images/icons/facts&figures_illsutration_2_v2.png");
  background-color: #7D2882;
  background-position: bottom right -50px;
  background-size: auto 200px;
}
.gs-facts-and-figures-section.prosepctive-students-section .col-sm-12:nth-child(2) .facts-and-figures-box {
  background-image: url("../images/icons/facts&figures_illsutration_1.svg");
  background-color: #F0AA23;
  background-size: auto 200px;
  background-position: bottom right -91px;
}
.gs-facts-and-figures-section.prosepctive-students-section .facts-and-figures-box {
  padding: 1.8125rem 2.5rem;
}
.gs-facts-and-figures-section.prosepctive-students-section .facts-and-figures-box .facts-and-figures-number-desc {
  letter-spacing: -0.3px;
  font-size: 0.9375rem;
}
.gs-facts-and-figures-section .col-sm-12:nth-child(1) .facts-and-figures-box {
  background-image: url("../images/icons/facts&figures_illsutration_1.svg");
  background-color: #F0AA23;
}
@media screen and (max-width: 1024px) {
  .gs-facts-and-figures-section .col-sm-12:nth-child(1) .facts-and-figures-box {
    background-size: auto 55%;
  }
}
@media screen and (max-width: 767px) {
  .gs-facts-and-figures-section .col-sm-12:nth-child(1) .facts-and-figures-box {
    background-size: auto 40%;
  }
}
.gs-facts-and-figures-section .col-sm-12:nth-child(2) .facts-and-figures-box {
  background-image: url("../images/icons/facts&figures_illsutration_2_v2.png");
  background-color: #7D2882;
}
.gs-facts-and-figures-section .col-sm-12:nth-child(3) .facts-and-figures-box {
  background-image: url("../images/icons/facts&figures_illsutration_3_v2.png");
  background-color: #7D2882;
}
.gs-facts-and-figures-section .col-sm-12:nth-child(3) .facts-and-figures-box .facts-and-figures-number,
.gs-facts-and-figures-section .col-sm-12:nth-child(3) .facts-and-figures-box .facts-and-figures-number-desc,
.gs-facts-and-figures-section .col-sm-12:nth-child(3) .facts-and-figures-box .facts-and-figures-year {
  max-width: 80%;
}
.gs-facts-and-figures-section .col-sm-12:nth-child(4) .facts-and-figures-box {
  background-image: url("../images/icons/facts&figures_illsutration_4.svg");
  background-position: right bottom -20px;
  background-size: auto 96%;
  background-color: #F0AA23;
}
.gs-facts-and-figures-section .col-sm-12:nth-child(4) .facts-and-figures-box .facts-and-figures-year {
  order: 1;
}
.gs-facts-and-figures-section .col-sm-12:nth-child(4) .facts-and-figures-box .facts-and-figures-number {
  order: 2;
}
.gs-facts-and-figures-section .col-sm-12:nth-child(4) .facts-and-figures-box .facts-and-figures-number-desc {
  order: 3;
  font-size: 1.0625rem;
}
@media screen and (max-width: 1024px) {
  .gs-facts-and-figures-section .col-sm-12:nth-child(4) .facts-and-figures-box {
    background-size: auto 75%;
  }
}
@media screen and (max-width: 767px) {
  .gs-facts-and-figures-section .col-sm-12:nth-child(4) .facts-and-figures-box {
    background-size: auto 60%;
  }
}
.gs-facts-and-figures-section .facts-and-figures-box {
  color: #FFFFFF;
  padding: 30px 45px;
  height: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto 200px;
  display: flex;
  flex-direction: column;
}
.gs-facts-and-figures-section .facts-and-figures-box.purple-bg {
  background-color: #833b84;
}
.gs-facts-and-figures-section .facts-and-figures-box.yellow-bg {
  background-color: #F0AA23;
}
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number,
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number-desc,
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-year {
  max-width: 80%;
  color: #FFFFFF;
  font-weight: 700;
}
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number,
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number * {
  font-size: 6.25rem;
  line-height: 100%;
  margin-bottom: 5px;
}
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number p,
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number * p {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number,
  .gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number * {
    font-size: 6.25rem;
  }
}
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-number-desc {
  font-size: 1.0625rem;
  margin-top: 12px;
}
.gs-facts-and-figures-section .facts-and-figures-box .facts-and-figures-year {
  font-size: 1.5rem;
}

.home-gs-facts-and-figures-section-mobile {
  padding: 30px 0;
}

#gs-facts-and-figures-section-mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  #gs-facts-and-figures-section-mobile {
    display: block;
  }
}
#gs-facts-and-figures-section-mobile .gs-section-title {
  font-size: 1.75rem !important;
  line-height: 1.3;
  margin-bottom: 15px;
}
#gs-facts-and-figures-section-mobile .gs-section-title br {
  display: none;
}
#gs-facts-and-figures-section-mobile .swiper-slide:nth-child(odd) .facts-and-figures-box {
  background-color: #F0AA23;
}
#gs-facts-and-figures-section-mobile .swiper-slide:nth-child(even) .facts-and-figures-box {
  background-color: #7D2882;
}
#gs-facts-and-figures-section-mobile .swiper-slide .facts-and-figures-box {
  height: 100%;
  min-height: 280px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#gs-facts-and-figures-section-mobile .swiper-slide .facts-and-figures-box .facts-and-figures-icon img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}
#gs-facts-and-figures-section-mobile .swiper-slide .facts-and-figures-box .facts-and-figures-number * {
  color: #FFFFFF;
  font-size: 2.875rem;
  font-weight: 700;
  margin-bottom: 0;
}
#gs-facts-and-figures-section-mobile .swiper-slide .facts-and-figures-box .facts-and-figures-year {
  font-size: 1.063rem;
  font-weight: 700;
  color: #FFFFFF;
}
#gs-facts-and-figures-section-mobile .swiper-slide .facts-and-figures-box .facts-and-figures-number-desc {
  font-size: 0.875rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .view-homepage-persona {
    background-color: #f2e9f2;
    padding: 30px 0;
  }
}

.gs-student-and-staff-section {
  padding-bottom: 80px;
}
@media screen and (max-width: 1500px) {
  .gs-student-and-staff-section {
    transform: scale(0.9);
    margin: -50px 0;
  }
}
@media screen and (max-width: 1350px) {
  .gs-student-and-staff-section {
    transform: scale(0.8);
    margin: -100px 0;
  }
}
@media screen and (max-width: 1120px) {
  .gs-student-and-staff-section {
    margin-left: -3vw;
  }
}
@media screen and (max-width: 1080px) {
  .gs-student-and-staff-section {
    margin-left: -12vw;
  }
}
@media screen and (max-width: 991px) {
  .gs-student-and-staff-section {
    margin-left: 0;
    transform: scale(1);
    margin: 0;
    padding-bottom: 0;
  }
}
.gs-student-and-staff-section .gs-accordion-horizontal-section {
  position: relative;
}
@media screen and (max-width: 991px) {
  .gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal {
    display: none !important;
  }
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-header-mobile,
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile,
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-mobile-tab-btn,
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-mobile-tab-content {
  display: none;
}
@media screen and (max-width: 991px) {
  .gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-header-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-header-mobile .gs-accordion-horizontal-row,
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-header-mobile .gs-accordion-horizontal-mobile-tab-content {
  display: none !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-header-mobile .views-row {
  width: calc(50% - 6px);
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-header-mobile .gs-accordion-horizontal-mobile-tab-btn {
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  padding: 8px 12px;
  color: #7D2882;
  transition: 0.3s;
  font-size: 0.75rem;
  font-weight: 700;
  border: 1px solid #dec9e0;
  cursor: pointer;
  height: 100%;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-header-mobile .gs-accordion-horizontal-mobile-tab-btn.opened, .gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-header-mobile .gs-accordion-horizontal-mobile-tab-btn:hover {
  background-color: #7D2882;
  color: #FFFFFF;
  border: 1px solid #7D2882;
}
@media screen and (max-width: 991px) {
  .gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile {
    display: block;
  }
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-row,
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-mobile-tab-btn {
  display: none !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-mobile-tab-content.opened {
  display: block;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-mobile-tab-content .gs-accordion-header {
  font-size: 1.25rem;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-mobile-tab-content .gs-accordion-image {
  margin: 30px 0;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-mobile-tab-content .gs-accordion-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-mobile-tab-content .accordion-panel-title {
  color: #7D2882;
  margin-bottom: 24px;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-mobile-tab-content .gs-accordion-panel .te-4 {
  display: none;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-horizontal-content-mobile .gs-accordion-horizontal-mobile-tab-content .gs-accordion-panel .gs-accordion-link {
  color: #7D2882;
  font-size: 0.875rem;
}
.gs-student-and-staff-section .gs-accordion-horizontal-section .gs-accordion-featured-image {
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: -255px;
  width: 500px;
  height: 310px;
  aspect-ratio: 16/9;
  z-index: 1;
  border-radius: 0 70px 0 70px;
  transition: background-image 1s;
}
.gs-student-and-staff-section .gs-accordion-horizontal {
  margin-top: 20px;
  height: 900px;
  gap: 10px;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(1) {
  background-color: #F2EAF3;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(1) .gs-accordion-horizontal-header,
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(1) .accordion-panel-title {
  color: #7D2882 !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(1) .gs-accordion-panel p {
  color: #000000 !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(2) {
  background-color: #BE93C0;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(2) .image-shape {
  border-bottom: 35px solid #BE93C0 !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(2) .gs-accordion-row {
  border-color: #DEC9E0 !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(2) .gs-accordion-header,
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(2) .gs-accordion-panel .gs-accordion-link {
  color: #FFFFFF;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(2) .accordion-panel-title,
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(2) .gs-accordion {
  padding-left: 100px;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(3) {
  background-color: #9D5EA1;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(3) .image-shape {
  border-bottom: 35px solid #9D5EA1 !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(3) .gs-accordion-row {
  border-color: #DEC9E0 !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(3) .gs-accordion-header,
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(3) .gs-accordion-panel .gs-accordion-link {
  color: #FFFFFF;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(4) {
  background-color: #7D2882;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(4) .image-shape {
  border-bottom: 35px solid #7D2882 !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(4) .gs-accordion-row {
  border-color: #DEC9E0 !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(4) .gs-accordion-header,
.gs-student-and-staff-section .gs-accordion-horizontal .views-row:nth-child(4) .gs-accordion-panel .gs-accordion-link {
  color: #FFFFFF;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row {
  height: 100%;
  flex-grow: 0;
  transition: 1s;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .overlay {
  background: none !important;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .image-shape {
  display: none;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-header {
  position: static;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-header .gs-accordion-image {
  opacity: 1;
  visibility: visible;
  position: unset;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-header .gs-accordion-image .overlay {
  display: none;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-header .gs-accordion-image img {
  position: absolute;
  width: 494px;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: 0px 70px;
  left: -245px;
  top: -20px;
  z-index: 2;
}
@media screen and (max-width: 1700px) {
  .gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-header .gs-accordion-image img {
    width: 450px;
    left: -200px;
  }
}
@media screen and (max-width: 1620px) {
  .gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-header .gs-accordion-image img {
    width: 400px;
    left: -140px;
  }
}
@media screen and (max-width: 1120px) {
  .gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-header .gs-accordion-image img {
    width: 370px;
    left: -100px;
  }
}
@media screen and (max-width: 1080px) {
  .gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-header .gs-accordion-image img {
    width: 280px;
    left: 0;
  }
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header {
  padding-bottom: 30px;
  cursor: pointer;
  flex-direction: column;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header .gs-accordion-image {
  position: relative;
  width: 85px;
  opacity: 1;
  visibility: visible;
  transition: opacity 1s;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header .gs-accordion-image img {
  width: 85px;
  height: 248px;
  object-fit: cover;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header .gs-accordion-image .overlay {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header .gs-accordion-image .image-shape {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  border-bottom: 35px solid #F2EAF3;
  border-left: 85px solid transparent;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header .gs-accordion-horizontal-title {
  padding: 0 5px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 1.5rem;
  font-weight: 700;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header .gs-accordion-horizontal-title::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../images/icons/line_yellow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-panel {
  width: 100%;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: 1s;
  padding: 65px 0 55px;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-panel .accordion-panel-title {
  margin-bottom: 40px;
  color: #FFFFFF;
  padding-right: 80px;
  padding-left: 210px;
  width: 830px;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-panel .gs-accordion {
  padding-right: 80px;
  padding-left: 210px;
  width: 830px;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header {
  color: #FFFFFF;
  position: relative;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header .overlay {
  z-index: 1;
  background-color: rgba(124, 40, 129, 0.5);
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-header .image-shape {
  z-index: 2;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-panel .accordion-panel-title {
  color: #FFFFFF;
  padding-left: 210px;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion-horizontal-panel a.gs-accordion-link {
  color: #7D2882;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row .gs-accordion {
  padding-left: 210px;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened {
  flex-grow: 1;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-horizontal-panel {
  max-width: 831px;
  opacity: 1;
}
.gs-student-and-staff-section .gs-accordion-horizontal .gs-accordion-horizontal-row.opened .gs-accordion-image {
  opacity: 0;
  visibility: hidden;
}

.gs-programme-search-section {
  height: 1044px;
  background-image: url("../images/programme_search_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -335px;
}

.gs-inspiring-storis-section {
  height: 927px;
  background: url("../images/inspiring_stories_bg.png"), linear-gradient(180deg, rgba(125, 40, 130, 0.05) 0%, rgba(125, 40, 130, 0.2) 32%, rgba(125, 40, 130, 0.15) 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#gs-quick-links-section {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #gs-quick-links-section .cuhk-gs-container, #gs-quick-links-section .application-deadline-listing .view-content, .application-deadline-listing #gs-quick-links-section .view-content, #gs-quick-links-section .sitemap-container, #gs-quick-links-section #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
  #gs-quick-links-section #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
  #gs-quick-links-section #views-exposed-form-announcement-listing-detail-filter, #gs-quick-links-section .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner #gs-quick-links-section .tb-megamenu-row, #gs-quick-links-section .tb-megamenu .nav-collapse, .tb-megamenu #gs-quick-links-section .nav-collapse, #gs-quick-links-section .pager {
    width: 100%;
  }
  #gs-quick-links-section .cuhk-gs-container .homepage-quick-links-swiper, #gs-quick-links-section .application-deadline-listing .view-content .homepage-quick-links-swiper, .application-deadline-listing #gs-quick-links-section .view-content .homepage-quick-links-swiper, #gs-quick-links-section .sitemap-container .homepage-quick-links-swiper, #gs-quick-links-section #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .homepage-quick-links-swiper,
  #gs-quick-links-section #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .homepage-quick-links-swiper,
  #gs-quick-links-section #views-exposed-form-announcement-listing-detail-filter .homepage-quick-links-swiper, #gs-quick-links-section .tb-megamenu .mega-dropdown-inner .tb-megamenu-row .homepage-quick-links-swiper, .tb-megamenu .mega-dropdown-inner #gs-quick-links-section .tb-megamenu-row .homepage-quick-links-swiper, #gs-quick-links-section .tb-megamenu .nav-collapse .homepage-quick-links-swiper, .tb-megamenu #gs-quick-links-section .nav-collapse .homepage-quick-links-swiper, #gs-quick-links-section .pager .homepage-quick-links-swiper {
    overflow: visible;
  }
}

@media screen and (max-width: 767px) {
  .studentCard + .gs-quick-links-section {
    padding-top: 30px;
  }
}
.layout-builder-block .element-page .collapse-item .collapse-item-content{
    display: block !important;
}
.layout-builder-block .element-page .collapse-item .collapse-item-header{
    background: #7D2882;
}
.layout-builder-block .element-page .collapse-item .collapse-item-header span{
    color:#fff;
}
.gs-quick-links-section .swiper-button-next.swiper-button-disabled,
.gs-quick-links-section .swiper-button-prev.swiper-button-disabled {
  display: none;
}
@media screen and (max-width: 991px) {
  .gs-quick-links-section {
    padding: 30px 0 30px;
    margin-top: 30px;
  }
  .gs-quick-links-section h2 {
    font-size: 1.75rem !important;
    margin-bottom: 15px !important;
  }
  .gs-quick-links-section .swiper-control-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.gs-quick-links-section .mb-20px {
  margin-bottom: 20px;
}
.gs-quick-links-section {
  padding: 0 0 70px;
  position: relative;
  background-image: url("../images/icons/quicklink_background.svg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.gs-quick-links-section .quick-link-grid {
  position: relative;
}
.gs-quick-links-section .quick-link-grid .quick-link-image {
  overflow: hidden;
}
.gs-quick-links-section .quick-link-grid .quick-link-image img {
  width: 100%;
  height: auto;
  transition: 0.3s;
}
.gs-quick-links-section .quick-link-grid .quick-link-box {
  padding: 24px;
  background-color: #F2EAF3;
  color: #7D2882;
  transition: 0.3s;
}
.gs-quick-links-section .quick-link-grid .quick-link-box .quick-link-cat {
  margin-bottom: 15px;
  font-size: 0.9375rem;
}
.gs-quick-links-section .quick-link-grid .quick-link-box .quick-link-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 128%;
  margin-bottom: 8px;
}
.gs-quick-links-section .quick-link-grid .quick-link-box .quick-link-desc {
  margin-bottom: 0;
  color: #000000;
}
.gs-quick-links-section .quick-link-grid .quick-link-box svg {
  min-width: 8px;
}
.gs-quick-links-section .quick-link-grid .quick-link-box svg path {
  stroke: #7D2882;
}
.gs-quick-links-section .quick-link-grid .quick-link-btn {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.gs-quick-links-section .quick-link-grid:hover .quick-link-image img {
  transform: scale(1.1);
}
.gs-quick-links-section .quick-link-grid:hover .quick-link-box {
  background-color: #7D2882;
  color: #FFFFFF;
}
.gs-quick-links-section .quick-link-grid:hover .quick-link-box svg path {
  stroke: #FFFFFF;
}
.gs-quick-links-section .quick-link-grid:hover .quick-link-box .cuhk-gs-tag {
  color: #F0AA23;
  border-color: #F0AA23;
}
.gs-quick-links-section .quick-link-grid:hover .quick-link-box .quick-link-desc {
  color: #FFFFFF;
}

.homepage-programme-faculty-section .areaOfStudy, .homepage-programme-faculty-section #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .homepage-programme-faculty-section .form--inline,
.homepage-programme-faculty-section #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .homepage-programme-faculty-section .form--inline,
.homepage-programme-faculty-section #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .homepage-programme-faculty-section .form--inline {
  padding-top: 0;
}

/* announcements list */
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#views-exposed-form-announcement-listing-detail-filter .form--inline {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  padding-top: 20px;
  padding-bottom: 0;
}
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-item > label,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-item > label,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-item > label {
  color: #7D2882;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 12px;
}
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield {
  width: calc((100% - 188px) / 2);
}
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield input,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield input,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield input {
  width: 100%;
}
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-select,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-select,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-select {
  width: calc((100% - 188px) / 2);
}
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .edit-actions,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .edit-actions,
#views-exposed-form-announcement-listing-detail-filter .form--inline .edit-actions {
  width: 160px;
}

#views-exposed-form-announcement-listing-detail-filter .form--inline {
  padding-top: 0;
  padding-bottom: 24px;
}

/* end */
.anchor_section .section-bottom a {
  color: #7D2882;
}
.anchor_section .section-bottom img {
  max-width: 100%;
  height: auto;
}

.searchIconCard {
  overflow-x: clip;
}
.searchIconCard .itemList {
  justify-content: space-evenly;
}
.page-node-type-ps-lp-ss .ps-search {
  padding-top: 30px;
}
.page-node-type-ps-lp-ss .areaOfStudy, .page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-ps-lp-ss .form--inline,
.page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-ps-lp-ss .form--inline,
.page-node-type-ps-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-ps-lp-ss .form--inline {
  padding-top: 0;
  padding-bottom: 62px !important;
}
@media screen and (max-width: 991px) {
  .page-node-type-ps-lp-ss .areaOfStudy, .page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-ps-lp-ss .form--inline,
  .page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-ps-lp-ss .form--inline,
  .page-node-type-ps-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-ps-lp-ss .form--inline {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
  }
}
.page-node-type-ps-lp-ss .areaOfStudy .desktop-title, .page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .desktop-title, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-ps-lp-ss .form--inline .desktop-title,
.page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .desktop-title,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-ps-lp-ss .form--inline .desktop-title,
.page-node-type-ps-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline .desktop-title,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-ps-lp-ss .form--inline .desktop-title,
.page-node-type-ps-lp-ss .areaOfStudy .mobile-title,
.page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .mobile-title,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-ps-lp-ss .form--inline .mobile-title,
.page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .mobile-title,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-ps-lp-ss .form--inline .mobile-title,
.page-node-type-ps-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline .mobile-title,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-ps-lp-ss .form--inline .mobile-title {
  display: none !important;
}

.page-node-type-rpg-lp .rpg-search {
  padding-top: 30px;
}
.page-node-type-rpg-lp .areaOfStudy, .page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-rpg-lp .form--inline,
.page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-rpg-lp .form--inline,
.page-node-type-rpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-rpg-lp .form--inline {
  padding-top: 0;
  padding-bottom: 62px !important;
}
@media screen and (max-width: 991px) {
  .page-node-type-rpg-lp .areaOfStudy, .page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-rpg-lp .form--inline,
  .page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-rpg-lp .form--inline,
  .page-node-type-rpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-rpg-lp .form--inline {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
  }
}
.page-node-type-rpg-lp .areaOfStudy .desktop-title, .page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .desktop-title, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-rpg-lp .form--inline .desktop-title,
.page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .desktop-title,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-rpg-lp .form--inline .desktop-title,
.page-node-type-rpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline .desktop-title,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-rpg-lp .form--inline .desktop-title,
.page-node-type-rpg-lp .areaOfStudy .mobile-title,
.page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .mobile-title,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-rpg-lp .form--inline .mobile-title,
.page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .mobile-title,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-rpg-lp .form--inline .mobile-title,
.page-node-type-rpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline .mobile-title,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-rpg-lp .form--inline .mobile-title {
  display: none !important;
}

.page-node-type-tpg-lp .tpg-programme-search {
  padding-top: 52px;
}
.page-node-type-tpg-lp .tpg-programme-search .h2.mb-3 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 991px) {
  .page-node-type-tpg-lp .tpg-programme-search .h2 {
    font-size: 1.75rem;
  }
}
.page-node-type-tpg-lp .areaOfStudy, .page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-tpg-lp .form--inline,
.page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-tpg-lp .form--inline,
.page-node-type-tpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-tpg-lp .form--inline {
  padding-top: 0;
  padding-bottom: 62px !important;
}
@media screen and (max-width: 991px) {
  .page-node-type-tpg-lp .areaOfStudy, .page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-tpg-lp .form--inline,
  .page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-tpg-lp .form--inline,
  .page-node-type-tpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-tpg-lp .form--inline {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
  }
}
.page-node-type-tpg-lp .areaOfStudy .desktop-title, .page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .desktop-title, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-tpg-lp .form--inline .desktop-title,
.page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .desktop-title,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-tpg-lp .form--inline .desktop-title,
.page-node-type-tpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline .desktop-title,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-tpg-lp .form--inline .desktop-title,
.page-node-type-tpg-lp .areaOfStudy .mobile-title,
.page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .mobile-title,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-tpg-lp .form--inline .mobile-title,
.page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .mobile-title,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-tpg-lp .form--inline .mobile-title,
.page-node-type-tpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline .mobile-title,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-tpg-lp .form--inline .mobile-title {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .page-node-type-tpg-lp .tpg-programme-search {
    padding-top: 0px;
  }
  .page-node-type-tpg-lp .tpg-programme-search.theme-color.h2.mb-3, .page-node-type-tpg-lp .application-deadline-listing .view-content .tpg-programme-search.h2.mb-3.view-grouping-header, .application-deadline-listing .view-content .page-node-type-tpg-lp .tpg-programme-search.h2.mb-3.view-grouping-header {
    margin-bottom: 15px !important;
  }
  .page-node-type-tpg-lp .tpg-programme-search.theme-color.h2 *, .page-node-type-tpg-lp .application-deadline-listing .view-content .tpg-programme-search.h2.view-grouping-header *, .application-deadline-listing .view-content .page-node-type-tpg-lp .tpg-programme-search.h2.view-grouping-header * {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 991px) {
  .page-node-type-cs-lp-ss .cuhk-about-current-students {
    padding-top: 30px !important;
  }
}

.page-node-type-ds-lp-ss .cuhk-about-division-staff {
  margin-top: 0;
  margin-bottom: 70px;
}
@media screen and (max-width: 991px) {
  .page-node-type-ds-lp-ss .cuhk-about-division-staff {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
}

.page-node-type-g-lp-ss .cuhk-about-graduates {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .page-node-type-g-lp-ss .cuhk-about-graduates {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
}
.page-node-type-g-lp-ss .fullWidthSection {
  padding-bottom: 70px;
}
@media screen and (max-width: 991px) {
  .page-node-type-g-lp-ss .fullWidthSection {
    padding-bottom: 30px;
  }
}

.about-grid-wrapper .applicationCard {
  padding: 0 !important;
}
.about-grid-wrapper .applicationCard .grid-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.about-grid-wrapper .applicationCard .grid-info {
  padding: 12px 36px 36px 36px;
}
.about-grid-wrapper .applicationCard .grid-info li {
  margin-bottom: 7px;
}
.about-grid-wrapper .applicationCard .grid-info li:last-child {
  margin-bottom: 0;
}
.about-grid-wrapper .applicationCard .grid-info li p {
  margin-bottom: 0;
}

.page-node-type-ps-lp-ss .breadcrumb,
.page-node-type-ds-lp-ss .breadcrumb,
.page-node-type-g-lp-ss .breadcrumb,
.page-node-type-cs-lp-ss .breadcrumb,
.page-node-type-rpg-lp .breadcrumb,
.page-node-type-tpg-lp .breadcrumb,
.page-node-type-hkpfs-lp .breadcrumb {
  padding-top: 40px !important;
}
@media screen and (max-width: 991px) {
  .page-node-type-ps-lp-ss .breadcrumb,
  .page-node-type-ds-lp-ss .breadcrumb,
  .page-node-type-g-lp-ss .breadcrumb,
  .page-node-type-cs-lp-ss .breadcrumb,
  .page-node-type-rpg-lp .breadcrumb,
  .page-node-type-tpg-lp .breadcrumb,
  .page-node-type-hkpfs-lp .breadcrumb {
    padding-top: 15px !important;
  }
}
.page-node-type-ps-lp-ss .areaOfStudy, .page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-ps-lp-ss .form--inline,
.page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-ps-lp-ss .form--inline,
.page-node-type-ps-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-ps-lp-ss .form--inline,
.page-node-type-ds-lp-ss .areaOfStudy,
.page-node-type-ds-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-ds-lp-ss .form--inline,
.page-node-type-ds-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-ds-lp-ss .form--inline,
.page-node-type-ds-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-ds-lp-ss .form--inline,
.page-node-type-g-lp-ss .areaOfStudy,
.page-node-type-g-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-g-lp-ss .form--inline,
.page-node-type-g-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-g-lp-ss .form--inline,
.page-node-type-g-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-g-lp-ss .form--inline,
.page-node-type-cs-lp-ss .areaOfStudy,
.page-node-type-cs-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-cs-lp-ss .form--inline,
.page-node-type-cs-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-cs-lp-ss .form--inline,
.page-node-type-cs-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-cs-lp-ss .form--inline,
.page-node-type-rpg-lp .areaOfStudy,
.page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-rpg-lp .form--inline,
.page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-rpg-lp .form--inline,
.page-node-type-rpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-rpg-lp .form--inline,
.page-node-type-tpg-lp .areaOfStudy,
.page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-tpg-lp .form--inline,
.page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-tpg-lp .form--inline,
.page-node-type-tpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-tpg-lp .form--inline,
.page-node-type-hkpfs-lp .areaOfStudy,
.page-node-type-hkpfs-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-hkpfs-lp .form--inline,
.page-node-type-hkpfs-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-hkpfs-lp .form--inline,
.page-node-type-hkpfs-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-hkpfs-lp .form--inline {
  padding-bottom: 0;
}
.page-node-type-ps-lp-ss .innerpage-exploreOurFaculties-swiper,
.page-node-type-ps-lp-ss .innerpage-application-swiper,
.page-node-type-ds-lp-ss .innerpage-exploreOurFaculties-swiper,
.page-node-type-ds-lp-ss .innerpage-application-swiper,
.page-node-type-g-lp-ss .innerpage-exploreOurFaculties-swiper,
.page-node-type-g-lp-ss .innerpage-application-swiper,
.page-node-type-cs-lp-ss .innerpage-exploreOurFaculties-swiper,
.page-node-type-cs-lp-ss .innerpage-application-swiper,
.page-node-type-rpg-lp .innerpage-exploreOurFaculties-swiper,
.page-node-type-rpg-lp .innerpage-application-swiper,
.page-node-type-tpg-lp .innerpage-exploreOurFaculties-swiper,
.page-node-type-tpg-lp .innerpage-application-swiper,
.page-node-type-hkpfs-lp .innerpage-exploreOurFaculties-swiper,
.page-node-type-hkpfs-lp .innerpage-application-swiper {
  display: none;
  overflow: visible;
}
.page-node-type-ps-lp-ss .text-card-mobile,
.page-node-type-ds-lp-ss .text-card-mobile,
.page-node-type-g-lp-ss .text-card-mobile,
.page-node-type-cs-lp-ss .text-card-mobile,
.page-node-type-rpg-lp .text-card-mobile,
.page-node-type-tpg-lp .text-card-mobile,
.page-node-type-hkpfs-lp .text-card-mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  .page-node-type-ps-lp-ss .gs-facts-and-figures-section,
  .page-node-type-ds-lp-ss .gs-facts-and-figures-section,
  .page-node-type-g-lp-ss .gs-facts-and-figures-section,
  .page-node-type-cs-lp-ss .gs-facts-and-figures-section,
  .page-node-type-rpg-lp .gs-facts-and-figures-section,
  .page-node-type-tpg-lp .gs-facts-and-figures-section,
  .page-node-type-hkpfs-lp .gs-facts-and-figures-section {
    display: none;
  }
  .page-node-type-ps-lp-ss #gs-facts-and-figures-section-mobile,
  .page-node-type-ds-lp-ss #gs-facts-and-figures-section-mobile,
  .page-node-type-g-lp-ss #gs-facts-and-figures-section-mobile,
  .page-node-type-cs-lp-ss #gs-facts-and-figures-section-mobile,
  .page-node-type-rpg-lp #gs-facts-and-figures-section-mobile,
  .page-node-type-tpg-lp #gs-facts-and-figures-section-mobile,
  .page-node-type-hkpfs-lp #gs-facts-and-figures-section-mobile {
    padding: 30px 0;
  }
  .page-node-type-ps-lp-ss #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(odd) .facts-and-figures-box,
  .page-node-type-ds-lp-ss #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(odd) .facts-and-figures-box,
  .page-node-type-g-lp-ss #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(odd) .facts-and-figures-box,
  .page-node-type-cs-lp-ss #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(odd) .facts-and-figures-box,
  .page-node-type-rpg-lp #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(odd) .facts-and-figures-box,
  .page-node-type-tpg-lp #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(odd) .facts-and-figures-box,
  .page-node-type-hkpfs-lp #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(odd) .facts-and-figures-box {
    background-color: #7D2882;
  }
  .page-node-type-ps-lp-ss #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(even) .facts-and-figures-box,
  .page-node-type-ds-lp-ss #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(even) .facts-and-figures-box,
  .page-node-type-g-lp-ss #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(even) .facts-and-figures-box,
  .page-node-type-cs-lp-ss #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(even) .facts-and-figures-box,
  .page-node-type-rpg-lp #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(even) .facts-and-figures-box,
  .page-node-type-tpg-lp #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(even) .facts-and-figures-box,
  .page-node-type-hkpfs-lp #gs-facts-and-figures-section-mobile .swiper-slide:nth-child(even) .facts-and-figures-box {
    background-color: #F0AA23;
  }
  .page-node-type-ps-lp-ss .exploreOurFaculties,
  .page-node-type-ds-lp-ss .exploreOurFaculties,
  .page-node-type-g-lp-ss .exploreOurFaculties,
  .page-node-type-cs-lp-ss .exploreOurFaculties,
  .page-node-type-rpg-lp .exploreOurFaculties,
  .page-node-type-tpg-lp .exploreOurFaculties,
  .page-node-type-hkpfs-lp .exploreOurFaculties {
    overflow: hidden;
    padding: 30px 0;
  }
  .page-node-type-ps-lp-ss .exploreOurFaculties h2,
  .page-node-type-ds-lp-ss .exploreOurFaculties h2,
  .page-node-type-g-lp-ss .exploreOurFaculties h2,
  .page-node-type-cs-lp-ss .exploreOurFaculties h2,
  .page-node-type-rpg-lp .exploreOurFaculties h2,
  .page-node-type-tpg-lp .exploreOurFaculties h2,
  .page-node-type-hkpfs-lp .exploreOurFaculties h2 {
    font-size: 1.75rem !important;
    line-height: 1.3;
    margin-bottom: 15px !important;
  }
  .page-node-type-ps-lp-ss .exploreOurFaculties .exploreItem,
  .page-node-type-ds-lp-ss .exploreOurFaculties .exploreItem,
  .page-node-type-g-lp-ss .exploreOurFaculties .exploreItem,
  .page-node-type-cs-lp-ss .exploreOurFaculties .exploreItem,
  .page-node-type-rpg-lp .exploreOurFaculties .exploreItem,
  .page-node-type-tpg-lp .exploreOurFaculties .exploreItem,
  .page-node-type-hkpfs-lp .exploreOurFaculties .exploreItem {
    width: 100%;
  }
  .page-node-type-ps-lp-ss .exploreOurFaculties .exploreItem .imgBox img,
  .page-node-type-ds-lp-ss .exploreOurFaculties .exploreItem .imgBox img,
  .page-node-type-g-lp-ss .exploreOurFaculties .exploreItem .imgBox img,
  .page-node-type-cs-lp-ss .exploreOurFaculties .exploreItem .imgBox img,
  .page-node-type-rpg-lp .exploreOurFaculties .exploreItem .imgBox img,
  .page-node-type-tpg-lp .exploreOurFaculties .exploreItem .imgBox img,
  .page-node-type-hkpfs-lp .exploreOurFaculties .exploreItem .imgBox img {
    aspect-ratio: 16/11;
  }
  .page-node-type-ps-lp-ss .exploreOurFaculties .exploreItem h4,
  .page-node-type-ds-lp-ss .exploreOurFaculties .exploreItem h4,
  .page-node-type-g-lp-ss .exploreOurFaculties .exploreItem h4,
  .page-node-type-cs-lp-ss .exploreOurFaculties .exploreItem h4,
  .page-node-type-rpg-lp .exploreOurFaculties .exploreItem h4,
  .page-node-type-tpg-lp .exploreOurFaculties .exploreItem h4,
  .page-node-type-hkpfs-lp .exploreOurFaculties .exploreItem h4 {
    font-size: 1.5rem !important;
  }
  .page-node-type-ps-lp-ss .exploreOurFaculties .exploreItem .grid-des p,
  .page-node-type-ds-lp-ss .exploreOurFaculties .exploreItem .grid-des p,
  .page-node-type-g-lp-ss .exploreOurFaculties .exploreItem .grid-des p,
  .page-node-type-cs-lp-ss .exploreOurFaculties .exploreItem .grid-des p,
  .page-node-type-rpg-lp .exploreOurFaculties .exploreItem .grid-des p,
  .page-node-type-tpg-lp .exploreOurFaculties .exploreItem .grid-des p,
  .page-node-type-hkpfs-lp .exploreOurFaculties .exploreItem .grid-des p {
    font-size: 1rem !important;
  }
  .page-node-type-ps-lp-ss .exploreOurFaculties .desktop-grid,
  .page-node-type-ds-lp-ss .exploreOurFaculties .desktop-grid,
  .page-node-type-g-lp-ss .exploreOurFaculties .desktop-grid,
  .page-node-type-cs-lp-ss .exploreOurFaculties .desktop-grid,
  .page-node-type-rpg-lp .exploreOurFaculties .desktop-grid,
  .page-node-type-tpg-lp .exploreOurFaculties .desktop-grid,
  .page-node-type-hkpfs-lp .exploreOurFaculties .desktop-grid {
    display: none;
  }
  .page-node-type-ps-lp-ss .exploreOurFaculties .innerpage-exploreOurFaculties-swiper,
  .page-node-type-ds-lp-ss .exploreOurFaculties .innerpage-exploreOurFaculties-swiper,
  .page-node-type-g-lp-ss .exploreOurFaculties .innerpage-exploreOurFaculties-swiper,
  .page-node-type-cs-lp-ss .exploreOurFaculties .innerpage-exploreOurFaculties-swiper,
  .page-node-type-rpg-lp .exploreOurFaculties .innerpage-exploreOurFaculties-swiper,
  .page-node-type-tpg-lp .exploreOurFaculties .innerpage-exploreOurFaculties-swiper,
  .page-node-type-hkpfs-lp .exploreOurFaculties .innerpage-exploreOurFaculties-swiper {
    display: block;
  }
  .page-node-type-ps-lp-ss .text-card-section,
  .page-node-type-ds-lp-ss .text-card-section,
  .page-node-type-g-lp-ss .text-card-section,
  .page-node-type-cs-lp-ss .text-card-section,
  .page-node-type-rpg-lp .text-card-section,
  .page-node-type-tpg-lp .text-card-section,
  .page-node-type-hkpfs-lp .text-card-section {
    margin-top: 30px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .page-node-type-ps-lp-ss .areaOfStudy, .page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-ps-lp-ss .form--inline,
  .page-node-type-ps-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-ps-lp-ss .form--inline,
  .page-node-type-ps-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-ps-lp-ss .form--inline,
  .page-node-type-ds-lp-ss .areaOfStudy,
  .page-node-type-ds-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-ds-lp-ss .form--inline,
  .page-node-type-ds-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-ds-lp-ss .form--inline,
  .page-node-type-ds-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-ds-lp-ss .form--inline,
  .page-node-type-g-lp-ss .areaOfStudy,
  .page-node-type-g-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-g-lp-ss .form--inline,
  .page-node-type-g-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-g-lp-ss .form--inline,
  .page-node-type-g-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-g-lp-ss .form--inline,
  .page-node-type-cs-lp-ss .areaOfStudy,
  .page-node-type-cs-lp-ss #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-cs-lp-ss .form--inline,
  .page-node-type-cs-lp-ss #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-cs-lp-ss .form--inline,
  .page-node-type-cs-lp-ss #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-cs-lp-ss .form--inline,
  .page-node-type-rpg-lp .areaOfStudy,
  .page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-rpg-lp .form--inline,
  .page-node-type-rpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-rpg-lp .form--inline,
  .page-node-type-rpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-rpg-lp .form--inline,
  .page-node-type-tpg-lp .areaOfStudy,
  .page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-tpg-lp .form--inline,
  .page-node-type-tpg-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-tpg-lp .form--inline,
  .page-node-type-tpg-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-tpg-lp .form--inline,
  .page-node-type-hkpfs-lp .areaOfStudy,
  .page-node-type-hkpfs-lp #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-hkpfs-lp .form--inline,
  .page-node-type-hkpfs-lp #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-hkpfs-lp .form--inline,
  .page-node-type-hkpfs-lp #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-hkpfs-lp .form--inline {
    padding: 30px 0;
  }
  .page-node-type-ps-lp-ss .studentCard,
  .page-node-type-ds-lp-ss .studentCard,
  .page-node-type-g-lp-ss .studentCard,
  .page-node-type-cs-lp-ss .studentCard,
  .page-node-type-rpg-lp .studentCard,
  .page-node-type-tpg-lp .studentCard,
  .page-node-type-hkpfs-lp .studentCard {
    margin-top: 0;
    margin-bottom: 0;
  }
  .page-node-type-ps-lp-ss .studentCard h2,
  .page-node-type-ds-lp-ss .studentCard h2,
  .page-node-type-g-lp-ss .studentCard h2,
  .page-node-type-cs-lp-ss .studentCard h2,
  .page-node-type-rpg-lp .studentCard h2,
  .page-node-type-tpg-lp .studentCard h2,
  .page-node-type-hkpfs-lp .studentCard h2 {
    font-size: 1.75rem;
    margin-bottom: 15px;
  }
  .page-node-type-ps-lp-ss .studentCard .rtCont,
  .page-node-type-ds-lp-ss .studentCard .rtCont,
  .page-node-type-g-lp-ss .studentCard .rtCont,
  .page-node-type-cs-lp-ss .studentCard .rtCont,
  .page-node-type-rpg-lp .studentCard .rtCont,
  .page-node-type-tpg-lp .studentCard .rtCont,
  .page-node-type-hkpfs-lp .studentCard .rtCont {
    padding: 30px 24px !important;
  }
  .page-node-type-ps-lp-ss .ProgrammesVideo,
  .page-node-type-ds-lp-ss .ProgrammesVideo,
  .page-node-type-g-lp-ss .ProgrammesVideo,
  .page-node-type-cs-lp-ss .ProgrammesVideo,
  .page-node-type-rpg-lp .ProgrammesVideo,
  .page-node-type-tpg-lp .ProgrammesVideo,
  .page-node-type-hkpfs-lp .ProgrammesVideo {
    padding: 30px 24px;
  }
  .page-node-type-ps-lp-ss .ProgrammesVideo .left,
  .page-node-type-ds-lp-ss .ProgrammesVideo .left,
  .page-node-type-g-lp-ss .ProgrammesVideo .left,
  .page-node-type-cs-lp-ss .ProgrammesVideo .left,
  .page-node-type-rpg-lp .ProgrammesVideo .left,
  .page-node-type-tpg-lp .ProgrammesVideo .left,
  .page-node-type-hkpfs-lp .ProgrammesVideo .left {
    height: unset;
    background: #7D2882;
    padding: 25px !important;
  }
  .page-node-type-ps-lp-ss .ProgrammesVideo .left h2,
  .page-node-type-ds-lp-ss .ProgrammesVideo .left h2,
  .page-node-type-g-lp-ss .ProgrammesVideo .left h2,
  .page-node-type-cs-lp-ss .ProgrammesVideo .left h2,
  .page-node-type-rpg-lp .ProgrammesVideo .left h2,
  .page-node-type-tpg-lp .ProgrammesVideo .left h2,
  .page-node-type-hkpfs-lp .ProgrammesVideo .left h2 {
    height: unset;
    margin: 0 !important;
  }
  .page-node-type-ps-lp-ss .cuhk-application,
  .page-node-type-ds-lp-ss .cuhk-application,
  .page-node-type-g-lp-ss .cuhk-application,
  .page-node-type-cs-lp-ss .cuhk-application,
  .page-node-type-rpg-lp .cuhk-application,
  .page-node-type-tpg-lp .cuhk-application,
  .page-node-type-hkpfs-lp .cuhk-application {
    padding: 0 24px 0;
    margin: 0;
    overflow: hidden;
  }
  .page-node-type-ps-lp-ss .cuhk-application h2,
  .page-node-type-ds-lp-ss .cuhk-application h2,
  .page-node-type-g-lp-ss .cuhk-application h2,
  .page-node-type-cs-lp-ss .cuhk-application h2,
  .page-node-type-rpg-lp .cuhk-application h2,
  .page-node-type-tpg-lp .cuhk-application h2,
  .page-node-type-hkpfs-lp .cuhk-application h2 {
    font-size: 1.75rem;
    margin-bottom: 15px;
  }
  .page-node-type-ps-lp-ss .cuhk-application .innerpage-application-swiper,
  .page-node-type-ds-lp-ss .cuhk-application .innerpage-application-swiper,
  .page-node-type-g-lp-ss .cuhk-application .innerpage-application-swiper,
  .page-node-type-cs-lp-ss .cuhk-application .innerpage-application-swiper,
  .page-node-type-rpg-lp .cuhk-application .innerpage-application-swiper,
  .page-node-type-tpg-lp .cuhk-application .innerpage-application-swiper,
  .page-node-type-hkpfs-lp .cuhk-application .innerpage-application-swiper {
    display: block;
  }
  .page-node-type-ps-lp-ss .cuhk-application .desktop-grid,
  .page-node-type-ds-lp-ss .cuhk-application .desktop-grid,
  .page-node-type-g-lp-ss .cuhk-application .desktop-grid,
  .page-node-type-cs-lp-ss .cuhk-application .desktop-grid,
  .page-node-type-rpg-lp .cuhk-application .desktop-grid,
  .page-node-type-tpg-lp .cuhk-application .desktop-grid,
  .page-node-type-hkpfs-lp .cuhk-application .desktop-grid {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .page-node-type-ps-lp-ss .text-card-mobile,
  .page-node-type-ds-lp-ss .text-card-mobile,
  .page-node-type-g-lp-ss .text-card-mobile,
  .page-node-type-cs-lp-ss .text-card-mobile,
  .page-node-type-rpg-lp .text-card-mobile,
  .page-node-type-tpg-lp .text-card-mobile,
  .page-node-type-hkpfs-lp .text-card-mobile {
    display: block;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard {
    aspect-ratio: 1/1;
    position: relative;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard img,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard img,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard img,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard img,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard img,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard img,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard .text-card-layer,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard .text-card-layer,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard .text-card-layer,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard .text-card-layer,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard .text-card-layer,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard .text-card-layer,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard .text-card-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content h2,
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content .textLine *,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content h2,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content .textLine *,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content h2,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content .textLine *,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content h2,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content .textLine *,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content h2,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content .textLine *,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content h2,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content .textLine *,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content h2,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard.mobile-textCard2 .card-content .textLine * {
    color: #FFFFFF;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard .card-content,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard .card-content,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard .card-content,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard .card-content,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard .card-content,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard .card-content,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard .card-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 18px 25px;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard .card-content h2,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard .card-content h2,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard .card-content h2,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard .card-content h2,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard .card-content h2,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard .card-content h2,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard .card-content h2 {
    margin-bottom: 6px;
    font-size: 1.75rem;
    line-height: 1;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard .card-content .textLine *,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard .card-content .textLine *,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard .card-content .textLine *,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard .card-content .textLine *,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard .card-content .textLine *,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard .card-content .textLine *,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard .card-content .textLine * {
    color: #000000;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard .card-content .textLine *:last-child,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard .card-content .textLine *:last-child,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard .card-content .textLine *:last-child,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard .card-content .textLine *:last-child,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard .card-content .textLine *:last-child,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard .card-content .textLine *:last-child,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard .card-content .textLine *:last-child {
    margin-bottom: 0;
  }
  .page-node-type-ps-lp-ss .text-card-mobile .mobile-textCard .card-content .cuhk-gs-btn,
  .page-node-type-ds-lp-ss .text-card-mobile .mobile-textCard .card-content .cuhk-gs-btn,
  .page-node-type-g-lp-ss .text-card-mobile .mobile-textCard .card-content .cuhk-gs-btn,
  .page-node-type-cs-lp-ss .text-card-mobile .mobile-textCard .card-content .cuhk-gs-btn,
  .page-node-type-rpg-lp .text-card-mobile .mobile-textCard .card-content .cuhk-gs-btn,
  .page-node-type-tpg-lp .text-card-mobile .mobile-textCard .card-content .cuhk-gs-btn,
  .page-node-type-hkpfs-lp .text-card-mobile .mobile-textCard .card-content .cuhk-gs-btn {
    margin-top: 15px;
  }
}

@media screen and (max-width: 576px) {
  .page-node-type-hkpfs-lp .exploreOurFaculties {
    width: 100vw;
    margin-left: -24px;
    margin-right: -24px;
    padding-top: 0;
  }
  .page-node-type-hkpfs-lp .exploreOurFaculties .gs-section-title,
  .page-node-type-hkpfs-lp .exploreOurFaculties .facts-and-figures-desc,
  .page-node-type-hkpfs-lp .exploreOurFaculties .innerpage-exploreOurFaculties-swiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.anchor-btn-section {
  padding: 30px 0;
}

.page-node-type-pf-module .areaOfStudy, .page-node-type-pf-module #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-pf-module .form--inline,
.page-node-type-pf-module #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-pf-module .form--inline,
.page-node-type-pf-module #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-pf-module .form--inline {
  padding-bottom: 20px;
  padding-top: 20px;
}
@media screen and (max-width: 991px) {
  .page-node-type-pf-module .areaOfStudy, .page-node-type-pf-module #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-pf-module .form--inline,
  .page-node-type-pf-module #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
  #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-pf-module .form--inline,
  .page-node-type-pf-module #views-exposed-form-announcement-listing-detail-filter .form--inline,
  #views-exposed-form-announcement-listing-detail-filter .page-node-type-pf-module .form--inline {
    padding-top: 10px;
  }
}
.page-node-type-pf-module .breadcrumb {
  margin-top: 100px;
}
.page-node-type-pf-module .view-filters {
  display: none;
}

@media screen and (max-width: 767px) {
  .view-announcement-listing .view-filters .form--inline {
    row-gap: 10px;
  }
  .view-announcement-listing .view-filters .form--inline .js-form-item {
    width: 100% !important;
  }
  .view-announcement-listing .view-filters .form--inline .js-form-item > label {
    margin-bottom: 8px !important;
    font-size: 1rem !important;
  }
}
.view-announcement-listing .view-filters .button.form-submit {
  font-size: 0.9375rem !important;
  padding: 15px 20px !important;
  min-width: 148px !important;
}
@media screen and (max-width: 767px) {
  .view-announcement-listing .view-filters .button.form-submit {
    font-size: 0.75rem !important;
    padding: 10px !important;
    min-width: 105px !important;
  }
}

.announcementsDetail .desc a {
  color: #7D2882;
}
.announcementsDetail .desc a:hover {
  color: #7D2882;
}

.page-node-type-page .areaOfStudy, .page-node-type-page #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .page-node-type-page .form--inline,
.page-node-type-page #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .page-node-type-page .form--inline,
.page-node-type-page #views-exposed-form-announcement-listing-detail-filter .form--inline,
#views-exposed-form-announcement-listing-detail-filter .page-node-type-page .form--inline {
  padding: 0;
}

.page-node-type-hkpfs-lp .facts-and-figures-desc {
  margin-bottom: 20px;
}
.page-node-type-hkpfs-lp .gs-facts-and-figures-section.prosepctive-students-section {
  padding-top: 50px;
}
.page-node-type-hkpfs-lp .ProgrammesVideo {
  padding-top: 50px;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .page-node-type-hkpfs-lp .ProgrammesVideo {
    padding-top: 30px;
    padding-bottom: 0;
  }
}

.page-node-type-rpg-lp .ProgrammesVideo {
  padding-top: 50px;
}

.field--name-field-pgsl-cuhk-description h3 {
  color: #7D2882;
  padding-top: 14px;
}
.field--name-field-pgsl-cuhk-description a {
  text-decoration: underline !important;
}

#gs-video-channel-section {
  padding-bottom: 100px;
  padding-top: 0;
}

#gs-programmes-faculties-page-section {
  padding: 0 24px 100px;
  margin-top: 24px;
}
@media screen and (max-width: 991px) {
  #gs-programmes-faculties-page-section {
    margin-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  #gs-programmes-faculties-page-section .h2 {
    font-size: 1.75rem;
  }
  #gs-programmes-faculties-page-section a.reset, #gs-programmes-faculties-page-section .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #gs-programmes-faculties-page-section a.site-logo, #gs-programmes-faculties-page-section .divisionPage .grayRow .division .title a, .divisionPage .grayRow .division .title #gs-programmes-faculties-page-section a, #gs-programmes-faculties-page-section .pg-student-life .discription a, .pg-student-life .discription #gs-programmes-faculties-page-section a {
    display: block !important;
  }
  #gs-programmes-faculties-page-section a.reset .exploreItem, #gs-programmes-faculties-page-section .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo .exploreItem, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #gs-programmes-faculties-page-section a.site-logo .exploreItem, #gs-programmes-faculties-page-section .divisionPage .grayRow .division .title a .exploreItem, .divisionPage .grayRow .division .title #gs-programmes-faculties-page-section a .exploreItem, #gs-programmes-faculties-page-section .pg-student-life .discription a .exploreItem, .pg-student-life .discription #gs-programmes-faculties-page-section a .exploreItem {
    padding: 16px;
    margin: 0;
  }
  #gs-programmes-faculties-page-section a.reset .exploreItem:hover, #gs-programmes-faculties-page-section .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo .exploreItem:hover, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #gs-programmes-faculties-page-section a.site-logo .exploreItem:hover, #gs-programmes-faculties-page-section .divisionPage .grayRow .division .title a .exploreItem:hover, .divisionPage .grayRow .division .title #gs-programmes-faculties-page-section a .exploreItem:hover, #gs-programmes-faculties-page-section .pg-student-life .discription a .exploreItem:hover, .pg-student-life .discription #gs-programmes-faculties-page-section a .exploreItem:hover {
    background-color: #ffffff !important;
  }
  #gs-programmes-faculties-page-section a.reset .exploreItem:hover .theme-color, #gs-programmes-faculties-page-section .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo .exploreItem:hover .theme-color, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #gs-programmes-faculties-page-section a.site-logo .exploreItem:hover .theme-color, #gs-programmes-faculties-page-section .divisionPage .grayRow .division .title a .exploreItem:hover .theme-color, .divisionPage .grayRow .division .title #gs-programmes-faculties-page-section a .exploreItem:hover .theme-color, #gs-programmes-faculties-page-section a.reset .exploreItem:hover .application-deadline-listing .view-content .view-grouping-header, #gs-programmes-faculties-page-section .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo .exploreItem:hover .application-deadline-listing .view-content .view-grouping-header, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #gs-programmes-faculties-page-section a.site-logo .exploreItem:hover .application-deadline-listing .view-content .view-grouping-header, #gs-programmes-faculties-page-section .divisionPage .grayRow .division .title a .exploreItem:hover .application-deadline-listing .view-content .view-grouping-header, .divisionPage .grayRow .division .title #gs-programmes-faculties-page-section a .exploreItem:hover .application-deadline-listing .view-content .view-grouping-header, .application-deadline-listing .view-content #gs-programmes-faculties-page-section a.reset .exploreItem:hover .view-grouping-header, .application-deadline-listing .view-content #gs-programmes-faculties-page-section .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo .exploreItem:hover .view-grouping-header, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .application-deadline-listing .view-content #gs-programmes-faculties-page-section a.site-logo .exploreItem:hover .view-grouping-header, .application-deadline-listing .view-content #gs-programmes-faculties-page-section .divisionPage .grayRow .division .title a .exploreItem:hover .view-grouping-header, .divisionPage .grayRow .division .title .application-deadline-listing .view-content #gs-programmes-faculties-page-section a .exploreItem:hover .view-grouping-header, #gs-programmes-faculties-page-section .pg-student-life .discription a .exploreItem:hover .theme-color, #gs-programmes-faculties-page-section .pg-student-life .discription a .exploreItem:hover .application-deadline-listing .view-content .view-grouping-header, .application-deadline-listing .view-content #gs-programmes-faculties-page-section .pg-student-life .discription a .exploreItem:hover .view-grouping-header, .pg-student-life .discription #gs-programmes-faculties-page-section a .exploreItem:hover .theme-color, .pg-student-life .discription #gs-programmes-faculties-page-section a .exploreItem:hover .application-deadline-listing .view-content .view-grouping-header, .application-deadline-listing .view-content .pg-student-life .discription #gs-programmes-faculties-page-section a .exploreItem:hover .view-grouping-header {
    color: #7D2882;
  }
  #gs-programmes-faculties-page-section a.reset .exploreItem .faculty-info img, #gs-programmes-faculties-page-section .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo .exploreItem .faculty-info img, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #gs-programmes-faculties-page-section a.site-logo .exploreItem .faculty-info img, #gs-programmes-faculties-page-section .divisionPage .grayRow .division .title a .exploreItem .faculty-info img, .divisionPage .grayRow .division .title #gs-programmes-faculties-page-section a .exploreItem .faculty-info img, #gs-programmes-faculties-page-section .pg-student-life .discription a .exploreItem .faculty-info img, .pg-student-life .discription #gs-programmes-faculties-page-section a .exploreItem .faculty-info img {
    width: 24px;
    height: auto;
    object-fit: contain;
    margin-right: 10px;
  }
  #gs-programmes-faculties-page-section a.reset .exploreItem .faculty-info h4, #gs-programmes-faculties-page-section .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo .exploreItem .faculty-info h4, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox #gs-programmes-faculties-page-section a.site-logo .exploreItem .faculty-info h4, #gs-programmes-faculties-page-section .divisionPage .grayRow .division .title a .exploreItem .faculty-info h4, .divisionPage .grayRow .division .title #gs-programmes-faculties-page-section a .exploreItem .faculty-info h4, #gs-programmes-faculties-page-section .pg-student-life .discription a .exploreItem .faculty-info h4, .pg-student-life .discription #gs-programmes-faculties-page-section a .exploreItem .faculty-info h4 {
    margin-bottom: 0 !important;
    font-size: 1.125rem !important;
  }
  #gs-programmes-faculties-page-section .row > * {
    margin-top: 0.75rem;
  }
  #gs-programmes-faculties-page-section .row.g-4 {
    --bs-gutter-x: 0.75rem;
  }
}

.fullWidthSection.overflow-visible {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .fullWidthSection.overflow-visible {
    margin-top: 40px;
  }
}

.view-empty {
  padding-top: 50px;
  padding-bottom: 100px;
  font-size: 1.25rem;
}

@media screen and (max-width: 575px) {
  .video-channel-section #videoModal .modal-dialog {
    margin: 0 24px;
  }
}
.video-channel-section #videoModal video {
  background-color: #000000;
}
.video-channel-section #videoModal .modal-content {
  border-radius: 0;
}
.video-channel-section #videoModal .close-btn {
  top: 20px;
  right: 20px;
  width: 23px;
  height: 24px;
  background-color: transparent;
  border: none;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.video-channel-section #videoModal .close-btn::before,
.video-channel-section #videoModal .close-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: #7D2882;
  transform: translate(-50%, -50%) rotate(45deg);
}
.video-channel-section #videoModal .close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.typography-section {
  margin-bottom: 100px;
}
.typography-section .colorBox {
  margin-bottom: 60px;
}
.typography-section .colorBox .colorRow {
  display: flex;
  flex-wrap: wrap;
  gap: 1.375rem;
}
.typography-section .colorBox .colorRow .itemBox {
  position: relative;
  width: calc((100% - 88px) / 5);
  padding-top: 18%;
}
.typography-section .colorBox .colorRow .itemBox .item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-weight: 700;
  text-align: center;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
}
@media screen and (max-width: 991px) {
  .typography-section .colorBox .colorRow .itemBox {
    width: calc((100% - 66px) / 4);
    padding-top: 23%;
  }
}
@media screen and (max-width: 767px) {
  .typography-section .colorBox .colorRow .itemBox {
    width: calc((100% - 44px) / 3);
    padding-top: 32%;
  }
}
.typography-section .quote-bg {
  padding: 30px 0 16px 20px;
  background-image: url("../images/icons/quotationMarks1.svg"), url("../images/icons/quotationMarks2.svg");
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.cuhk-gs-ps-intro-box .textCard1,
.cuhk-gs-ps-intro-box .textCard2 {
  width: 52%;
}
@media screen and (max-width: 991px) {
  .cuhk-gs-ps-intro-box .textCard1,
  .cuhk-gs-ps-intro-box .textCard2 {
    width: 100%;
    position: static !important;
    margin-bottom: 0 !important;
  }
}
.cuhk-gs-ps-intro-box .textCard1 .textLine,
.cuhk-gs-ps-intro-box .textCard2 .textLine {
  font-size: 0.9375rem;
}
.cuhk-gs-ps-intro-box .textCard1 {
  background: #DEC9E0 url("../images/card1-bg.png") no-repeat -20px top/cover;
  background-size: auto 100%;
  z-index: 1;
  margin-bottom: 65px;
  padding: 45px 118px 45px 254px;
}
@media screen and (max-width: 1480px) {
  .cuhk-gs-ps-intro-box .textCard1 {
    padding-left: 120px;
  }
}
@media screen and (max-width: 1240px) {
  .cuhk-gs-ps-intro-box .textCard1 {
    padding: 35px;
    padding-left: 24px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 24px;
  }
  .cuhk-gs-ps-intro-box .textCard1 h2 {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 991px) {
  .cuhk-gs-ps-intro-box .textCard1 {
    padding: 35px 24px;
    justify-content: start !important;
  }
}
.cuhk-gs-ps-intro-box .textCard2 {
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 2;
  background: #7D2882 url("../images/card2-bg.png") no-repeat right bottom/cover;
  background-size: 60%;
  color: #FFFFFF;
  padding: 50px 67px;
  padding-right: 240px;
}
@media screen and (max-width: 1480px) {
  .cuhk-gs-ps-intro-box .textCard2 {
    padding-right: 120px;
  }
}
@media screen and (max-width: 1240px) {
  .cuhk-gs-ps-intro-box .textCard2 {
    padding-right: 24px;
  }
}
@media screen and (max-width: 991px) {
  .cuhk-gs-ps-intro-box .textCard2 {
    padding: 35px 24px;
  }
}

.ProgrammesVideo.cuhk-gs-container, .application-deadline-listing .ProgrammesVideo.view-content, .ProgrammesVideo.sitemap-container, .tb-megamenu .mega-dropdown-inner .ProgrammesVideo.tb-megamenu-row, .tb-megamenu .ProgrammesVideo.nav-collapse, .ProgrammesVideo.pager, .ProgrammesVideo#block-cuhk-gs-theme-views-block-announcement-listing-block-1,
.ProgrammesVideo#block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.ProgrammesVideo#views-exposed-form-announcement-listing-detail-filter {
  max-width: 1485px !important;
}
.ProgrammesVideo .coverImg {
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ProgrammesVideo .coverImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ProgrammesVideo .videoImg {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ProgrammesVideo .videoImg .prospective-students-play-btn {
  cursor: pointer;
  width: 75px;
  height: 75px;
  background: #FFFFFF;
  border-radius: 50%;
}
.ProgrammesVideo .videoImg .prospective-students-play-btn .triangle {
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 26px solid #7D2882;
  margin-left: 8px;
  transform: rotate(90deg);
}
.ProgrammesVideo .left {
  background: #7D2882 url("../images/icons/video-bg.svg") no-repeat center bottom/contain;
  color: #FFFFFF;
}
.ProgrammesVideo .left h2 {
  height: 157px;
}
.ProgrammesVideo .right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  aspect-ratio: 908/511;
  background: #000;
}
.ProgrammesVideo .right video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 992px) {
  .ProgrammesVideo .left {
    max-width: calc(100% - 908px);
    min-width: 400px;
  }
  .ProgrammesVideo .right {
    flex: 1;
  }
}

.cuhk-application {
  margin: 60px auto;
}
.cuhk-application .title {
  margin-bottom: 20px;
}
.cuhk-application .applicationCard {
  height: 100%;
  padding: 36px;
}
.cuhk-application .applicationCard .icon {
  height: 45px;
  background: no-repeat left center/contain;
  overflow: hidden;
}
.cuhk-application .applicationCard .icon img {
  width: auto;
  height: 100%;
}
.cuhk-application .applicationCard ul {
  margin-bottom: 0;
  gap: 3px !important;
}
.cuhk-application .applicationCard ul a {
  position: relative;
  text-decoration: none;
  color: #212529 !important;
  display: inline-block;
}
@media screen and (min-width: 1380px) and (max-width: 1600px) {
    .studentCard .studentSwiper .swiperItem .rtImgBox {
        width: 280px;
    }
}
@media screen and (min-width: 576px) {
  .cuhk-application .applicationCard ul a:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: transparent;
    transition: 0.3s;
  }
  .cuhk-application .applicationCard ul a:hover:after {
    background-color: #F0AA23;
  }
}
@media screen and (max-width: 575px) {
  .cuhk-application .applicationCard ul a p.te-1 {
    -webkit-line-clamp: unset;
  }
}
.cuhk-application .applicationCard ul ul {
  margin-top: 7px !important;
}
.cuhk-application .applicationCard {
  background: #fff;
  box-shadow: 2px 2px 10px 0px rgba(125, 40, 130, 0.25);
}

.pg-student-life {
  margin-top: 40px;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .pg-student-life {
    overflow: hidden;
    margin-top: 14px;
    margin-bottom: 30px;
  }
}
.pg-student-life .discription {
  word-break: break-word;
}
.pg-student-life .discription a {
  color: #7D2882 !important;
}
.pg-student-life .discription img {
  width: 100%;
  height: auto;
}
.pg-student-life .discription iframe {
  width: 100%;
}
.pg-student-life .discription .field--name-field-pgsl-cuhk-description > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .pg-student-life h4 {
    font-size: 1.5rem !important;
  }
  .pg-student-life .bg-gray {
    padding: 30px 0 !important;
    position: relative;
  }
  .pg-student-life .content-col {
    margin-top: 30px;
  }
  .pg-student-life .content-col .bg-gray::after {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    right: -10px;
    bottom: 0;
    background-color: #f8f8f8;
    width: 125%;
    height: 100%;
    display: block;
    z-index: -1;
  }
}
.pg-student-life .ProgrammesVideo video {
  width: 100%;
  height: auto;
}
.pg-student-life .studentLfCard {
  top: 200px;
}
.pg-student-life .studentLfCard .student-avatar img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 100%;
}
.pg-student-life .studentLfCard .student-avatar {
  margin-bottom: 20px;
}
.pg-student-life .studentLfCard .linkedIn a {
  border-radius: 50%;
  background-color: #4E234F;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pg-student-life .studentImgBox {
  padding: 50%;
  height: 100%;
}
.pg-student-life .studentImgBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pg-student-life .bg-theme25 {
  background-color: #F2EAF3;
  word-wrap: break-word;
  padding: 30px;
}

.user-logged-in .pg-student-life .studentLfCard {
  top: 274px;
}

.HKPFS-section .themeImgBox {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #7D2882;
  padding: 17px 20px;
  margin-right: 20px;
  flex: 80px 0 0;
}
.HKPFS-section .themeImgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.HKPFS-section .textBox {
  width: calc(100% - 80px);
}
.HKPFS-section .bg-gold-thin {
  background: #FAEAC7;
  padding: 32px 80px;
}
.HKPFS-section .bg-gold-thin > .justify-content-center {
  --bs-gutter-x: 73px;
}
@media screen and (min-width: 1200px) {
  .HKPFS-section .bg-gold-thin.item2 {
    padding: 32px 12%;
  }
}
.HKPFS-section .bg-gold-thin.item2 .row .col-4 {
  width: 50%;
}
.HKPFS-section p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .HKPFS-section.my-5 {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }
  .HKPFS-section h2.theme-color, .HKPFS-section .application-deadline-listing .view-content h2.view-grouping-header, .application-deadline-listing .view-content .HKPFS-section h2.view-grouping-header {
    font-size: 1.75rem;
  }
  .HKPFS-section .cardBox {
    margin-top: 0 !important;
  }
  .HKPFS-section .themeImgBox {
    width: 3.75rem;
    height: 3.75rem;
    margin-right: 0.75rem;
    padding: 0.75rem 0.9375rem;
    flex: 3.75rem 0 0;
  }
  .HKPFS-section .textBox p:last-child {
    margin-bottom: 0;
  }
  .HKPFS-section .bg-gold-thin {
    padding: 0 20px 24px;
  }
  .HKPFS-section .bg-gold-thin .row {
    --bs-gutter-x: 0;
  }
  .HKPFS-section .bg-gold-thin.item2 {
    padding: 24px 20px 0;
  }
  .HKPFS-section .bg-gold-thin .col-4 {
    width: 100% !important;
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
    position: relative;
  }
  .HKPFS-section .bg-gold-thin .col-4::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #dec9e0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
  }
  .HKPFS-section .bg-gold-thin .col-4:nth-child(3)::after {
    display: none;
  }
  .HKPFS-section .d-flex > .col-3 h4,
  .HKPFS-section .d-flex > .col-3 .h4,
  .HKPFS-section .d-flex > .col-3 .element-page .ring-chart-box .title,
  .element-page .ring-chart-box .HKPFS-section .d-flex > .col-3 .title, .HKPFS-section .d-flex > .col-9 h4,
  .HKPFS-section .d-flex > .col-9 .h4,
  .HKPFS-section .d-flex > .col-9 .element-page .ring-chart-box .title,
  .element-page .ring-chart-box .HKPFS-section .d-flex > .col-9 .title {
    font-size: 1rem;
  }
  .HKPFS-section .d-flex > .col-3 h5, .HKPFS-section .d-flex > .col-9 h5 {
    font-size: 0.875rem;
  }
}

.requirements {
  background: #F8F8F8;
}
.requirements img {
  display: inline-block;
  width: auto;
  height: 75px;
}
.requirements .requirements-item {
  background: #FFFFFF;
  box-shadow: 2px 2px 10px 0px var(--25, rgba(125, 40, 130, 0.25));
}
.requirements .requirements-item h4.theme-color p, .requirements .requirements-item .application-deadline-listing .view-content h4.view-grouping-header p, .application-deadline-listing .view-content .requirements .requirements-item h4.view-grouping-header p {
  font-size: 1.5rem;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .requirements.py-5 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .requirements.mt-5 {
    margin-top: 30px !important;
  }
  .requirements h2.theme-color, .requirements .application-deadline-listing .view-content h2.view-grouping-header, .application-deadline-listing .view-content .requirements h2.view-grouping-header {
    font-size: 1.75rem;
  }
  .requirements img {
    height: 48px;
  }
  .requirements .row.g-3 {
    --bs-gutter-x: 11px;
    --bs-gutter-y: 11px;
  }
  .requirements .row.g-3 .col-12 {
    width: 50%;
  }
  .requirements .row.g-3 .col-12 .requirements-item.p-4 {
    padding: 15px 4px !important;
  }
  .requirements .row.g-3 .col-12 .requirements-item h4.theme-color, .requirements .row.g-3 .col-12 .requirements-item .application-deadline-listing .view-content h4.view-grouping-header, .application-deadline-listing .view-content .requirements .row.g-3 .col-12 .requirements-item h4.view-grouping-header {
    margin-top: 12px !important;
  }
  .requirements .row.g-3 .col-12 .requirements-item h4.theme-color p, .requirements .row.g-3 .col-12 .requirements-item .application-deadline-listing .view-content h4.view-grouping-header p, .application-deadline-listing .view-content .requirements .row.g-3 .col-12 .requirements-item h4.view-grouping-header p {
    font-size: 1rem;
    margin-bottom: 0;
  }
}

@media (max-width: 576px) {
  .application-process.pt-5 {
    padding-top: 30px !important;
  }
  .application-process.mb-100 {
    margin-bottom: 30px !important;
  }
}

.fullWidthSection {
  overflow: hidden;
}
.fullWidthSection .rtContent {
  padding: 83px 55px;
  min-height: 359px;
  max-width: 820px;
}
.fullWidthSection .line3-text {
  height: 68px;
}
.fullWidthSection .bg-gray {
  background: #F8F8F8 url("../images/icons/phb-bg.svg") no-repeat right top/auto 100%;
  padding-left: 24%;
}
.fullWidthSection .lfContent {
  width: 40%;
  position: absolute;
  left: 5px;
  top: -45px;
  z-index: 1;
}
.fullWidthSection .lfContent .lfImgBox {
  background: #DEC9E0;
}
.fullWidthSection .lfContent .lfImgBox img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  margin-left: -9px;
  margin-top: -10px;
}
@media only screen and (max-width: 767px) {
  .fullWidthSection > .row {
    --bs-gutter-x: 0;
    justify-content: flex-start !important;
  }
  .fullWidthSection .lfContent {
    width: calc(100vw - 3.1875rem);
    position: static;
  }
  .fullWidthSection .bg-gray {
    width: calc(100vw - 24px);
    margin-left: 24px;
    background: #F8F8F8;
    padding: 6.25rem 3.1875rem 1.875rem 1.375rem;
    margin-bottom: 1.875rem;
    margin-top: -4.375rem;
  }
  .fullWidthSection .bg-gray .rtContent {
    width: 100%;
    padding: 0 !important;
    min-height: auto;
  }
  .fullWidthSection .bg-gray .rtContent h2.theme-color, .fullWidthSection .bg-gray .rtContent .application-deadline-listing .view-content h2.view-grouping-header, .application-deadline-listing .view-content .fullWidthSection .bg-gray .rtContent h2.view-grouping-header {
    font-size: 1.75rem;
  }
}

.cuhk-embed-map {
  position: relative;
  text-align: right;
  width: 100%;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.cuhk-embed-map .cuhk-embed-map-wrapper {
  overflow: hidden;
  background: none !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cuhk-embed-map .cuhk-embed-map-wrapper .embed-map-iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.contact-us-page .table-styleD {
  padding: 0 12px;
}
.contact-us-page .table-styleD .tb-header {
  font-weight: 700;
}
.contact-us-page a {
  color: #7D2882;
}

.contact-us-form-wrapper {
  padding-bottom: 100px;
}
.contact-us-form-wrapper .webform-submission-form {
  max-width: 700px;
}
.contact-us-form-wrapper .webform-submission-form .form-item.form-type-email, .contact-us-form-wrapper .webform-submission-form .form-item.form-type-textfield, .contact-us-form-wrapper .webform-submission-form .form-item.form-type-select {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.contact-us-form-wrapper .webform-submission-form .form-item input {
  color: #212529;
}
.contact-us-form-wrapper .webform-submission-form .form-item.webform-type-radios, .contact-us-form-wrapper .webform-submission-form .form-item.form-type-webform-document-file {
  margin-bottom: 1.5rem;
}
.contact-us-form-wrapper .webform-submission-form .form-item label,
.contact-us-form-wrapper .webform-submission-form .form-item legend .fieldset-legend {
  font-size: 0.9375rem;
  font-weight: 700;
  margin-bottom: 5px;
  color: #7D2882;
}
.contact-us-form-wrapper .webform-submission-form .form-item input[type=radio] {
  accent-color: #7D2882;
}
.contact-us-form-wrapper .webform-submission-form .form-item .webform-document-file {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.contact-us-form-wrapper .webform-submission-form .form-item .form-file {
  flex-grow: 1;
}
.contact-us-form-wrapper .webform-submission-form .webform-element-description {
  font-size: 0.9375rem;
}

.sitemap-wrapper > ul.menu {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  padding: 1rem 0;
}
@media screen and (max-width: 1399px) {
  .sitemap-wrapper > ul.menu {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .sitemap-wrapper > ul.menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .sitemap-wrapper > ul.menu {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sitemap-wrapper ul.menu li.menu-item {
  display: block;
  transition: border-color 0.3s ease-in-out;
}
.sitemap-wrapper ul.menu li.menu-item.menu-item--expanded > a {
  margin-bottom: 1rem;
  display: inline-block;
}
.sitemap-wrapper ul.menu li.menu-item:not(.menu-item--expanded) {
  margin-bottom: 1rem;
}
.sitemap-wrapper ul.menu li.menu-item a {
  color: #000000;
}
.sitemap-wrapper > ul.menu > .menu-item a {
  display: inline-block;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.sitemap-wrapper > ul.menu > .menu-item a[data-drupal-link-system-path] {
  cursor: pointer;
  transition: all 0.4s;
}
.sitemap-wrapper > ul.menu > .menu-item > a {
  color: #7D2882 !important;
  font-weight: 700;
}
.sitemap-wrapper > ul.menu > .menu-item > a:not([href="javascript:void(0);"]):hover {
  color: #F0AA23 !important;
}
.sitemap-wrapper > ul.menu > .menu-item ul.menu {
  padding-left: 0;
}
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded > ul.menu > .menu-item a {
  transition: all 0.5s;
  border-bottom: 2px solid transparent;
}
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded > ul.menu > .menu-item a:hover {
  border-bottom: 2px solid #f0aa23;
  text-decoration: none;
}
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded > ul.menu > .menu-item.menu-item--expanded > a {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded > ul.menu > .menu-item.menu-item--expanded > a > span {
  cursor: pointer;
  display: inline-block;
  width: 20%;
  height: 20px;
  background: url("../images/toTop.png") no-repeat center/12px;
  transform: rotate(180deg);
  transition: all 0.4s;
}
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded > ul.menu > .menu-item.menu-item--expanded > .menu {
  display: none;
  padding-left: 15px;
}
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded > ul.menu > .menu-item.menu-item--expanded.show > a > span {
  transform: rotate(360deg);
}
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded > ul.menu > .menu-item.menu-item--expanded.show > .menu {
  display: block;
}

/* ===== 第4级菜单 ===== */
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item a {
  transition: all 0.5s;
  border-bottom: 2px solid transparent;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item a:hover {
  border-bottom: 2px solid #f0aa23;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > a {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > a > span {
  cursor: pointer;
  display: inline-block;
  width: 20%;
  height: 20px;
  background: url("../images/toTop.png") no-repeat center/12px;
  transform: rotate(180deg);
  transition: all 0.4s;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > .menu {
  display: none;
  padding-left: 15px;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded.show > a > span {
  transform: rotate(360deg);
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded.show > .menu {
  display: block;
}

/* ===== 第5级菜单 ===== */
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item a {
  transition: all 0.5s;
  border-bottom: 2px solid transparent;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item a:hover {
  border-bottom: 2px solid #f0aa23;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > a {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > a > span {
  cursor: pointer;
  display: inline-block;
  width: 20%;
  height: 20px;
  background: url("../images/toTop.png") no-repeat center/12px;
  transform: rotate(180deg);
  transition: all 0.4s;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > .menu {
  display: none;
  padding-left: 15px;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded.show > a > span {
  transform: rotate(360deg);
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded.show > .menu {
  display: block;
}
/* ===== 第6层菜单 ===== */
.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item a {
  transition: all 0.5s;
  border-bottom: 2px solid transparent;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item a:hover {
  border-bottom: 2px solid #f0aa23;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > a {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > a > span {
  cursor: pointer;
  display: inline-block;
  width: 20%;
  height: 20px;
  background: url("../images/toTop.png") no-repeat center/12px;
  transform: rotate(180deg);
  transition: all 0.4s;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded > .menu {
  display: none;
  padding-left: 15px;
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded.show > a > span {
  transform: rotate(360deg);
}

.sitemap-wrapper > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded
  > ul.menu > .menu-item.menu-item--expanded.show > .menu {
  display: block;
}
.sitemap-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(min-content, auto);
  align-items: start;
  gap: 1.5rem;
  padding-bottom: 100px;
}
.sitemap-container .sitemap-wrapper {
  display: contents;
}
.sitemap-container .sitemap-wrapper > ul.menu {
  display: contents;
}
@media screen and (max-width: 1240px) {
  .sitemap-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 991px) {
  .sitemap-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .sitemap-container {
    grid-template-columns: repeat(1, 1fr);
  }
}

.student-sharing-wrapper {
  padding-bottom: 20px;
}
.student-sharing-wrapper .student-sharing-row {
  padding-left: 167px;
}
.student-sharing-wrapper .student-sharing-row .btText {
  font-size: 0.875rem;
  margin-left: 36px;
  margin-bottom: 30px;
  line-height: 1.3;
}
.student-sharing-wrapper .student-sharing-row .btText h4 {
  line-height: 1;
}
.student-sharing-wrapper .student-sharing-row .user {
  top: 0;
  left: 0;
  z-index: 1;
}
.student-sharing-wrapper .student-sharing-row .user img {
  width: 179px;
  height: 179px;
  object-fit: cover;
  border-radius: 50%;
}
.student-sharing-wrapper .student-sharing-row:nth-child(odd) .lfInfo {
  background: #7D2882;
  color: #ffffff !important;
}
.student-sharing-wrapper .student-sharing-row:nth-child(odd) .lfInfo p {
  color: #ffffff !important;
}
@media screen and (max-width: 768px) {
  .student-sharing-wrapper .student-sharing-row {
    padding-left: 1.5rem;
  }
  .student-sharing-wrapper .student-sharing-row .btText {
    margin-left: 80px;
    margin-bottom: 14px;
  }
  .student-sharing-wrapper .student-sharing-row .user {
    left: 1.5rem;
  }
  .student-sharing-wrapper .student-sharing-row .user img {
    width: 60px;
    height: 60px;
  }
  .student-sharing-wrapper .student-sharing-row .swiperItem .lfInfo {
    padding: 24px;
  }
}
.student-sharing-wrapper .swiperItem {
  box-shadow: 2px 2px 10px 0px rgba(125, 40, 130, 0.25);
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .student-sharing-wrapper .swiperItem {
    min-height: unset;
  }
}
.student-sharing-wrapper .swiperItem .lfInfo {
  color: #7D2882;
  padding: 1.875rem 2.1875rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.student-sharing-wrapper .swiperItem .lfInfo h4 {
  line-height: normal;
  margin-bottom: 16px;
}
.student-sharing-wrapper .swiperItem .lfInfo .desc > p {
  margin-bottom: 0;
}

.application-deadline-listing .view-content {
  margin-bottom: 100px;
}
.application-deadline-listing .view-content .view-grouping-content .collapse-section .collapse-btn {
  padding-top: 0 !important;
}
.application-deadline-listing .view-content .view-grouping-header {
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 3rem;
  padding-bottom: 0.9375rem;
}
@media screen and (max-width: 991px) {
  .application-deadline-listing .view-content .view-grouping-header {
    font-size: 1.75rem;
  }
}

.fullWidthSection.text-image-box-with-button.overflow-visible {
  margin-top: calc(3rem + 34px);
  overflow: visible !important;
}
.fullWidthSection.text-image-box-with-button.overflow-visible .lfContent {
  top: -34px;
}

.announcementsDetail img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 575px) {
  .block-views-blockstudent-testimonial-listing-block-1 .pager .pager__items {
    padding: 0;
    max-width: 100vw;
  }
}
.mb-20 {
  margin-bottom: 20px;
}

.element-page h2.my-5 {
  margin-top: 80px !important;
}
.element-page .horizontal-tabs {
  border: 1px solid #DEC9E0;
}
.element-page .horizontal-tabs .nav-tabs {
  border: none;
  row-gap: 10px;
  flex-wrap: nowrap;
}
.element-page .horizontal-tabs .nav-tabs .nav-item {
  flex: 1 1 10%;
  border-left: 1px solid #BE93C0;
  border-right: 1px solid #BE93C0;
}
.element-page .horizontal-tabs .nav-tabs .nav-item:last-child {
  border-right: none;
}
.element-page .horizontal-tabs .nav-tabs .nav-item:first-child {
  border-left: none;
}
.element-page .horizontal-tabs .nav-tabs .nav-item:has(.nav-link.active) {
  border-left: 1px solid #F8F8F8;
  border-right: 1px solid #F8F8F8;
}
.element-page .horizontal-tabs .nav-tabs .nav-item .nav-link {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .element-page .horizontal-tabs .nav-tabs {
    flex-wrap: wrap;
  }
  .element-page .horizontal-tabs .nav-tabs .nav-item {
    flex-shrink: unset;
    width: 100%;
    flex: 0 0 100%;
  }
}
.element-page .horizontal-tabs .nav-link.active::after,
.element-page .horizontal-tabs .tab-pane.active::after {
  content: none !important;
}
.element-page .horizontal-tabs .nav-link {
  padding: 20px 45px;
  height: 100%;
}
.element-page .horizontal-tabs .tab-content {
  padding: 50px;
  background: #f8f8f8;
}
.element-page .horizontal-tabs .tab-content .active {
  background: #f8f8f8;
  border: none;
}
.element-page .horizontal-tabs.horizontal-style-b .nav-link {
  font-size: 1rem;
  border-radius: 0;
  background: #7D2882;
  color: #fff;
  border: none;
  width: 100%;
}
.element-page .horizontal-tabs.horizontal-style-b .nav-link.active {
  background: #F8F8F8;
  color: #7D2882;
}
@media screen and (max-width: 991px) {
  .element-page .horizontal-tabs {
    border: none;
  }
  .element-page .horizontal-tabs .nav-tabs {
    justify-content: space-between;
  }
  .element-page .horizontal-tabs .nav-tabs .nav-item {
    width: calc(50% - 5px);
    flex: none;
    border: none;
  }
  .element-page .horizontal-tabs .nav-tabs .nav-item .nav-link {
    text-align: left;
    color: #7D2882;
    border: 1px solid #7D2882;
    background: #FFFFFF;
  }
  .element-page .horizontal-tabs .nav-tabs .nav-item .nav-link.active {
    background: #7D2882;
    color: #FFFFFF;
  }
  .element-page .horizontal-tabs .nav-link {
    padding: 10px 14px;
  }
  .element-page .horizontal-tabs .tab-content {
    border: 1px solid #dec9e0;
    margin-top: 24px;
    padding: 24px;
  }
}
.element-page .study-plan-box {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 0;
}
@media screen and (min-width: 992px) {
  .element-page .study-plan-box .col-12 {
    flex: 1;
  }
}
.element-page .study-plan-box .col-12 .study-plan-item {
  padding: 2.8125rem 2.5625rem 2.3125rem;
  background-color: #DEC9E0;
  color: #7D2882;
  position: relative;
  height: 100%;
  text-align: center;
}
.element-page .study-plan-box .col-12 .study-plan-item::before, .element-page .study-plan-box .col-12 .study-plan-item::after {
  position: absolute;
  border: 22px solid transparent;
  top: calc(50% - 22px);
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  z-index: 1;
}
.element-page .study-plan-box .col-12 .study-plan-item::before {
  right: -64px;
  border-left-color: #fff;
}
.element-page .study-plan-box .col-12 .study-plan-item::after {
  right: -44px;
  border-left-color: #DEC9E0;
}
.element-page .study-plan-box .col-12 .study-plan-item .icon {
  width: 4.375rem;
  height: fit-content;
  aspect-ratio: 1;
  margin: 0 auto;
}
.element-page .study-plan-box .col-12 .study-plan-item .icon img {
  width: 100%;
  height: auto;
}
.element-page .study-plan-box .col-12 .study-plan-item .mainTitle {
  font-size: 2.1875rem;
  margin: 1.5rem auto 0.25rem;
}
.element-page .study-plan-box .col-12 .study-plan-item .title {
  font-size: 1.0625rem;
  line-height: 150%;
}
.element-page .study-plan-box .col-12:nth-of-type(odd) .study-plan-item {
  background: #7D2882;
  color: #fff;
}
.element-page .study-plan-box .col-12:nth-of-type(odd) .study-plan-item p {
  color: #fff;
}
.element-page .study-plan-box .col-12:nth-of-type(odd) .study-plan-item::after {
  border-left-color: #7D2882;
}
.element-page .study-plan-box .col-12:last-child .study-plan-item::after, .element-page .study-plan-box .col-12:last-child .study-plan-item::before {
  display: none;
}
.element-page .study-plan-box.item5 .study-plan-item {
  padding: 2.4375rem 1rem 1.875rem;
}
.element-page .study-plan-box.item5 .study-plan-item .icon {
  width: 3.625rem;
}
.element-page .study-plan-box.item5 .study-plan-item .mainTitle {
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .element-page .study-plan-box.item5 .col-lg-3 {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .element-page .study-plan-box .col-12 {
    margin-bottom: 24px;
  }
  .element-page .study-plan-box .col-12 .study-plan-item::before, .element-page .study-plan-box .col-12 .study-plan-item::after {
    top: auto;
    transform: rotate(90deg);
  }
  .element-page .study-plan-box .col-12 .study-plan-item::before {
    right: calc(50% - 22px);
    bottom: -63px;
  }
  .element-page .study-plan-box .col-12 .study-plan-item::after {
    right: calc(50% - 22px);
    bottom: -40px;
  }
  .element-page .study-plan-box .col-12:last-child {
    margin-bottom: 0;
  }
}
.element-page .ring-chart-box {
  width: 80%;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  max-width: 760px;
}
.element-page .ring-chart-box .desc {
  font-size: 1.0625rem;
}
.element-page .ring-chart-box .row::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25%;
  height: 25%;
  top: 37.5%;
  left: 37.5%;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}
.element-page .ring-chart-box .row > div {
  position: relative;
  padding-top: 50%;
}
.element-page .ring-chart-box .row > div .item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.element-page .ring-chart-box .row > div:nth-child(1) .item {
  padding: 10% 10% 10% 25%;
  color: #FFFFFF;
}
.element-page .ring-chart-box .row > div:nth-child(2) .item {
  padding: 10% 25% 10% 10%;
  color: #7D2882;
}
.element-page .ring-chart-box .row > div:nth-child(3) .item {
  padding: 10% 10% 10% 25%;
  color: #7D2882;
}
.element-page .ring-chart-box .row > div:nth-child(4) .item {
  padding: 10% 25% 10% 10%;
  color: #FFFFFF;
}
.element-page .ring-chart-box .item {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.element-page .ring-chart-box .item svg {
  margin-bottom: 20px;
  flex-shrink: 0;
}
.element-page .ring-chart-box .style-a {
  position: relative;
}
.element-page .ring-chart-box .style-a::before {
  background: #fff url("../images/icons/ring-chart-icon.svg") no-repeat center/90%;
}
.element-page .ring-chart-box .style-b .mainTitle,
.element-page .ring-chart-box .style-c .mainTitle {
  font-size: 2.875rem;
}
.element-page .ring-chart-box .style-b,
.element-page .ring-chart-box .style-c {
  position: relative;
  background: url("../images/elements/circle-bg.png") no-repeat center/100%;
}
.element-page .ring-chart-box .style-c .center-circle {
  display: inline-block;
  position: absolute;
  width: 25%;
  height: 25%;
  top: 37.5%;
  left: 37.5%;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
  padding: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  color: #7D2882;
}
@media screen and (max-width: 991px) {
  .element-page .ring-chart-box {
    width: 100%;
    border-radius: 0;
  }
  .element-page .ring-chart-box .row {
    --bs-gutter-y: 20px;
  }
  .element-page .ring-chart-box .style-a::before {
    content: none;
  }
  .element-page .ring-chart-box .style-a .col-6 {
    width: 100%;
    padding-top: 0;
  }
  .element-page .ring-chart-box .style-a .col-6:nth-child(3) {
    order: 4;
  }
  .element-page .ring-chart-box .style-a .col-6:nth-child(4) {
    order: 3;
  }
  .element-page .ring-chart-box .style-a .col-6 .item {
    padding: 20px !important;
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .element-page .ring-chart-box .row > div:nth-child(3) .item {
    padding: 10% 10% 10% 25%;
  }
  .element-page .ring-chart-box .row > div:nth-child(4) .item {
    padding: 0 25% 10% 10%;
  }
  .element-page .ring-chart-box .row > div .mainTitle {
    font-size: 2rem !important;
  }
  .element-page .ring-chart-box .row > div .title {
    font-size: 0.875rem !important;
  }
}
.element-page .flowChart-section table tr td .item a {
  word-break: keep-all;
}
.element-page .flowChart-section .styleB table tr td {
  border: none;
}
.element-page .flowChart-section .styleB table tr td.w35 {
  width: 35%;
}
.element-page .flowChart-section .styleB table tr td h6 {
  margin: 0;
}
.element-page .flowChart-section .styleB table tr td .fs17 {
  font-size: 1.0625rem;
  font-weight: 700;
}
.element-page .flowChart-section .styleB table tr td .fs14 {
  font-size: 0.875rem;
}
.element-page .flowChart-section .styleB table tr td .item {
  width: calc((100% - 18px) / 3);
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.element-page .flowChart-section .styleB table tr td .item.p30 {
  padding: 1.875rem;
}
.element-page .flowChart-section .styleB table tr td .item.start {
  align-items: start;
  padding-left: 1.875rem;
}
.element-page .flowChart-section .styleB table tr td .item.end {
  align-items: end;
  padding-right: 1.875rem;
}
.element-page .flowChart-section .styleB table tr td .item2 {
  width: 6.25rem;
  flex: 0 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.element-page .flowChart-section .styleB table tr td .item3 {
  padding: 1.875rem 1.6875rem;
  width: calc(100% - 6.25rem);
}
.element-page .flowChart-section .styleB table tr td.w20 {
  width: 20%;
}
.element-page .flowChart-section .styleB table tr td.w8 {
  width: 8%;
}
.element-page .flowChart-section .styleB table tr td .arrow {
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 14px 0;
}
.element-page .flowChart-section .styleB table tr td .arrow.arrow-b-p {
  background-image: url("../images/icons/arrow_b_p.svg");
}
.element-page .flowChart-section .styleB table tr td .arrow.arrow-b-g {
  background-image: url("../images/icons/arrow_b_g.svg");
}
.element-page .flowChart-section .styleB table tr td .arrow.arrow-lb-p {
  background-image: url("../images/icons/arrow_lb_p.svg");
  width: 1.75rem;
  height: 1.75rem;
}
.element-page .flowChart-section .styleB table tr td .arrow.arrow-r-p {
  background-image: url("../images/icons/arrow_r_p.svg");
}
.element-page .flowChart-section .styleB table tr td .arrow.arrow-rb-p {
  background-image: url("../images/icons/arrow_rb_p.svg");
  width: 1.75rem;
  height: 1.75rem;
}
@media only screen and (max-width: 1200px) {
  .element-page .flowChart-section .styleB {
    --p: 1.25rem;
  }
  .element-page .flowChart-section .styleB table tr td .item.p30 {
    padding: var(--p);
  }
  .element-page .flowChart-section .styleB table tr td .item.start {
    padding-left: var(--p);
  }
  .element-page .flowChart-section .styleB table tr td .item.end {
    padding-right: var(--p);
  }
  .element-page .flowChart-section .styleB table tr td .item2 {
    width: 5rem;
  }
  .element-page .flowChart-section .styleB table tr td .item3 {
    flex: 1;
    padding: var(--p);
    width: calc(100% - 6rem);
  }
}
@media only screen and (max-width: 991px) {
  .element-page .flowChart-section .styleB {
    --p: 0.5625rem;
    --mw: 1.125rem;
    --sw: 0.9rem;
  }
  .element-page .flowChart-section .styleB table tr td .item2 {
    width: 1.625rem;
  }
  .element-page .flowChart-section .styleB table tr td .item3 {
    width: calc(100% - 1.625rem);
  }
  .element-page .flowChart-section .styleB table tr td .arrow {
    margin: 6px 4px;
  }
  .element-page .flowChart-section .styleB table tr td .arrow.arrow-b-g, .element-page .flowChart-section .styleB table tr td .arrow.arrow-b-p {
    width: var(--mw);
    height: var(--mw);
  }
  .element-page .flowChart-section .styleB table tr td .arrow.arrow-lb-p, .element-page .flowChart-section .styleB table tr td .arrow.arrow-rb-p {
    width: var(--sw);
    height: var(--sw);
  }
}
@media only screen and (max-width: 480px) {
  .element-page .flowChart-section .styleB table tr {
    display: table-row !important;
    background: transparent !important;
  }
  .element-page .flowChart-section .styleB table tr:nth-of-type(odd) {
    background: transparent !important;
  }
  .element-page .flowChart-section .styleB table tr td {
    display: table-cell !important;
  }
  .element-page .flowChart-section .styleB table tr td::before {
    display: none;
  }
  .element-page .flowChart-section .styleB table tr td .grey10-bg, .element-page .flowChart-section .styleB table tr td .table-styleD .tb-row:nth-child(odd), .element-page .table-styleD .flowChart-section .styleB table tr td .tb-row:nth-child(odd) {
    background-color: #F8F8F8 !important;
    color: #000000;
  }
  .element-page .flowChart-section .styleB table tr td.w35 {
    width: 35% !important;
  }
  .element-page .flowChart-section .styleB table tr td.w65 {
    width: 65% !important;
    padding-left: 0;
  }
  .element-page .flowChart-section .styleB table tr td.w65 .py-4 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .element-page .flowChart-section .styleB table tr td h6 {
    font-size: 0.75rem !important;
  }
  .element-page .flowChart-section .styleB table tr td .item *,
  .element-page .flowChart-section .styleB table tr td .item3 * {
    font-size: 0.75rem !important;
  }
  .element-page .flowChart-section .styleB table tr td .item3 {
    margin-top: -1.125rem;
  }
}
.element-page .flowChart-section .styleA .leftCont,
.element-page .flowChart-section .styleA .rightCont {
  margin-bottom: 12px;
}
.element-page .flowChart-section .styleA .row:nth-child(even) .leftCont,
.element-page .flowChart-section .styleA .row:nth-child(even) .rightCont {
  background: #F2EAF3;
}
.element-page .flowChart-section .styleA .leftCont {
  box-sizing: border-box;
  border-left: 3px solid #7D2882;
  color: #7D2882;
  display: flex;
  align-items: start;
  padding: 48px 35px;
  justify-content: center;
  border-right: 12px solid #fff;
  background: #F8F8F8;
}
@media screen and (max-width: 991px) {
  .element-page .flowChart-section .styleA .leftCont {
    border-right: none;
    justify-content: left;
  }
}
.element-page .flowChart-section .styleA .rightCont {
  padding: 60px 48px;
  background: #F8F8F8;
}
.element-page .flowChart-section .styleA .rightCont h4 {
  margin-bottom: 20px;
}
.element-page .flowChart-section .styleA .rightCont ul:last-child {
  margin-bottom: 0 !important;
}
.element-page .flowChart-section .styleA .time {
  display: inline-block;
  padding: 16px 24px;
  background: #FFFFFF;
  font-size: 0.9375rem;
  margin: 20px 0;
  border-left: 3px solid #F0AA23;
  box-sizing: border-box;
}
.element-page .sideBar-section .sidebarBox {
  top: 180px;
  margin-right: 60px;
  max-height: 80vh;
  overflow: auto;
}
.element-page .sideBar-section .sidebarBox .item {
  line-height: inherit;
  font-weight: 700;
  padding: 14px 0 14px 24px;
  border-left: 3px solid #FFFFFF;
  margin-bottom: 24px;
}
.element-page .sideBar-section .sidebarBox .item > a {
  display: flex;
}
.element-page .sideBar-section .sidebarBox .item.activeItem {
  color: #7D2882;
  border-color: #7D2882;
}
.element-page .sideBar-section .content .section-bottom {
  margin-bottom: 60px;
}
.element-page .list-section .list-style .top-border {
  width: 100%;
  height: 12px;
  margin-bottom: 6px;
}
.element-page .list-section .list-style .listBox .item {
  padding: 14px 0;
  border-top: 1px solid #7D2882;
}
.element-page .list-section .list-style .listBox .item:last-child {
  border-bottom: 1px solid #7D2882;
}
.element-page .list-section .list-style .listBox .item:nth-child(odd) {
  background: #F2EAF3;
}
.element-page .list-section .list-style .listBox .item p {
  margin: 0;
}
.element-page .collapse-box-b .collapse-item {
  border: none !important;
}
.element-page .collapse-box-b .collapse-item.open .collapse-item-header {
  cursor: pointer;
}
.element-page .collapse-box-b .collapse-item.open .collapse-item-header .icon::after {
  display: none !important;
}
.element-page .collapse-box-b .collapse-item.open .collapse-item-content {
  display: flex;
  flex-direction: column;
}
.element-page .collapse-item {
  transition: all 0.5s;
}
.element-page .collapse-item:last-child {
  border-bottom: 1px solid #DEC9E0;
}
.element-page .collapse-item .collapse-item-header {
  user-select: none;
  border-top: 1px solid #DEC9E0;
}
.element-page .collapse-item .collapse-item-header.purple10-bg {
  border: none;
}
.element-page .collapse-item .collapse-item-header .icon {
  transition: transform 0.3s ease;
  cursor: pointer;
  width: 22px;
  height: 22px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.element-page .collapse-item .collapse-item-header .icon::after, .element-page .collapse-item .collapse-item-header .icon::before {
  content: "";
  position: absolute;
  background-color: #F0AA23;
  width: 100%;
  height: 3px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.element-page .collapse-item .collapse-item-header .icon::after {
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.element-page .collapse-item .collapse-item-content {
  display: none;
}
.element-page .collapse-item .collapse-item-content > *:last-child {
  margin-bottom: 0;
}
.element-page .collapse-item .collapse-item-content img {
  max-width: 100%;
}
.element-page .collapse-item.open > .collapse-item-header:not(.fixed) {
  cursor: pointer;
  background: #7D2882;
}
.element-page .collapse-item.open > .collapse-item-header:not(.fixed) .theme-color, .element-page .collapse-item.open > .collapse-item-header:not(.fixed) .application-deadline-listing .view-content .view-grouping-header, .application-deadline-listing .view-content .element-page .collapse-item.open > .collapse-item-header:not(.fixed) .view-grouping-header {
  color: #FFFFFF;
}
.element-page .collapse-item.open > .collapse-item-header:not(.fixed) .icon::after {
  display: none !important;
}
.element-page .collapse-item.open > .collapse-item-content {
  display: flex;
  flex-direction: column;
}
.element-page .collapse-item.open > .collapse-item-content.grid-column-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (max-width: 991px) {
  .element-page .collapse-item.open > .collapse-item-content.grid-column-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.element-page .collapse-item.open > .collapse-item-content img {
  height: auto;
}
.element-page .collapse-item .collapse-item-header,
.element-page .collapse-item .collapse-item-content {
  padding: 25px 45px;
}
.element-page .collapse-item .collapse-item-header.purple10-bg,
.element-page .collapse-item .collapse-item-content.purple10-bg {
  padding: 20px 45px;
}
.element-page .collapse-item .collapse-item-header.grey10-bg, .element-page .collapse-item .table-styleD .collapse-item-header.tb-row:nth-child(odd), .element-page .table-styleD .collapse-item .collapse-item-header.tb-row:nth-child(odd), .element-page .collapse-item .collapse-item-header.border,
.element-page .collapse-item .collapse-item-content.grey10-bg,
.element-page .collapse-item .table-styleD .collapse-item-content.tb-row:nth-child(odd),
.element-page .table-styleD .collapse-item .collapse-item-content.tb-row:nth-child(odd),
.element-page .collapse-item .collapse-item-content.border {
  padding: 40px 60px;
}
.element-page .collapse-item .collapse-item-header.border,
.element-page .collapse-item .collapse-item-content.border {
  border: 1px solid #F2EAF3 !important;
}
@media screen and (max-width: 991px) {
  .element-page .collapse-item .collapse-item-header,
  .element-page .collapse-item .collapse-item-content {
    padding: 10px 14px;
  }
  .element-page .collapse-item .collapse-item-header.purple10-bg,
  .element-page .collapse-item .collapse-item-content.purple10-bg {
    padding: 10px 14px;
  }
  .element-page .collapse-item .collapse-item-header.grey10-bg, .element-page .collapse-item .table-styleD .collapse-item-header.tb-row:nth-child(odd), .element-page .table-styleD .collapse-item .collapse-item-header.tb-row:nth-child(odd), .element-page .collapse-item .collapse-item-header.border,
  .element-page .collapse-item .collapse-item-content.grey10-bg,
  .element-page .collapse-item .table-styleD .collapse-item-content.tb-row:nth-child(odd),
  .element-page .table-styleD .collapse-item .collapse-item-content.tb-row:nth-child(odd),
  .element-page .collapse-item .collapse-item-content.border {
    padding: 20px 30px;
  }
  .element-page .collapse-item .collapse-item-header .icon,
  .element-page .collapse-item .collapse-item-content .icon {
    width: 13px;
    height: 13px;
  }
  .element-page .collapse-item .collapse-item-header .icon::before,
  .element-page .collapse-item .collapse-item-content .icon::before {
    height: 2px;
  }
  .element-page .collapse-item .collapse-item-header .icon::after,
  .element-page .collapse-item .collapse-item-content .icon::after {
    width: 2px;
  }
}
.element-page .tab-section .switchTab .leftTab {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.element-page .tab-section .switchTab .leftTab h4 {
  margin-bottom: 6px;
}
.element-page .tab-section .switchTab .leftTab .item {
  transition: all 0.4s;
  cursor: pointer;
  color: #BEBEBE;
  width: 100%;
  padding: 2.5rem;
  border-left: 2px solid #BEBEBE;
}
.element-page .tab-section .switchTab .leftTab .item.activeTab {
  border-color: #7D2882;
  color: #7D2882;
}
.element-page .tab-section .switchTab .rightContent {
  display: flex;
  flex: 1;
  padding: 3.125rem;
  width: calc(60% - 27px);
}
.element-page .tab-section .switchTab .rightContent .item {
  transition: all 0.4s;
  display: none;
}
.element-page .tab-section .switchTab .rightContent .item .num-title {
  font-size: 5rem;
}
.element-page .tab-section .switchTab .rightContent .item.show {
  display: block;
}
.element-page .tab-section .switchTab .rightContent .item > .desc {
  margin-bottom: 20px;
}
.element-page .tab-section .switchTab .rightContent .item .deadlineBox {
  border-left: 4px solid #F0AA23;
  background: #FFFFFF;
  padding: 1rem 1.25rem;
  margin-bottom: 20px;
  color: #000000;
  font-size: 1.0625rem;
}
.element-page .tab-section .switchTab .collapse-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item {
  border: none;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item .collapse-item-header {
  padding: 1.25rem 0.75rem 0.9375rem 1.25rem;
  background: transparent;
  border-top: none;
  border-left: 1.5px solid #7D2882;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item .collapse-item-header .text-box .title,
.element-page .tab-section .switchTab .collapse-section .collapse-item .collapse-item-header .text-box .desc {
  font-size: 1.0625rem;
  line-height: 1.375rem;
  color: #7D2882;
  font-weight: 700;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item .collapse-item-header .text-box .desc {
  font-size: 0.875rem;
  line-height: 2.0625rem;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item .collapse-item-header > .icon {
  background: url("../images/icons/arrow_forward_ios.svg") no-repeat center center;
  background-size: 20px;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item .collapse-item-header > .icon::after, .element-page .tab-section .switchTab .collapse-section .collapse-item .collapse-item-header > .icon::before {
  display: none;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item.open .collapse-item-header {
  background: transparent;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item.open .collapse-item-header .icon {
  transform: rotate(180deg);
}
.element-page .tab-section .switchTab .collapse-section .collapse-item.open .collapse-item-content {
  background-color: #7D2882 !important;
  color: #FFFFFF;
  padding: 1.5625rem;
  transition: all 0.4s;
  margin-top: 8px;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item.open .collapse-item-content .num-title {
  font-size: 5rem;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item.open .collapse-item-content.show {
  display: block;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item.open .collapse-item-content > .desc {
  margin-bottom: 20px;
}
.element-page .tab-section .switchTab .collapse-section .collapse-item.open .collapse-item-content .deadlineBox {
  border-left: 4px solid #F0AA23;
  background: #FFFFFF;
  padding: 1rem 1.25rem;
  margin-bottom: 20px;
  color: #000000;
  font-size: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .element-page .tab-section h2.theme-color, .element-page .tab-section .application-deadline-listing .view-content h2.view-grouping-header, .application-deadline-listing .view-content .element-page .tab-section h2.view-grouping-header {
    font-size: 1.75rem;
    margin-bottom: 15px !important;
  }
}
.element-page .pagination-section {
  user-select: none;
  display: flex;
  align-items: center;
  gap: 16px;
}
.element-page .pagination-section::before, .element-page .pagination-section::after {
  font-weight: 700;
  color: #7D2882;
  cursor: pointer;
}
.element-page .pagination-section::before {
  padding-right: 4px;
  content: "prev";
  font-family: swiper-icons;
}
.element-page .pagination-section::after {
  padding-left: 4px;
  content: "next";
  font-family: swiper-icons;
}
.element-page .pagination-section .pagination-item {
  cursor: pointer;
  font-size: 0.9375rem;
  color: #7D2882;
  height: 52px;
  width: 52px;
  border-radius: 50%;
  border: 1px solid #7D2882;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.element-page .pagination-section .pagination-item.activePage {
  background-color: #7D2882;
  color: #FFFFFF;
}
.element-page .login-form {
  max-width: 304px;
}
.element-page .login-form .form-control, .element-page .login-form #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield input, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield .element-page .login-form input,
.element-page .login-form #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield input,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield .element-page .login-form input,
.element-page .login-form #views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield input,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield .element-page .login-form input {
  font-size: 0.9375rem;
  border-radius: 0;
  height: 51px;
  border: none;
  border-bottom: 1px solid #8f989d;
}
.element-page .login-form .form-control::placeholder, .element-page .login-form #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield input::placeholder, #block-cuhk-gs-theme-views-block-announcement-listing-block-1 .form--inline .js-form-type-textfield .element-page .login-form input::placeholder,
.element-page .login-form #block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield input::placeholder,
#block-cuhk-gs-theme-views-block-cmada-listing-block-1 .form--inline .js-form-type-textfield .element-page .login-form input::placeholder,
.element-page .login-form #views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield input::placeholder,
#views-exposed-form-announcement-listing-detail-filter .form--inline .js-form-type-textfield .element-page .login-form input::placeholder {
  color: #bebebe !important;
}
.element-page .table-styleD .tb-header .col-header {
  padding: 0.625rem 1rem;
  font-size: 0.9375rem;
  border-right: 1px solid #DEC9E0;
}
.element-page .table-styleD .tb-header .col-header:last-child {
  border-right: none;
}
.element-page .table-styleD .tb-row.p-3 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.element-page .table-styleD .tb-row .tb-col {
  padding: 0.5rem 1rem;
  font-size: 0.9375rem;
  border-right: 1px solid #DEC9E0;
}
.element-page .table-styleD .tb-row .tb-col:last-child {
  border-right: none;
}
@media only screen and (max-width: 480px) {
  .element-page .table-styleD .tb-header {
    display: none;
  }
  .element-page .table-styleD .tb-row .tb-col {
    border-right: none !important;
    width: 100%;
  }
  .element-page .table-styleD .tb-row .tb-col::before {
    text-align: left;
    content: attr(data-label);
    display: block;
  }
}
.element-page .HKPFS-section .themeImgBox {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #7D2882;
}
.element-page .HKPFS-section .themeImgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.element-page .HKPFS-section .textBox {
  width: calc(100% - 80px);
}
.element-page .gs-quick-links-section {
  background: none;
}
.element-page .grids4c {
  --bs-gutter-x: 17px;
}
.element-page .grids4c .position-relative {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .element-page .grids4c {
    --bs-gutter-x: 12px;
  }
  .element-page .grids4c .position-relative {
    max-width: 100%;
  }
}
.element-page .grids4c .colItem .hoverBox {
  display: flex;
  flex-direction: column;
  justify-content: end;
  transition: all 0.5s;
  opacity: 1;
  visibility: visible;
  z-index: 2;
  color: #FFFFFF;
  position: absolute;
  /*top: 0;*/
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(125, 40, 130, 0.75);
  padding: 1.875rem;
  word-wrap: break-word;
  height: fit-content;
}
.element-page .grids4c .colItem .hoverBox .name {
  margin-bottom: 8px;
}
.element-page .grids4c .colItem:hover .hoverBox {
  opacity: 1;
  visibility: visible;
}
.element-page .grids4c .colItem:nth-child(odd) {
  margin-bottom: 40px;
  margin-top: -20px;
}
.element-page .grids4c .colItem:nth-child(even) {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .element-page .grids4c .colItem {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (max-width: 767px) {
  .element-page .grids4c .colItem:nth-child(odd), .element-page .grids4c .colItem:nth-child(even) {
    margin-bottom: 12px !important;
    margin-top: 0 !important;
  }
}
.element-page .grids4c .colItem .item {
  cursor: pointer;
}
.element-page .grids4c .colItem .item img {
  width: 100%;
  height: auto;
  aspect-ratio: 35/53;
  object-fit: cover;
}
.element-page .grids4b h4 {
  margin-top: 25px;
  line-height: normal;
  flex: 1;
  display: flex;
  align-items: center;
}
.element-page .grids4b {
  --bs-gutter-y: 0.9375rem;
  --bs-gutter-x: 0.9375rem;
}
.element-page .grids4b .item {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px 24px;
  box-shadow: 2px 2px 10px 0px var(--25, rgba(125, 40, 130, 0.25));
}
.element-page .grids4b .item img {
  margin-top: 10px;
  height: 75px;
  width: auto;
}
.element-page .anchor-navigation-row {
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between !important;
  gap: 20px !important;
}
.element-page .anchor-navigation-row .navigation-item:hover {
  background: #7D2882;
  color: #FFFFFF;
}
.element-page .anchor-navigation-row .navigation-item:hover img.is-hovered {
  display: inline-block;
}
.element-page .anchor-navigation-row .navigation-item:hover img.is-showed {
  display: none;
}
.element-page .anchor-navigation-row .navigation-item:hover a {
  color: #FFFFFF !important;
}
.element-page .anchor-navigation-row .navigation-item {
  transition: all 0.4s;
  font-weight: 700;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  padding: 24px;
  background: #F8F8F8;
  color: #7D2882;
  text-align: center;
  font-size: 0.9375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.element-page .anchor-navigation-row .navigation-item img {
  width: auto;
  height: 50px;
  object-fit: cover;
  margin-bottom: 10px;
}
.element-page .anchor-navigation-row .navigation-item img.is-hovered {
  display: none;
}
.element-page .anchor-navigation-row .navigation-item p {
  line-height: normal;
}
.element-page .anchor-navigation-row .navigation-item a {
  text-decoration: none;
  word-break: unset;
  transition: 0.3s;
  color: #7D2882 !important;
}
@media only screen and (max-width: 991px) {
  .element-page .anchor-navigation-row {
    column-gap: 42px !important;
    row-gap: 17px !important;
    justify-content: center !important;
  }
  .element-page .anchor-navigation-row .navigation-item {
    background: transparent;
    width: 68px;
    height: auto;
    padding: 0;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
  }
  .element-page .anchor-navigation-row .navigation-item p {
    -webkit-line-clamp: none;
  }
  .element-page .anchor-navigation-row .navigation-item:hover {
    background: transparent;
    color: #7D2882;
  }
  .element-page .anchor-navigation-row .navigation-item:hover::before {
    background: #7D2882;
  }
  .element-page .anchor-navigation-row .navigation-item:hover p,
  .element-page .anchor-navigation-row .navigation-item:hover p > a {
    color: #7D2882 !important;
  }
  .element-page .anchor-navigation-row .navigation-item::before {
    content: "";
    position: absolute;
    background: #F8F8F8;
    border-radius: 50%;
    width: 68px;
    height: 68px;
    display: block;
    z-index: -1;
    top: 0;
  }
  .element-page .anchor-navigation-row .navigation-item img {
    width: 40px;
    height: 68px;
    margin-bottom: 0;
    object-fit: contain;
  }
}
@media only screen and (max-width: 480px) {
  .element-page .anchor-navigation-row {
    justify-content: center !important;
  }
}
.element-page .cuhk-gs-block-accordion .accordion-button-wrapper {
  background: transparent;
  text-align: right;
  margin: 20.5px 0 24px;
}
.element-page .cuhk-gs-block-accordion .accordion-button-wrapper .collapse-all {
  padding-left: 24px;
}
.element-page .cuhk-gs-block-accordion .accordion-button-wrapper button {
  position: relative;
  color: #7d2882;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  padding-right: 24px;
  background: transparent;
}
.element-page .cuhk-gs-block-accordion .accordion-button-wrapper button::before,
.element-page .cuhk-gs-block-accordion .accordion-button-wrapper button ::after {
  content: "";
  position: absolute;
  top: 50%;
  background-color: #7d2882;
  transition: all 0.3s ease;
}
.element-page .cuhk-gs-block-accordion .accordion-button-wrapper button::before {
  width: 12px;
  height: 2px;
  transform: translateY(-50%);
  right: 6px;
}
.element-page .cuhk-gs-block-accordion .accordion-button-wrapper button.expand-all::after {
  width: 3px;
  height: 12px;
  transform: translateY(-50%);
  right: 10px;
}
.element-page .cuhk-gs-block-accordion .accordion {
  background-color: transparent;
  padding: 0;
  margin-bottom: 120px;
}
.element-page .cuhk-gs-block-accordion .accordion::after {
  display: none;
}
.element-page .cuhk-gs-block-accordion .accordion .accordion-item {
  border: 1px solid rgba(125, 40, 130, 0.25);
  border-left: 0;
  border-right: 0;
}
.element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-header {
  background: #fff;
}
.element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-header .accordion-button {
  color: #7d2882;
  text-align: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  background: #fff;
  box-shadow: none;
  padding: 25px 45px;
}
@media only screen and (max-width: 768px) {
  .element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px;
  }
}
.element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true] {
  background: #7d2882;
  color: #fff;
}
.element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]::after {
  background-image: url("../images/icons/gold-remove.svg");
}
.element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: url("../images/icons/gold-add.svg");
  width: 32px;
  height: 32px;
  background-size: 32px;
}
.element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-collapse {
  background: #f8f8f8;
}
.element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 40px 60px;
}
@media only screen and (max-width: 768px) {
  .element-page .cuhk-gs-block-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 20px 30px;
  }
}
.element-page .cuhk-gs-block-horizontal-tabs {
  margin-bottom: 120px;
}
.element-page .cuhk-gs-block-horizontal-tabs .horizontal-tabs-contant .nav-tabs {
  background: #7d2882;
  border-bottom: 0;
}
.element-page .cuhk-gs-block-horizontal-tabs .horizontal-tabs-contant .nav-tabs .nav-item {
  flex: 1;
  display: flex;
  justify-content: center;
}
.element-page .cuhk-gs-block-horizontal-tabs .horizontal-tabs-contant .nav-tabs .nav-item .nav-link {
  padding: 20px 45px;
  background: #f8f8f8;
  border-top: 1px solid rgba(125, 40, 130, 0.25);
  border-right: 1px solid rgba(125, 40, 130, 0.25);
  border-left: 1px solid rgba(125, 40, 130, 0.25);
  background: #7d2882;
  color: #fff;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
}
.element-page .cuhk-gs-block-horizontal-tabs .horizontal-tabs-contant .nav-tabs .nav-item .nav-link[aria-selected=true] {
  background: #f8f8f8;
  color: #7d2882;
}
.element-page .cuhk-gs-block-horizontal-tabs .horizontal-tabs-contant .nav-tabs .nav-item .nav-link:hover {
  border-color: rgba(125, 40, 130, 0.25);
}
.element-page .cuhk-gs-block-horizontal-tabs .horizontal-tabs-contant .nav-tabs .nav-item .nav-link.active {
  border-bottom: 0;
}
.element-page .cuhk-gs-block-horizontal-tabs .horizontal-tabs-contant .tab-content .tab-pane {
  border: 1px solid rgba(125, 40, 130, 0.25);
  background: #f8f8f8;
  border-top: 0;
  padding: 40px 60px;
}
.element-page .cuhk-gs-block-horizontal-tabs .horizontal-tabs-contant .active::after {
  display: none;
}
.element-page .cuhk-gs-block-content-box-with-icon {
  margin-bottom: 120px;
}
.element-page .cuhk-gs-block-content-box-with-icon .content-box-with-icon-contant .item {
  background: #fff;
  box-shadow: 2px 2px 10px 0px var(--25, rgba(125, 40, 130, 0.25));
  padding: 40px 48px 30px;
}
.element-page .cuhk-gs-block-content-box-with-icon .content-box-with-icon-contant .item .title {
  padding-top: 25px;
  font-size: 24px;
  font-weight: 700;
  color: #7d2882;
}

.slider-text-icon-box .text-icon-swiper .item {
  background-color: #fff;
}

article[data-history-node-id="366"] .block-inline-blockstudent-portal {
  background-color: #F8F8F8;
}
article[data-history-node-id="366"] .block-inline-blockstudent-portal h2.mt-5 {
  margin-top: 0 !important;
}

.page-node-type-full-page header, .page-node-type-full-page .cuhk-page-banner-section, .page-node-type-full-page footer {
  display: none;
}
.page-node-type-full-page main {
  padding: 0;
}
.page-node-type-full-page .cuhk-gs-container, .page-node-type-full-page .tb-megamenu .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner .page-node-type-full-page .tb-megamenu-row, .page-node-type-full-page .tb-megamenu .nav-collapse, .tb-megamenu .page-node-type-full-page .nav-collapse, .page-node-type-full-page .pager, .page-node-type-full-page #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
.page-node-type-full-page #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.page-node-type-full-page #views-exposed-form-announcement-listing-detail-filter, .page-node-type-full-page .sitemap-container, .page-node-type-full-page .application-deadline-listing .view-content, .application-deadline-listing .page-node-type-full-page .view-content {
  max-width: 100%;
  padding: 0;
}

#block-cuhk-gs-theme-views-block-programmes-programme-search-icon {
  position: sticky;
  top: 168px;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  #block-cuhk-gs-theme-views-block-programmes-programme-search-icon {
    top: 80px;
  }
}

@media screen and (min-width: 992px) {
 body:not(.user-logged-in) .view-programmes-listing .divisionPage .tb-header{
      top: 280px;  
      padding-top:20px;
 }
  .view-programmes-listing .divisionPage .tb-header{
    top: 310px;  
  }
  .divisionPage .tb-header {
    position: sticky;
    top: 230px;
    z-index: 1;
    transition: padding-top 0.1s cubic-bezier(0.4, 0, 1, 1);
  }
  body:not(.user-logged-in) #block-cuhk-gs-theme-views-block-programmes-listing-all #gs-programmes-listing-section .divisionPage .tb-header {
    position: sticky;
    top: 250px;
    z-index: 1;
    padding-top: 20px;
  }
  body.user-logged-in #block-cuhk-gs-theme-views-block-programmes-listing-all #gs-programmes-listing-section .divisionPage .tb-header {
    position: sticky;
    top: 270px;
    z-index: 1;
  }
}

.user-logged-in #block-cuhk-gs-theme-views-block-programmes-programme-search-icon {
  top: 192px;
}
@media screen and (max-width: 991px) {
  .user-logged-in #block-cuhk-gs-theme-views-block-programmes-programme-search-icon {
    top: 120px;
  }
}
@media screen and (min-width: 1380px) and (max-width: 1600px) {
    .studentCard .studentSwiper .swiperItem .rtImgBox {
        width: 300px;
    }
}
.programmes-filter-search-list .view-filters {
  display: none;
}

.videoChannel {
  margin-top: 40px;
  margin-bottom: 100px;
}

#gs-programmes-listing-section {
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  #gs-programmes-listing-section {
    margin-top: 24px;
  }
}

@media screen and (max-width: 991px) {
  .programmes-faculty-search .h2 {
    margin-bottom: 15px;
  }
  .programmes-faculty-search .areaCard {
    padding: 0 !important;
    border: none !important;
    box-shadow: none;
    margin-bottom: 0 !important;
  }
  .programmes-faculty-search .pb-2 {
    padding-bottom: 0 !important;
  }
}

.exploreOurFaculties a.reset, .exploreOurFaculties .cuhk-login-page .cuhk-login-page-container .right-box .logoBox a.site-logo, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .exploreOurFaculties a.site-logo, .exploreOurFaculties .divisionPage .grayRow .division .title a, .divisionPage .grayRow .division .title .exploreOurFaculties a, .exploreOurFaculties .pg-student-life .discription a, .pg-student-life .discription .exploreOurFaculties a {
  display: flex;
  height: 100%;
}
.exploreOurFaculties .exploreItem * {
  text-decoration: none;
}
.exploreOurFaculties .exploreItem .prospective-students-play-btn {
  z-index: 2;
  position: absolute;
  top: calc(55% - 38px);
  left: calc(50% - 38px);
}
.exploreOurFaculties .exploreItem .grid-des {
  font-size: 0.9375rem;
}
.exploreOurFaculties .exploreItem {
  background: #FFFFFF;
  transition: all 0.5s;
  box-shadow: 2px 2px 10px 0px rgba(125, 40, 130, 0.25);
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.exploreOurFaculties .exploreItem .mt-auto {
  margin-top: 20px;
}
.exploreOurFaculties .exploreItem.pgsl_section .imgBox {
  padding: 50%;
}
.exploreOurFaculties .exploreItem .p-4 {
  padding: 30px !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.exploreOurFaculties .exploreItem .card-overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-indent: -9999px;
  overflow: hidden;
  pointer-events: none;
}
.exploreOurFaculties .exploreItem .card-description {
  position: relative;
  z-index: 10;
  pointer-events: auto;
}
.exploreOurFaculties .exploreItem .card-description a {
  position: relative;
  z-index: 11;
  cursor: pointer;
  pointer-events: auto;
}
.exploreOurFaculties .exploreItem.ps_section:hover .imgBox img {
  transform: scale(1.2);
}
.exploreOurFaculties .exploreItem.ps_section:hover .cuhk-gs-btn {
  background-color: #7D2882 !important;
  color: #FFFFFF !important;
}
.exploreOurFaculties .exploreItem .imgBox {
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.exploreOurFaculties .exploreItem .imgBox img {
  transition: all 0.5s;
  transform: scale(1);
}
.exploreOurFaculties .exploreItem.eof_section:hover .theme-color, .exploreOurFaculties .exploreItem.eof_section:hover .application-deadline-listing .view-content .view-grouping-header, .application-deadline-listing .view-content .exploreOurFaculties .exploreItem.eof_section:hover .view-grouping-header {
  color: #FFFFFF;
}
.exploreOurFaculties .exploreItem.eof_section:hover {
  background: #7D2882;
  color: #FFFFFF;
}
.exploreOurFaculties .exploreItem.eof_section:hover p {
  color: #FFFFFF;
}
.exploreOurFaculties .exploreItem.eof_section:hover .imgBox img {
  transform: scale(1.2);
}
.exploreOurFaculties .exploreItem .imgBox {
  position: relative;
}
.exploreOurFaculties .exploreItem .imgBox > div.field {
  overflow: hidden;
}
.exploreOurFaculties .exploreItem .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.exploreOurFaculties .exploreItem .cuhk-basic-page.p-0 a:hover {
  color: #F0AA23;
  text-decoration: underline;
}

.divisionPage {
  margin-bottom: 100px;
}
.divisionPage .tips {
  font-size: 0.875rem;
}
.divisionPage .programmes {
  width: 100%;
  cursor: pointer;
  background: #FFFFFF;
  border-left: 6px solid #7D2882;
  font-weight: 700;
  transition: all 0.5s;
  margin-bottom: 0;
}
.divisionPage .programmes p.te-1 {
  -webkit-line-clamp: unset;
}
.divisionPage .programmes:hover {
  background: #7D2882;
  color: #FFFFFF;
}
.divisionPage .programmes:hover p {
  color: #fff;
}
.divisionPage .tb-header {
  /*background: #7D2882;*/
  background: #ffffff;
  color: #FFFFFF;
  font-size: 1.0625rem;
  font-weight: 700;
}
.divisionPage .tb-header >.row {
  background: #7D2882;
}
.divisionPage .tb-header .row .px-lg-5:not(:nth-child(1)) {
  padding-left: 30px !important;
}
.divisionPage .grayRow {
  background: #F8F8F8;
}
.divisionPage .grayRow .division {
  font-size: 1.0625rem;
  font-weight: 700;
}
.divisionPage .grayRow .ResearchProgrammes,
.divisionPage .grayRow .TaughtProgrammes {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.divisionPage .grayRow .ResearchProgrammes > div,
.divisionPage .grayRow .TaughtProgrammes > div {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .divisionPage {
    margin-bottom: 30px;
  }
}

.MAinAnthropology table thead tr th {
  min-width: 100px;
}
.MAinAnthropology {
  /* 表格列均分 */
}
.MAinAnthropology table.fixed {
  table-layout: fixed;
  width: 100%;
}
.MAinAnthropology table.fixed tr td,
.MAinAnthropology table.fixed tr th {
  width: 100px;
}
.MAinAnthropology.style-a table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
  margin-bottom: 0;
}
.MAinAnthropology.style-a table tr td {
  border: none;
  padding: 2px;
}
.MAinAnthropology.style-a table tbody tr td:first-child {
  padding: 18px 45px;
  font-size: 1.0625rem !important;
}
.MAinAnthropology.style-a table tbody tr td:not(:first-child) {
  padding: 18px 45px;
}
@media screen and (max-width: 991px) {
  .MAinAnthropology.style-a table tr {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
.MAinAnthropology {
  margin-top: 40px;
  margin-bottom: 100px;
}
.MAinAnthropology .row {
  --bs-gutter-y: 5px;
  --bs-gutter-x: 5px;
  /* 移动端布局更新 */
}
@media screen and (max-width: 575px) {
  .MAinAnthropology .row.mobile-card .col-12:nth-child(1) .title-bg, .MAinAnthropology.style-a .row.mobile-card .col-12:nth-child(1) table tbody tr td:first-child, .MAinAnthropology.style-a table tbody tr .row.mobile-card .col-12:nth-child(1) td:first-child {
    margin-top: 0 !important;
  }
  .MAinAnthropology .row.mobile-card .title-bg, .MAinAnthropology.style-a .row.mobile-card table tbody tr td:first-child, .MAinAnthropology.style-a table tbody tr .row.mobile-card td:first-child,
  .MAinAnthropology .row.mobile-card .content-bg,
  .MAinAnthropology.style-a .row.mobile-card table tbody tr td:not(:first-child),
  .MAinAnthropology.style-a table tbody tr .row.mobile-card td:not(:first-child) {
    background: #fff;
  }
  .MAinAnthropology .row.mobile-card .title-bg, .MAinAnthropology.style-a .row.mobile-card table tbody tr td:first-child, .MAinAnthropology.style-a table tbody tr .row.mobile-card td:first-child {
    color: #000;
    font-size: 1rem;
    font-weight: normal;
    margin-top: 24px;
  }
  .MAinAnthropology .row.mobile-card .content-bg, .MAinAnthropology.style-a .row.mobile-card table tbody tr td:not(:first-child), .MAinAnthropology.style-a table tbody tr .row.mobile-card td:not(:first-child) {
    color: #7D2882;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
  }
  .MAinAnthropology .row.mobile-card .content-bg .deadline, .MAinAnthropology.style-a .row.mobile-card table tbody tr td:not(:first-child) .deadline, .MAinAnthropology.style-a table tbody tr .row.mobile-card td:not(:first-child) .deadline {
    background: #F8F8F8;
    font-weight: normal;
    font-size: 1rem;
    padding: 10px;
    display: inline-block;
  }
}
.MAinAnthropology .icon-bg {
  line-height: 1.5;
  min-height: 52px;
  padding: 10px 0 10px 70px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 10px 4px;
}
.MAinAnthropology .icon-bg.icon1 {
  background-image: url("../images/icons/contact1.svg");
}
.MAinAnthropology .icon-bg.icon2 {
  background-image: url("../images/icons/contact2.svg");
}
.MAinAnthropology .icon-bg.icon3 {
  background-image: url("../images/icons/contact3.svg");
}
.MAinAnthropology .icon-bg.icon4 {
  background-image: url("../images/icons/contact4.svg");
}
.MAinAnthropology .icon-bg.icon5 {
  background-image: url("../images/icons/contact5.svg");
}
.MAinAnthropology .icon-bg.icon6 {
  background-image: url("../images/icons/contact6.svg");
}
.MAinAnthropology .icon-bg.icon7 {
  background-image: url("../images/icons/contact7.svg");
}
.MAinAnthropology .icon-bg.icon8 {
  background-image: url("../images/icons/contact8.svg");
}
.MAinAnthropology .icon-bg.icon9 {
  background-image: url("../images/icons/contact9.svg");
}
.MAinAnthropology .icon-bg.icon9 a {
  width: 200px;
  aspect-ratio: 1;
}
.MAinAnthropology .icon-bg.icon9 a img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.MAinAnthropology .icon-bg.icon9 a:hover + .qrCode {
  display: block;
}
.MAinAnthropology .icon-bg.icon9 .qrCode {
  width: 180px;
  height: 180px;
  background: #FFFFFF;
  top: 40px;
  left: 70px;
  display: none;
  border: 1px solid #DEC9E0;
  padding: 12px;
  box-sizing: border-box;
}
.MAinAnthropology .icon-bg.icon9 .qrCode img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.MAinAnthropology .title-bg, .MAinAnthropology.style-a table tbody tr td:first-child {
  height: 100%;
  background: #DEC9E0;
  color: #7D2882;
  font-weight: 700;
  font-size: 1.125rem;
}
.MAinAnthropology .content-bg, .MAinAnthropology.style-a table tbody tr td:not(:first-child) {
  background: #F8F8F8;
  height: 100%;
  font-size: 0.9375rem;
}
.MAinAnthropology .content-bg p, .MAinAnthropology.style-a table tbody tr td:not(:first-child) p {
  margin-bottom: 0;
}
.MAinAnthropology .content-bg a, .MAinAnthropology.style-a table tbody tr td:not(:first-child) a {
  color: #7D2882;
  display: inline-block;
  word-break: break-word;
}
@media only screen and (max-width: 991px) {
  .MAinAnthropology .title-bg, .MAinAnthropology.style-a table tbody tr td:first-child,
  .MAinAnthropology .content-bg,
  .MAinAnthropology.style-a table tbody tr td:not(:first-child) {
    padding: 10px !important;
  }
}

.gs-programmes-listing-section-desktop {
  display: block;
}
@media only screen and (max-width: 991px) {
  .gs-programmes-listing-section-desktop {
    display: none;
  }
}

.gs-programmes-listing-mobile {
  display: block;
  margin-top: 10px;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item {
  border-bottom: none;
  background-color: #F8F8F8;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.open {
  background-color: #F8F8F8;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-header {
  padding: 0.625rem 0.875rem;
  background: rgba(222, 201, 223, 0.6);
  font-size: 1rem;
  border: none;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-header span {
  padding: 0 !important;
  color: #7D2882 !important;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content {
  padding: 0;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .reset, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .site-logo, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .pg-student-life .discription a, .pg-student-life .discription .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content a, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .divisionPage .grayRow .division .title a, .divisionPage .grayRow .division .title .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content a {
  margin-top: 12px;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .reset .programmes.p-2, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo .programmes.p-2, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .site-logo .programmes.p-2, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .pg-student-life .discription a .programmes.p-2, .pg-student-life .discription .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content a .programmes.p-2, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .divisionPage .grayRow .division .title a .programmes.p-2, .divisionPage .grayRow .division .title .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content a .programmes.p-2 {
  padding: 10px 20px !important;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .reset .programmes.p-2 p, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo .programmes.p-2 p, .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .site-logo .programmes.p-2 p, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .pg-student-life .discription a .programmes.p-2 p, .pg-student-life .discription .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content a .programmes.p-2 p, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content .divisionPage .grayRow .division .title a .programmes.p-2 p, .divisionPage .grayRow .division .title .gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content a .programmes.p-2 p {
  font-size: 1rem;
  line-height: 1.5rem;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.open .collapse-item-content span.fw-700 {
  padding: 10px 0;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent {
  padding: 14px 25px;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent.mb-3:last-child {
  margin-bottom: 0 !important;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent > .collapse-item-header {
  padding: 0;
  background: transparent;
  border: none;
  font-size: 1rem;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent > .collapse-item-header > .icon {
  background: url("../images/icons/arrow_forward_ios.svg") no-repeat center center;
  background-size: 20px;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent > .collapse-item-header > .icon::after, .gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent > .collapse-item-header > .icon::before {
  display: none;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent > .collapse-item-content {
  padding-bottom: 16px;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent.open > .collapse-item-header span {
  color: #7D2882;
}
.gs-programmes-listing-mobile .collapse-box-a .collapse-item.parent.open > .collapse-item-header .icon {
  transform: rotate(180deg);
}
@media only screen and (min-width: 991px) {
  .gs-programmes-listing-mobile {
    display: none;
  }
}

.innerpage-banner-swiper .swiper-slide .font46,
.innerpage-banner-swiper .swiper-slide .font46 p {
  font-size: 2.875rem;
  line-height: 1.2;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .innerpage-banner-swiper .swiper-slide .font46,
  .innerpage-banner-swiper .swiper-slide .font46 p {
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 991px) {
  .innerpage-banner-swiper .swiper-slide .font46 {
    display: block;
    margin-bottom: 10px;
  }
}
.innerpage-banner-swiper .banner-video,
.innerpage-banner-swiper .banner-img {
  position: relative;
}
.innerpage-banner-swiper .banner-video img,
.innerpage-banner-swiper .banner-img img {
  width: 100%;
  height: fit-content;
  object-fit: cover;
  min-height: 621px;
  aspect-ratio: 3/0.7;
}
@media screen and (max-width: 991px) {
  .innerpage-banner-swiper .banner-video img,
  .innerpage-banner-swiper .banner-img img {
    min-height: 450px;
  }
}
@media screen and (max-width: 767px) {
  .innerpage-banner-swiper .banner-video img,
  .innerpage-banner-swiper .banner-img img {
    height: auto;
    aspect-ratio: 789/320;
    min-height: 250px;
  }
}
.innerpage-banner-swiper .banner-video::after,
.innerpage-banner-swiper .banner-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: -1px;
  right: 0;
  background: url("../images/banner_wave.png") no-repeat left bottom;
  background-size: contain;
  z-index: 1;
}
.innerpage-banner-swiper .innerpage-banner-pagination {
  display: flex;
  flex-direction: column;
}
.innerpage-banner-swiper .innerpage-banner-pause {
  margin-top: 7px;
  color: #FFFFFF;
  cursor: pointer;
}
.innerpage-banner-swiper .slider-wrapper {
  position: relative;
  height: 620px;
}
.innerpage-banner-swiper .slider-wrapper.h-auto {
  margin-top: -150px;
  z-index: 2;
}
.innerpage-banner-swiper .slider-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-text {
  width: 735px;
  background: #F2EAF3;
}
@media screen and (max-width: 991px) {
  .innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-text {
    width: 100%;
  }
}
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-text .slider-tag {
  font-size: 0.875rem;
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 20px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-text .slider-tag {
    display: none;
  }
}
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-text .te-1 p,
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-text .te-1 h3 {
  margin-bottom: 0 !important;
}
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-text h2 p {
  font-size: 3.375rem !important;
}
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .page-banner-btn-wrapper {
  margin-top: 20px;
}
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-desc {
  margin-top: 20px;
}
.innerpage-banner-swiper .slider-wrapper .home-banner-mainContent .slider-desc p {
  margin: 0;
  font-size: 0.9375rem;
}
.innerpage-banner-swiper .slider-wrapper .home-banner-wave {
  position: absolute;
  height: 130px;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .innerpage-banner-swiper .slider-wrapper .home-banner-wave {
    height: 40px;
  }
}
.innerpage-banner-swiper .slider-wrapper .home-banner-wave img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.innerpage-banner-swiper .swiper-pagination {
  left: auto !important;
  right: 40px !important;
  top: 17% !important;
}
@media screen and (max-width: 991px) {
  .innerpage-banner-swiper .swiper-pagination {
    left: 50% !important;
    right: unset !important;
    top: unset !important;
    bottom: 24px !important;
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .innerpage-banner-swiper .swiper-pagination .innerpage-banner-pagination {
    flex-direction: row;
  }
  .innerpage-banner-swiper .swiper-pagination .innerpage-banner-pagination .swiper-pagination-bullet {
    margin: 0 10px !important;
    border: 2px solid #7D2882;
    width: 12px !important;
    height: 12px !important;
  }
  .innerpage-banner-swiper .swiper-pagination .innerpage-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #7D2882 !important;
  }
  .innerpage-banner-swiper .swiper-pagination .innerpage-banner-pause {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    color: purple;
    display: none;
  }
}
.innerpage-banner-swiper .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  margin: 12px 0 !important;
  background-color: transparent !important;
}
.innerpage-banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFFFFF !important;
}
@media screen and (max-width: 991px) {
  .innerpage-banner-swiper .slider-wrapper {
    height: 100% !important;
  }
  .innerpage-banner-swiper .slider-wrapper.h-auto {
    margin-top: -80px;
  }
  .innerpage-banner-swiper .slider-wrapper .slider-image {
    width: 100%;
  }
  .innerpage-banner-swiper .more-banner .home-banner-mainContent .slider-text {
    padding-bottom: 60px !important;
  }
}

.page-banner-btn-wrapper {
  gap: 10px 24px;
}

.page-banner-wrapper img {
  width: 100%;
  height: fit-content;
  object-fit: cover;
  min-height: 400px;
  aspect-ratio: 3/0.7;
}
@media screen and (max-width: 991px) {
  .page-banner-wrapper img {
    min-height: 250px;
  }
}
.page-banner-wrapper .banner-image {
  position: relative;
}
.page-banner-wrapper .banner-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: -1px;
  right: 0;
  background: url("../images/banner_wave.png") no-repeat left bottom;
  background-size: contain;
  z-index: 1;
}
.page-banner-wrapper .wave {
  height: 174px;
  background: url("../images/banner_wave.png") no-repeat left bottom;
  background-size: 100% 100%;
  z-index: 1;
  bottom: -34px;
  left: 0;
  opacity: 0;
}
@media screen and (max-width: 991px) {
  .page-banner-wrapper .wave {
    height: 132px;
    background-size: contain;
    background-position: center top;
  }
}
.page-banner-wrapper .pink-card-cont {
  z-index: 2;
  position: relative !important;
  margin-top: -180px;
}
@media screen and (max-width: 991px) {
  .page-banner-wrapper .pink-card-cont {
    bottom: -62px;
    left: 0;
    height: 300px;
    display: flex;
    align-items: center;
    height: fit-content;
    min-height: 240px;
  }
}
@media screen and (max-width: 991px) {
  .page-banner-wrapper .pink-card-cont .pink-card {
    width: 100%;
    min-width: auto !important;
    max-width: 100%;
  }
}
.page-banner-wrapper .pink-card-cont .pink-card .banner-tag {
  font-size: 0.875rem;
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .page-banner-wrapper .pink-card-cont .pink-card .banner-tag {
    display: none;
  }
}
.page-banner-wrapper .pink-card-cont .pink-card {
  background: #F2EAF3;
  min-width: 550px;
  max-width: 950px;
  box-sizing: border-box;
}
.page-banner-wrapper .pink-card-cont .pink-card div > p:last-child {
  margin-bottom: 0;
}
.page-banner-wrapper .pink-card-cont .pink-card .te-3 {
  margin-top: 20px !important;
  font-size: 0.9375rem;
}
.page-banner-wrapper .pink-card-cont .pink-card .te-3 p {
  margin: 0;
}
.page-banner-wrapper .pink-card-cont .pink-card h1 {
  line-height: 1.1;
  word-break: keep-all;
}
@media screen and (max-width: 540px) {
  .page-banner-wrapper .pink-card-cont .pink-card {
    width: fit-content;
  }
}
@media screen and (max-width: 991px) {
  .page-banner-wrapper .pink-card-cont .pink-card h1 {
    line-height: 1.3;
  }
}
.page-banner-wrapper .pink-card-cont .pink-card .te-2 > p {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 991px) {
  .page-banner-wrapper {
    height: auto;
  }
  .page-banner-wrapper img {
    height: 20rem;
  }
  .page-banner-wrapper .wave {
    top: auto;
    bottom: 0;
  }
  .page-banner-wrapper .pink-card-cont.position-absolute {
    position: relative !important;
    bottom: 0;
    height: fit-content;
    min-height: auto !important;
    margin-top: -80px;
  }
}
@media screen and (max-width: 767px) {
  .page-banner-wrapper img {
    height: auto;
    aspect-ratio: 789/320;
  }
}
.listing-page-banner-wrapper .learnMore {
  width: 146px;
  background: #F0AA23;
}
.listing-page-banner-wrapper .socialMedia {
  margin-bottom: -20px;
}
.listing-page-banner-wrapper .socialMedia .link-list a {
  margin-right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: 100% !important;
}
.listing-page-banner-wrapper .socialMedia .link-list a.fb {
  background: url(../images/media1.png) no-repeat;
}
.listing-page-banner-wrapper .socialMedia .link-list a.pt {
  background: url(../images/media2.png) no-repeat;
}
.listing-page-banner-wrapper .socialMedia .link-list a.in {
  background: url(../images/media3.png) no-repeat;
}
.listing-page-banner-wrapper .socialMedia .link-list a.we {
  background: url(../images/media4.png) no-repeat;
}
.listing-page-banner-wrapper .socialMedia .link-list a.we:hover .qrCode {
  display: block;
}
.listing-page-banner-wrapper .socialMedia .link-list a.we a:hover + .qrCode {
  display: block;
}
@media screen and (max-width: 1460px) {
  .listing-page-banner-wrapper .socialMedia .link-list a.we .qrCode {
    left: auto;
    right: 0;
  }
}
.listing-page-banner-wrapper .socialMedia .link-list a.we .qrCode {
  width: 180px;
  height: 180px;
  background: #FFFFFF;
  top: 54px;
  left: 0;
  display: none;
  border: 1px solid #DEC9E0;
  padding: 12px;
  box-sizing: border-box;
}
.listing-page-banner-wrapper .socialMedia .link-list a.we .qrCode img {
  width: 100%;
  height: 100%;
  min-height: unset;
  object-fit: contain;
}

.programme-detail-page-banner-wrapper {
  margin-bottom: 0px;
}
.programme-detail-page-banner-wrapper .pink-card-cont .pink-card h1 {
  line-height: normal;
}

@media screen and (max-width: 767px) {
  .floatingMenu {
    width: 60px !important;
  }
  .floatingMenu .fs-5 {
    font-size: 0.75rem !important;
  }
  .floatingMenu .iconBox {
    width: 60px !important;
    height: 60px !important;
    padding: 5px !important;
  }
  .floatingMenu .iconBox .icon {
    background-size: 22px !important;
  }
  .floatingMenu .iconBox.apply {
    margin-bottom: 5px !important;
  }
  .floatingMenu .iconBox.share .shareList {
    height: 50px !important;
    margin: 5px !important;
    width: 360px !important;
    padding-right: 65px !important;
  }
  .floatingMenu .iconBox.download, .floatingMenu .iconBox.print, .floatingMenu .iconBox.share {
    margin-bottom: -60px;
  }
  .floatingMenu .iconBox.download .icon, .floatingMenu .iconBox.print .icon, .floatingMenu .iconBox.share .icon {
    box-shadow: none !important;
  }
  .floatingMenu.opened .iconBox.download, .floatingMenu.opened .iconBox.print, .floatingMenu.opened .iconBox.share {
    margin-bottom: 0;
  }
  .floatingMenu.opened .iconBox.download .icon, .floatingMenu.opened .iconBox.print .icon, .floatingMenu.opened .iconBox.share .icon {
    box-shadow: 10px 10px 20px 0px rgba(152, 173, 217, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
  }
  .floatingMenu.opened .iconBox.mobile .icon {
    transform: rotate(45deg);
  }
}
.floatingMenu {
  z-index: 20;
  width: 90px;
  position: fixed;
  right: 0;
  bottom: 10px;
}
.floatingMenu .copyText {
  top: -40px;
  left: -85px;
  padding: 8px 12px;
  background-color: #F2EAF3;
  color: #7D2882;
  border-radius: 40px;
  font-weight: 700;
  display: none;
}
.floatingMenu .iconBox {
  padding: 10px;
  width: 90px;
  height: 90px;
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.3s;
}
.floatingMenu .iconBox a {
  color: #FFFFFF !important;
  text-decoration: none;
}
.floatingMenu .iconBox.apply {
  margin-bottom: 10px;
  transition: all 0.4s;
  background: #7D2882;
  box-shadow: 2px 2px 10px 0px rgba(125, 40, 130, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}
.floatingMenu .iconBox.download {
  display: none;
}
.floatingMenu .iconBox.download .icon {
  background-image: url("../images/download.png");
}
.floatingMenu .iconBox.download .icon:hover {
  background-image: url("../images/download-hover.png");
}
.floatingMenu .iconBox.print .icon {
  background-image: url("../images/print.png");
}
.floatingMenu .iconBox.print .icon:hover {
  background-image: url("../images/print-hover.png");
}
.floatingMenu .iconBox.share .icon {
  background-image: url("../images/link.png");
}
.floatingMenu .iconBox.share .icon:hover {
  background-image: url("../images/link-hover.png");
}
.floatingMenu .iconBox.totop .icon {
  background-image: url("../images/toTop-hover.png");
  background-color: #7D2882;
  box-shadow: 2px 2px 10px 0px rgba(125, 40, 130, 0.25);
}
.floatingMenu .iconBox.totop .icon:hover {
  background-image: url("../images/toTop.png");
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px #7D2882;
}
.floatingMenu .iconBox.mobile {
  position: relative;
}
@media screen and (min-width: 768px) {
  .floatingMenu .iconBox.mobile {
    display: none;
  }
}
.floatingMenu .iconBox.mobile .icon {
  background-image: url("../images/icons/add.svg");
}
.floatingMenu .iconBox.share:hover .shareList {
  display: flex;
}
.floatingMenu .iconBox.share:hover .icon {
  background-color: #F0AA23;
  background-image: url("../images/link-hover.png");
}
.floatingMenu .iconBox.share .shareList {
  z-index: -1;
  display: none;
  gap: 14px;
  background: #FFFFFF;
  top: 0;
  right: 0;
  border-radius: 40px;
  width: 400px;
  padding-right: 90px;
  padding-left: 20px;
  margin: 10px;
  height: 70px;
  filter: drop-shadow(10px 10px 20px rgba(152, 173, 217, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.floatingMenu .iconBox.share .shareList .shareIcon:hover {
  opacity: 1;
}
.floatingMenu .iconBox.share .shareList .shareIcon {
  opacity: 0.6;
  background-size: 100%;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
}
.floatingMenu .iconBox.share .shareList .shareIcon.fc {
  background-image: url("../images/icons/contact6.svg");
}
.floatingMenu .iconBox.share .shareList .shareIcon.wc {
  background-image: url("../images/icons/contact9.svg");
}
.floatingMenu .iconBox.share .shareList .shareIcon.wc .wc-code {
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  opacity: 0;
}
.floatingMenu .iconBox.share .shareList .shareIcon.wc:hover .wc-code {
  opacity: 1;
}
.floatingMenu .iconBox.share .shareList .shareIcon.we {
  background-image: url("../images/we.png");
}
.floatingMenu .iconBox.share .shareList .shareIcon.tw {
  background-image: url("../images/tw.png");
}
.floatingMenu .iconBox.share .shareList .shareIcon.em {
  background-image: url("../images/icons/contact3.svg");
}
.floatingMenu .iconBox.share .shareList .shareIcon.lk {
  background-image: url("../images/icons/contact5.svg");
}
.floatingMenu .iconBox .icon {
  box-shadow: 10px 10px 20px 0px rgba(152, 173, 217, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.5s;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-size: 28px;
  background-position: center;
  background-repeat: no-repeat;
}
.floatingMenu .iconBox.apply:hover,
.floatingMenu .iconBox .icon:hover:not(#back-to-top) {
  background-color: #F0AA23;
}

.page-node-type-hkpfs-lp .floatingMenu .iconBox.apply,
.page-node-type-ps-lp-ss .floatingMenu .iconBox.apply,
.page-node-type-tpg-lp .floatingMenu .iconBox.apply,
.page-node-type-rpg-lp .floatingMenu .iconBox.apply {
  display: flex !important;
}

.path-frontpage .floatingMenu .iconBox.download,
.page-node-type-hkpfs-lp .floatingMenu .iconBox.download,
.page-node-type-ps-lp-ss .floatingMenu .iconBox.download,
.page-node-type-tpg-lp .floatingMenu .iconBox.download,
.page-node-type-rpg-lp .floatingMenu .iconBox.download {
  display: block !important;
}

.cuhk-login-page .contextual-region > .cuhk-gs-container, .cuhk-login-page .tb-megamenu .mega-dropdown-inner .contextual-region > .tb-megamenu-row, .tb-megamenu .mega-dropdown-inner .cuhk-login-page .contextual-region > .tb-megamenu-row, .cuhk-login-page .tb-megamenu .contextual-region > .nav-collapse, .tb-megamenu .cuhk-login-page .contextual-region > .nav-collapse, .cuhk-login-page .contextual-region > .pager, .cuhk-login-page .contextual-region > #block-cuhk-gs-theme-views-block-announcement-listing-block-1,
.cuhk-login-page .contextual-region > #block-cuhk-gs-theme-views-block-cmada-listing-block-1,
.cuhk-login-page .contextual-region > #views-exposed-form-announcement-listing-detail-filter, .cuhk-login-page .contextual-region > .sitemap-container, .cuhk-login-page .application-deadline-listing .contextual-region > .view-content, .application-deadline-listing .cuhk-login-page .contextual-region > .view-content {
  max-width: 100% !important;
  padding: 0;
  max-width: 0;
}
.cuhk-login-page .cuhk-login-page-container .left-Box {
  width: 42%;
  max-width: 782px;
}
.cuhk-login-page .cuhk-login-page-container .left-Box img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: block;
}
.cuhk-login-page .cuhk-login-page-container .right-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cuhk-login-page .cuhk-login-page-container .right-box .logoBox {
  padding: 22px 50px;
}
.cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo {
  display: flex;
  width: 367px;
}
.cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo img {
  display: flex;
  width: 367px;
  height: auto;
  object-fit: contain;
}
.cuhk-login-page .cuhk-login-page-container .right-box .login-page-title {
  padding: 42px 50px;
}
.cuhk-login-page .cuhk-login-page-container .right-box .cuhk-gs-btn {
  width: 100%;
}
.cuhk-login-page .cuhk-login-page-container .right-box .grey10-bg, .cuhk-login-page .cuhk-login-page-container .right-box .element-page .table-styleD .tb-row:nth-child(odd), .element-page .table-styleD .cuhk-login-page .cuhk-login-page-container .right-box .tb-row:nth-child(odd) {
  padding: 40px 28px 40px 16%;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.cuhk-login-page .cuhk-login-page-container .right-box .grey10-bg .login-bt-1, .cuhk-login-page .cuhk-login-page-container .right-box .element-page .table-styleD .tb-row:nth-child(odd) .login-bt-1, .element-page .table-styleD .cuhk-login-page .cuhk-login-page-container .right-box .tb-row:nth-child(odd) .login-bt-1,
.cuhk-login-page .cuhk-login-page-container .right-box .grey10-bg .login-bt-2,
.cuhk-login-page .cuhk-login-page-container .right-box .element-page .table-styleD .tb-row:nth-child(odd) .login-bt-2,
.element-page .table-styleD .cuhk-login-page .cuhk-login-page-container .right-box .tb-row:nth-child(odd) .login-bt-2 {
  font-size: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .cuhk-login-page .cuhk-login-page-container .right-box .login-page-title {
    padding: 21px 28px;
  }
  .cuhk-login-page .cuhk-login-page-container .right-box .logoBox {
    padding: 19px 28px;
  }
  .cuhk-login-page .cuhk-login-page-container .right-box .logoBox .site-logo {
    width: 295px;
  }
  .cuhk-login-page .cuhk-login-page-container .right-box .grey10-bg, .cuhk-login-page .cuhk-login-page-container .right-box .element-page .table-styleD .tb-row:nth-child(odd), .element-page .table-styleD .cuhk-login-page .cuhk-login-page-container .right-box .tb-row:nth-child(odd) {
    padding: 40px 28px;
  }
  .cuhk-login-page .cuhk-login-page-container .right-box .grey10-bg .login-form, .cuhk-login-page .cuhk-login-page-container .right-box .element-page .table-styleD .tb-row:nth-child(odd) .login-form, .element-page .table-styleD .cuhk-login-page .cuhk-login-page-container .right-box .tb-row:nth-child(odd) .login-form {
    max-width: none;
  }
  .cuhk-login-page .cuhk-login-page-container .right-box .grey10-bg .login-form .cuhk-gs-btn, .cuhk-login-page .cuhk-login-page-container .right-box .element-page .table-styleD .tb-row:nth-child(odd) .login-form .cuhk-gs-btn, .element-page .table-styleD .cuhk-login-page .cuhk-login-page-container .right-box .tb-row:nth-child(odd) .login-form .cuhk-gs-btn {
    font-size: 0.875rem;
    width: 100%;
  }
}

input,
textarea {
  background-color: #FFFFFF;
  padding: 12px 32px;
  color: #7D2882;
  border: 1px solid #DEC9E0;
  margin-top: 0 !important;
}
input::placeholder,
textarea::placeholder {
  color: #DEC9E0;
}

.select2-selection {
  background-color: #FFFFFF !important;
  padding: 12px 32px !important;
  color: #7D2882 !important;
  border: 1px solid #DEC9E0 !important;
}
.select2-selection .select2-selection__arrow {
  width: 50px !important;
  height: 50px !important;
  background: url("../images/icons/arrow_forward_ios.svg") no-repeat center center;
  background-size: 20px;
}
.select2-selection .select2-selection__arrow b {
  display: none;
}
.select2-selection .select2-selection__rendered {
  color: #212529;
}

.select2-dropdown {
  background: #ffffff;
  border: 1px solid #dec9e0;
  box-shadow: none;
  font-family: "Arial", serif;
}
.select2-dropdown .select2-search--dropdown {
  display: none !important;
}
.select2-dropdown ul li {
  padding: 15px 10px !important;
  color: #7d2882;
}
.select2-dropdown ul li.select2-results__option--highlighted[aria-selected] {
  background: #efefef !important;
  color: #7d2882;
}
.select2-dropdown ul li.select2-results__option[aria-selected=true] {
  background: #f8f8f8 !important;
  color: #7d2882;
}

textarea {
  width: 100%;
}

input[type=text],
input[type=email],
.select2-selection {
  height: 52px !important;
}

.user-login-form .js-form-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
}
.user-login-form .js-form-item label {
  width: 20%;
}
.user-login-form .js-form-item input {
  width: 100%;
  max-width: 500px;
  color: #7D2882;
}

.cookiesConfirm {
  padding: 22px 0;
  z-index: 10;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F8F8F8;
}

footer.cuhk-gs-footer {
  padding: 60px 0;
  font-size: 0.9375rem;
  background-color: #7D2882;
  color: #FFFFFF;
}
@media screen and (max-width: 991px) {
  footer.cuhk-gs-footer {
    padding: 40px 0;
  }
}
footer.cuhk-gs-footer div > img.my-4.my-lg-0 {
  max-width: 416px;
  width: 100%;
}
footer.cuhk-gs-footer .gs-footer .region-footer {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer1,
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer2 {
  padding: 0 20px;
  width: 25%;
}
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer1 .menu,
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer2 .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer1 .menu .menu-item,
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer2 .menu .menu-item {
  margin-bottom: 30px;
}
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer1 .menu .menu-item a,
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer2 .menu .menu-item a {
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
}
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer1 .menu .menu-item a::after,
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer2 .menu .menu-item a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: transparent;
  transition: 0.3s;
}
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer1 .menu .menu-item a:hover::after,
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer2 .menu .menu-item a:hover::after {
  background-color: #FFFFFF !important;
}
@media screen and (max-width: 1024px) {
  footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer1,
  footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer2 {
    width: 100%;
  }
  footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer1 .menu .menu-item,
  footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footer2 .menu .menu-item {
    margin-bottom: 20px;
  }
}
footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footercontactusblock {
  padding: 0 20px;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footercontactusblock {
    width: 100%;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 991px) {
  footer.cuhk-gs-footer .gs-footer #block-cuhk-gs-theme-footercontactusblock {
    margin-bottom: 0;
  }
}
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .footer-cuhk-logo img {
  width: 100px;
  height: auto;
  object-fit: contain;
}
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .footer-cuhk-gs-logo img {
  width: 275px;
  height: auto;
  object-fit: contain;
}
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .gs-footer-logo {
  display: flex;
  margin-bottom: 35px;
}
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .gs-footer-address {
  padding: 30px 0;
}
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .gs-footer-linkedin a {
  color: #FFFFFF;
}
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .gs-footer-address,
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .gs-footer-linkedin {
  color: #FFFFFF;
  line-height: 150%;
}
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .gs-footer-address img,
footer.cuhk-gs-footer .gs-footer .gs-footer-contact-section .gs-footer-linkedin img {
  width: 25px;
  margin-right: 12px;
  height: auto;
  object-fit: contain;
}
@media screen and (max-width: 991px) {
  footer.cuhk-gs-footer .gs-footer-bottom {
    margin-top: 4px;
  }
}
footer.cuhk-gs-footer .gs-footer-bottom > div {
  gap: 15px;
}
@media screen and (max-width: 991px) {
  footer.cuhk-gs-footer .gs-footer-bottom > div {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
footer.cuhk-gs-footer .gs-footer-bottom .cuhk-logo {
  max-width: 416px;
  width: 100%;
  height: auto;
  object-fit: contain;
}
footer.cuhk-gs-footer .gs-footer-bottom .gs-copyright {
  color: #FFFFFF;
}
footer.cuhk-gs-footer .gs-footer-bottom .gs-footer-bottom-menu {
  margin-top: 15px;
  margin-bottom: 11px;
}
footer.cuhk-gs-footer .gs-footer-bottom .gs-footer-bottom-menu .menu {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  column-gap: 36px;
}
footer.cuhk-gs-footer .gs-footer-bottom .gs-footer-bottom-menu .menu .menu-item {
  position: relative;
}
footer.cuhk-gs-footer .gs-footer-bottom .gs-footer-bottom-menu .menu .menu-item a {
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
}
footer.cuhk-gs-footer .gs-footer-bottom .gs-footer-bottom-menu .menu .menu-item a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: transparent;
  transition: 0.3s;
}
footer.cuhk-gs-footer .gs-footer-bottom .gs-footer-bottom-menu .menu .menu-item a:hover::after {
  background-color: #FFFFFF !important;
}
footer.cuhk-gs-footer .gs-footer-bottom .gs-footer-bottom-menu .menu .menu-item:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  color: #FFFFFF;
}

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