/**/


html {
	width: 100%;
}


body {
	
	position:relative;
	min-width:750px;	

}



img {
	max-width: 100%;
}


ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.list li{
	color: #747474;
}

/*preclass*/

.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0 !important;
}

.ind1 {
	margin-top: 11px;
}

.pad0 {
	padding: 0 !important;
}

.fl {
	float: left;
}


.pt0 {
	padding-top: 0;
}

.img_inner {
	max-width: 100%;

	margin-bottom: 25px;
 margin-top: 4px;
 position: relative;
 
}

.img_inner.i1 {
	border-width: 5px 3px 5px 3px;
}

.img_inner.i2 {
	border-width: 6px 5px 6px 4px;
}

.fleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 11px;
}

.fright {
	float: right !important;	
}


.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}




/*Content*/

.content {
	background: #fff;
	padding-bottom: 74px;
}

.content.page1 {
	padding-bottom: 75px;
}

.content h2 {
	padding-bottom: 2px;
	padding-top: 74px;
	margin-bottom: 19px;
}

.content h2.head1 {
	padding-top: 69px;
}

.style1 p{
	color: #424040;
}

.style1 p a {
	color: #f37086;
}

.style1 p a:hover {
	color: #424040;
}

.style1 p+p {
	color: #827e7e;
}



.col1 {
	color: #f37086;
}

.col1 a:hover, a.col1:hover {
	color: #827e7e;
}



blockquote {
	overflow: hidden;
	position: relative;
	margin-top: -3px;
}

.page1 blockquote {
	padding-top: 0;
	margin-top: 0;
}

.pp  .quote {
	padding-top: 23px;
	padding-bottom: 28px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 20px;
}


.pp  blockquote img {
	margin-right: 40px !important;
}

blockquote+blockquote {
	margin-top: 25px !important;
}

.pp blockquote+blockquote {
	margin-top: 31px !important;
	padding-bottom: 3px;
}

blockquote+blockquote .quote {
	padding-top: 5px;
}

blockquote img {
	border-width: 3px !important;
	margin-right: 36px !important;
}


.pp blockquote span {

	display: block;
	position: relative;
	top: -3px;
	color: #f37086;
	font: 18px/19px 'Dosis', sans-serif;
}


.quote {
	border-radius:  5px;
	padding:  8px 4px 10px 10px;
	margin-top: 5px;
	position: relative;
	background: url(/20230306002814oe_/https://www.com.cuhk.edu.hk/facilities/images/bq_bg.png) 0 0 repeat-y #fdfdfb;
}

.page1 blockquote:after {
	position: absolute;

right: 205px;
top: 32px;

}

blockquote:after {
	position: absolute;
	width: 0px;
height: 0px;
border-style: solid;
left: 161px;
right: auto;
top: 18px;
border-width: 7px 15px 7px 0;
border-color: transparent #F8F7F6 transparent ;
display: block;
content: '';
}

.fl1+.extra_wrapper {
	position: relative;
	top: -1px;
}

.fl1 {
	margin-bottom: 25px;
}

.fl2 {
	margin-bottom: 24px;
}



.slideshow-container {
	width: 750px;
	float: left;
	height: 420px;
	
	
}

.col2 {
	color: #000;
}

.image-wrapper {
	display: block;
}

.image-wrapper a {
	height: 441px !important;
	display: block;
	vertical-align: top;
	position: relative;
}

.image-wrapper a img {
	width: auto !important;
	height: auto !important;
	top: 0 !important;
	 left: 0;
    position: absolute;
    top: 0;
}


.thumb  {
	display: block;

}


#thumbs li{
	float: left;
}

#thumbs li {
	margin: 0 10px;
	width: 235px !important;
}

#thumbs {
	margin: 0 -10px;
	padding-top: 69px;
}

#thumbs .img_inner {
	border-width: 5px 4px 5px 4px;
}


.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 750px;
}

.container_12 .grid_12 {
  width: 750px;
}

.grid_12 {
  display: inline;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
}