/* signika-300 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/signika-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Signika Light'), local('Signika-Light'),
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/signika-v7-latin-300.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/signika-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/signika-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/signika-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/signika-v7-latin-300.svg#Signika') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {font-family: 'Open Sans', sans-serif, Arial,Helvetica;color: #333333;background: #f9f9f9 ;font-size: 15px; line-height: 1.3em; letter-spacing:0px;}
html, body {width:100%; padding:0; margin:0;}

body.lang-tc,body.lang-sc{font-family:"Microsoft JhengHei" !important}
.lang-tc h1,.lang-sc h1{font-family:"Microsoft JhengHei" !important}

@media print {
    .noprint {display:none !important;}
    a:link:after, a:visited:after {  
      display: none;
      content: "";
	  
    }
}
/* ------------------------------------Menu------------------------------------ */
#menu {background-color:#FFFFFF;border-radius: 0; font-size:15px;font-family:'Signika';}
#menu .navbar-collapse{padding:0;padding-left:13px}
#menu .dropdown-menu {color:#f8f8f8;background-color:#791F7F;border:1px dotted #999999;border-radius: 0px}
#menu ul.nav .dropdown-menu li a{color: #f8f8f8; padding: 5px 10px; border-radius: 0px !important; }
#menu ul.nav .dropdown-menu li a:hover{color: #000;background-color: #F6F6F6;}
#menu .dropdown-inner {display: table;}
#menu .dropdown-inner ul {display: table-cell;}
#menu .dropdown-inner a {min-width: 250px;display: block;padding: 3px 20px;clear: both;line-height: 1.1em;color: #000;font-size: 14px;margin: 0;}
#menu li.dropdown:hover>a, #menu li.dropdown:focus>a, #menu li.dropdown:active>a{color:#f8f8f8;background: #791F7F;} 

#menu ul.nav li a{color: #000;border-radius: 0px;padding: 15px 25px;}
#menu ul.nav li a.double{padding: 8px 15px; line-height:1.1em;}
#menu ul.nav li.dropdown a{border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
#menu .nav > li > a:hover, #menu .nav > li > a:focus{background-color: #791F7F !important;color:#f8f8f8;}

#menu li li {line-height:1.0em;}
#menu .btn-navbar {font-size: 16px;color: #000;padding: 5px 15px;float: left;border: 3px solid #000;}
#menu .btline {border-bottom:1px dotted #CCCCCC;}

@media  (max-width: 1199px) {
	#menu ul.nav li a{color: #000;border-radius: 0px;padding: 15px 15px; font-size:13px;}
	#menu ul.nav li a.double{padding: 10px 7px;}
	#menu .navbar-collapse{padding-left:20px;}
}
@media  (min-width: 992px) {
	#menu {background-color:#FFFFFF ;border-radius: 0;}
    #menu.navbar{padding: 0; height: auto;margin-top: 5px;margin-bottom: 0px;}
 	#menu .dropdown:hover .dropdown-menu {display: block;}
}
@media(max-width:991px) {
    #menu ul.nav li a{color: #000;border-radius: 0px;padding: 7px 7px; font-size:14px;}
	#menu .navbar, .nav{margin-bottom: 0px;margin-top: 0px; width:100%;}
	#menu div.dropdown-inner > ul.list-unstyled {display: block;}
	#menu .dropdown-inner {width: 100%;}	
	#menu .dropdown-inner a {width: 100%;color: #000;}
	#menu div.dropdown-menu {margin-left: 0 !important;	padding-bottom: 10px;background-color: #999999;}
}


/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */

header{
	margin: 0 auto;
	background-color:#FFFFFF;
	background-image:url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/images/bg_header2.jpg');
	background-repeat:repeat-x;
	padding-top: 20px;	
}

@media  (min-width: 1199px) {
	#table_form {border:0;}
	#table_form div.col-lg-1{width:12%}
	#table_form div.col-lg-2{width:22%}
}


img {
	border: 0px;
	max-width:100%;
	height:auto;
}

a:link, a:visited, a:active {
	/*color: #4966B6;*/
	color: #2828FF;
	text-decoration: none;
}

a:hover {
	color: #F8640A;
	text-decoration: none;
}

#home a:link, #home a:visited, #home a:active {color: #4966B6;text-decoration: none;}
#home a:hover {color: #F8640A;text-decoration: none;}
#home a.white:link, #home a.white:visited, #home a.white:active, #home a.white:hover {
	color: #fff;
	text-decoration: none;
	font-size:0.9em;
}

a.white:link, a.white:visited, a.white:active, a.white:hover {
	color: #fff;
	text-decoration: none;
	font-size:0.9em;
}

a.top:link, a.top:visited, a.top:active {
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a.top:hover {
	color: #F8640A;
	text-decoration: none;
}

div.button:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.width100 {
  width: 100% !important;
}

.boxmenu {font-size:0.9em;display:block;width:100%;text-align: center !important; color:#FFF !important;}

.boxmenu:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

#footer a:link, #footer a:visited, #footer a:active {color: #4966B6;text-decoration: none;}
#footer a:hover {color: #4966B6;text-decoration: underline;}


.title {
	font-family: Signika;
	font-weight: 600;	
	font-size: 1.8em;
	line-height: 110%;
	text-align: left;
	/* color: #791F7F;*/
	padding-top:5px;
	padding-bottom:5px;
	/* border-bottom: 1px double #B30E14; */
}

div.shadow-light {
  -moz-box-shadow: 0px 5px 5px rgba(204,204,204,0.9);
  -webkit-box-shadow: 0px 5px 5px rgba(204,204,204,0.9);
  box-shadow: 0px 5px 5px rgba(204,204,204,0.9);
}

div.shadow-dark {
  -moz-box-shadow: 2px 5px 5px rgba(51,51,51,0.7);
  -webkit-box-shadow: 2px 5px 5px rgba(51,51,5,0.7);
  box-shadow: 2px 5px 5px rgba(51,51,5,0.7);
}

.box2 h3{
  text-align:center;
    position:relative;
    top:80px;
}
.box2 {
    width:70%;
    height:200px;
    background:#FFF;
    margin:40px auto;
}

/*==================================================
 * Box Effect 2
 * ===============================================*/
.boxeffect2
{
  position: relative;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) ;
       -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) ;
            box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) ;
}
.boxeffect2:before, .boxeffect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 90%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.boxeffect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Box Effect 3
 * ===============================================*/
.boxeffect3
{
  position: relative;
}
.boxeffect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Box Effect 4
 * ===============================================*/
.boxeffect4
{
  position: relative;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) ;
       -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) ;
            box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) ;
}
.boxeffect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 10px;
  right: 10px;
  left: auto;
  width: 50%;
  height: 100px;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
/*==================================================
 * Box Effect 6
 * ===============================================*/
.boxeffect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.boxeffect6:before, .boxeffect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.boxeffect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Box Effect 7
 * ===============================================*/
.boxeffect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.boxeffect7:before, .boxeffect7:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.boxeffect7:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}			
/*==================================================*/

#pond {
width: 100%;
position: relative;
}

.cover {
	position:absolute; 
	width:100%; 
	padding:10px;
	bottom:0;
	opacity: 0.8;
 }

 .home_box {
     background-color: #DDDDDD;
	 padding:10px;
	 min-height: 60px;
	 font-size:0.9em;
	 line-height:110%
 }

 .img-holder { margin: 0px 20px 20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border: 3px solid #fff; align: left;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); }
	
.contentStyle {padding-top:20px; padding-bottom:30px;}
.violet_bg {background-color: #672D88; }
.title_bar {color:#ffffff; font-weight:bold} 
.sub_title {color:#B28500; font-weight:bold; font-size:1.1em; margin-left:0px;text-align:left;}
.sub_title2 {color:#009393; font-weight:600; text-align:left;}
.sub_title3 {color:#DC73FF; font-weight:600; }
.float_right {float:right; margin-left:10px; margin-bottom:10px;}
.float_left {float:left; margin-right:10px; margin-left:10px;}
.home_title {font-size:1.0em; font-weight:bold; color:#FFF;} 
.leftTitle {font-size:1.1em; font-weight:bold; } 
.contentMain {background-color:#fff; padding-top:20px; min-height:350px}
.verticalLine {border-left:1px solid #E6E6E6;}
.verticalLineR {border-right:1px solid #E6E6E6;}

.list-group-item {letter-spacing:0px; border-radius: 0px !important}

.blockquote2 {
  margin: 0 0 20px;
  padding: 1.5rem;
  background-color: #FCF8E4;
  border: 1px solid #EEEEEE;
  border-left: 5px solid #4966B6; /* Just change the color value and that's it*/
}

.abstract {
  margin: 0 0 20px;
  padding: 1.5rem;
  background-color: #F8F8F8;
  border: 1px solid #EEEEEE;
}

.table-borderless td,.table-borderless th { border: 0 !important;}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.table-borColor td,.table-borColor th { border-color: #F79544 !important;}


div.banner-box {
	padding-top:20px;
	padding-bottom:20px;
	background-color:#EEEEEE;
	background-image:url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/images/bg_banner.jpg');
	background-repeat:repeat-x;
    -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) ;
       -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) ;
            box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) ;
}

#banner {position: relative; z-index: 1;}
h3 span {
  display: block;
  margin: 11px 0 17px 0;
  font-size: 60px;
  line-height: 60px;
  color: #DDDDDD;
  text-shadow: 0 13.36px 8.896px #999999,0 -2px 1px #fff;
  letter-spacing: -4px;
}

#banner_heading {
  position: absolute; 
  left: 5%;
  bottom: 15%;
  font-family: Signika, Century Gothic;
  color: #FFFFFF;
  font-size: 34px;
  font-weight: bold;
  z-index: 2;
  text-align: left;
  text-shadow:2px 2px 6px #747474;
}

#banner_img {
  margin-top: 0;
}

.list-sidemenu { background-color: #FFFFFF;}
a.list-sidemenu:link, a.list-sidemenu:visited {color: #4966B6;}
a.list-sidemenu:hover,a.list-sidemenu:focus {background-color: #F0E8F7;color: #4966B6;}
a.list-sidemenu.active,a.list-sidemenu.active:hover,a.list-sidemenu.active:focus {background-color: #672D88;color:#FFFFFF; border: 1px solid #dddddd;}
.list-sidemenu-sub { background-color: #FFFCF0;}
a.list-sidemenu-sub:link, a.list-sidemenu-sub:visited {color: #4966B6;}

.breadcrumb {
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) ;
       -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) ;
            box-shadow:0 1px 5px rgba(0, 0, 0, 0.2) ;
}

ul.breadcrumb {background-color: #EAEAEA; border-bottom:1px solid #cccccc;border-top:1px solid #ffffff;padding:0px;padding-bottom:0px;border-radius: 0px;}
ul.breadcrumb li {height:32px;padding:8px 0px 4px 0px;font-size:.85em;}
ul.breadcrumb li:first-child{padding-left:15px}
ul.breadcrumb li+li:before {content:" ";padding:8px 18px; background:url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/images/breadcrumb_arrow.png') no-repeat}
ul.breadcrumb li.current{height:31px;background-color:#f3f3f3;padding:8px 0px 8px 0px;}
ul.breadcrumb li.current:before {height:18px;background:url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/images/breadcrumb_arrowNowend2.png') no-repeat}
ul.breadcrumb li.current:after{background-color: #EAEAEA;content:" ";padding:8px 0px 8px 30px;background:url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/images/breadcrumb_arrowNow.png') no-repeat}
ul.breadcrumb a{color:#666}
ul.breadcrumb a:hover,ul.breadcrumb a:focus{color:#F8640A}

.dropdown-menu-right {
  right: 0 !important;
  left: auto;
}

@media  (max-width: 1199px) {
	.home_title {letter-spacing:0px;} 
}
@media  (min-width: 992px) {
	
}
@media(max-width:991px) {
	.home_title {letter-spacing:1px;} 
	.table-textsm, .textsm {font-size:0.8em;}
	.dropdown-menu-right {right: -230px !important;  left: auto;}
} 

@media(max-width: 767px) {
	#banner_heading {  font-size: 24px;}
	ul.breadcrumb{display:none}
	.table-textxs, .textxs {font-size:0.8em;}
	.dropdown-menu-right {right: auto !important;  left: auto;}
	.table-small {width: 800px !important;}
}

footer {
background-color: #CACACA;
color:#000000;
text-align: center;
padding-top: 20px;
}

.footer_copyright {
font-size:12px;
}

/****************** home block-2 style ********************/

.style_prevu_kit
{
    display:inline-block;
    border:0;
    height: 130px;
	color:#FFF;	
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.style_prevu_kit:hover
{
    box-shadow: 0px 0px 10px #666666;
    z-index: 2;
	color:#FFF;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

/****************** home block-4 style ********************/

.post-slide{
    padding: 0 0px;
}
.post-slide .post-img{
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:all 0.3s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
    filter: none;
    opacity:0.8;
}


/****************** news style ********************/
.panel  {
    border-radius: 0px;
}


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

.news-footer{padding:3px 5px; border-bottom-right-radius:3px;border-bottom-left-radius:3px}

.news-item
{
    padding:4px 4px;
    margin:0px;
    /*border-bottom:1px dotted #555; */
}

#rcorners1 {
    border-radius: 5px;
	border: 1px solid #CCCCCC;
    background: #FFFBE8;
    width: 70px;
    height: 75px; 
  -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.6);
  -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.6);
  box-shadow: 1px 2px 2px rgba(204,204,204,0.6);

}

.news-month{
    border-radius: 5px 5px 0px 0px;
    background: #FD9F1B;
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
	padding:3px;
    color: #fff;
    text-transform: uppercase;
}
.news-date{
    display: block;
	color: #000000;
 	padding-top:5px ;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}
.news-year{
    border-radius: 0px 0px 5px 5px;
    display: block;
	color: #FD9F1B;
	padding-bottom:5px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

@media only screen and (min-width : 481px) {
   .flex-row.row {
	 display: flex;
	 flex-wrap: wrap;
	 padding-left:15px;
	 padding-right:15px;
   }
   .flex-row.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
   }
  .flex-row.row:after, 
  .flex-row.row:before {
	 display: flex;
  }
}

/******************* Scroll Top ********************/

.scrollToTop{
	width:50px; 
	height:50px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom: 95px;
	right:65px;
	display:none;
	background: url('/20220908181655oe_/https://www.hkier.cuhk.edu.hk/images/arrow-up.png') 0px 50px;
	z-index:999;
}
.scrollToTop:hover{
	text-decoration:none;
}

/****************** table style ********************/
table.general {border-collapse:collapse;}
table.general td, table.general th {padding: 5px; }
.table-title {background-color:#FFF; font-weight:bold;}

/*** online admin page ***/
.bg_odd {
	background: #F2F2F2;}
.bg_title {
	background: #911316;
	color:#FFFFFF}