.cContainer { max-width:900px; min-width:700px; margin:0 auto; text-align:left; }
.header{ height:180px; background:url(/20230901000450oe_/https://www.ilc.cuhk.edu.hk/LEP/img/logo.png) no-repeat top left; position:relative; }

.header .lepLogo { position:absolute; top:0; left:0; height:165px; display:block; width:220px; }
.header .ILCLogo { position:absolute; top:70px; left:230px; width:330px; height:25px; display:block;}

.langMenu{ text-align:right; position:absolute; top:0; right:5px; padding:3px 15px; background:rgb(188, 236, 248); border-radius:0px 0px 10px 10px; opacity:0.4; }
.langMenu:hover{ opacity:1; }
.btn_eng, .btn_chi{ display:inline-block; width:25px; height:15px; background:no-repeat; margin:0 3px; opacity:0.5; }
.btn_eng:hover, .btn_chi:hover{ opacity:1; }
.btn_eng{ background-image:url(/20230901000450oe_/https://www.ilc.cuhk.edu.hk/LEP/img/eng.png); }
.btn_chi{ background-image:url(/20230901000450oe_/https://www.ilc.cuhk.edu.hk/LEP/img/chi.png); }

.menu{ background:#bce6f6; }
.menu ul{ list-style:none; padding:0; margin:0; }
.menu li{ display:inline-block; }
.menu li:not(:first-child):before{ content:" "; display:inline-block; border-left:1px solid #FFF; height:10px; margin:0 6px; }
.menu a{height:100%; padding:3px 20px; font-size:15px;}
.menu a:hover{ background:rgba(255,255,255,0.5); text-decoration:none; }
.menu a.active{  color:#FFFFFF; }

.content{ padding:0 20px; }
.content h3 { /*color:#809eac;*/ }

table.details{ width:100%; margin-bottom:20px; }
table.details th{ border-bottom:1px solid #000; font-size:15px; }
table.details th, table.details td{ padding:3px 5px; vertical-align:top; }

ol.faq{ padding-left:20px; }
ol.faq li{ margin-bottom:40px; }
ol.faq .ques{ font-weight:bold; }
ol.faq .ans{}

.note{ color:#3333FF; }

.regForm .errorSummary{ color:#CC0033; border:1px solid #FF6666; background:#FFF3F3; padding:10px 30px; margin:40px 0;  }
.regForm .errorMsg{	color: #CC0033; font-size: 10px; clear: both; display: block; margin-bottom: 5px; }

.regForm label{ margin:0; padding:0;}
.regForm .formGroup{ margin-bottom:40px; }
.regForm .eleDisabled{ background: #EEEEEE; border: 1px solid #DDDDDD; }
.regForm select{ padding:3px; }
.regForm th, .regForm td{ padding-bottom:2px; }
.regForm th{ vertical-align:top; padding-right:10px; }
.regForm input, .regForm select{ margin:0 0px; }
.regForm p{ margin:0; padding:0; }
.regForm li{ margin-bottom:15px;}
#personalInfo input[type="text"]{ width:650px; }
#otherInfo input[type="text"]{ width:750px; }
#langInfo select { margin:0 5px; }
.regForm select[disabled]{ background-color:rgb(235, 235, 228); }
.regForm select.dimFirst{color:#000000;}
.regForm select.dimFirst.dimSelected{color:#BBBBBB;}
.regForm select.dimFirst option{ color:#000000; }
.regForm select.dimFirst option:first-child{ color:#BBBBBB; }
.regForm .timeSlot{ margin:0; padding:0; }
.regForm .timeSlot li{ display:inline-block; margin:0; padding:0; width:200px; vertical-align:bottom; }
.regForm .timeSlotAns { margin:6px 0; }
.regForm .timeSlotAns input[type="radio"]{ margin:0 5px; width:15px; height:15px; }
.myCB input[type="checkbox"]{padding:0; margin:0 3px; width:17px; height:17px; vertical-align:middle; display:inline-block; -webkit-appearance:checkbox; }
.regForm .btnPane { margin: 0 0 50px 0; padding: 15px 0 15px 0; text-align: center; }
.regForm .btnPane input[type="submit"]{ padding: 5px 50px; }
.btn_regForm{ padding:8px 30px; border:1px solid #AAAAAA; background:#bce6f6; }

.footer{ height:100px; border-top:1px solid #AAAAAA; padding:10px 0;  color:#666666; }
.footer a, .footer a *{border:0; text-decoration:none; color:inherit;}
.footer a:hover{color:#428bca;}