﻿/*-- jobDetail.aspx BEGIN --*/#rhead_box { text-align: left;}
#rhead_box .box_wrapper { padding: 30px 20px 20px 20px; /*border-bottom: 5px #81a950 solid; */}
#rhead_box .box_wrapper img {height: 70px;}
.jd {width: 1000px; margin: 0 auto; padding: 0; text-align: left; box-shadow: -3px 0px 3px #e8e8e8, 3px 0px 3px #e8e8e8; border-left: solid 1px #f1f1f1; border-right: solid 1px #f1f1f1;}
.jd .job-action-bar .apply-job {width: 114px;height: 48px;font-size: 0;line-height: 48px;border: none;cursor: pointer; margin-top: 1px;background: url('/images/jobseeker/Apply.png') no-repeat scroll 0 0;}
.jd .job-action-bar .apply-job:hover {/*background-position: 0 -30px;*/background: url('/images/jobseeker/Apply_hover.png') no-repeat scroll 0 0;}
.jd .job-action-bar .apply-job:active {/*background-position: 0 -30px;*/background: url('/images/jobseeker/Apply_click.png') no-repeat scroll 0 0;}
*[lang=zh-HK] .jd .job-action-bar .apply-job {/*width: 114px;height: 48px;font-size: 0;line-height: 48px;border: none;cursor: pointer;*/background-image: url('/images/jobseeker/zh-hk/Apply_chi.png');}
*[lang=zh-HK] .jd .job-action-bar .apply-job:hover {background-image: url('/images/jobseeker/zh-hk/Apply_chi_hover.png');}
*[lang=zh-HK] .jd .job-action-bar .apply-job:active {background-image: url('/images/jobseeker/zh-hk/Apply_chi_click.png');}
.jd .jd-ad-container { margin:20px;}
.jd .jd-ad-container:after { content:" "; display:block; clear:both; visibility:hidden; height:0; line-height:0;}
.jd .jd-ad-container .jobDetail_leftPane { width: 670px; float: left; text-align: left; min-height: 365px;}
.jd .jd-ad-container .jobDetail_leftPane_center { width: 670px; margin: 0 auto;}
.jd .jd-ad-container .jd-other-job { width: 275px; margin-bottom: 20px; float: right; text-align: left;}
.jd .jd-custom-banner-container {}
.jd .jd-custom-banner-container div img { border: 0;}
.jd .jd-custom-banner-container.a { width: 275px; float: right; border: solid 1px #E2E2E2;}
.jd .jd-custom-banner-container.a div + div { margin-top: 20px;}
.jd .jd-bottom {margin:30px 0 0 0;  border-top: 3px #81a950 solid; font-size:12px;text-align: justify; line-height: 13px;}
.jd .jobDetail_bottomText { margin:0 0 0 0; padding:15px; color:#888; font-size:10px;text-align: justify; line-height: 13px;}
.jd .jobDetail_bottomText a { color: #888;}
.jd .jd-disclaimer { text-align:right;}
.jd .jd-disclaimer input { padding:0; border:0; background: none; font-size:13px; color: #0054a2; font-weight: bold; text-decoration:none; cursor:pointer }
.jd .jd-disclaimer input:hover { text-decoration:underline;  }
/* visitor apply */.jd .va { margin-top: 15px; border: 1px solid #ccc; padding: 12px; border-radius: 4px;}
.jd .va > h2 { line-height: 100%;}
.jd .va #applyWrapper { width: auto;}
.jd .va #applyWrapper dl dt { width: 130px;}
.jd .va .editor { min-width:500px;}
/* member apply */.jd .ma { margin-top: 15px; border: 1px solid #ccc; padding: 12px; border-radius: 4px;}
.jd .ma #fullContent { width: auto;}
.jd .ma #fullContent > h2 { line-height: 100%;}
.jd .ma .apply-content{ width: 644px; margin-left: 0px;}
.jd .ma .apply-content .apply-email-header { display: none;}
.jd div.extendable { float: left; height: 32px; margin: 5px 0 5px 200px; cursor: pointer; position: relative; }
.jd div.extendable .closeButton { position: absolute; top: 3px; right: 5px; cursor: pointer; display: none; z-index: 100; }
.jd .jobDetail_expiredDiv { padding: 0px 7px;color: #FF3300;}
.jd .jobDetail_expiredDiv_JobCat { color: #FF3300; text-decoration: underline;}
.jd .jobDetail_noOnlineApplyDiv { padding: 0px 7px; color: #999999; }
/*-- jobDetail.aspx END --*//* Social Media Icons - STRAT - */.addthis_24x24_style a, .addthis_24x24_style a:hover { text-decoration: none; }
.addthis_24x24_style .social-media-icons { width: 30px; height: 30px; margin-right: 5px; }
.addthis_24x24_style .print:hover { filter: invert(57%) sepia(98%) saturate(322%) hue-rotate(119deg) brightness(89%) contrast(88%); -webkit-filter: invert(57%) sepia(98%) saturate(322%) hue-rotate(119deg) brightness(89%) contrast(88%); }
.addthis_24x24_style .save:hover { filter: invert(57%) sepia(98%) saturate(322%) hue-rotate(119deg) brightness(89%) contrast(88%); -webkit-filter: invert(57%) sepia(98%) saturate(322%) hue-rotate(119deg) brightness(89%) contrast(88%); }
.addthis_24x24_style .saved { filter: invert(57%) sepia(98%) saturate(322%) hue-rotate(119deg) brightness(89%) contrast(88%); -webkit-filter: invert(57%) sepia(98%) saturate(322%) hue-rotate(119deg) brightness(89%) contrast(88%); }
/* Social Media Icons - END - *//*-- addthis button BEGIN --*//*.addthis_24x24_style { height:24px;}
.addthis_24x24_style a { width:24px; height:24px;}
.addthis_24x24_style img, .addthis_24x24_style input {width: 24px;height: 24px;background: url(/images/jobseeker/jobSearchResult/btn_addthis.png) no-repeat;margin-top: 10px;}
.addthis_24x24_style .addthis_button_email img, .addthis_24x24_style .email { background-position:0 -96px !important;  }
.addthis_24x24_style .addthis_button_facebook img { background-position:0 -120px !important;  }
.addthis_24x24_style .addthis_button_sinaweibo img { background-position:0 -72px !important;  }
.addthis_24x24_style .addthis_button_expanded img { background-position:0 -144px !important;  }
.addthis_24x24_style .addthis_button_compact img { background-position:0 -144px !important;  }
.addthis_24x24_style .addthis_button_print img { background-position:0 -48px !important;  }
.addthis_24x24_style .save { background-position:0 0px !important;  }
.addthis_24x24_style .saved {  background-position:0 -24px !important;  }
.addthis_24x24_style .print { background-position:0 -48px !important;  }
*//*-- addthis button END --*//* \template\jobAd\JobDetail.ascx START */.jobad_content {line-height: normal;font-size: 12px;}
.jobad_content p { line-height: inherit;}
.jobad_content p { margin-top: 1em; margin-bottom: 1em; line-height: normal;}
.jobad_content ul { padding: 0 0 0 40px; margin: 12px 0; list-style-type: disc;}
.jobad_content ol { padding: 0 0 0 40px; margin: 12px 0; list-style-type: decimal;}
.jobad_content a { text-decoration: underline;}
.jobad_content strong { font-weight:bold; font-style: inherit;}
.jobad_content em, .jobad_content i { font-style: italic; font-weight: inherit;}
.jobad_jobDescHeadline { font-size: 13pt; font-weight:bold; line-height: 20px; height: 20px; padding-top: 10px; margin-bottom: 3px; color: #000;}
.jobad_summ { clear: both; line-height: 15px;}
.jobad_summLabel { float: left; font-size: 11px; width: 150px; margin-left: 4px; font-weight:bold; color: #333;}
.jobad_summText { font-size: 11px; margin-left: 153px; color: #333;}
.jobad_summ_headline { color: Black; font-weight: bold; font-size: 12px;}
.jobad_company_name { font-size: 16px; font-weight: bold; color: Black;}
.jobad_company_description { font-family: Arial, Helvetica, sans-serif; color: Black;}
.jobad_job_title { padding: 9px 8px; font-size: 18px; line-height: 18px; color: White; font-weight: bold; margin: 12px -8px; }
.jobad_footer_img_div { margin-top: 15px;}
.jobad_job_summary { font-size: 11px; line-height: 22px;}
ul.jobad_benefits_list { display: table; list-style-type: none; padding: 0; margin: 0;}
ul.jobad_benefits_list li { width: 238px; float: left;}
ul.jobad_benefits_list li img { vertical-align: middle; margin-right: 5px; width: 18px; height: 16px; }
/* \template\jobAd\JobDetail.ascx END *//* \template\jobAd\JobOtherOpenning.ascx START */
.jd .job_other_openning {border:solid 1px #E2E2E2 }
.jd .job_other_openning .green {/*color: #81a950;*/ color: #2BBBA0; font-weight: bold;}
.jd .job_other_openning .header { font-size: 14px; padding: 8px 12px; text-align: left; background-color:#f9f9f9; border-bottom:solid 1px #E2E2E2;}
.jd .job_other_openning .footer { position:relative; color: #333333; font-size: 12px; padding: 6px 12px; text-align: left; background-color:#f9f9f9; border-top:solid 1px #E2E2E2;}
.jd .job_other_openning  a {text-decoration: none; color:#333333; }
.jd .job_other_openning .previous {background: url('/images/jobseeker/btn_LRarrow_gray.png') no-repeat 0 0;width: 12px; height: 18px; border:0; }
.jd .job_other_openning .next {background: url('/images/jobseeker/btn_LRarrow_gray.png') no-repeat -14px 0px;width: 12px; height: 18px;  border:0;}
/* \template\jobAd\JobOtherOpenning.ascx END *//* NEW TEMPLATE STYLES - Basic */.ad-tpl-container .job-tpl-color {}
.jobad-tpl-container .job-tpl-border-color {}
.jobad-tpl-container .job-tpl-bg-color {}
.jobad-tpl-container .job-tpl-bg-color-alpha {}
.jobad-tpl-container { width:1000px; text-align:left; line-height:normal;}
.jobad-tpl-container .jobad-tpl-top { overflow:hidden;}
.jobad-tpl-container .jobad-tpl-body {}
.jobad-tpl-container .jobad-tpl-header-banner { min-height:20px;}
.jobad-tpl-container .jobad-tpl-header-banner img { display:block; margin:0 auto;}
.jobad-tpl-container .jobad-tpl-footer-banner {}
.jobad-tpl-container .jobad-tpl-footer-banner img { display:block; margin:0 auto;}
.jobad-tpl-container .jobad-tpl-logo {}
.jobad-tpl-container .jobad-tpl-logo a { display:block; border-style:solid; border-color:#f1f1f1; border-width:0 1px;}
.jobad-tpl-container .jobad-tpl-logo a img { display:block; min-height:50px;}
.jobad-tpl-container .jobad-tpl-company-t {}
.jobad-tpl-container .jobad-tpl-title-t {}
.jobad-tpl-container .jobad-tpl-summary {}
.jobad-tpl-container .jobad-tpl-summary ul li a {}
.jobad-tpl-container .jobad-tpl-bottom {}
.jobad-tpl-container .jobad-tpl-bottom .jobad-tpl-bottom-t { margin:0; padding:15px; color:#888; font-size:10px; text-align:justify; line-height:13px;}
.jobad-tpl-container .jobad-tpl-bottom .jobad-tpl-bottom-t a { color: #888;}
.jobad-tpl-container .jobad-tpl-disclaimer input[type=button] { color:#298eb9; border-style:none; font-weight:bold; text-decoration:none;}
.jobad-tpl-container .jobad-tpl-apply {}
.jobad-tpl-container .apply-job { cursor:pointer; font-size:18px;}
.jobad-tpl-container .apply-job[disabled] { cursor:default;}
.jobad-tpl-container .addthis_toolbox { width:150px;}
/* TEMPLATE - 3 */.tpl-3 { width:992px; border:4px solid #999;}
.tpl-3 .jobad-tpl-body { background:url('/images/jobseeker/template/ad-body-bg.gif') repeat-y scroll 10px 0; padding-bottom:12px;}
.tpl-3 .jobad-tpl-body .left { float:left; width:590px; min-width:550px !important; margin:20px 15px 0 20px;}
.tpl-3 .jobad-tpl-body .right { float:right; width:330px; margin:20px 0 0 0; padding:0 10px 0 20px;}
.tpl-3 .jobad-tpl-company { height:50px; margin-top:-50px; color:#fff; background-color:#000; position:relative;}
.tpl-3 .no-ad-header-banner.jobad-tpl-company { margin-top:0;}
.tpl-3 .jobad-tpl-company-t { font-size:18px; font-weight:bold; padding-top:6px; margin-left:210px;}
.tpl-3 .jobad-tpl-website-link { margin-left:210px;}
.tpl-3 .jobad-tpl-website-link a { color:#fff; text-decoration:none;}
.tpl-3 .jobad-tpl-website-link a:hover { text-decoration:underline;}
.tpl-3 .jobad-tpl-logo { position:absolute; bottom:0; left:20px;}
.tpl-3 .jobad-tpl-logo img { }
.tpl-3 .no-ad-logo .jobad-tpl-company-t,.tpl-3 .no-ad-logo .jobad-tpl-website-link { margin-left:20px;}
.tpl-3 .jobad-tpl-title .jobad-tpl-title-t { font-size:18px; font-weight:bold; float:left; width:420px;}
.tpl-3 .jobad-tpl-info { color:#666; float:right; font-size:11px;}
.tpl-3 .jobad-tpl-info .jobad-tpl-ref-no { margin-top:4px;}
.tpl-3 .jobad-tpl-header-banner { min-height:20px;}
.tpl-3 .jobad-tpl-header-banner img {max-width:992px; display:block;}
.tpl-3 .jobad-tpl-location { clear:both; padding-top:2px;}
.tpl-3 .jobad-tpl-location .locationLab td { padding-right: 15px; }
.tpl-3 .jobad-tpl-profile {}
.tpl-3 .jobad-tpl-profile h3 { font-size:18px;}
.tpl-3 .jobad-tpl-profile h3 span { font-weight:bold;}
.tpl-3 .jobad-tpl-profile .jobad-tpl-emp-ref { color:#666;}
.tpl-3 .jobad-tpl-profile .jobad-tpl-profile-t { margin-top:10px;}
.tpl-3 .jobad-tpl-industry { margin-top:20px;}
.tpl-3 .jobad-tpl-industry h3 { font-size:14px; font-weight:bold;}
.tpl-3 .jobad-tpl-industry span { display:block; margin-top:4px;}
.tpl-3 .jobad-tpl-benefit { margin-top:20px;}
.tpl-3 .jobad-tpl-benefit h3 { font-size:14px; font-weight:bold;}
.tpl-3 .jobad-tpl-benefit ul { margin-top:4px; display:table;}
.tpl-3 .jobad-tpl-benefit ul li { float:left; width:158px; padding-top:3px;}
.tpl-3 .jobad-tpl-benefit ul li span { padding-top:2px;}
.tpl-3 .jobad-tpl-summary { background-color:#eee; margin-top:20px; padding:15px 20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.tpl-3 .jobad-tpl-summary h3 { font-size:14px;}
.tpl-3 .jobad-tpl-summary ul { color:#666;}
.tpl-3 .jobad-tpl-summary ul li { margin-top:6px;}
.tpl-3 .jobad-tpl-summary ul li b { width:170px; display:inline-block;}
.tpl-3 .jobad-tpl-summary ul li a { color:#666;}
.tpl-3 .jobad-tpl-bottom { margin-top:20px;}
.tpl-3 .jobad-tpl-bottom .jobad-tpl-bottom-t { padding:0;}
.tpl-3 .jobad-tpl-disclaimer { margin-top:4px; text-align:right;}
.tpl-3 .jobad-tpl-disclaimer input[type=button] { cursor:pointer; background:none;}
.tpl-3 .jobad-tpl-disclaimer input[type=button]:hover { text-decoration:underline;}
.tpl-3 .jobad-tpl-apply { margin-top:20px;}
/*.tpl-3 .apply-job { background-color:#0E7FD9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.tpl-3 .apply-job:hover {-webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s;-ms-transition-duration: 0.35s;-o-transition-duration: 0.35s;transition-duration: 0.35s;}
*/.tpl-3 .apply-job  {background: url('/images/jobseeker/Apply.png') no-repeat scroll 0 0; width: 120px; height: 45px;font-size: 0px; line-height: 40px; border: none; cursor: pointer;}
.tpl-3 .apply-job:hover {background: url('/images/jobseeker/Apply_hover.png') no-repeat scroll 0 0;}
/*.tpl-3 .apply-job[disabled] { background-color:#ccc;}
*/.tpl-3 .apply-job[disabled]:hover { transition-duration:0s; cursor: hand; cursor: pointer;}
.tpl-3 .addthis_toolbox { float:right; display:inline; text-align:right; padding-top:3px; width: 220px; margin: 11px 0px 0px; }
.tpl-3 .jobad-tpl-more-jobs { margin-top:16px; padding-top:16px; border-top:1px solid #dfdfdf;}
.tpl-3 .job_other_openning { border-style:none;}
.tpl-3 .job_other_openning .header { font-size:14px; background-color:transparent; padding:0; margin:0; color:#000; border-bottom:none;}
.tpl-3 .job_other_openning .footer {}
/* TEMPLATE - 4 */.tpl-4 {}
.tpl-4 .jobad-tpl-top { border-top:3px solid #fff;}
.tpl-4 .jobad-tpl-body { width:860px; margin:0 auto; padding:8px 0 15px;}
.tpl-4 .jobad-tpl-info { text-align:right; margin: 2px 5px 2px 0; font-size:11px;}
.tpl-4 .jobad-tpl-info li { display:inline; margin-left:10px;}
.tpl-4 .jobad-tpl-info li:first-child { margin-left:0;}
.tpl-4 .jobad-tpl-logo { position:absolute; bottom:0; left:70px;}
.tpl-4 .jobad-tpl-title { margin:12px 0;}
.tpl-4 .jobad-tpl-title .jobad-tpl-title-t { font-size:18px; font-weight:bold;}
.tpl-4 .jobad-tpl-company { color:#fff; height:50px; margin-top:-50px; position:relative; background-color:#000; padding-left:0px;}
.tpl-4 .jobad-tpl-company-t {font-size:18px; font-weight:bold; padding-top:8px; margin-left:260px;}
.tpl-4 .jobad-tpl-website-link { margin-left:260px; }
.tpl-4 .jobad-tpl-website-link a { color:#fff; text-decoration:none;}
.tpl-4 .jobad-tpl-website-link a:hover { text-decoration:underline;}
.tpl-4 .no-ad-header-banner.jobad-tpl-company { margin-top:0;}
.tpl-4 .no-ad-logo .jobad-tpl-company-t,.tpl-4 .no-ad-logo .jobad-tpl-website-link { margin-left:70px;}
.tpl-4 .jobad-tpl-header-banner { margin-top:5px;}
.tpl-4 .jobad-tpl-footer-banner { margin-top:20px; margin-left:-70px;}
.tpl-4 .addthis_toolbox { position:absolute; margin:0; right:125px; top:0; width: 220px; margin: 11px 0px 0px;}
.tpl-4 .jobad-tpl-summary { background-color:#eee; width:560px; margin:20px auto 0; padding:15px 20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.tpl-4 .jobad-tpl-summary h3 { font-size:14px;}
.tpl-4 .jobad-tpl-summary ul { color:#666;}
.tpl-4 .jobad-tpl-summary ul li { margin-top:6px;}
.tpl-4 .jobad-tpl-summary ul li b { width:170px; display:inline-block;}
.tpl-4 .jobad-tpl-summary ul li a { color:#666;}
.tpl-4 .jobad-tpl-summary .locationLab table { display: inline; }
.tpl-4 .jobad-tpl-summary .locationLab td { padding-right: 15px; }
.tpl-4 .jobad-tpl-benefit {}
.tpl-4 .jobad-tpl-benefit b { float:left}
.tpl-4 .jobad-tpl-benefit ul { float:left; display:table;}
.tpl-4 .jobad-tpl-benefit ul li { float:left; width:180px; padding-top:2px; margin:0;}
.tpl-4 .jobad-tpl-benefit ul li span { padding-top:2px;}
.tpl-4 .jobad-tpl-more-jobs { margin:20px auto 0; width:600px;}
.tpl-4 .job_other_openning .header { display:none; height:0;}
.tpl-4 .jobad-tpl-apply { margin-top:20px; text-align:center; position:relative; min-height:24px; }
/*.tpl-4 .apply-job { background-color:#0E7FD9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.tpl-4 .apply-job:hover {-webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s;-ms-transition-duration: 0.35s;-o-transition-duration: 0.35s;transition-duration: 0.35s;}
*//*.tpl-4 .apply-job[disabled] { background-color:#ccc;}
*/.tpl-4 .apply-job[disabled]:hover { transition-duration:0s; cursor: hand; cursor: pointer;}
.tpl-4 .apply-job  {background: url('/images/jobseeker/Apply.png') no-repeat scroll 0 0; width: 120px; height: 45px;font-size: 0px; line-height: 40px; border: none; cursor: pointer;}
.tpl-4 .apply-job:hover {background: url('/images/jobseeker/Apply_hover.png') no-repeat scroll 0 0;}
.tpl-4 .jobad-tpl-bottom { margin-top:20px;}
.tpl-4 .jobad-tpl-bottom .jobad-tpl-bottom-t { padding:0; margin-top:15px;}
.tpl-4 .jobad-tpl-disclaimer { margin-top:4px; text-align:right;}
.tpl-4 .jobad-tpl-disclaimer input[type=button] { cursor:pointer; background:none;}
.tpl-4 .jobad-tpl-disclaimer input[type=button]:hover { text-decoration:underline;}


/* Start - COMMON - Job Detail Action Bar */
.jd .job-detail-action-bar {
    display: inline-block;
}

    .jd .job-action-bar .whatsapp,
    .jd .job-detail-action-bar .whatsapp {
        display: inline-block;
        padding: 12px 10px 10px;
        color: #fff;
        background-color: #11c246;
        font-weight: bold;
        font-family:Arial;
        font-size: 15px;
        border-radius: 4px;
        border: 0;
        line-height: 1.1em;
        text-decoration: none;
        cursor: pointer;
    }

        .jd .job-action-bar .action-bar .whatsapp .fa,
        .jd .job-detail-action-bar .whatsapp .fa {
            margin-right: 4px;
        }

        .jd .job-action-bar .whatsapp:hover,
        .jd .job-detail-action-bar .whatsapp:hover {
            background-color: #10b140;
            color: #fff;
            text-decoration: none;
        }


.tpl-3 .jobad-tpl-apply { display:flex; flex-direction:row; align-items:center;}
.tpl-3 .apply-job { flex: 1}
.tpl-3 .jobad-tpl-apply .job-detail-action-bar { flex: 2;}


.tpl-4 .jobad-tpl-apply { display:flex; flex-direction:row; align-items:center;}
.tpl-4 .apply-job { }
.tpl-4 .jobad-tpl-apply .job-detail-action-bar { flex: 2;}
.tpl-4 .addthis_toolbox { position:relative; top:0; left:0; right:0; flex: 2; text-align: right;}

/* End - Action Bar */