@charset "utf-8";
/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video, ddsmoothmenu {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, ddsmoothmenu {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}

/* CSS Document */
/*
@font-face {
 font-family: "Lao UI";
 src: 	url("~/font/LaoUI.ttf"),
 		url("~/font/LaoUI.eot"); 
}

@font-face {
  font-family: "Lao UI bold";
  src: url("~/font/LaoUIb.ttf");
}

#homeNav a {
	font-family: "Lao UI";
	font-size:larger;
	color:#ff3c00; 
}
*/

body {
	text-align: left;
/*	font: normal 12px/18px "Lao UI", Arial, Helvetica, sans-serif; */
	font: normal 12px/18px "PMingLiU", Arial, Helvetica, sans-serif;
	font-size:10px;
/*	background:url(/20221207101736oe_/http://www.fed.cuhk.edu.hk/images/bg.jpg) fixed center repeat;*/
       background-color: #fbfbfb;
	background: #fbfbfb;
    background-image: url(/20221207101736oe_/http://www.fed.cuhk.edu.hk/images/bg.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-repeat: no-repeat;
}
div .topic {
	line-height:2; 
	border-bottom:#333 1px solid; 
	margin:0px 10px 0px 10px;
	font-size:160%; 
	font-family: "Lao UI", Arial, Helvetica, sans-serif;
}
div .topic_support {
	line-height:2.5; 
	background:#F90;
	margin:0px 10px 0px 10px;
	font-size:250%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
}
div .topic_support a {
 color:#FFF;
 text-decoration:none;
}
div .topic_support a:hover {
 color:#000;
 text-decoration:underline;
}

a:hover { background-color:transparent; }
/* Body */
#gotop {
    display: none;
    position: fixed;
    right: 0px;
    bottom: 60px;   
	opacity:0.9; 
    padding: 5px 5px;    
    font-size: 160%;
    background: #333;
    color: white;
    cursor: pointer;
	/* for Ie and Salarfi */
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: horizontal-tb;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotate(90deg) translate(25px,0px);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotate(90deg);
}
.button, .button:visited {
	background: #333 url(images/overlay.png) repeat-x;
	display: inline-block;
	padding: 2px 10px 2px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px; 
	border-radius: 6px; 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px (0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
}
.button a{
	text-decoration:none;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
/* Container */

#container {
	width: 980px;
	margin: 0 auto;
	/*width:100%;*/
	min-height:800px;
/*	background:#fff;*/
/*	padding: 0 10px;*/
	text-align: left;
	 background-color: #fff;
	-webkit-box-shadow: 0px 10px 15px 3px #4a4a4a;
    		-moz-box-shadow: 0px 10px 15px 3px #4a4a4a;
    		box-shadow: 0px 10px 15px 3px #4a4a4a;
}

/* Header */
header{
	width:100%;
	min-width:980px;
	background-color:#fff;
/*	border-top: solid 8px #333;*/
	border-top: solid 8px #fff;
}

#header {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	height: 100px;
	z-index:1;
	background-color:#fff;
}
#cuhklogo {
	float: left;
	width: 89px;
	height: 75px;
	padding:15px 5px 5px 5px;
}
#cuhklogo a {
	display: block;
	width: 89px;
	height: 75px;
	background: transparent url(/20221207101736oe_/http://www.fed.cuhk.edu.hk/images/culogo.png) no-repeat bottom left;
	text-indent:-9999px;
}
#facultylogo {
	float: left;
	width: 250px;
	height: 50px;
	padding:30px 5px 10px 5px;
}
#facultylogo a {
	display: block;
	width: 250px;
	text-decoration:none;
	color: #000;
}
#cu50logo {
	float: left;
	width: 104px;
	height: 70px;
	padding:15px 5px 5px 5px;
	display: none;
}
#cu50logo a {
	display: block;
	width: 104px;
	height: 70px;
	background: transparent url(/20221207101736oe_/http://www.fed.cuhk.edu.hk/images/logo.png) no-repeat bottom left;
	text-indent:-9999px;
}	
#top {
	float:right;
	width: 430px;
	height: 50px;
	padding:5px 0px 5px 5px;
}
#text_control {
	width:60px;
	height:32px;
	line-height:30px;
	float:left;
	border-left:#CCC 1px dashed;
	border-right:#CCC 1px dashed;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
#text_control a{
	text-decoration:none;
	color:#000;
}
#text_control .text_small { font-size:10px;}
#text_control .text_mid { font-size:14px;}
#text_control .text_large { font-size:18px;}
#text_control .current { color:#ff3c00;}

#lang_control {
	width:60px;
	height:32px;
	line-height:35px;
	float:left;
	text-align:center;
	border-right:#CCC 1px dashed;
	font-family: Arial, Helvetica, sans-serif;
}
#lang_control a {
	text-decoration:none;
	color:#000;
	font-size:12px;
}	
#link {
	width:90px;
	height:32px;
	line-height:35px;
	float:left;
	text-align:center;
	border-right:#CCC 1px dashed;
	font-family:  Arial, Helvetica, sans-serif;
}
#link .quicklink-menu-item {  
	background: #fff;  
	width: 100%; 
}
#link .quicklink-menu-item h4 { 
	color: #000;  
	font-size: 12px;  
	background:#fff;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#link .quicklink-menu-item h4 a {  
	color: #000;  
	display: block;  
	text-decoration: none;  
	width: 100%;
	cursor:pointer;
} 
#link .quicklink-menu-item ul {  
	position:absolute;
	background: #fff; 
	visibility:hidden;
	font-size: 14px;  
	line-height: 30px;  
	list-style-type: none;  
	overflow: hidden; 
	width:200px; 
	border: 2px solid #A2A2A2;
	box-shadow: 6px 6px 4px #888888;	
	z-index: 99999; 
} 

#link .quicklink-menu-item:hover ul {
 /* 	height: 124px;*/
	 visibility:visible;
}

#link .quicklink-menu-item ul a {  
	text-decoration: none;  
	color: #000;  
	display: block;  
	width: 100%;
	font-size:12px;
	font-family:  Arial, Helvetica, sans-serif;
	text-align:left;
	margin: 0px 10px;
} 
#link .quicklink-menu-item li {  /*border-bottom: 1px dashed #eee;*/ } 
#link .quicklink-menu-item li:hover,  #link .quicklink-menu-item ul a:hover{  
	background:#0f527a;
	color:#fff;
}


.contrast_control {
	float:left;
	font-size:120%;
}
.contrast_control .high{ display:none;}
.contrast_control .normal{ display:block;}

#userprofile {
	position: relative;
	top: 15px;
	float: right;	
	width: 600px;
	height: 25px;
	text-align: right;
	font-weight: bold;
	overflow: hidden;
	vertical-align: middle;
}

#userprofile a {
	height: 24px;
	margin-top: 40px;
	vertical-align: middle;
	padding: 7px;
	padding-top: 10px;
	color: #2994D7;
	font-size: 130%;
	font-family: "Lao UI", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#userprofile a:hover {
	padding: 7px;
	color: white;
	font-size: 130%;
	background-color: #51595D;
}

/* Menu */
#menu {
	width: 978px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 40px;
	background-color:#fff;
	z-index:1;
}
nav {
	float:right;
	font-size:130%;
}
nav a{
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
nav div{
	float:left;
	min-width:110px;
	min-height: 25px;
	padding:7px 3px 7px 6px;
	border-right:#CCC 1px dashed;
	text-align:center;
}
#SubMenu {
	width:980px;
	margin: 0 auto;	
	overflow: hidden;
	font-size:140%;
	padding:7px 10px 7px 10px;
	line-height:1.5;
	color:#fff;
	display:none;
	background:#1570a6;
}
#SubMenu a{
	text-decoration:none;
	color:#fff;
}

/* Sidebar */

/* Content */

#content{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
/*	background:#EEE;*/
	 background-color: #fff;
	padding:0px 15px 15px 15px;
}
#sidebar{float:left; width:300px; min-height: 970px;} 
#maincontent{float:left; width:650px; min-height: 970px;}
#mainpage{float:left; width:950px; min-height: 970px;}

/* Footer */
footer{ 
	width:100%;
	min-width:980px;
	background-color:#333;
}
#footer {
	width: 980px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	padding: 5px 15px 5px 15px;
	min-height: 45px;
	font-size:120%;
	color: #fff;
}
#footer a{
	text-decoration:none;
	color:#fff;
}
#sitemap {
	font-family: Arial, Helvetica, sans-serif;
	min-height:500px;
	display:none;
	overflow:hidden; 
}
#show {
	display: block;
	overflow:hidden; 
}

#sitemap div {
	width:310px;
	margin:8px;
	float:left;
}
#sitemap div ul{
	font-size:110%;
	list-style:circle;
	list-style-position:outside;
	margin:10px 20px;
	line-height:2;
}
#sitemap div ul li{
	font-size:100%;
	line-height:1.5;
}
#sitemap div ul li ul{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
#sitemap div ul li ul li{
	font-size:80%;
	line-height:1.5;
}
#search {
	width:210px;
	height:32px;
	line-height:33px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
}
#siteSearchwrapper {
width: 202px;
height: 21px;
float:right;
font-family: Arial, Helvetica, sans-serif;
background-image: url(/20221207101736oe_/http://www.fed.cuhk.edu.hk/images/search_box.png);
background-repeat: no-repeat;
padding: 0px;
right: 0px;
margin: 0px;
margin-top:5px;
}
.sitesearchbox {
border: 0px;
background-color: transparent;
width: 170px;
height: 20px;
padding: 1px 0px 0px 10px;
color: #717171;
}
.siteSearchbox_submit {
border: 0px;
background-color: transparent;
position: absolute;
width: 21px;
height: 21px;
}
.text_small {
font-size: small !important;	
	}