﻿html, body, form { margin: 0; padding: 0; height: 100%; border: none; }
html { overflow: auto;}
div, p { /*text-align: left;*/ padding: 0; margin: 0;}
#header { /*height: 60px;*/ padding: 5px 0;}
/*#header .logo { background: transparent url("/images/en-US/graduateJob/logo.png") no-repeat scroll 0 0; width: 220px; height: 60px; text-indent: -9999px; display: block; float: left; margin: 0; padding: 0; }
*/  /*2020-11-26*/ 
#header .logo { font-size: 36px; font-weight: 700 !important; margin-bottom: 5px;  }
.graduate-job-container { text-align: left;max-width: 1000px; margin: 0px auto 0; /*padding: 0 30px 20px;*/ background-color: #fff; position: relative; z-index: 5; }
/* zh-hk version */ /**[lang=zh-HK] #header .logo { background-image: url("/images/zh-HK/graduateJob/logo.png");}
*/  /* no longer exists sign in function */ /* .signin_panel { float: right; margin-top: 10px; font-weight: bold; color: #000;}
.signin_panel .signup { text-indent: -9999px; display: inline-block; *zoom: 1; *float: left; width: 76px; height: 26px; background: url("/images/en-US/graduateJob/btn_signup.png") scroll no-repeat 0 0;}
.signin_panel .signup:hover { background-position: 0 -25px;}
.signin_panel .login {text-indent: -9999px; display: inline-block; *zoom: 1; *float: left;  width: 68px; height: 26px; background: url("/images/en-US/graduateJob/btn_login.png") scroll no-repeat 0 0;}
.signin_panel .login:hover { background-position: 0 -25px;}
*/  /*#slice_container { position: relative; overflow: hidden; width: 970px; height: 375px; line-height: 20px; }
*/  /* Slideshow container */ #mainBannerContainer { width: 1000px; height: 400px; position: relative; overflow: hidden; }
.slice_col { width: 240px; float: left; }
.sendMeJobs { text-indent: -9999px; display: block; width: 241px; height: 46px;  background: url("/images/en-US/graduateJob/btn_sendmejobs.gif") scroll no-repeat 0 0;}
.sendMeJobs:hover { background-position: 0 -46px;}
/* zh-hk version */ *[lang=zh-HK] .sendMeJobs { background-image: url("/images/zh-HK/graduateJob/btn_sendmejobs.gif");}
.search_box { width: 221px; height: 329px; background: url("/images/graduateJob/search-bg.gif") repeat-x scroll 0 0; border-color: #006AC0; border-style: solid; border-width: 1px 0px 0 1px; color: #fff; padding-left: 18px; }
.search_box input[type=text], .search_box select { width: 180px; border: 1px solid #a8a8a8; margin: 0; padding: 0; }
.search_box input[type=text] { margin: 3px 0; padding: 1px 3px;}
.search_box select { margin: 3px 0; padding: 0; width: 188px;}
.search_box h3 { font-size: 20px; font-weight: bold; margin: 0; padding: 15px 0 0;}
.search_box h4 { font-weight: bold; margin: 0; padding: 20px 0 0 0; font-size: 14px;}
.search_box .search_but_box { text-align: center; display: table; margin: 24px 0 0 28px; }
.search_box a { color: #fff; text-decoration: none; font-weight: bold; font-size: 11px;}
.search_box a:hover { text-decoration: underline;}
.slide-down { position: absolute; overflow: hidden; width: auto; /*height: 360px;*/ float: left; cursor: pointer; }
.slide-down .text_slider { position: absolute;width:100%;top:350px;margin:0;padding:0; }
.slide-down .innertext{ padding:7px 10px 15px 10px;background: url("/images/graduateJob/slider-txt-bg.png") repeat;border-top:2pt solid #006AC1; }
.slide-down .innertext strong{line-height:32px;}
.slide-down .innertext p { color: #fff; }
.slide-down .innertext strong, .slide-down .innertext a{color:#FFF;}
.slide-down .innertext strong { margin-left: 5px; }
.slide-down .innertext a { display: block; text-indent: -9999px; width: 84px; height: 26px; margin-top: 8px; background: url("/images/graduateJob/btn_readmore.png") scroll no-repeat 0 0; }
/* zh-hk version */ *[lang=zh-HK] .slide-down .innertext a { background-image: url("/images/zh-HK/graduateJob/btn_readmore.png");}
.slide-down .innertext a:hover { background-position: 0 -25px;}
#searchBut { *font-size: 0; display: block; *line-height: 0; border: 0; text-indent: -9999px; width: 125px; height: 27px; margin-bottom: 5px; cursor: pointer;  background: url("/images/en-US/graduateJob/btn_search.png") scroll no-repeat 0 0;}
#searchBut:hover { background-position: 0 -27px;}
/* zh-hk version */ *[lang=zh-HK] #searchBut { background-image: url("/images/zh-HK/graduateJob/btn_search.png");}
#resourcesContainer { width: 960px; }
#resources_panel { padding: 0; margin: 30px 0 20px 0; clear: both;}
#resources_panel .moreLink:link{ color:#333333; font-weight:bold; text-decoration:none; font-weight:bold;}
#resources_panel .moreLink:hover{ color:#333333; font-weight:bold; text-decoration:underline;}
#resources_panel .moreLink:visited{ color:#333333; font-weight:bold; text-decoration:none;}
#resources_panel .moreLink:active{ color:#333333; font-weight:bold; text-decoration:none;}
.resources_col { width: 218px; display: table-cell; *zoom: 1; *display: inline; padding: 0 0 0 29px; padding: 0 0 0 26px \0; *padding: 0 0 0 29px; vertical-align: top;}
.resources_col:first-child { padding-left: 0;}
.resources_col h3 { font-size: inherit; font-weight: bold; margin: 0 0 12px 0; padding: 0;}
.resources_col h3 a { color: #333; font-weight: bold; text-decoration: none;}
.resources_col h3 a:hover { text-decoration: underline;}
.resources_col img { width: 216px; height: 162px; border: 1px solid #aaa;}
.resources_col p { line-height: 16px; margin: 8px 0 0 0; padding: 0; color: #777;}
.resources_col .title { margin: 10px 0 0 0; padding: 0 }
.resources_col p a { text-decoration: none; color: #333; font-weight: bold;}
.resources_col p a:hover { color: #3687EB;}
#center_content_panel { display: table; margin: 30px 0 0 0;}
#center_content_panel .left_content_box { float: left; margin-left: 50px; }
#center_content_panel .left_content_box:first-child { margin-left: 0;}
#jobs_panel { width: 710px; overflow: hidden; }
#jobs_panel .tab_menu { clear: both; padding: 0; margin: 0;}
#jobs_panel .tab_menu li { display: inline-block; *zoom: 1; *display: inline; font-weight: 600; color: #333; /*background-color: #fcfcfc;*/  cursor: pointer; padding: 5px 10px; font-size: 24px; margin-right:15px; border-bottom: 1px solid #fff; /*border-color: #aaa; border-style: solid;*/ /*border-width: 1px 1px 0 0;*/ }
#jobs_panel .tab_menu li:first-child { /*border-left-width: 1px;*/ }
#jobs_panel .tab_menu li:hover { border-bottom: 1px solid #2BBBA0; /*text-decoration: underline;*/ }
#jobs_panel .tab_menu li.active { /*border-color: #3B5998; background: url("/images/graduateJob/bg_tabmenu.gif") scroll repeat-x 0 0;*/ color: #2BBBA0; }
#jobs_panel .tab_content { /*border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 2px solid #3B5998; */}
#jobs_panel .tab_content p { margin: 0; padding: 15px 12px; background-color: #fff; color: #b7b7b7; font-weight: 700; font-size: 14px; text-align: center; border-bottom: 2px solid #b7b7b7; }
#jobs_panel .tab_content p .post_date_title { color: #b7b7b7; float: right;}
#jobs_panel .tab_content ul { padding: 0; margin: 0; list-style-type: none; clear: both;}
#jobs_panel .tab_content ul li { padding: 12px 0px; border-bottom: 2px solid #b7b7b7; font-size: 16px; font-weight: 400; }
#jobs_panel .tab_content .more_link { text-decoration: none; display: block; text-align: right; margin: 8px 0px 5px 0; color: #2bbba0; font-weight: 700;}
#jobs_panel .tab_content .more_link:hover { text-decoration: underline;}
#jobs_panel .tab_content .title { text-decoration: none; color: #333; }
#jobs_panel .tab_content .title:hover { text-decoration: underline;}
#jobs_panel .tab_content .post_date { color: #333; float: right;}
#featured_employer_box { border: 1px solid #aaa; padding: 6px 15px 10px; padding: 8px 15px 10px \9; width: 180px;}
#featured_employer_box h3 { color: #3B5998; font-weight: bold; margin: 0; padding: 0 0 5px 0; padding: 0 0 7px 0 \9; border-bottom: 1px solid #ccc; font-size: 14px; line-height: 16px; }
#featured_employer_box .logo { margin: 18px 0; text-align: center;}
#featured_employer_box img { border: 0;}
#featured_employer_box .see_also { margin: 0; padding: 20px 0; border-top: 1px solid #ccc; color: #999;}
#featured_employer_box .more_link { color: #3687EB; text-decoration: none; text-align: right; margin-top: 16px}
/* #3B5998 */ .blocking { display: block;}
/* Footer */ #footer #footerCopyright { padding-bottom:0px;}


.menu ul#topnav li:first-child + li, *[lang=zh-HK] .menu ul#topnav li:first-child + li, .menu ul#topnav li:nth-child(2), *[lang=zh-HK] .menu ul#topnav li:nth-child(2){ width: unset; padding-right: 35px; }
.menu ul#topnav li:first-child + li + li, *[lang=zh-HK] .menu ul#topnav li:first-child + li + li, .menu ul#topnav li:nth-child(3), *[lang=zh-HK] .menu ul#topnav li:nth-child(3) { width: unset; padding-right: 35px; }
.menu ul#topnav li:first-child + li + li + li, .menu ul#topnav li:nth-child(4) { background: url(/images/header/arrow_MenuBar.png) 150px 18px no-repeat; width: unset; padding-right: 35px; }
*[lang=zh-HK] .menu ul#topnav li:first-child + li + li + li, *[lang=zh-HK] .menu ul#topnav li:nth-child(4) { background: url(/images/header/arrow_MenuBar.png) 116px 18px no-repeat; width: unset; padding-right: 35px; }
.menu ul#topnav li:first-child + li + li + li + li, *[lang=zh-HK] .menu ul#topnav li:first-child + li + li + li + li, .menu ul#topnav li:nth-child(5) *[lang=zh-HK] .menu ul#topnav li:nth-child(5) { width: unset; padding-right: 35px; }