/***************************** scroll ******************************/
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
@media screen and (min-width: 1367px) {
  html{
    overflow: hidden;
  }
  /* total width */
  ::-webkit-scrollbar {
      background-color: #fff;
      width: 16px;
  }

  /* background of the scrollbar except button or resizer */
  ::-webkit-scrollbar-track {
      background-color: #fff;
  }

  /* scrollbar itself */
  ::-webkit-scrollbar-thumb {
      background-color: #babac0;
      border-radius: 16px;
      border: 4px solid #fff;
  }

  /* set button(top and bottom of the scrollbar) */
  ::-webkit-scrollbar-button {
      display:none;
  }
}
/***************************** scroll ******************************/

/***************************** common ******************************/
.editor p{
  margin-bottom: 10px;
}
.editor a {
  color: #00d7be;
}

.content_list ul li{
  background-image: url(../images/listing-bullet.svg);
  background-repeat: no-repeat;
  background-position: left top 11px;
  padding-left: 25px;
  list-style: none;
}

.content_list ol li{
  counter-increment: list;
  list-style-type: none;
}
.content_list ol li::before {
  content: counter(list) "."; 
  color: #00d7be;
  display: inline-block; 
  width: 1em;
  margin-left: -40px;  
  margin-right: 1em;
}
.popup_content_line{
  width: 100%;
  height: 1px;
  margin: 5px 0;
}
.btn-scroll{
  cursor: unset;
}
/***************************** common ******************************/

/***************************** header ******************************/
@media screen and (max-width: 1439px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}
@media screen and (min-width: 1440px) {
  .w-nav-menu {
    transform: inherit !important;
  }
}

.nav-social-menu-wrap p{
  width: auto;
  padding-right: 0px;
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .nav-social-menu-wrap p{
    padding-right: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }
}
/***************************** header ******************************/

/***************************** home ******************************/
.home-programme-item-b:nth-child(2n) {
  align-items: flex-end;
}
@media(max-width: 991px) {
  .home-programme-item-b:nth-child(2n) {
    align-items: stretch;
  }
}
.home-programme-item-link:hover .home-programme-img-hover{
  transition: opacity 500ms ease 0s;
  opacity: 1;

}
.home-programme-item-link:hover .programme-hover-circle-btn-position{
  transform-style: preserve-3d;
  transition: opacity 500ms ease 0s, transform 500ms ease 0s;
  opacity: 1;
  transform: scaleX(1) scaleY(1) scaleZ(1);
}
.form-checkbox-field2{
  padding-right: 0px;
  padding-left: 0px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
  border-color: #00d7be;
}
/***************************** home ******************************/

/***************************** admissions-jupas ******************************/
@media screen and (max-width: 991px) and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .section-banner {
    height: 100vh;
  }
}
.admissions-j-standard-row:nth-child(2n) {
  background-color: #eee;
}

input[type="checkbox"]:checked+.form-checkbox-label {
  background-image: url("https://uploads-ssl.webflow.com/60b840a2666b997edc1aa34d/60c182280efc8a2c6a4357ab_form-checkbox-on.svg");
}
.list {
  padding-left: 0;
  list-style: none;
}
.list li {
  background-image: url(https://uploads-ssl.webflow.com/60b840a2666b997edc1aa34d/60b8529762c7ec2cbe005857_listing-bullet.svg);
  background-repeat: no-repeat;
  background-position: left top 11px;
  padding-left: 25px;
}
.list.ordered-letter li {
  background-image: none;
  background-position: left top 0px;
  padding-left: 15px;
}
.list.ordered-letter ::marker {
  color: #00d7be;
}
@media(max-width: 767px) {
  .list li {
    background-position: left top 7px;
    padding-left: 20px;
  }
  .list.ordered-letter li {
    background-position: left top 0px;
    padding-left: 10px;
  }
}
/***************************** admissions-jupas ******************************/


.page-home .content-b {overflow:hidden}
@media screen and (max-width: 1366px) {
	.section-bar {display:none !important;}
}
.sp-programme-r {overflow:hidden;}
.btn-scroll {cursor:pointer;}

.sp-detail-back-b {z-index:100;}

.home-banner-year-txt {margin-right: 0px; color:#00d7be;}
.banner-common-pattern-img {background-size:100%;}
.icon-collapse {display:none;}
.progress-bar-wrapper {z-index: 100000;}

@media screen and (min-width: 1440px) {
	.w-dropdown-list.w--open {
		height: auto;
	}
	.w-dropdown-list {
		transition: height 0.5s ease 0s;
	}
	.nav-dropdown-list.w--open {
		    margin-top: 86px;
	}
}

.sp-programme-link-b .sp-programme-link-img {display:block;}
.sp-programme-link-b .sp-programme-link-img.hover {display:none;}
.sp-programme-link-b:hover .sp-programme-link-img {display:none;}
.sp-programme-link-b:hover .sp-programme-link-img.hover {display:block;}
.page-hkumedify .section-content .sp-detail-programme-l {width:100%;}
.cpt-display-none {display:none;}

body {font-family: "Helvetica Neue", "Helvetica", "Arial", "華康儷黑", "DFLiHei-lt", "Noto Sans HK", "Noto Sans TC", sans-serif;}
.nav-item {font-family: Helvetica, Arial, sans-serif;}
.btn-lang-ch-txt {font-family: 'Noto Sans TC', sans-serif;}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Light-08.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Bold-02.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Medium-11.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jockey One';
  src: url('../fonts/JockeyOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Thin-13.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-01.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}