@charset "Big5";
body { background:#fff; margin:0; padding:0; }
div.resTable {width:760px;}
.resTable h1 { width:760px; height:111px; background:url(../images/frontpagetop.jpg) no-repeat; text-indent:-5000px; margin:0; }
.resTable h1 a { display:block; width:100%; height:111px; text-indent:-5000px;float:left;clear:left;}
.resTable p.intro { display:none; }
.resTable h2 { margin:0; font-size:12px; text-indent:20px; background:transparent url(../images/frontpagecn_bullet.gif) no-repeat 3px center; }
.titleL,
.titleR,
.title {background-image:url(../images/frontpagecm_tbgB.gif);}
.titleR {background-position:right top;}
.ChiFont { font-family: "·s²Ó©úÅé", Arial, Helvetica, sans-serif; font-size: 12px; }
.resTable { padding: 10px; }
.resTable TABLE { font-size:11px; }
.resTable .sectiontitle {  font-weight: bold; font-size: 12px; } /* padding: 5px 0 5px 3px; */
.resTable .sectiontitle a:hover { text-decoration: none; color: #000; }
.resTable .sectiontitle .off { color: #fff; }
.resTable .sectiontitle .on { color: #000; }
.resTable .indexsectiontitle { padding: 5px 0 5px 3px; font-weight: bold; font-size: 12px; text-decoration: none; }
.resTable .indexsectiontitle a { text-decoration: none; color: #fff; }
.tablecontent { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.rightborder { border-right: 1px solid #e0e0e0; }
.FrontContentPic { }
.FrontContent a { font-weight: bold; color: #908b76; }
.resTable ul { margin:0 0 0 -20px; color: #908b76; }
* html .resTable ul { margin:0 0 0 25px; color: #908b76; }
* + html .resTable ul { margin:0 0 0 25px; color: #908b76; }
.resTable div.sectiontitle {width:760px;list-style:none;background:url(/HK/EN/V6HTML/employer/Resources/images/frontpagecm_tbgB.gif);}
.resTable li { line-height: 1.5em; }
.resTable div.sectiontitle ul {margin:0;padding:0 0 0 1em;list-style:none;height:27px;}
.resTable div.sectiontitle li {margin:5px 2em 5px 0;padding:0;float:left;}
.resTable div.sectiontitle li a {display:block;float:left;padding-left:20px;background:url(/HK/EN/V6HTML/employer/Resources/images/frontpagecn_bullet.gif) no-repeat 2px center;color:#FFF;}
.resTable div.sectiontitle li a.active {color:#000;}
.resTable .Indexmore { color: #a6a6a6; font-weight: bold; }
.resTable .ulbluelink a { color: #908b76; text-decoration:underline;}
.resTable .ulbluelink a:hover { color: #908b76; }
.gap { padding-bottom: 5px; font-size: 0px; margin: 0px; }
.afterworkcontent { padding: 5px 0 5px 10px; }
/* Leading page */
.landingcontent { font-family: tahoma, Arial, Verdana, Sans-serif; font-size: 11px; }
.landingcontent table { font-family: tahoma, Arial, Verdana, Sans-serif; font-size: 11px; }
.landingcontent .tw { background-color: #73736d; color: #fff; font-weight: bold; padding: 5px 0 5px 10px; }
.landingcontent .tt { background-color: #e1e0df; color: #464539; font-weight: bold; padding: 5px 0 5px 10px; }
.landingcontent .tt a { color: #184c65; text-decoration: none; }
.landingcontent .tc { background-color: #f3f3f3; padding: 5px 0 5px 25px; }
.landingcontent .tc a { color: #908b76; }
.landingcontent .tc a:visited { color: #908b76; }
* html .Dashed { border-top:1px dashed #e1e0df; padding-top:0; padding-bottom:0; min-width:140px; width:98%; margin:0 0 -9px 0; }
.Dashed { border-top:1px dashed #B6D5EB; padding-top:0; padding-bottom:0; min-width:140px; width:98%; margin:0 0 -9px 0; }
.FrontTable { background-image: url(../images/hdash_bg.gif); }
.newtopic { font-weight: bold; color: #F00; }
.text_nav { padding: 3px 0 10px 21px; color: #818181; font-size : 11px; font-family: arial, verdana, sans-serif; }
#text_navLink a { color: #818181; text-decoration: underline; }
.formtextfield { font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.formbutton { border-width: 1px; font-size: 11px; background: #d7d7d7; color: #000; font-family: tahoma; height: 20px; }
.singlelink { color: #00c; }
a.nav:link { font-weight: bold; color: #fff; text-decoration: none }
a.nav:visited { font-weight: bold; color: #fff; text-decoration: none }
a.nav:hover { font-weight: bold; color: #eee; decoration: underline }
a.activenav:link { font-weight: bold; color: #ffae00; text-decoration: none }
a.activenav:visited { font-weight: bold; color: #ffae00; text-decoration: none }
a.activenav:hover { font-weight: bold; color: #ffae00; decoration: underline }
.toppanel { font-size: 10px; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; }
.toppanel1 { font-size: 11px; color: #fff; font-family: "¡Ps2OcuAe" }
.toppanel2 { font-size: 9px; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; }
.titlebg { background-image: url(../CommonImages/Home/bg_js.gif); background-repeat: repeat-x }
.emp_titlebg { background-image: url(../CommonImages/Home/bg_em.gif); background-repeat: repeat-x }
.titlebg2 { background: #a8bfd1 }
.titlebg3 { background: #9f9a86 }
.subtitle { font-weight: bold; font-size: 11px; color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; ; background-color: #000; }
.footer { font-weight: bold; font-size: 10px; color: #ccc; font-family: Tahoma, Arial, Helvetica, sans-serif; }
a.terms:link { font-weight: bold; color: #fff; text-decoration: none }
a.terms:visited { font-weight: bold; color: #fff; text-decoration: none }
a.terms:hover { font-weight: bold; color: #eeeeee; decoration: underline }
a.more:link { font-weight: bold; color: #850b0b; text-decoration: none }
a.more:visited { font-weight: bold; color: #000; text-decoration: none }
a.more:hover { font-weight: bold; color: #eee; decoration: underline }
.title { font-weight: bold; font-size: 9pt; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.contenti { font-size: 11px; color: #000; line-height: 180%; font-family: Tahoma }
#TBJSLeftNav { position:absolute; top:295px; width:219px; height:760px; left:0; z-index:100; }
#TBJSRightContent { position:absolute; top:130px; width:219px; height:380px; left:776px; z-index:100; }
#TBCopyRight { position:right; left:0px; z-index:100; }
/* */
#googleAd {padding-top:6em;background-color:#FFFFFF;}
a.news {padding-right:25px;background:url(/HK/EN/V6HTML/Employer/Resources/images/frontpagecm_news.gif) no-repeat right 2px;}
#addThis {float:right;padding-right:2em;}

/* new landings */
body.landing div.main {width:780px;background:url(../images/dash_bg.gif) repeat-y;font-size:11px;}
body.landing div.content {width:560px !important;width:560px;padding:43px 0 0;float:right;margin:0;background:url(../images/topbar.jpg) no-repeat;}
body.landing div.content dl {width:550px;padding:0;margin:0;background-color:#F3F3F3;font-family:Tahoma, Arial, Verdana, Sans-serif;}
body.landing div.content dt {background:#E1E0DF url(../images/fc.gif) no-repeat 10px center;color:#464539;font-weight:bold;padding:5px 0 5px 26px;margin:0;}
body.landing div.content dd {background-color:#F3F3F3;padding:5px 0 5px 27px;margin:0;}
body.landing div.content dd a:link,
body.landing div.content dd a:visited,
body.landing div.content dd a:hover {color:#908B76;}
body.landing div.content dd img {vertical-align:middle;margin:0 0.5em 0 0;}
body.landing div.nav {width:220px !important;width:220px;position:relative;float:left;margin:0;}
body#highlights.landing div.content dl {height:125px;}
body#managementNews.landing div.content {background-position:0 -50px;}
body#managementTips.landing div.content {background-position:0 -100px;}
body#afterwork.landing div.content {background-position:0 -150px;}
body#managementTips.landing div.content h2 {background:#73736D; color:#FFF; margin:0; width:550px; font-size:11px; padding:0; clear:both;}
body#managementTips.landing div.content h2 div {padding:5px;}
body#highlights.landing div.content dt,
body#managementTips.landing div.content dt,
body#afterwork.landing div.content dt {clear:both;}
body#highlights.landing div.content dd,
body#managementTips.landing div.content dd,
body#afterwork.landing div.content dd {width:248px;float:left;}
body#highlights.landing div.nav {height:590px;}
body#managementNews.landing div.nav {height:400px;}
body#managementTips.landing div.nav {height:790px;}
body#afterwork.landing div.nav {height:620px;}