body { font-size:15px; padding: 0; margin: 0; font-family: Roboto, Arial, Verdana; text-align:center; color:#111111; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/bodyBG.png) bottom center no-repeat fixed; }
@media (max-width: 600px) {
	body{ font-size:13px; }
}

.al{ text-align:left; }
.ar{ text-align:right; }
.ac{ text-align:center; }
.hideText{ overflow:hidden; text-indent:200%; white-space:nowrap; }
.clear{ float:none; clear:both; }
.modContainer{ width:900px; margin:0 auto; text-align:left; }
.displayNone{ display:none; }
.errMsg{ color:#FF0000; display:block; margin:0; line-height:1.3em; font-size:13px; }
.reqField{ color:#fbb23e; /*#3dc2f1;*/ margin-left:2px; font-weight:bold; }

@media (min-width: 601px) and (max-width: 900px) {
	.modContainer{width:100%;}
}
@media (max-width: 600px) {
	.modContainer{width:600px; }
}


#menu{ border-bottom:1px solid #C0C0C0; text-align:left; position:fixed; top:0; left:0; width:100%; background:#FFFFFF; height:51px; z-index:10; display:block; }
#menu{ background: rgba(255,255,255,0.92); }
@media print{ #menu{display:none;} }
@media (max-width: 600px) {
	#menu{width: 600px; }
}
#menuLogo{ position:absolute; top:2px; left:5px; }
/*#menuLogo a{ background:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/LogoSmall.png) no-repeat; height:41px; width:311px; display:block; }*/

#menuLogo .CULogo{ width:53px; height:47px; background:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/CULogo.svg) no-repeat; background-size:cover; display:inline-block; }
#menuLogo .ILCLogo{ width:53px; height:47px; background:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/ILCLogo.svg) no-repeat; background-size:cover; display:inline-block; }
#menuLogo .symLogo{ background:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/LogoSmall.png) no-repeat; height:41px; width:311px; display:inline-block; }
#menuLogo .ILCName{ color:inherit; text-decoration:none; font-size:20px; font-weight:normal; line-height:1.5em; display:inline-block; }

.slicknav_menu { display:none; z-index:99; }
#ul_menu{ margin:0; padding:0; float:right; clear:right; height:100%; font-size:15px; }
#ul_menu{list-style:none;}
#ul_menu li{ float:left; border-left:1px solid #C0C0C0; margin:0; padding:0; height:100%; }
#ul_menu li a { display:inline-block; padding: 16px 20px 10px 20px; text-decoration:none; color:inherit; height:100%; box-sizing:border-box; }
#ul_menu li a:hover { border-bottom:4px solid #fbb23e;}
#ul_menu .selected{ font-weight:bold; border-bottom:4px solid #3dc2f1; }
#ul_menu .highlight{ background:#3dc2f1; color:white; }

@media (min-width: 900px) and (max-width: 1000px) {
	#ul_menu{ font-size:13px; }
	#ul_menu li a { padding: 16px 10px 10px 10px; }
}
@media (max-width: 899px) {
	#ul_menu{ display: none; }
	.js .slicknav_menu{ display: block; }
	
}
@media (max-width: 600px) {
	#menuLogo .symLogo { display: none; }
	#menu{ height:43px; }
	#menuLogo .CULogo, #menuLogo .ILCLogo{ height:40px; width:42px;}
	#menu .slicknav_btn{ background:none; }
	#menu .slicknav_icon{ margin:0 5px; }
	#menu .slicknav_menutxt{ display:none; }
	#menu .slicknav_icon-bar{ background-color:#222; }
}
.slicknav_nav{ background:#FFFFFF; background:rgba(255,255,255,0.92); }


#banner{ background:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/BannerBG.png) repeat #EFEFEF; height:445px; border-bottom:1px solid #D4D4D4; margin-top:45px; }
#banner{ background-color:rgba(230,230,230,.5); }
#banner .modContainer { position:relative; height:100%; }

#symLogo{ width:150px; height:200px; position:absolute; top:170px; left:45px; /*top:50px; left:410px;*/ }
#symLogo{ background:no-repeat top left; background-size: contain; background-image:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/LogoLarge.svg); }

#banner .modContainer:before{
	height:55px; width:120px; position:absolute; top:180px; right:10px; content: ''; display:block;
	background:no-repeat top left; background-size: contain; background-image:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/BannerDeco.svg);
}
#banner h1.title{ margin:0; padding:0; height:86px; width:672px; position:absolute; top:235px; right:25px; }
#banner h1.title{ background:no-repeat top left; background-size: contain; background-image:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/ILCSym2015.svg); }
#banner h2.subTitle{ margin:0; padding:0; height:33px; width:525px; position:absolute; top:325px; right:25px; }
#banner h2.subTitle{ background:no-repeat top right; background-size: contain;  }
#banner h2.subTitle{ background-image:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/CurrentTrend_en.svg); }
#banner h2.subTitle:lang(zh){ background-image:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/CurrentTrend_ch.svg); }

#banner h2.centreName{ margin:0; padding:0; height:20px; width:350px; position:absolute; top:220px; right:350px; }
#banner h2.centreName{ background:no-repeat top left; background-size: contain; background-image:url(/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/ILCName.svg); }

@media (min-width: 601px) and (max-width: 899px) {
	#banner .modContainer:before{ height:13%; width:14%; top:44%; }
	#symLogo{ width:17%; height:45%; bottom:20%; left:5%; }
	#banner h1.title{ height:18%; width:70%; top:55%; right:25px; }
	#banner h2.subTitle{ height:9%; width:58%; top:71%; right:25px; }
	#banner h2.centreName{ height:4%; width:35%;  top:52%; right:39%; }
}
@media (max-width: 600px) {
	#banner{ height: 300px; }
	#banner .modContainer:before{ display:none; }
	#symLogo { top:8%; left:44%; height:48%; width:14%; }
	#banner h1.title{ height:22%; width:80%; top:65%; left:10%; }
	#banner h2.subTitle{ height:9%; width:58%;  top:85%; left:21%; }
	#banner h2.centreName{ height:5%; width:52%;  top:62%; left:10%; }
}
#bdCon{ min-height: 450px; padding: 30px 10px; }
#bdCon h3, #bdCon h4 { font-family: Capsuula, Arial, Verdana; }
#bdCon h3{ font-size:35px; /*margin:1.2em 0;*/ }
#bdCon h4{ font-size:20px; margin:2.5em 0 0.4em 0; }
@media (max-width: 600px) {
	#bdCon h3{ font-size:30px; margin:0.9em 0; }
	#bdCon h4{ font-size:15px; }
}
/*
#bdCon h3:before, #bdCon h3:after{content:''; display:inline-block; position:relative;height:29px; width: 29px;}
#bdCon h3:before{  top:-15px; left:2px; background:url('/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/BlueBracket.png') no-repeat top left; }
#bdCon h3:after{ top:18px; left:2px; background:url('/20230901013136oe_/https://www.ilc.cuhk.edu.hk/ILCSymposium2015/img/BlueBracket.png') no-repeat top right;}

#bdCon p.accent::first-letter{ font-size:60px; font-weight:normal; float:left; margin:0 5px 0 0; line-height:0.85em; }
*/

#footer{ border-top:1px solid #E0E0E0; background:#EDEDED; margin-top:60px; padding: 10px 10px 35px 10px; font-size: 14px; }
#footerContainer{ text-align:right; }
#footer a{ color:inherit; text-decoration:none; }
#footer a:hover{ border-bottom:1px dotted #3dc2f1; }
#footer .contact span{ display:inline-block; }
#footer .contact span:nth-child(n+2){ margin-left:15px; }
@media (max-width: 600px) {
	#footer{ font-size:12px; }
}



@-webkit-keyframes slideRight {
    from { left:-50px; opacity:0; }
    to { left:0px; opacity:1; }
}
@keyframes slideRight {
    from { left:-50px; opacity:0;}
    to { left:0px; opacity:1;}
}

@-webkit-keyframes slideUp {
    from { top:10px; opacity:0;}
    to { top:0px; opacity:1;}
}
@keyframes slideUp {
    from { top:10px; opacity:0;}
    to { top:0px; opacity:1;}
}


@-webkit-keyframes fadeIn {
    from { opacity:0;}
    to { opacity:1;}
}
@keyframes fadeIn {
    from { opacity:0;}
    to { opacity:1;}
}

.slideRightClass {
	position:relative;
	-webkit-animation: slideRight .7s;
	animation: slideRight .7s;
}
.slideUpClass {
	position:relative;
	-webkit-animation: slideUp .3s;
	animation: slideUp .3s;
}

.fadeInClass {
	position:relative;

	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;

	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}