@import url("reset.css");

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  height: 100%;
  width: 100%;
}
img {
  vertical-align: top;
}
strong {
  font-weight: 900;
}
em {
  font-style: italic;
}
td {
  vertical-align: top;
}
.clear {
  float: none;
  clear: both;
}

.table {
  display: table;
}
.tr {
  display: table-row;
}
.td {
  display: table-cell;
}

body.openmenu {
  overflow: hidden;
}

a {
  color: #1d1d1b;
}

.noscroll {
  overflow: hidden;
}

.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #c8c9c7;
  z-index: 1001;
  opacity: 1;
}

.loading img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}

.news_loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: rgba(222,222,222,0.5);
  z-index: 1001;
  opacity: 1;
  display: none;
}

.news_loading img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}

.scrollin {
  -webkit-transition: transform 1.2s ease 0s, opacity 1.2s ease 0s;
  transition: transform 1.2s ease 0s, opacity 1.2s ease 0s;
}

.scrollin0 {
  opacity: 0;
}

.scrollin0.startani {
  opacity: 1;
}

.scrollin1 {
  -ms-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(100px) translateX(0px) translateZ(0px) scale(1);
  opacity: 0;
}

.scrollin1.startani,
.left_menu_wrapper.open .scrollin1 {
  -ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
  opacity: 1;
}

.scrollin2 {
  -ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
  opacity: 0;
}

.scrollin2.startani {
  -ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
  opacity: 1;
}

.scrollin_left {
  -ms-transform: translateY(0px) translateX(-100px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(0px) translateX(-100px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(0px) translateX(-100px) translateZ(0px) scale(1);
  opacity: 0;
}

.scrollin_left.startani {
  -ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
  opacity: 1;
}

.scrollin_right {
  -ms-transform: translateY(0px) translateX(100px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(0px) translateX(100px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(0px) translateX(100px) translateZ(0px) scale(1);
  opacity: 0;
}

.scrollin_right.startani {
  -ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
  opacity: 1;
}

.scrollin_scale {
  -ms-transform: translateY(100px) translateX(0px) translateZ(0px) scale(2); /* IE 9 */
  -webkit-transform: translateY(100px) translateX(0px) translateZ(0px) scale(2); /* Safari */
  transform: translateY(100px) translateX(0px) translateZ(0px) scale(2);
  opacity: 0;
}

.scrollin_scale.startani {
  -ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
  -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
  transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
  opacity: 1;
}

.scrollin_rotate {
  -webkit-transition: all 1.2s ease-in-out 0s, padding 1.2s ease-in-out 0s;
  transition: all 1.2s ease-in-out 0s, padding 1.2s ease-in-out 0s;
  opacity: 0;
  -ms-transform: rotateY(100deg); /* IE 9 */
  -webkit-transform: rotateY(100deg); /* Safari */
  transform: rotateY(100deg);
  padding-right: 30px;
  white-space: nowrap;
}

.top_full_content.active .scrollin_rotate {
  opacity: 1;
  -ms-transform: rotateY(0deg); /* IE 9 */
  -webkit-transform: rotateY(0deg); /* Safari */
  transform: rotateY(0deg);
  padding-right: 0px;
}

.loadfinish .start_full_content .scrollin_rotate.startani {
  opacity: 1;
  -ms-transform: rotateY(0deg); /* IE 9 */
  -webkit-transform: rotateY(0deg); /* Safari */
  transform: rotateY(0deg);
  padding-right: 0px;
}

.loadfinish .bottom_next_section .scrollin_rotate.startani {
  opacity: 1;
  -ms-transform: rotateY(0deg); /* IE 9 */
  -webkit-transform: rotateY(0deg); /* Safari */
  transform: rotateY(0deg);
  padding-right: 0px;
}

/* header */

.header_bg {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 140px;
}

.nottop .header_bg {
  /* height: 90px; */
}

.header {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 90;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
  padding: 40px 50px;
  pointer-events: none;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.header a {
  pointer-events: auto;
}

.nottop .header {
  background-color: #fff;
  border-bottom: 1px solid #1d1d1b;
  padding: 20px 50px;
}

.header_left {
}

.header_left ul {
  display: flex;
  align-items: end;
}

.header_left ul li + li {
  margin-left: 20px;
}

.header_left .t1 {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 500;
}

.header_left .t2 {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
}

.header_logo {
  height: 60px;

  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.nottop .header_logo {
  height: 50px;
}

.header_right {
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
  position: fixed;
  top: 40px;
  right: 50px;
}

.nottop .header_right {
  top: 30px;
}

.header_right ul {
  display: flex;
}

.header_right ul li + li {
  margin-left: 20px;
}

.header_search_wrapper{
  position: absolute;
  top:100%;
  left: 0px;
  right: 0px;
  margin: auto;
  border-top:1px solid #1d1d1b;
  border-bottom:1px solid #1d1d1b;
  background-color: #fff;
  print-color-adjust: exact; 
  display: none;
}

.header_search{
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
}

.header_search_input{
  width: 100%;
  background: none;
  border: none;
  padding: 15px 10px;
  display: block;
  pointer-events: auto;
  background-color: #fff;
  print-color-adjust: exact; 
}


.header_search_wrapper .search_btn {
  position: absolute;
  width: 22px;
  height: 22px;
  display: block;
  top:0px;
  bottom: 0px;
  right: 10px;
  margin: auto;
}

.header_search_wrapper .search_btn .g1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  border: 2px solid #1d1d1b;
  border-radius: 999px;
  display: block;
}

.header_search_wrapper .search_btn .g2 {
  display: block;
  background-color: #1d1d1b;
  right: 0px;
  bottom: 2px;
  width: 10px;
  height: 2px;
  transform: rotate(45deg);
  position: absolute;
  print-color-adjust: exact; 
}

.open_header_search_btn_wrapper{
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 22px;
  overflow: hidden;
}

.open_search .open_header_search_btn_wrapper{
  width: 0px !important;
  margin-left: 0px !important;
}

.header_right .search_btn {
  position: relative;
  width: 22px;
  height: 22px;
  display: block;
}

.header_right .search_btn .g1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  border: 2px solid #1d1d1b;
  border-radius: 999px;
  display: block;
}

.header_right .search_btn .g2 {
  display: block;
  background-color: #1d1d1b;
  right: 0px;
  bottom: 2px;
  width: 10px;
  height: 2px;
  transform: rotate(45deg);
  position: absolute;
  print-color-adjust: exact; 
}

.lang_dropdown {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 20px;
}

.open_search .lang_dropdown{
  padding-right: 0px;
}

.header_right .lang_dropdown li + li {
  margin-left: 6px;
}

.header_right .lang_dropdown .current-lang {
  display: none;
}

.lang_dropdown a {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  text-align: center;
  line-height: 22px;
  font-weight: 500;
}

/* @-moz-document url-prefix() {
  .lang_dropdown a {
    line-height: 24px;
  }
} */

.lang_dropdown a.active,
.lang_dropdown a:hover {
  border: 1px solid #1d1d1b;
}

.dropdown .dropdown_btn {
  position: fixed;
  top: 40px;
  right: 50px;
}

.nottop .dropdown .dropdown_btn {
  top: 30px;
}

.dropdown_btn {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: auto;
  display: block;
  z-index: 98;
  position: relative;
  color: #1d1d1b;
  width: 36px;
  height: 26px;
}

.dropdown_btn .linewrapper {
  width: 36px;
  height: 16px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  display: block;
}

.dropdown_btn .line {
  position: absolute;
  width: 100%;
  -webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
  height: 2px;
  overflow: hidden;
  display: block;
  margin-top: -1px;
}

.dropdown_btn .line span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: block;
  background-color: #1d1d1b;
  print-color-adjust: exact; 
}

.dropdown_header_right .dropdown_btn .line span {
  background-color: #1d1d1b;
  print-color-adjust: exact; 
}

.dropdown_btn .leftline {
  left: 0%;
}

.dropdown_btn .line .rightline {
  left: 300%;
}

.dropdown_btn .line1 {
  top: 1%;
}

.dropdown_btn .line2 {
  top: 41%;
}

.dropdown_btn .line3 {
  top: 81%;
}

.dropdown_btn .line1 .rightline {
  -webkit-transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn .line2 .rightline {
  -webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn .line3 .rightline {
  -webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn .line1 .leftline {
  -webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn .line2 .leftline {
  -webkit-transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn .line3 .leftline {
  -webkit-transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn.close .leftline {
  left: -400%;
}

.dropdown_btn.close .line1 .leftline {
  -webkit-transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn.close .line2 .leftline {
  -webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn.close .line3 .leftline {
  -webkit-transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn.close .rightline {
  left: 0%;
}

.dropdown_btn.close .line1 {
  left: 0%;
  top: 50%;
  width: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dropdown_btn.close .line2 {
  left: 0%;
  top: 50%;
  width: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dropdown_btn.close .line3 {
  left: 0%;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100%;
}

.dropdown_btn.close .line1 .rightline {
  -webkit-transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn.close .line2 .rightline {
  -webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn.close .line3 .rightline {
  -webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
  transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.3s ease;
}

.dropdown_btn:hover .line {
  width: 100%;
  left: 0%;
  border-color: #e6e6e6;
}

.dropdown {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: fixed;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background-color: #ffffff;
  width: 100%;
  z-index: 97;
  height: 100%;
  overflow: visible;
  overflow-x: hidden;
  opacity: 0;
  pointer-events: none;
  background-image: url(/20250207175414oe_/https://admission.cuhk.edu.hk/wp-content/themes/cuhk2023/assets/images/menu_g3.png);
  background-size: 100% 100%;
  print-color-adjust: exact; 
}
/* 
.dropdown, .dropdown_spacing, .dropdown .col_wrapper, .dropdown .row, .dropdown .col{
	width: 100%;
	display: flex;
}
 */

.dropdown a {
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  color: #1d1d1b;
}

.col_menu1 {
  -webkit-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
  transform: translateX(-100px);
  opacity: 0;
}

.col_menu2 {
  -webkit-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
  transform: translateX(100px);
  opacity: 0;
}

.openmenu .col_menu1 {
  -webkit-transition: all 1.2s ease 0.6s;
  transition: all 1.2s ease 0.6s;
  transform: translateX(-100px);
  opacity: 0;
  transform: translateX(0px);
  opacity: 1;
}
.openmenu .col_menu2 {
  -webkit-transition: all 1.2s ease 0.9s;
  transition: all 1.2s ease 0.6s;
  transform: translateX(-100px);
  opacity: 0;
  transform: translateX(0px);
  opacity: 1;
}

.menu_g {
  position: absolute;
  margin: auto;
  background-size: 100% 100%;
}

.menu_g1 {
  position: absolute;
  left: -80px;
  top: 0px;
  right: 0px;
  margin: auto;
  height: 100%;
  background-size: 100% 100%;
}

.menu_g2 {
  position: absolute;
  left: -160px;
  top: -80px;
  width: 200%;
  bottom: -160px;
  margin: auto;
  background-size: 100% 100%;
}

.menu_g::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #fff;
  print-color-adjust: exact; 
}

.dropdown_spacing {
  padding: 80px;
  position: relative;
  z-index: 1;
  padding-top: 160px;
}

.dropdown_spacing .col_wrapper {
  overflow: visible;
}

.dropdown_spacing .col {
  position: relative;
}

.main_menu {
  position: relative;
  z-index: 1;
  font-weight: 500;
}

.main_menu > li {
  padding-top: 10px;
  padding-bottom: 30px;
  border-top: 1px solid #fff;
}

.dropdown_hidden_menu {
  display: none;
  padding-top: 10px;
  padding-bottom: 50px;
}

.dropdown_hidden_menu a {
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  position: relative;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.dropdown_hidden_menu a:hover {
  /* margin-left: 40px; */
}
/* 
.dropdown_hidden_menu a:hover::before{
	content:"";
	position: absolute;
	left: -30px;
	top:0px;
	bottom: 4px;
	margin: auto;
	background-image: url(/20250207175414oe_/https://admission.cuhk.edu.hk/wp-content/themes/cuhk2023/assets/images/arrow_right.svg);
	width: 20px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
} */

.dropdown_hidden_menu > ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
}

.dropdown_hidden_menu > ul::before {
  content: "";
  position: absolute;
  border-top: 1px solid #fff;
  left: 10px;
  right: 10px;
  top: 0x;
  margin: auto;
}

.dropdown_hidden_menu li {
  width: 50%;
  padding-top: 10px;
}

.openmenu .dropdown {
  opacity: 1;
  pointer-events: auto;
}

.dropdown a:hover {
  opacity: 0.5;
}

/* common */

.blue_bg {
  background-color: #003764;
  print-color-adjust: exact; 
}

.white_bg {
  background-color: #fff;
  print-color-adjust: exact; 
}

.black_bg {
  background-color: #1d1d1b;
  print-color-adjust: exact; 
}

.black_text {
  color: #1d1d1b;
  print-color-adjust: exact; 
}

.brown_bg {
  background-color: #847543;
  print-color-adjust: exact; 
}

/* content */

.thumb {
  width: 100%;
}

.thumb img {
  width: 100%;
}

/* text */

.col_wrapper {
  overflow: hidden;
}

.col_wrapper + .col_wrapper {
  margin-top: 30px;
}

.table.col_wrapper {
  width: 100%;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.big_col_wrapper .row {
  margin-left: -30px;
  margin-right: -30px;
}

.xl_col_wrapper .row {
  margin-left: -60px;
  margin-right: -60px;
}

.normal_col_wrapper .row {
  margin-left: -15px;
  margin-right: -15px;
}

.small_col_wrapper .row {
  margin-left: -10px;
  margin-right: -10px;
}

.xs_col_wrapper .row {
  margin-left: -1px;
  margin-right: -1px;
}

.col_spacing {
  margin-left: 15px;
  margin-right: 15px;
}

.table.col_wrapper .td + .td {
  padding-left: 30px;
}

.big_col_wrapper .col_spacing {
  margin-left: 30px;
  margin-right: 30px;
}

.xl_col_wrapper .col_spacing {
  margin-left: 60px;
  margin-right: 60px;
}

.table.big_col_wrapper.col_wrapper .td + .td {
  padding-left: 60px;
}

.normal_col_wrapper .col_spacing {
  margin-left: 15px;
  margin-right: 15px;
}

.small_col_wrapper .col_spacing {
  margin-left: 10px;
  margin-right: 10px;
}

.xs_col_wrapper .col_spacing {
  margin-left: 1px;
  margin-right: 1px;
}

.flex {
  display: flex;
}

.flex_reverse {
  flex-flow: row-reverse;
}

.flex_align_bottom {
  align-items: end;
}

.flex_right {
  justify-content: flex-end;
}

.flex_center {
  justify-content: center;
}

.col {
  float: left;
  padding-left: 0px;
  padding-right: 0px;
  position: static;
  -webkit-flex-basis: auto; /* Safari 6.1+ */
  flex-basis: auto;
}

.first_col {
  clear: left;
}

.col12 {
  width: 100%;
}

.col10 {
  width: 83.33%;
}

.col9 {
  width: 75%;
}

.col8 {
  width: 66.66%;
}

.col7 {
  width: 58.33%;
}

.col6 {
  width: 50%;
}

.col5 {
  width: 41.66%;
}

.col4 {
  width: 33.33%;
}

.col2 {
  width: 16.67%;
}

.col2_4 {
  width: 20%;
}

.col3 {
  width: 25%;
}

.float_right {
  float: right;
}

/* footer */

.footer {
  position: relative;
  padding: 70px 50px 50px 50px;
  background-color: #fff;
  print-color-adjust: exact; 
  z-index: 11;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.footer .fg {
  top: auto;
  bottom: 0px;
  height: auto;
}

.footer .bg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 300px;
  background: linear-gradient(
    0deg,
    rgba(106, 93, 157, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  print-color-adjust: exact; 
}

.footer .bg2 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 300px;
  background: linear-gradient(
    180deg,
    rgba(202, 232, 243, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  print-color-adjust: exact; 
}

.gradient_style2 .footer .bg {
  background: linear-gradient(
    0deg,
    rgba(106, 93, 157, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  print-color-adjust: exact; 
}

.gradient_style2 .footer .bg2 {
  background: linear-gradient(
    180deg,
    rgba(202, 232, 243, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  print-color-adjust: exact; 
}

.gradient_style3 .footer .bg {
  background: linear-gradient(
    0deg,
    rgba(100, 151, 168, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  print-color-adjust: exact; 
}

.gradient_style3 .footer .bg2 {
  background: linear-gradient(
    180deg,
    rgba(195, 224, 198, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  print-color-adjust: exact; 
}

.gradient_style4 .footer .bg {
  background: linear-gradient(
    0deg,
    rgba(245, 164, 141, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  print-color-adjust: exact; 
}

.gradient_style4 .footer .bg2 {
  background: linear-gradient(
    180deg,
    rgba(163, 216, 227, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  print-color-adjust: exact; 
}

.footer_top {
  position: relative;
  z-index: 1;
}

.footer_top .top_btn {
  padding-top: 60px;
  text-align: center;
  position: relative;
  display: block;
  width: 50px;
  font-family: "Schibsted Grotesk", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.footer_top .arrow_top {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  margin: auto;
  width: 50px;
}

.footer_logo {
  height: 60px;
}

.footer a:hover{
  opacity: 0.5;
}


.footer .s_title {
  text-transform: uppercase;
}

.footer .s_title + ul {
  margin-top: 20px;

  text-transform: uppercase;
}

.footer .s_title + ul li + li {
  margin-top: 5px;
}

.footer_menu .flex > .flex + .flex {
  border-left: 1px solid #1d1d1b;
}

.footer_menu_item + .footer_menu_item {
  margin-top: 50px;
}

.sns_nav li + li {
  margin-top: 10px;
}

.sns_nav a {
  font-family: "Inter", "Noto Sans SC","Noto Sans TC", sans-serif;
  text-align: center;
  line-height: 22px;
  display: flex;
  gap: 6px;
  align-items: center;
}


.sns_nav a .icon{
  display: block;
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  border-radius: 999px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80% 80%;
}

.sns_nav a.footer_fb .icon{
  background-image: url(/20250207175414oe_/https://admission.cuhk.edu.hk/wp-content/themes/cuhk2023/assets/images/footer_fb.png);
  
}

.sns_nav a.footer_ig .icon{
  background-image: url(/20250207175414oe_/https://admission.cuhk.edu.hk/wp-content/themes/cuhk2023/assets/images/footer_ig.png);
}

.sns_nav a.footer_yt .icon{
  background-image: url(/20250207175414oe_/https://admission.cuhk.edu.hk/wp-content/themes/cuhk2023/assets/images/footer_yt.png);
}

/* @-moz-document url-prefix() {
  .sns_nav a {
    line-height: 32px;
  }
} */

.footer_small_menu li + li {
  margin-top: 5px;
}

.footer_big_text {
  text-transform: uppercase;

  letter-spacing: 0.05em;
}

.footer_circle {
  padding: 30px 30px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  line-height: 1em !important;
  position: relative;
  font-weight: 500;
  float: right;
}

/* @-moz-document url-prefix() {
  .footer_circle {
    padding: 33px 30px 27px;
  }
} */

.footer_circle::before {
  border-radius: 100%;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  border: 2px solid transparent;
  background: linear-gradient(-45deg, #000000, #000000) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  print-color-adjust: exact; 
}

.footer_menu + .footer_copyright {
  font-family: "Inter", "Noto Sans SC","Noto Sans TC", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 100px;
  position: relative;
  z-index: 1;
}

.footer_menu {
  position: relative;
  z-index: 1;
}

.footer_top + .footer_menu {
  margin-top: 100px;
}

.footer_flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}


/* mobile */
.mobile_show {
  display: none;
}
.mobile_show2 {
  display: none;
}

@media screen and (max-width: 1599px) {
}

@media screen and (max-width: 1439px) {
}

@media screen and (max-width: 1279px) {
}

@media screen and (max-width: 1023px) {
  .header_bg {
    height: 50px;
  }

  .header {
    padding: 10px 15px;
    background-color: #fff;
    print-color-adjust: exact; 
    border-bottom: 1px solid #1d1d1b;
  }

  .nottop .header {
    padding: 10px 15px;
  }

  .header_left .header_logo,
  .nottop .header_logo {
    height: 30px;
  }

  .header_left ul li + li {
    margin-left: 20px;
  }

  .header_right {
    top: 15px;
    right: 15px;
  }

  .nottop .header_right {
    top: 15px;
  }

  .lang_dropdown a {
    width: 18px;
    height: 18px;
    border: 1px solid transparent;
    line-height: 18px;
  }

  .lang_dropdown a.active,
  .lang_dropdown a:hover {
    border: 1px solid #1d1d1b;
  }

  .header_right ul li + li {
    margin-left: 10px;
  }

  .lang_dropdown {
    padding-right: 10px;
  }

  .header_right .search_btn {
    width: 18px;
    height: 18px;
  }

  .open_header_search_btn_wrapper {
    width: 18px;
  }

  .header_right .search_btn .g1 {
    width: 14px;
    height: 14px;
    border: 1px solid #1d1d1b;
  }

  .header_right .search_btn .g2 {
    bottom: 3px;
    width: 7px;
    height: 1px;
  }

  .dropdown_btn {
    width: 26px;
    height: 20px;
  }

  .dropdown .dropdown_btn {
    top: 15px;
    right: 15px;
  }

  .nottop .dropdown .dropdown_btn {
    top: 15px;
  }

  .dropdown_btn .linewrapper {
    width: 26px;
    height: 16px;
  }

  .dropdown_btn .line {
    height: 1px;
    margin-top: 0px;
  }

  .dropdown_spacing {
    padding: 15px;
    padding-top: 50px;
  }

  .menu_g1 {
    top: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    width: auto !important;
    min-height: 0px !important;
  }

  .menu_g2 {
    top: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    width: auto !important;
    min-height: 0px !important;
  }

  .dropdown_spacing .col {
    position: relative;
    width: 100%;
    float: none;
  }

  .main_menu {
    position: relative;
    z-index: 1;
    font-weight: 500;
  }

  .main_menu > li {
    padding-bottom: 10px;
  }

  .dropdown_hidden_menu {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .dropdown_hidden_menu > ul {
    padding-top: 5px;
  }

  .dropdown_hidden_menu li {
    width: 50%;
    padding-top: 10px;
  }

  .header_search {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
  }

  /* font */

  /* footer */

  .footer {
    padding: 40px 25px;
  }

  .footer .s_title + ul {
    margin-top: 10px;
  }

  .footer_top .arrow_top {
    width: 25px;
  }

  .footer_top .top_btn {
    padding-top: 30px;
    width: 40px;
  }

  .footer_top + .footer_menu {
    margin-top: 70px;
  }

  .footer_menu .col {
    width: 100%;
  }

  .footer_menu_item + .footer_menu_item {
    margin-top: 20px;
  }

  .footer_menu .flex {
    flex-wrap: wrap;
  }

  .footer_menu .flex > .flex + .flex {
    border-left: none;
  }

  .footer_menu .col + .col {
    margin-top: 20px;
  }
  .footer_menu .footer_small_menu {
    margin-top: 20px;
  }
  .sns_nav li + li {
    margin-top: 10px;
  }

  .footer_apply_wrapper {
    position: absolute;
    top: -15px;
    right: -15px;
    margin-right: 0px;
    width: auto;
  }

  .footer_circle {
    margin-top: 20px;
    padding: 10px 10px;
    font-size: 12px !important;
  }

  /* @-moz-document url-prefix() {
    .footer_circle {
      padding: 12px 10px 8px;
    }
  } */

  .footer_circle::before {
    border: 1px solid;
  }

  .footer_menu + .footer_copyright {
    margin-top: 70px;
  }

  .footer_copyright .col {
    width: 50%;
  }

  /* mobile */
  .mobile_hide {
    display: none;
  }

  .mobile_show {
    display: block;
  }

  tr.mobile_show {
    display: table-row;
  }
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
  /* mobile */

  .mobile_hide2 {
    display: none;
  }

  .mobile_show2 {
    display: block;
  }
}