@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 0px;
	/*background-color: #FFFFFF;*/
}

html, body {
	height: 100%;
}

html {
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

body    {
    /*margin: 0px;*/
	/*display: flex; /*block;*/
		/*min-height: 100%;
		flex-direction: column;*/
    /*background-image: url('/20240123091739oe_/http://www.bme.cuhk.edu.hk/jchchoi/home/sky.jpg');*/
	background-attachment: fixed;
	background-position: center; 
	background-color: #e2e2e2; /*#343434;*/
	/*font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;*/
}

.container {
	padding-right:0px;
	padding-left:0px;
	margin-right:auto;
	margin-left:auto;
	max-width: 1300px;
	/*position: relative;
	min-height: 100vh;*/
	background-color: #FFFFFF;
	/*background-color: #004D69;*/
	display: flex; /*block;*/
		min-height: 100%;
		flex-direction: column;
}

.content {
	background-color: #FFFFFF;
	width: 100%;
	clear: both;
	/*padding-bottom: 20px;*/
	/*padding-bottom: 6.8rem;*/
	flex: 1 0 auto;
}
.content h1 {
	color: #0075B2;/*#FFF;*/
	font-weight:normal;
	margin: 0px;
	padding: 10px 20px;
}

.content h2 {
	/*font-weight:normal;*/
	color: #0075B2;
	padding: 20px 20px 20px 20px;
}

.content h3, .content p, table {
	margin: 0px;
	padding: 10px 20px;
	color: #343434;
}

.content h4 {
	margin: 0px;
	padding: 10px 20px;
	font-size: 1.17em;
}

.content p {
	text-align:justify;
}

p.caption {
	font-size: 12pt;
	margin-top:0px;
	/*padding:0px 0px;*/
	color:#4D4D4D;
	text-align: center;
	font-style: italic;
}

table {
	text-align:left;
	width: 100%;
}

td {
	word-wrap: break-word;
	padding: 2.5px 0px;
}

.clearfix {
	overflow:auto;
}

.content ol, .content ul {
	padding: 10px 20px 10px 20px;
	text-align:justify;
	color: #343434;
}

.content ol li, .content ul li {
	margin-left:25px;
}

.content img {
	max-width:100%;
	padding: 10px;
}

img.news_image {
	display:block;
	margin: 10px auto 0px;
	max-width:80%;
}

.content a {
	text-decoration: none;
}
/* unvisited link */
.content a:link, .content a:link h3 {color: #0075B2;}
/* visited link */
.content a:visited, .content a:visited h3 {color: #0075B2;}
/* mouse over link */
.content a:hover, .content a:hover h3 {color: #00A8FF;}
/* selected link */
.content a:active, .content a:active h3 {color: #FF8F00;}


#imgleft {
	float: left;
	/*max-width:100%;*/
	padding: 10px 20px;
}

#tooltip1 { position: relative; }
#tooltip1 a span { display: none; }
#tooltip1 a:hover span { display: block; position: absolute; /* height: 50px; left: 100px; top: -10px;*/ padding: 0px; }

#imgcentre {
	display: block;
	/*max-width:100%;*/
	margin:auto;
}

/*.content li:before {
	padding-right: 10px;
}*/


.footer {
    background-color: #6e6e6e; /*#868686; /*#7e7e7e; /* /*#4D4D4D; /*#343434*/
    color: #ffffff;
    /*text-align: center;*/
    font-size: 14px;
    padding: 20px;
	clear:both;
	/*position: absolute;*/
	/*position: -webkit-sticky;
	position: sticky;*/
	bottom: 0;
	width: 100%;
	/*height: 6.8rem;*/
	flex-shrink: 0;
}
.footer a {
	color: #ffffff;	
}



div.act-cap {
	background-color: #FFF;
	opacity:0.8;
	font-size:18px;
	padding: 2px 10px;
}

.map {
	position: relative;
	width: 50%;
	padding-bottom: 37.5%;
	height: 0;
	/*overflow: auto;*/
	float: right;
}

.map iframe {
	padding: 20px;
	position: absolute;
	top:0;
	right:0;
	width: 100% !important;
	height: 100% !important;
	max-width: 750px;
	max-height: 563px;
}


@media only screen and (min-width: 1024px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

@media only screen and (max-width: 1023px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

/*@media screen and (max-width:700px) {
	[class*="col-"] {
		width: 100%;
	}
	
	.map {
		width: 100%;
	}
	
	.map iframe{
		padding: 0px;
		width: 100%;
		height: 100%;
	}
}*/