@charset "UTF-8";
		
		header#header > div.container {
			min-width: 320px;
		}
		
		div.page-logo {
			min-width: 210px;
		}

		div.cke_editable > h2.passage_title {
			text-align:center;
		}
		div.cke_editable img.photos {
			width:100%;
		}
		.course-detail__item {
			white-space: normal;
		}
		.cke_editable li {
			font-size: 1.25rem;
		}
		.cke_editable.same_font_size li {
			font-size: inherit;
		}
		.cke_editable li.rc__itm {
			font-size: 0.875rem;
		}
		.cke_editable .multiselect-container > li {
		  font-size: 0.875rem;
		  padding: 0;
		  margin: 0;
		}
		.cke_editable .multiselect-container > li:before,  .cke_editable .multiselect-container > li:after, .ckec ul >li.ev__blk:before, .ckec ul >li.ev__blk:after{
			content: none;
		}
		.ckec ul >li.ev__blk {
			margin: 0;
			padding: 0;
		}
		
		.cke_editable a {
			color: #036d86;
			text-decoration: underline;
		}
		.ppl-blk__txt.fullwidth {
		left: 10%;
		width: 80%;
		}
		
		.course-detail__item > p + p.title {
			padding-top: 1em;
		}
		
		.ppl-blk__txt--quote.lengthy {
			font-size: 0.9em;
		}
		
		.ppl-blk__txt--quote.lengthy2 {
			font-size: 0.75em;
		}
		
		.ckec *:last-child {
			/*margin-bottom: 1.875em;*/
			margin-bottom: initial;
		}	
		
		.ckec li {
			margin-bottom: 0.54545em;
		}
		
		.collapse__inner .ckec.ev__blk-inner{
		  font-size: 1rem;
		  line-height: 1.8;
		}
		
		
	li.menu__item--lv1 {
		position: relative;
	}
	
	.menu__list--lv2 {
		display:  block;
	}
	
	.menu__list--lv2.flex {
		display:  flex;
		/*padding: 0 44px;*/
		border-left: 1px solid #5c5c5c;		
	}
	
	.menu__item--lv2, .menu__item--lv2:first-child {
		border-left: 0;
		padding-left: 44px;
	}	
	
	html:lang(zh) .menu__item--lv2 {
		min-width: 300px;
	}	
	
	/*rightmost item*/
	html:lang(zh) .menu__list.menu__list--lv2.flex .menu__item--lv2:last-child {
		min-width: 200px;
	}	
	
	
	html:lang(zh) div.navigate nav.menu {
		margin-top: 12px;
	}
	
	html:lang(zh) div.navigate nav.menu {
		margin-top: 12px;
	}
	
	html:lang(zh) .menu__link--lv1 {
		padding-bottom: 20px;
	}
	
	.menu__item--lv2.flex__item {
		border-left: 1px solid #5c5c5c;		
	}
	
	.menu__item--lv2:first-child {
		border-left: 0;
	}

	.navigate .tools__item a >img {
		padding: 0 2px;
	}

.ckec p:last-child,  .ckec >p:last-child, .ckec:not(.ckec--last-margin) >p:last-child, .ckec >.section_content >p:last-child{
    margin-bottom: 1.875em !important;
}
	
.ckec p.last-update {
	margin-bottom: 0 !important;
    font-size: 0.75rem;
	text-align: right;
	font-style: italic;
}

.ckec p:last-child.last-update {
	margin-bottom: 0 !important;
}

	
.ckec ol,  .ckec ul {
    margin-bottom: 1.875em;
}

.ckec a[target="_blank"] {
  position: relative;
  display: inline-block;
  padding-right: 0;
}

.ckec a.btn[target="_blank"] {
	padding: 0.77778em 1.66667em;
}

/* line 175, ../sass/base/_typo.scss */
.ckec a[target="_blank"]:before {
	display: none;
}

.ckec a{
	color: #036d86;
	text-decoration: none;
}

.ckec a:hover, .ckec a:focus{
	text-decoration: underline;
}
	
/* Normal Table*/

.cke_editable .normal__table {
  width: 100%;
  margin: 0 0 1.5em;
}
.cke_editable .normal__table td,
.cke_editable .normal__table th {
  font-size: 1.125rem;
  line-height: 1.4;
  padding: .6em .4em;
  vertical-align: top;
}

.cke_editable .normal__table li {
	font-size: 1.25rem;
}

.cke_editable .normal__table >thead {
	border-bottom: 1px solid #662D91;
}

.cke_editable .normal__table td.row_title {
	vertical-align:middle;
}

.cke_editable .normal__table >tbody >tr:not(.hide):nth-child(even) td {
	background-color: #e2d1e2;
}

.cke_editable .normal__table td >*:first-child >li:first-child {
	margin-top:0;
}

/* A Day in CUHK */

p.tl__title a {
	color:#fff;
	text-decoration: none;
}

p.tl__title a:hover,  p.tl__title a:focus{
	text-decoration: underline;
}


/* Numbers */

p.counter__number a {
	color:#fff;
	text-decoration: none;
}

p.counter__desc a {
	color:#fff;
	text-decoration: none;
}


/* Sitemap */

div#sitemap.ckec  li {
	margin-bottom: 0;
}

/* Common Order Bullet*/
.ckec ol[type="a"] li:before {
  content: counter(item,lower-alpha) ".";
}

.ckec ol[type="i"] li:before {
  content: counter(item,lower-roman) ".";
}

/*Extra bootstrap*/
.align-middle, .prog__table td.align-middle { 
	vertical-align: middle; 
}

/* Programme Detail Page - Hide "Apply" button */
div.course-detail__item--btn a.btn {
	display:none;
}

/* Events */
.ev__blk--white, .ev__blk.even,  /*.ev__blk:not(.hide):nth-child(even)*/ {
    background: #FFF;
}.ev__blk--white, .ev__blk.odd,  /*.ev__blk:not(.hide):nth-child(odd)*/ {
    background: #F8F0F7;
}

/* Mainland Tabs */
div#tabs-wrapper ul#tabs li:before {width: 0;}
div#tabs-wrapper ul#tabs li {display:inline-block; padding: 0 1.11em; border-right:1px solid #036d86; line-height: 2; margin: 0.5em 0; }
div#tabs-wrapper ul#tabs li:first-child {border-left:1px solid #036d86; }
div#tabs-wrapper {margin-bottom: 1.222em; }
@media (min-width: 1042px) {
	div#tabs-wrapper{			text-align:center;		}
}
@media (max-width: 1042px) {
	div#tabs-wrapper ul#tabs li:before {
	
		position: absolute;
		top: calc(50% - 0.25em);
		left: .2em;
		width: 0.33333em;
		height: 0.33333em;
		color: #348EA2;
		content: '';
		border-radius: 50%;
		background-color: currentColor;		

	}
	
	div#tabs-wrapper ul#tabs li {	border:0 }
	div#tabs-wrapper ul#tabs li:first-child {	border:0 }
}

/* Mainland */

.ckec + .top-filter__line {
	margin: 2em 3em;
}

/* JUPAS - Requirement */
div.indent1 {
	padding: 0 0 0 2.22222em;
	margin-bottom: 1.875em;
}
.ckec div.remarks p, .cke_editable div.remarks p { font-size: 1.125em;}
.ckec div.remarks li, .cke_editable div.remarks li { font-size: 1em;}

/* zebra__wrap table css style*/
.zebra__wrap {display:table; width:100%}
.zebra__wrap  .zebra__row {display:table-row}
.zebra__wrap  .zebra__row > .dl__text {display: table-cell; padding: .9375em 1em .9375em 2.25em;}
.zebra__wrap > .zebra__row > .dl__btns {display: table-cell; padding: .9375em 2.25em .9375em 1em; font-size: 1.25em; }

.zebra__wrap > .zebra__row > .dl__btns a {
	text-decoration: none;
    color: #225C68; /*#348EA2;*/
}

.zebra__wrap > .zebra__row > .dl__btns a.dl__btn {
	font-size: 1em;
}

.zebra__wrap > .zebra__row > .dl__btns a:hover,  .zebra__wrap > .zebra__row > .dl__btns a:focus{	
    color: #215b68;
}


.zebra__wrap.type2  .zebra__row > .dl__text  {width: 75%}
.zebra__wrap.type2  .zebra__row > .dl__btns {width: 25%}


/* .dl__btns a under "Important Information" pages */
.important_info .zebra__wrap > .zebra__row > .dl__btns a[href$=".pdf"]:after, .important_info .zebra__wrap > .zebra__row > .dl__btns a[href$=".docx"]:after, .important_info .zebra__wrap > .zebra__row > .dl__btns a[href$=".xls"]:after, .important_info .zebra__wrap > .zebra__row > .dl__btns a[href$=".xlsx"]:after {
		content: "";
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;		
		font-size: 1.1em;
		margin: 0 0 0 .2em;
		vertical-align: -.1em;	
}

.mainland-download .important_info .zebra__wrap > .zebra__row > .dl__btns a:after {
	display: none;
}

.important_info div.dl__area_section + div.featureblk {
    margin-top: 3em;
}

/* .dl__btns a under "Open for Applications" pages */
.financing .zebra__wrap > .zebra__row > .dl__btns > a[href$=".pdf"]:after,  .financing .zebra__wrap > .zebra__row > .dl__btns > a[href$=".doc"]:after,.financing .zebra__wrap > .zebra__row > .dl__btns > a[href$=".docx"]:after, .financing .zebra__wrap > .zebra__row > .dl__btns > a[href$=".xls"]:after, .financing .zebra__wrap > .zebra__row > .dl__btns > a[href$=".xlsx"]:after {
		content: "";
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;		
		font-size: 0.8em;
		margin: 0 0 0 .2em ;
		vertical-align: -.1em;
        color: #333;
	}	

.financing .dl__text {
        width: 62%;
    }
.financing .dl__btns {
        width: 38%;
    }
	
	
/* Programme List */
.remark__section p.text-p.not-a-point {
	padding-left:0;
}

/* 20170928 - Make the header transparent at the top in mobile version */
@media screen and (max-width: 767px) {
	.gradient-bg {
		 display: block; 
	}
	.page-head {
		background: none;
	}
}

/* Mainland Student Voices*/
.ckec.cke_editable div.row.student {
	min-height: 30em;
}

/* Faculty column in all Programme For Mainland Students Table*/
#mainland-programmes-table table.prog__table tbody td.prog__cell--faculty {
    background: #f1e4f1;
}

/* maximum height of drop down menu*/
ul.multiselect-container.dropdown-menu {
	max-height: 35vh;
	overflow: auto;
}

ul.multiselect-container > li.new_section {
  margin-top: 10px;
}




/* Category button at homepage */

.ico__btn-wrap a.cate-filter__btn.js-filter__cat-btn {
	text-decoration: none;
}

.ico__btn-wrap a.cate-filter__btn.js-filter__cat-btn:hover {
	text-decoration: none;
	color: #333;
}

/* Mobile Menu*/
.mobi-panel > ul.tools {
    margin: 20px 10.625%;
    padding: 5px 15px;
}

.tools__item {
    padding: 0 4px;
}

/* Non-first submenu item  */
* + .menu__link--lv2 {
	margin-top:25px;
}

/* why CUHK -- Award */
.award {
	display: flex;
	flex-wrap: wrap;
}

.award__block.award__block__single {
	display: block;
	margin: 0 auto;
}

	.award__main {
		padding: 0 0.25em;
	}

	@media (min-width: 767px) {
		.col-sm-4.award__block {
			width: 33.33333%;
		}
		.award__number {
			font-size: 2.5em; /*2.8666em;*/
		}
		.col-sm-5.award__block {
			width: 41.66666%;
		}
	}
	
	.col-sm-6.award__block .award__block-inner {
		background: url('/20220831200336oe_/http://admission.cuhk.edu.hk/assets/img/award_subject.svg') center center no-repeat;
		background-size: cover;
	}

	.award__main.three-ranks span.small{
		font-size: 70%;
		letter-spacing: -0.06em;
	}

		@media (max-width: 380px) {
		.award__main span.award__number{
			font-size: 3.00em;
		}
		.award__main span.small{
			font-size: 70%;
			letter-spacing: -0.06em;
		}
	}
	
	html:lang(zh)  .col-sm-4.award__block .award__number, html:lang(zh)  .col-sm-5.award__block .award__number, html:lang(zh)  .award__number {
		font-size: 1.8em;
	}
    
    html:lang(zh)  .midicon__no.tn__no {
		font-size: 3.5em;
	}

	.icon-download:before {
		vertical-align:top;
		line-height: 1.5;
	}
	
	.icon-youtube:before {
	  content: "\e922";
	}
	
	.icon-mail:before {
		vertical-align:top;
		line-height: 1.5;
	  content: "\e926";
	}
	
/* Web Accessibility */
/* summary attribute in table tag is obselete in html5 standard. Description in Summary attribute is put to caption tag just under table tag */
/* And caption tag is hidden in normal view */

  table > caption {
		display: none;
  }

/*Set no border for all iframe*/

  iframe { border: 0;}

.js-filter-itm.old_event.first {
	 border-top: 5px solid #000;
}

/* /international/download.html */
div.dl__area_section + div.featureblk { margin-top: 3em;} 


ol.lower-alpha,  ol.upper-alpha, ol.lower-roman,  ol.upper-roman{
	counter-reset: item2;
}

ol.lower-alpha >li:before {
  content: counter(item2,lower-alpha) ".";
  counter-increment: item2;
}

ol.upper-alpha >li:before {
  content: counter(item2,upper-alpha);
  counter-increment: item2;
}

ol.lower-roman >li:before {
  content: counter(item2,lower-roman);
  counter-increment: item2;
}

ol.upper-roman >li:before {
  content: counter(item2,upper-roman);
  counter-increment: item2;
}

/*Footer Icon in Chinese Version*/
@media (min-width: 992px) {
	html:lang(zh) footer .foot-links {
		width: 650px;
	}
}

/* International - Video (20190314)*/

div.video-wrapper >div {
	text-align:center;
}

div.video-wrapper video, div.video-wrapper .video {
	width: 62vw;
	margin: 0 auto;
	text-align: left;
}

@media (max-width: 768px) {
	div.video-wrapper video, div.video-wrapper .video {
		width: 90vw;
	}
}

/* Redesigning layout for programmes page */

.ckec .section_head {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 1.5rem;
	border-bottom: 0.3333em solid #833b84;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}

#prog_info2.course-detail {
	border:0;
	margin:0;
	padding: 0;
	/*font-size: 1.4rem;*/
}

#prog_info2.course-detail > .row {
	display: flex;
	flex-wrap: wrap;
}



#prog_info2 {
	margin: 0 0 1.875em 0;
	color: #833b84;
}

#prog_info2 .title {
	color: #333;
}

@media (min-width: 991px) {
	#prog_info2.course-detail {
			font-size: 1.3rem;
	}
}

#course_list2 {
	display:flex; 
	justify-content:center; 
	flex-wrap:wrap;
	margin: 0 0 1.875em 0 !important;
}

#course_list2 div {
	margin: 0 1em;
}

#prog_info2 a {
	color: #833b84;
}
#course_list2 a {
	padding: 0 0.3em;
	color: #833b84;
}


#prog_info2 {
	margin: 0 0 1.875em 0 !important;
}

/*h1.page-title {
	line-height: 0.95;
}*/

h1.page-title >small {
	color: #000;
}
h1.page-title >small:before {
	content: "\A";
	white-space:pre;
}

/*---------------------------------------*/
/* 20191002*/
/*---------------------------------------*/

	.version3 .displaypane + .displaypane {
		margin-top: 1.875em;
	}

	.version3 .displaypane + .displaypane.content-all {
		margin-top: 0;
	}
	
	.version3 .displaypane + .displaypane.split-list {
		margin-top: 0;
	}
	
	.version3  .openfor, .version3  .openfor_title {
		display:inline-block; padding:0 0.5em; white-space:nowrap;
	}

	.version3 .openfor_title {
		font-size: 0.8em;
	}
	
	.version3 .openfor + .openfor {
		border-left: 1px solid #fff;
	}
	
	.version3 .course-detail {
		border-top-width: 5px;
		background-color:#833b84; 
		/*padding: 1.5em 0; */
		padding: 1.0em 0;
		margin: 0 -15px 0 -15px; !important; 
		color:#fff;
	}
	
	.version3  #prog_desc {
		background:#eaeaea; padding: 1.5em; display: flex; flex-wrap; flex-direction: column; margin: 0 -15px 0 -15px;
	}
	
	.version3 #prog_desc, .version3  .course-detail {
		border: 0;
	}
	
	.version3  a#readmore, .version3 a#showless {
		color:#833b84;
		margin:0 5px; 
		padding: 0 5px;
		white-space: nowrap;
	}
	
	.version3  #course_list2 {
		margin-bottom:0 !important; 
		text-decoration: none;
	}
	
	.version3 #course_list2 a {
		color: white;
	}	
	
	.ckec .version3.section_content .course-detail a 	{
		color: white;
		text-decoration: none;
	}
	
	.version3 #prog_info3 > .row.first-row {
		margin-top: 0.5em;
	}
	
	.version3.section_content + .section_content {
		padding-top:3em;
	}
	
	.ckec .version3.section_content div>ol, .ckec .version3.section_content div>ul {
		font-size: 1.25em;
	}
	
	.ckec .version3.section_content ol li, .ckec .version3.section_content ul li {
		font-size: 0.95em;
	}
	
	.ckec .version3.section_content p, .ckec .version3.section_content td {
		font-size: 0.95em;
	}
	
	:lang(zh) .ckec .version3.section_content p, :lang(zh) .ckec .version3.section_content td {
		font-size: 1.1em;
	}
	
	.ckec .version3.section_content p.title{
		font-size: 1.25em;
	}
	
	.ckec .version3 p, .ckec .version3 td {
		margin: 0 0 1em;
	}
	
	.ckec .section_content ul, .ckec .section_content ol {
		font-size: inherit;
	}
	
	.ckec .section_content li {
		font-size: 1.25em;
	}
	
	.link-circle-arrow:after {
		transform-origin: center;
	}
	.link-circle-arrow.show:after {
		transform: rotate(90deg);
	}	
	
	.page-title.button-on-right {
		position:relative;
	}

	.page-title.button-on-right a.btn{
		margin-left: 1.5em;
	}

	@media (min-width: 480px) {
		.page-title.button-on-right a.btn{
			position: absolute; 
			right: 0; 
			top: 0;
			margin-left: 0;
		}
		.page-title.button-on-right div.button-right-wrapper a.btn{
			position: initial; 
		}
		.page-title.button-on-right div.button-right-wrapper{
			position: absolute; 
			right: 0; 
			top: 0;
		}
		
	@media (max-width: 650px) {
		.page-title.button-on-right div.button-right-wrapper{
			position: relative; 
			display: inline-block;
			margin-left: 1em;
		}
	}
	
/* 20210408 - JUPAS - Requirement*/

	div.special_news {
		display: flex;
		align-items: stretch;
		margin-bottom: 2em;
		border-right: 10px solid #833b84;
		background: white;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px; 
		margin-top:1.55556em;
	}
	div.special_news >.icon {
		display:flex;
		width: 60px;
		background-color:#833b84;
		font-size: 2rem;
		align-items:center;
		justify-content:center;
		color:white;
	}
	div.special_news > .content {
		padding: 15px;
		font-size: 1.25em;
	}

	div.special_news > .content > div {
		margin-bottom: 0.5em;
	}
/*
@media (max-width: 1484px) {
	#header nav.menu .menu__list--lv1 > .menu__item--lv1 > a.menu__link--lv1 > span.menu__text--lv1 {
		padding: 0 8px;
	}	
}

@media (max-width: 1390px) {
	#header nav.menu .menu__list--lv1 > .menu__item--lv1 > a.menu__link--lv1 {
		font-size: 0.85rem;
	}
	
}*/