@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #3d4c6b;
	margin: 0;
	padding: 0;
	color: #000;
}


ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 20px;
	padding-left: 20px; 
	}
	
	
a img {
	border: none;
}

a:link {
	color: #3d60ae; 
	text-decoration: underline;
}
a:visited {
	color: #9fa4ae;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #cc33cc;
}

/* ~~ ~~ */
.container {
	width: 1000px;
	margin: 0 auto;
	background-color: #59b6e5;
}


.toppost{
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	width:1000px;
	height: 50px;
	overflow: visible;
	position: relative;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	background-color: #8fcce8;

}

#topleft{
	float:left;
	display:inline;
	padding-top:10px;
	padding-bottom:0px;
	font-weight:bold; 
	letter-spacing:1px;
	margin-bottom: 0px;
}

#topright{
	float: right;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000;
	display: inline;
	margin-top: 5px;
	margin-bottom: 0px;
}

.header {
	background-color: abddf0;
	background-image: url(/20210330061702oe_/http://www.cuhk.edu.hk/ics/21c/media/header.jpg);
	height: 185px;
}

#header_text {
	font-size: 18px;
	color:#FFFFFF;
	top:30px;
	left:500px;
	width:150px;
 	display:inline-block;

}

#header_text p{
	font-size: 18px;
	color:#FFFFFF;
}
#header_text a{font-size:12px; color:#28556b;}
#header_text a:hover{font-size:12px; color:#c77e0c;}

.social {
	background-color: #EEE;
	position: absolute;
	width: 110px;
	height: 33px;
	z-index: 1001;
	top: 197px;
	text-align: right;
	margin-left:886px;
}

.label {
	background-color: #ffffff;
	position: absolute;
	width: 120px;
	height: 42px;
	z-index: 1002;
	top: 280px;
	text-align: right;
	margin-left:670px;
}


#bar {
	background-color: #EEE;
	width: 1000px;
	height: 35px;
	top: 195px;
	position: absolute;
	z-index: 1;

}

a.lang {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
a.lang:link {
	color:#000;
	text-decoration:none;
}
a.lang:visited {
	color:#000;
	text-decoration:none;

}
a.lang:hover {
	color: #0033FF;
	text-decoration:none;

}


/*~~*/
.sidebar1 {
	float: left;
	width: 20%;
	padding-bottom: 0px;
}
.content {
	padding: 10px 0;
	font-size: 14px;
	line-height: 26px;
	text-align:justify;
	color: #666;
	width: 80%;
	float: left;
	background-color: #FFF;
	min-height: 580px;
}

.content h1{
	clear: left;
	margin-top: 0;
	line-height: auto;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 18px;
}

.content h5 {
	font-size: 16px;
	text-align: center;
	color: #666;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #91C5DD;
	border-bottom-color: #91C5DD;
}



/* ~~ ~~ */
.content ul, .content ol { 
	padding: 0 20px 20px 40px;
}


ul.nav {
	list-style: none; 
	border-top: 1px solid #666;
	margin-bottom: 0px;
	font-size: 16px;

}
ul.nav li {
	border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	background-color: #5c8cbc;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background-color: #F9DE83;
	color: #FFF;
}

ul.subnav {
	list-style: none; 
	border-top: 1px solid #fff; 
	margin-bottom: 0px;
	font-size: 15px;

}
ul.subnav li {
	border-bottom: 1px solid #fff;
}
ul.subnav a, ul.subnav a:visited {
	padding: 5px 5px 5px 30px;
	display: block;
	text-decoration: none;
	background-color: #aedef2;
	color: #000;
}
ul.subnav a:hover, ul.subnav a:active, ul.subnav a:focus { 
	background-color: #aedef2;
	color: #FFF;
}


.location{
	float:left;
	font-size: 9pt;
	line-height: 12pt;
	letter-spacing: 0.05em;
	color: #999;
	font-weight: normal;
	text-align: left;
}
.location a:link {
	color: #999;
	text-decoration: underline;
}
.location a:visited {
	color: #999;
	text-decoration: underline;
}

.location2{
	font-size: 9pt;
	line-height: 12pt;
	letter-spacing: 0.05em;
	color: #999;
	font-weight: normal;
	text-align: left;
}
.location2 a:link {
	color: #999;
	text-decoration: underline;
}
.location2 a:visited {
	color: #999;
	text-decoration: underline;
}

.next{
	float:right;
	text-align:right;
	font-size: 9pt;
	line-height: 12pt;
	letter-spacing: 0.05em;
	color: #000;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-top: 0px;
}

.next a:link {
	color: #33F;
	text-decoration: none;
}
.next a:visited {
	color: #33F;
	text-decoration: none;
}
.next a.hover {
	color: #33F;
	text-decoration:underline;
}

.list {
	margin-left: 15px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
}
.list_line {
	padding: 10px;
}

.tbl {
	font-size: 13px;
}

.content_body {
	float: left;
	width: 650px;
}

.content_pic {
	float: left;
	width: 142px;
	margin-top: 20px;
	z-index: 1010;
}

.content_pic img {
	border-width:1px; 
	border-color:#999; 
	border-style:solid;
}

.illu {
	background-image:url(/20210330061702oe_/http://www.cuhk.edu.hk/ics/21c/zh/images/bg_intro.png);
	margin-bottom: 0px;
	}
.illu_en {
	background-image:url(/20210330061702oe_/http://www.cuhk.edu.hk/ics/21c/en/images/bg_intro.png);
	margin-bottom: 0px;
	}
	
.illu_cn {
	background-image:url(/20210330061702oe_/http://www.cuhk.edu.hk/ics/21c/cn/images/bg_intro.png);
	margin-bottom: 0px;
	}
	
.illu_txt{
	padding-right: 120px;
}

.corner {
	width:142px;
	height:180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 2px;
	padding: 0;
	z-index: 1020;
	text-align:left;
    position:absolute; 
	}
	
.corner img {
	border-width:0px; 
}

.content_bg {
	width:800px;
	height:550px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0;
	z-index: 1;
	text-align:left;
    position:absolute; 
	}
	
.content_top {
	width:800px;
	height:550px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0;
	z-index: 1010;
	text-align:left;
    position:absolute; 
	}


.r1 {
	width:555px;
	text-align: left;
	font-weight: 800;
	float:left;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 70px;
	color: #da6c09;
	}

.r2 {
	width:555px;
	text-align: left;
	line-height: 22px;
	float:left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 70px;
	color: #bd9f88;
	font-weight:800;
	}
	
.r3 {
	width: 605px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 20px;
	/* [disabled]color: #da6c09; */
	}
	
.c1 {
	width:30px;
	text-align: left;
	line-height: 20px;
	float:left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 20px;
	clear:left;
	}

.c2 {
	width:395px;
	text-align: left;
	line-height: 20px;
	float:left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 5px;
	}
	
.c1a {
	width:30px;
	text-align: left;
	line-height: 22px;
	float:left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 20px;
	clear:left;
	}

.c2a {
	width:555px;
	text-align: left;
	line-height: 22px;
	float:left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 5px;
	color: #bd9f88;
	font-weight:800;
	}
	
.c2b {
	width:395px;
	text-align: left;
	line-height: 20px;
	float:left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 5px;
	color: #da6c09;
	font-weight:900;
	}

.c3 {
	width:130px;
	text-align: right;
	line-height: 20px;
	float:left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 15px;
	}

.bkyear {
	width:760px;
	height:20px;
	font-size: 10pt;
	line-height: 12pt;
	font-family:Verdana, Geneva, sans-serif;
	text-align: center;
    padding-top: 2px;
	padding-bottom: 0px;
	float:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
	background-color:#d0ddf5;
	}

.bkcov {
	width:87px;
	max-width:100%;
	height:140px;
	font-size: 14px;
	text-align: center;
	float:left;
	display:inline;
	word-wrap: break-word;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 36px;
	}
	
.bkcov img {
	width:85px;
	height: 116px;
	border-width:1px; 
	border-color:#3366cc; 
	border-style:solid;

	}
	
.gototop{
	font-size: 11pt;
	color: #666;
	font-weight: normal;
	text-align: right;
}
.gototop a:link {
	color: #0033FF;
	text-decoration: underline;
}
.gototop a:hover {
	color: #0033FF;
	text-decoration: none;
}
.gototop a:visited {
	font-size: 11pt;
	color: #0033FF;
	text-decoration: underline;
}
	
	

/* ~~~~ */
.footer {
	clear: both;
	background-color: #EEEEEE;
	height: 80px;
	font-size: 12px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	bottom: 0px;
	margin-top: 20px;
	background-color: #E4E4E4;
	}

#leftfoot{
	float:left;
	display:inline;
	padding-top:14px;
	padding-right:0px;
	letter-spacing:1px;
}
#centerfoot{
	float:left;
	display:inline;
	padding-top:13px;
}

#rightfoot{
	float:right;
	text-align:right;
	padding-top:13px;
	color:#000;
	display:inline;
}

a.foothov{
	color:#2E2E2E;
}

a.foothov:link{
	color:#293B73;
	text-decoration:underline;
}

a.foothov:visited{
	color:#293B73;
	text-decoration:underline;
}

a.foothov:hover{
	color:#2E2E2E;
	text-decoration:none;

}



/* ~~~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}