/* DROP-DOWN MENU */
.navigation-menu {font-weight: 400; width: auto;height: 40px;clear: both;position: relative;top: 15px;z-index: 10;display: inline-block;/*-webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 1px;-moz-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 1px;box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 1px;*/}
.navigation-menu ul#topnav {margin: 0 auto;padding: 0;/*width: 1000px;*/}
.navigation-menu ul#topnav li {display: block;float: left;margin-right: 18px;position: relative;height: 40px;line-height: 40px;}
.navigation-menu ul#topnav li.headerMenuItem5 {margin-right: 19px;}
.navigation-menu ul#topnav li.employer2-dropdown {float: right;background: #81a950;height: 40px;}
.navigation-menu ul#topnav li.employer2-dropdown:hover {background: #81a950;}
.navigation-menu ul#topnav li.employer2-dropdown:hover a {color: #ffffff;background: #81a950;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.navigation-menu ul#topnav li.employer2-dropdown a {width: auto;font-size: 12px;padding: 13px 15px 0px 0px;color: #ffffff;}
.navigation-menu ul#topnav li.employer2-dropdown a:first-child {font-size: 18px;padding: 10px 5px 0px 15px;color: #ffffff;}
.navigation-menu ul#topnav li.employer-dropdown {float: right;background: #0A678A;height: 40px;}
.navigation-menu ul#topnav li.employer-dropdown:hover {background: #0C5A72;}
.navigation-menu ul#topnav li.employer-dropdown:hover a {color: #DCE8EC;background-color: #0C5A72;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.navigation-menu ul#topnav li.employer-dropdown a {width: auto;font-size: 12px;padding: 13px 15px 0px 0px;color: #DCE8EC;}
.navigation-menu ul#topnav li.employer-dropdown .employer-postJobs {background: transparent url(/images/en-US/header/btn_EmployerAccount.png) no-repeat 0 0;display: block;width: 104px;height: 50px;padding: 0;margin: -5px 0 0 0;}
.navigation-menu ul#topnav li.employer-dropdown .employer-postJobs:hover {background: transparent url(/images/en-US/header/btn_EmployerAccount_hover.png) no-repeat 0 0;background-color: Transparent;}
*[lang=zh-HK] .navigation-menu ul#topnav li.employer-dropdown .employer-postJobs {background-image: url(/images/zh-HK/header/btn_EmployerAccount_chi.png);}
*[lang=zh-HK] .navigation-menu ul#topnav li.employer-dropdown .employer-postJobs:hover {background-image: url(/images/zh-HK/header/btn_EmployerAccount_chi_hover.png);}
.navigation-menu ul#topnav li:hover a {color: #9EA7A3; text-decoration: underline;}
.navigation-menu ul#topnav li:first-child:hover a, .navigation-menu ul#topnav li:first-child + li:hover a,
.navigation-menu ul#topnav li:nth-child(1), .navigation-menu ul#topnav li:nth-child(2) {text-decoration: none;}
.navigation-menu ul#topnav li:hover {}
.navigation-menu ul#topnav li a {color: #8c8c8c;display: block;float: left;font-size: 16px;font-weight: 400;width: 100%;height: 40px;text-decoration: none;white-space: nowrap;text-align: center;
    font-family: 'SourceSansPro', '微軟正黑體', 'Microsoft JhengHei', Arial, Helvetica, 'sans-serif', serif, 新細明體, 細明體;}
*[lang=zh-HK] .navigation-menu ul#topnav > li.home a {background-position: center;}
*[lang=zh-CN] .navigation-menu ul#topnav > li.home a {margin-top: 12px;}
.navigation-menu ul#topnav > li.home a {width: 60px;background: #404041;background: url(/images/header/btn_Home2.png) no-repeat;border-style: none;background-position: top;cursor: pointer;background-position: center;}
.navigation-menu ul#topnav > li.home:hover a {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background-position: bottom;background: url(/images/header/btn_Home_hover.png) no-repeat;}
*[lang=zh-HK] .navigation-menu ul#topnav ul.children {font-family: "新細明體";}
.navigation-menu ul#topnav ul.children {background-color: #FFFFFF;position: absolute;display: none;width: 210px;top: 40px;left: 0;z-index: 5000;padding: 0px 0px 0px 0px;margin: 0;float: left;-webkit-box-shadow: rgba(0, 7, 20, 0.3) 1px 1px 6px 1px;-moz-box-shadow: rgba(0, 7, 20, 0.3) 1px 1px 6px 1px;box-shadow: rgba(0, 7, 20, 0.3) 1px 1px 6px 1px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;/*background-image: url('/images/header/menu.png');*/background-repeat: repeat-y;}
.navigation-menu ul#topnav ul.children li {float: left;clear: both;height: auto;border: 0px;position: relative;margin: 0px;padding: 0px;width: 100%;}
.navigation-menu ul#topnav ul.children li.last-item {border-bottom: 0px;}
.navigation-menu ul#topnav ul.children a, .navigation-menu ul#topnav li:hover ul.children a {font-size: 18px;font-family: 'SourceSansPro';color: #009999;text-decoration: none; display: block;width: 160px;line-height: 33px;height: 33px;float: left;font-weight: normal;background-color: transparent;text-align: left;text-transform: none;border: 0px;margin-left: 25px;margin-right: 25px;}
.navigation-menu ul#topnav ul.children li.dropdown, .navigation-menu ul#topnav li:hover ul.children li.dropdown {background: url(/images/header/nav_arrow2.png) top right no-repeat;}
.navigation-menu ul#topnav ul.children li:hover {background-color: #F1F1F1;}
.navigation-menu ul#topnav ul.children li:hover a {color: #2BBBA0;}
.navigation-menu ul#topnav ul.children li:last-child:hover {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.myaccRow ul li a {width: 40px;height: 31px;background: url(/images/header/btn_Myacc.png);float: left;}
.myaccRow ul li {z-index: 1600;position: relative;}
.myaccRow ul li:hover a {background-position: bottom;}
.myaccRow ul ul.children {position: absolute;display: none;width: 178px;top: 30px;left: -138px;z-index: 9998;margin: 0;background: #FFFFFF;float: left;box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 1px;border: 1px solid #404040;margin-top: 10px;}
.myaccRow ul ul.children li {float: left;clear: both;height: auto;border-bottom: 1px dotted #666;position: relative;margin: 0;padding: 0;}
.myaccRow ul ul.children li:first-child {position: absolute;right: 15px;top: -10px;border-bottom: 0;width: 100%;}
.myaccRow ul ul.children li:first-child img {float: right;padding-right: 58px;}
.myaccRow ul ul.children li.last-item {border-bottom: 0;}
.myaccRow ul ul.children a, .myaccRow ul li:hover ul.children a {display: block;width: 159px;height: auto;padding: 7px 4px 7px 15px;float: left;font-size: 12px;font-weight: normal;background: none;text-align: left;text-transform: none;color: #000;border: none;margin: 0;text-decoration: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.myaccRow ul ul.children li a:hover {background: #EAEAEA;text-decoration: underline;}
#headerDiv {text-align: center; padding: 15px 0px;height: 86px;font-family: 'SourceSansPro', '微軟正黑體', 'Microsoft JhengHei', Arial, Helvetica, 'sans-serif', serif, 新細明體, 細明體; font-size: 12px; line-height: 1;}
#headerDiv .logo-image {display: inline-block; float: left;}
#headerDiv .function-menu {display: inline-block;}
#learningHeader_headerDiv.learningGuideHeader1 {width: 1000px;height: 133px;margin: 0 auto;}
#learningHeader_headerDiv.learningGuideHeader2 {width: 1000px;height: 143px;margin: 0 auto;}
#headerLogoDiv {}
#headerLogoDiv img {width: 190px; vertical-align: middle;}
#headerLogoDiv img.small {width: 228px;height: 50px;}
.weatherDiv {width: 240px;line-height: 20px;background: #F1F1F1;border-radius: 5px;text-align: center;float: right;margin: 0px 0px 0px 0px;}
.weatherDiv img {vertical-align: middle;padding-bottom: 2px;}
.wrapper {position: relative;}
#headerDiv .loginDiv, #headerDiv .registerDiv {display: none;top: -80px;}
.headerWatermark {color: #3E3E3E;font-size: 14px;line-height: 26px;}
#headerDiv .loginDiv {left: 755px;}
*/#headerDiv .registerDiv {left: 664px;}
.language {display: inline-block; position: relative; top: 4px;padding-right: 15px;}
*[lang=zh-HK] .language {top: 3px;}
.language .languageButton {border: none;margin: 0;cursor: pointer;float: right;background: #FFFFFF;margin-top: 9px;}
.language .languageButton:first-child {margin-right: 25px;}
.language .languageButton:last-child {margin-left: 25px;}
/*New Language Button Nick Tse 2016-11-14 -START-*/
.language .languageButton2, *[lang=zh-HK] .language .languageButton2 {vertical-align: bottom; border: none;width:40px;height: 21px;cursor: pointer;margin-top: 16px;font-weight:400 !important;background: #FFF;border-top: 1px solid #9EA7A3 !important;border-bottom: 1px solid #9EA7A3 !important;}
.language .languageButton2.english {color: #fff; background: #9EA7A3; border-left: 1px solid #9EA7A3; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; margin-top: 16px; font-size:13px;}
*[lang=zh-HK] .language .languageButton2.english {background:#FFF; color: #9EA7A3;}
.language .languageButton2.chinese {color: #9EA7A3; background: #FFF; border-right: 1px solid #9EA7A3; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; position: relative; margin-top: 16px; left: -3px;}
*[lang=zh-HK] .language .languageButton2.chinese {background: #9EA7A3;color: #fff;}
.language .languageButton2.english:hover,*[lang=zh-HK] .language .languageButton2.english:hover {background:#e3e3e3;}
.language .languageButton2.chinese:hover,*[lang=zh-HK] .language .languageButton2.chinese:hover {background:#e3e3e3;}
.language .languageButton2.english:active,*[lang=zh-HK] .language .languageButton2.english:active {background:#9EA7A3;}
.language .languageButton2.chinese:active,*[lang=zh-HK] .language .languageButton2.chinese:active {background:#9EA7A3;}
.employer-post-job {display: inline-block; position: relative; font-size: 14px; font-weight: 400; top: 0px;}
*[lang=zh-HK] .employer-post-job {top: -1px;}
.employer-post-job a {font-size: 14px; text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 1px 10px 2px 9px;background: #9EA7A3;color: #fff !important;}
.employer-post-job a:hover {background: #E3E3E2 !important;color: #9EA7A3 !important;text-decoration: none !important;}
/*New Language Button Nick Tse 2016-11-14 -END-*/
.top-table {background: #FDFDFD;float: right;cursor: pointer;}
.top-table tr td {width: 90px;height: 30px;text-align: center;font-size: 15px;font-weight: bold;border: 1px solid #DFDFDF;}
.top-table tr td.loggedin-row {width: 136px;}
.top-table tr td.myaccRow {width: 30px;border: 0px;}
.top-table tr td {color: #000000;text-decoration: none;}
.top-table tr td.loginLinkRow {color: #5bc200;}
.top-table tr td.qr-row {text-align: right;border: 0;cursor: default;position: relative;height: 84px;}
.top-table tr td.qr-row div.extendable {position: absolute;top: -28px;right: 0;}
.top-table tr td.qr-row td {position: relative;border: 0;}
.top-table tr td.qr-row td img {cursor: pointer;}
.top-table tr td.qr-row td img.mobile-app-tag, .top-table tr td.qr-row div img.mobile-app-tag {position: absolute;left: -125px;top: 40px;display: none;}
.learning-banner {position: relative;}
.learning-banner > div {position: absolute;right: 0;top: 40px;border: 1px solid #CCCCCC;}
.reh_subMenu {border-left: solid 1px #2A4D75;}
/* employer header css start */
.menuEmp {width: auto;height: 40px;clear: both;padding: 0px;background: #3B4163;position: relative;-webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 1px;-moz-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 1px;box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 1px;}
.menuEmp ul#topnav {margin: 0 auto;padding: 0;width: 1000px;}
.menuEmp ul#topnav li {display: block;float: left;margin: 0;position: relative;height: 40px;line-height: 20px;}
.menuEmp ul#topnav li.employer-dropdown {float: right;background: #81a950;height: 40px;width: 110px;}
.menuEmp ul#topnav li.employer-dropdown:hover {background: #81a950;}
.menuEmp ul#topnav li.employer-dropdown:hover a {color: #ffffff;background: #81a950;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.menuEmp ul#topnav li.employer-dropdown a {width: auto;font-size: 12px;padding: 13px 15px 0px 0px;color: #ffffff;}
.menuEmp ul#topnav li.employer-dropdown a:first-child {font-size: 18px;padding: 10px 5px 0px 15px;color: #ffffff;}
*[lang=zh-HK] .menuEmp ul#topnav li.employer-dropdown a:first-child {padding: 10px 5px 0px 26px;}
*[lang=zh-CN] .menuEmp ul#topnav li.employer-dropdown a:first-child {padding: 10px 5px 0px 26px;}
.menuEmp ul#topnav li.dropdown {background: url(/images/header/nav_arrow.png) 100% 20px no-repeat;}
.menuEmp ul#topnav li:hover {position: relative;}
.menuEmp ul#topnav li a {color: #FFFFFF;display: block;float: left;font-size: 18px;width: 115px;padding: 10px 10px 10px 10px;text-decoration: none;white-space: nowrap;font-family: 'Oswald';text-align: center;}
*[lang=zh-HK] .menuEmp ul#topnav > li.home a {margin-top: 12px;}
*[lang=zh-CN] .menuEmp ul#topnav > li.home a {margin-top: 12px;}
.menuEmp ul#topnav > li.home a {width: 60px;background: #404041;background: url(/images/header/btn_home.png) no-repeat;border-style: none;background-position: top;cursor: pointer;margin-top: 8px;}
.menuEmp ul#topnav > li.home:hover a {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background-position: bottom;}
.menuEmp ul#topnav li:hover a {color: #000000;background-color: #FFFFFF;-webkit-box-shadow: inset -5px 5px 10px rgba(230, 230, 230, 0.9);-moz-box-shadow: inset -5px 5px 10px rgba(230, 230, 230, 0.9);box-shadow: inset -5px 5px 10px rgba(230, 230, 230, 0.9);}
.menuEmp ul#topnav li:first-child:hover a {background-color: #3B4163;}
.menuEmp ul#topnav li.dropdown:hover a {-webkit-box-shadow: inset -5px 5px 10px rgba(230, 230, 230, 0.9);-moz-box-shadow: inset -5px 5px 10px rgba(230, 230, 230, 0.9);box-shadow: inset -5px 5px 10px rgba(230, 230, 230, 0.9);}
.menuEmp ul#topnav ul.children {position: absolute;display: none;width: 179px;top: 40px;left: 0;z-index: 5000;padding: 0px 0px 13px 0px;margin: 0;background: url('/images/header/back_drop.png') bottom left no-repeat;float: left;}
.menuEmp ul#topnav ul.children li {float: left;clear: both;height: auto;border-bottom: 1px dotted #666;position: relative;margin: 0;padding: 0;}
.menuEmp ul#topnav ul.children li.last-item {border-bottom: 0px;}
.menuEmp ul#topnav ul.children a, .menuEmp ul#topnav li:hover ul.children a {display: block;width: 160px;height: auto;padding: 7px 4px 7px 15px;float: left;font-size: 12px;font-weight: normal;background: none;text-align: left;text-transform: none;color: #000000;border: none;margin: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.menuEmp ul#topnav ul.children a:hover, .menuEmp ul#topnav li:hover ul.children li {background: none;}
.menuEmp ul#topnav ul.children li.dropdown, .menuEmp ul#topnav li:hover ul.children li.dropdown {background: url(/images/header/nav_arrow2.png) top right no-repeat;}
.menuEmp ul#topnav ul.children li a:hover {background: none;background-color: #f1f1f1;color: #333;}
/* employer header css start */
/** Activity Bar Styles - START*/
.fixedBar {position: fixed;_position: absolute;_top: expression(eval(document.documentElement.scrollTop));z-index: 1200;left: 0;top: 0;}
.topBar {width: 100%;height: 35px;background: url(/images/header/bar.png) top left repeat-x;}
.topBar .topBarMenu {height: 35px;margin: auto;width: 1000px;}
.topBar .topBarMenu ul.topBarNav {height: 35px;float: left;}
.topBar .topBarMenu .topBarNav li {background: #FBFBFB;float: left;padding-right: 3px;margin-top: 3px;height: 22px;font-size: 11px;font-family: Arial;line-height: 22px;display: inline;margin-left: 8px;}
.topBar .topBarMenu .topBarNav li.border {border: 1px solid #E5E5E5;position: relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.topBar .topBarMenu .topBarNav li a {color: #669900;text-decoration: none;margin-right: 3px;cursor: pointer;}
.topBar .topBarMenu .topBarNav li a:hover {text-decoration: underline;}
.topBar .topBarMenu .topBarNav li.restrict > a {cursor: default;}
.topBar .topBarMenu .topBarNav li b {display: none;font-size: 12px;width: 245px;height: 40px;background: url('/images/header/notLogin_bg.png') no-repeat scroll 0 -2px;}
.topBar .topBarMenu .topBarNav li b i {position: absolute;height: 20px;font-style: normal;background-color: #fff;z-index: 8;border-style: solid;border-color: #f7a91e;border-width: 1px 1px 1px 0px;text-indent: -10px;top: 10px;left: 36px;font-weight: normal;padding-right: 10px;}
.topBar .topBarMenu .topBarNav li b.hide-login {display: none;}
.topBar .topBarMenu .topBarNav .appHistory,.topBar .topBarMenu .topBarNav .myFavJob {position: relative;z-index: 1;cursor: default;}
.topBar .topBarMenu .topBarNav .savedJobs span,.topBar .topBarMenu .topBarNav .viewedJobs span,.topBar .topBarMenu .topBarNav .recJobs span,.topBar .topBarMenu .topBarNav .jobAlert span,.topBar .topBarMenu .topBarNav .myFavJob span,.topBar .topBarMenu .topBarNav .appHistory span,.topBar .topBarMenu .topBarNav .resume span {display: block;cursor: pointer;float: left;width: 25px;height: 22px;background: url('/images/header/icons2.png') no-repeat scroll 0 -50px;}
.topBar .topBarMenu .topBarNav .jobAlert:hover b,.topBar .topBarMenu .topBarNav .myFavJob:hover b,.topBar .topBarMenu .topBarNav .appHistory:hover b,.topBar .topBarMenu .topBarNav .resume:hover b {display: block;position: absolute;z-index: 10;color: #f7a91e;top: 22px;left: -15px;height: 35px;line-height: 20px;}
.topBar .topBarMenu .topBarNav .myAccount {padding-right: 0;background: transparent;margin-left: 0px;margin-top: 3px;border-right: solid 1px #DFDFDF;cursor: pointer;}
.topBar .topBarMenu .topBarNav .myAccount a {width: 102px;height: 22px;display: block;background: url(/images/header/icons2.png) -16px -3px no-repeat;}
.topBar .topBarMenu .topBarNav .myAccount span {display: block;width: 120px;height: 30px;}
.topBar .topBarMenu .topBarNav .savedJobs span {background-position: -142px -5px;}
.topBar .topBarMenu .topBarNav .savedJobs #savedJobCount {float: right;display: block;color: #fff;background-color: #e60012;padding: 2px 3px;margin: 4px 3px 0 2px;text-align: center;min-width: 12px;line-height: 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.topBar .topBarMenu .topBarNav .viewedJobs span {background-position: -167px -5px;}
.topBar .topBarMenu .topBarNav .appHistory span {background-position: -216px -5px;}
.topBar .topBarMenu .topBarNav .jobAlert span {background-position: -241px -4px;}
.topBar .topBarMenu .topBarNav .myFavJob span {background-position: -243px -5px;}
.topBar .topBarMenu .topBarNav .resume span {background-position: -266px -4px;}
.topBar .topBarMenu .topBarNav .recJobs span {width: 25px;background: url(/images/header/icons2.png) -192px -5px no-repeat;}
.topBar .topBarMenu .topBarNav .recJobs i {margin-top: 2px;margin-left: 5px;font-style: normal;text-align: center;font-size: 11px;line-height: 17px;cursor: pointer;color: White;display: block;float: right;width: 17px;height: 17px;background: url(/images/header/recJobs_bg.png) 0px 0px no-repeat;}
.topBar .topBarMenu .topBarNav .recJobs a {float: left;}
.topBar .topBarMenu .topBarNav .recJobs #iconNewJobs {display: none;float: right;margin-left: 2px;line-height: 12px;}
.topBar .topBarMenu b .login, .topBar .topBarMenu b .signUp {color: #808080 !important;}
.topBar .topBarMenu table {float: right;border-collapse: collapse;}
.topBar .topBarMenu table .loggedin-row.loggedin-view {padding-right: 10px;}
.topBar .topBarMenu table .signUp {color: #FD0100;font-size: 12px;width: 80px;text-align: right;padding-top: 7px;color: #FF4848;text-decoration: none;font-family: 'SourceSansPro';font-size: 16px;cursor: pointer;cursor: hand;}
.topBar .topBarMenu table .login {color: #848485;font-size: 16px;background: url(/images/header/arrow_MenuBar.png) 118px 18px no-repeat; width: 60px;text-align: center;cursor: pointer;padding-top: 7px;font-family: 'SourceSansPro';}
.topBar .topBarMenu table .login a {color: #808080;text-decoration: none;}
.topBar .topBarMenu table .login a:hover {color: #1e9600;}
.topBar .topBarMenu a.login:hover, .topBar .topBarMenu a.signUp:hover {text-decoration: underline;}
html.mobile .fixedBar {position: relative;}
html.mobile .recruitMainHeader, html.mobile #headerDiv {display: inline-block;margin-top: 0px;}
.recruitMainHeader {width: 1000px;margin: 0 auto;text-align: right;}