/* base style file
 *
 * 1、general
 * 2、layout
 * 3、header
 * 4、footer
 * 5、side bar
 * 6、crumNav
 * 7、tool bar
 * 8、pop modal
 * 9、tip information
 * 10、assistant
 * 11、error page
 * 12、style
 * 21、widget - general
 * 22、widget - button
 * 23、widget - tabs
 * 24、widget - box
 * 25、widget - table
 * 26、widget - subNav
 * 27、widget - dropdown list
 * 99、other
 * -------------------------------------------------- */

/* reset
 * -------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, ol, li,
form, label, fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    vertical-align: baseline;
}
html {
    font-size: 62.5%;
}
body {
    font-size: 1.2em;
}

.spec-html {
    background: none;
}

:focus {
    outline: 0;
}

ul, ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    padding: 10px;
    word-break: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/* common
 * -------------------------------------------------- */
html {
    background:url(/static/images_en/bgHtmlBottom.jpg?t=1) repeat;
    -webkit-text-size-adjust:none;
}

body {
    background:url(/static/images_en/bg.jpg?t=1) repeat;
    font-size:12px;
    color:#232323;
}

a {
    cursor:pointer;
    color:#0088cc;
    text-decoration:none;
}
a:hover {
    color:#00aaff;
}

input {
    border:none;
    vertical-align:middle;
    color:#333;
    line-height:22px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

input:disabled {
    color: rgb(84, 84, 84);
}

.headSelect select {
    padding:5px 2px;
    padding:4px 0\0/;
    _padding:6px 2px;
    position:absolute;
    width:138px;
    left:0;
    top:0;
    z-index:2;
    zoom:1;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    filter:alpha(opacity=0);
}

textarea {
    padding:5px;
    resize:none;
}

.clearfix {
    clear: both;
    overflow: hidden;
}

/**************btn style common start*****************/
.btns-group {
    margin-top: 20px;
    overflow: hidden;
}

.btns-group .floatL {
    margin-left: 40px;
}

.btns-group .floatR {
    margin-right: 40px;
}

.btn-common {
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

.btn-grey {
    background-color: #aaa;
}

.btn-grey:hover {
    background-color: #ddd;
    color: #fff;
}

.btn-disable {
    background-color: #ccc;
    cursor: default;
}

.btn-orange {
    background-color: #ff6633;
}

.btn-orange:hover {
    background-color: #ff8855;
    color: #fff;
}

.btn-blue {
    background-color: #0088cc;
}

.btn-blue.hover, /*for upload button in edit company page*/
.btn-blue:hover {
    background-color: #00aaff;
    color: #fff;
}

.btn-center {
    text-align: center;
}

.btn-center a.action-button-submit {
    float: none;
}

.btn-bottom-vertical {
    position: absolute;
    bottom: 0;
    right: 20px;
    float: none;
}

.btn .floatR {
    margin-left: 15px;
}

/**************btn style common start end *****************/

#PageWrapper {
    min-width: 1280px;
    position:relative;
}

#PageWrapper .bgTop {
    background:url(/static/images_en/bgTop.jpg?t=1) repeat-x;
    width:100%;
    height:330px;
    position:absolute;
    top:0;
    z-index:0;
}

#PageWrapper .bgBottom {
    background:url(/static/images_en/bgBottom.jpg?t=1) repeat-x;
    width:100%;
    height:320px;
    position:absolute;
    bottom:0;
    z-index:0;
}

#PageWrapper .wrapper {
    position:relative;
    min-height:660px;
    z-index:1;
}

#PageWrapper .homePage {
    background:url(/static/images_en/headerBg.jpg?t=2) repeat-x;
}

#Main {
    width:1002px;
    margin:auto;
    /*overflow:hidden;*/
    margin-top:33px;
}

#Header {
    width:100%;
    background:url(/static/images_en/headerBg.jpg?t=2) repeat-x;
    height:52px;
}

#Header .content {
    color:#bfbfbf;
    width:1002px;
    margin:auto;
    height: 100%;
    /*background: url(/static/image/christmas_header.png) -80px 0 no-repeat;*/
}

#Header .logo {
    background:url(../images_en/sprite_logo.png?t=1) no-repeat 0 0;
    width:178px;
    height:38px;
    float:left;
    margin-top:8px;
    position: relative;
    z-index: 100;
}

#Header ul{
    margin-top: 10px;
    padding: 0;
    position: absolute;
    right: 18px;
    z-index: 1000;
}

#Header ul li {
    padding:0 8px;
    line-height:29px;
    vertical-align:top;
    font-size:12px;
    display: inline-block;
}

#Header ul li.app-nav,
#Header ul li.widget-nav {
    height:29px;
}

#Header ul li.app-nav a .app-icon,
#Header ul li.widget-nav a .widget-icon {
    display: inline-block;
    margin-top: 1px;
    color: #fff;
    font-size: 22px;
}

#Header ul .sel {
    width:140px;
}

#Header ul li .button_disabled {
    margin-left:8px;
}

#Header ul li.operation-flags {
    margin-top: -20px;
}

#Header ul li.operation-flags div {
    display: flex;
    width: 191px;
}

#Header ul li.operation-flags a {
    display: inline-block;
    width: 90px;
    height: 96px;
    background: url(/static/image/client_landing/BG_badge.png);
}

#Header ul li.operation-flags a.flag-employers {
    margin-left: 10px;
}

#Header ul li.operation-flags a span {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    width: 90px;
    margin-top: 30px;
    padding-top: 20px;
    background: url(/static/image/client_landing/ICON_JobSeeker.png) 36px 0px no-repeat;
}

#Header ul li.operation-flags a span.employers {
    background: url(/static/image/client_landing/ICON_Employer.png) 36px 0px no-repeat;
}

.page-en #Header ul li.operation-flags a span.employers {
    line-height: 20px;
}

#Header ul li.sign-group {
    background: #ff6633;
    color: #FFF;
    margin: 0 8px;
    padding: 0px;
}

#Header ul li a.btnSubmit {
    padding: 0 15px;
}

#Header li a.asina_icon{
    background:url(/static/images_en/sina_logo.png) no-repeat center center;
    background-size: 29px 29px;
    width: 30px;
    height: 29px;
    display:block;
}

#Header li a.awebchat_icon{
    background:url(/static/images_en/icon_wechat.png) no-repeat center center;
    background-size: 29px 29px;
    width: 30px;
    height: 29px;
    display:block;
}

#Header li.hideLi{
    display:none;
}

#Header li.hotlineLi .share_popmenu_cont > div > span {
    color: #333;
    display: inline-block;
    line-height: 20px;
}

#Header li.hotlineLi .share_popmenu_cont > div > span.hotline {
    color: #ff6633;
    font-size: 14px;
    width: 136px;
}

#Header li.hotlineLi,
#Header li.shareLi{
    padding-left: 0;
}

#Header li .share_div{
    position: relative;
    background: url(/static/images_en/share_icon.png) no-repeat center center;
    width: 26px;
    height: 29px;
}

#Header li.hotlineLi .share_div {
    background: url(/static/images_en/sprite_logo.png) no-repeat -155px -60px;
}

#Header li .share_div:hover{
    cursor: pointer;
}

#Header li .share_div .share_popmenu {
    display: none;
    width: 214px;
    padding: 0;
    margin: 0;
    background: transparent;
    padding-bottom: 5px;
}

#Header li .share_div:hover .share_popmenu {
    display: block;
    position: absolute;
    top: 20px;
    right: -25px;
}

#Header li .share_div .share_popmenu .popmenu_icon{
    display: block;
    background: url(/static/image/list_assets.png?t=5) no-repeat -20px -142px;
    width: 22px;
    height: 15px;
    position: absolute;
    top: 18px;
    right: 25px;
}

#Header .rightNav ul li.sina {
    padding-top:4px;
    *padding-top:1px;
    padding-right:0;
}
#Header .rightNav ul li.sina a span {
    background:url(../images_en/sprite_logo.png?t=1) no-repeat -188px 0;
    width:20px;
    height:20px;
    float:left;
}
#Header .rightNav ul li.renren {
    padding-top:5px;
    *padding-top:2px;
}
#Header .rightNav ul li.renren a span {
    background:url(../images_en/sprite_logo.png?t=1) no-repeat -218px 0;
    width:20px;
    height:20px;
    float:left;
}

#Header .rightNav .app-nav {
    position: relative;
}

#Header .rightNav .app-nav div {
    margin-right: unset;
    float: unset;
    height: auto;
    box-sizing: border-box;
}

#Header .rightNav .app-nav .app-login-qr-code-popover {
    display: none;
    transform-origin: center top;
    position: absolute;
    top: 42px;
    left: -84px;
    z-index: 9999;
    color: #606266;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    text-align: justify;
    border: 1px solid #EBEEF5;
    background: #FFFFFF;
    padding: 0;
    background-color: #e6e6e6;
}

#Header .rightNav .app-nav .app-login-qr-code-popover .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 210px;
    padding: 20px;
}

#Header .rightNav .app-nav .app-login-qr-code-popover .content .qr-code-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 2px 10px -4px #626262;
}

#Header .rightNav .app-nav .app-login-qr-code-popover .content .qr-code-wrapper .app-login-qr-code {
    width: 86px;
}

#Header .rightNav .app-nav .app-login-qr-code-popover .content .title {
    margin-top: 10px;
    color: #303133;
    font-size: 12px;
    line-height: 18px;
    white-space: break-spaces;
    word-break: break-word;
}

#Header .rightNav .app-nav .app-login-qr-code-popover::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 98px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #e6e6e6;
    z-index: 9999;
}

/*
 * header festival style
 */
#Header .festival-container {
    width: 1002px;
    height: 110px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    /*background: url(//cdn.ajinga.com/ajinga-banner/2016-newyear-banner-pc.png) 145px 0 no-repeat;*/
}

#Header .festival-container .festival-image-1 {
    width: 63px;
    height: 110px;
    /*background: url(//cdn.ajinga.com/ajinga-banner/2016-newyear-pc-01.png) no-repeat;*/
    position: absolute;
    left: -80px;
    top: 0;
}

.share_popmenu .share_popmenu_body{
    margin-top: 30px;
    border: 1px solid #aaa;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
}
.share_popmenu .share_popmenu_body .share_popmenu_cont{
    margin: 10px 5px;
}
.share_popmenu .share_popmenu_body a{
    cursor: pointer;
    color: #0088cc;
    text-decoration: none;
}

.share_popmenu .share_popmenu_body a.share_item{
    display: inline-block;
    margin: 2px;
    margin-left: 7px;
    height: 30px;
    min-height: 30px;
    width: 30px;
}

.share_popmenu .share_popmenu_body a.item_qq_icon{
    background: url(/static/images_en/qq_share.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_qqzone_icon{
    background: url(/static/images_en/qzone_share.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_sina_icon{
    background: url(/static/images_en/weibo_share.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_wechat_icon{
    background: url(/static/images_en/wechat_icon.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_renren_icon{
    background: url(/static/images_en/renren_icon.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_qrcode_icon {
    background: url(/static/images_en/website-share/qr-code.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_facebook_icon {
    background: url(/static/images_en/website-share/facebook.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_messenger_icon {
    background: url(/static/images_en/website-share/messenger.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_linkedin_icon {
    background: url(/static/images_en/website-share/linkedin.png) no-repeat center center;
    background-size: 30px 30px;
}

.share_popmenu .share_popmenu_body a.item_whatsapp_icon {
    background: url(/static/images_en/website-share/whatsapp.png) no-repeat center center;
    background-size: 35px 35px;
}

#sina_QC_div{
    position: absolute;
    width: 305px;
    height: 305px;
    left: -50px;
    top: 37px;
}

#wechat_QC_div{
    position: absolute;
    width: 305px;
    height: 305px;
    left: -50px;
    top: 37px;
}

.wechat_QC{
    width: 300px;
    height: 300px;
    background:url(/static/images_en/wechat_code.jpg) no-repeat center center;
    background-size: 300px 300px;
}

.viewJobs {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -10px -478px;
    height:20px;
    line-height:20px;
    padding-left:28px;
    display:block;
    position:absolute;
    bottom:10px;
    right:172px;
    font-size:14px;
}

.on {
    display: block;
}

.dis {
    display: none;
}

/* don't use the button style,
 * please use the commonn style with class btns-group, btn-common, btn-orange, btn-blue,
 * please refine the btn style with the common btn class
*/
div.btn {
    padding: 0 20px;
}

th div.btn,
td div.btn {
    padding: 0px;
}

a.action-button {
    padding: 5px 10px;
    min-width: 44px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}

a.cancel-btn {
    background: #aaa;
}

a.cancel-btn:hover {
    background: #DDD;
}

a.action-button-submit {
    float: right;
    background: #0088cc;
}

a.action-button-submit:hover {
    background: #00aaff;
}

a.action-button-link {
    background: #ff6633;
    margin: 20px 10px 0 0;
}

a.action-button-link.disabled {
    background: #DDD;
    cursor: default;
}

a.action-button-link:hover {
    background: #ff8855;
}

a.action-button-link.disabled:hover {
    background: #DDD;
    cursor: default;
}

.form-btn a.action-button-link {
    margin: 0;
    float: right;
}

.reviewPop div.btn,
.popBox div.btn {
    margin-top: 20px;
    padding: 0;
}

.reviewPop div.btn > a,
.popBox div.btn > a {
    margin-left: 20px;
}

.red {
    color:#f66200;
}

.blue {
    color:#0088CC;
}

.btnRed,
.btnRed_disabled {
    display: inline;
    float: left;
    padding-left: 10px;
    background: #f46100;
    cursor: pointer;
}

.btnRed_disabled {
    background: #aaa;
    cursor: default;
}

.btnRed span,
.btnRed_disabled span {
    float: left;
    padding:0 10px 2px 0;
}

.btnRed_disabled span {
    cursor: default;
}

.btnRed a,
.btnRed_disabled a {
    overflow: hidden;
    float: left;
    padding: 0 5px;
    height:28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    vertical-align:middle;
}

.btnRed a:hover {
    color:#ffe6d6;
}

.btnRed_disabled a {
    color: #fff;
    font-weight:bold;
    cursor: default;
}

.btnBlue,
.btnBlue_disabled {
    display: inline;
    float: left;
    padding-left: 10px;
    background: #0088cc;
    cursor: pointer;
}

.new-btn {
    text-align: center;
}

.new-btnBlue,
.new-btnBlue_disabled {
    display: inline;
    padding: 6px 15px 10px 15px;
    background: #0088cc;
    cursor: pointer;
}

.new-btnBlue a,
.new-btnBlue_disabled a {
    overflow: hidden;
    height:28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    vertical-align:middle;
}
.btnBlue_disabled {
    background: #aaa;
    cursor: default;
}

.btnBlue span,
.btnBlue_disabled span {
    float: left;
    padding:0 10px 2px 0;
}

.btnBlue_disabled span {
    cursor: default;
}

.btnBlue a,
.btnBlue_disabled a {
    overflow: hidden;
    float: left;
    padding: 0 5px;
    height:28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    vertical-align:middle;
}

.btnBlue a:hover,
.new-btnBlue a:hover {
    color:#c0eaff;
}

.btnBlue_disabled a {
    color: #fff;
    font-weight:bold;
    cursor: default;
}

.new-btnGrey {
    background: #aaa;
    display: inline;
    padding-left: 10px;
    cursor:pointer;
    padding: 6px 15px 10px 15px;
}

.new-btnGrey span {
    cursor: default;
}

.new-btnGrey a {
    overflow: hidden;
    height:28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    vertical-align:middle;
    cursor:pointer;
}

.new-btnGrey a:hover {
    color:#fff;
}

.btnGrey {
    background: #aaa;
    display: inline;
    float: left;
    padding-left: 10px;
    cursor:pointer;
}

.btnGrey span {
    float: left;
    padding:0 10px 2px 0;
    cursor: default;
}

.btnGrey a {
    overflow: hidden;
    float: left;
    padding: 0 5px;
    height:28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    vertical-align:middle;
    cursor:pointer;
}

.btnGrey a:hover {
    color:#fff;
}
/********** don't use the button style end *************/

#Footer {
    height:40px;
    width:100%;
    margin-top:10px;
}

#Footer .content {
    width:1280px;
    margin:auto;
    color:#BFBFBF;
}

#Footer .content p {
    float:left;
    color:#666666;
    margin-left:10px;
}

#Footer .content ul {
    margin-left: 10px;
    float: left;
}

#Footer .content ul li {
    float:left;
    padding:0 8px;
}

#Footer .content p a img {
    vertical-align: -1px;
    width: 12px;
    height: 12px;
}

.input_110px,
.input_220px,
.input_230px,
.input_260px,
.input_350px,
.input_420px,
.input_440px {
    height:22px;
    padding:3px 5px;
    line-height:20px;
}

.input_110px {
    background:url(/static/images_en/sprite_widget.png?t=5) no-repeat -243px -418px;
    width:100px;
}

.input_220px {
    background:url(/static/images_en/sprite_widget.png?t=5) no-repeat -10px -117px;
    width:210px;
}

.input_230px {
    background:url(/static/images_en/sprite_widget.png?t=5) no-repeat -10px -165px;
    width:220px;
}

.input_260px {
    background:url(/static/images_en/sprite_widget.png?t=5) no-repeat -10px -213px;
    width:250px;
}

.input_350px {
    background:url(/static/images_en/sprite_widget.png?t=5) no-repeat -10px -261px;
    width:340px;
}

.input_420px {
    background:#F7F7F7;
    border:1px solid #B2B2B2;
    width:408px;
}

.input_440px {
    background:url(/static/images_en/sprite_widget.png?t=5) no-repeat -10px -309px;
    width:430px;
}

.input_220px_com {
    width:199px;
    color:#333;
    *color:#999;
    height:22px;
    line-height:20px;
    border:1px solid #AAA;
}

#join_button {
    background: #ff6633;
    line-height: 17px;
}

.errorText {
    color:red;
    text-align:left;
    margin-top:2px;
    font-size: 12px;
}

.login .errorText {
    width:350px;
}
.register .errorText {
    width:260px;
}
.errorBox {
    width:450px;
    margin:auto;
    margin-bottom:20px;
}
.errorBox .errorBox_T {
    background:url(/static/images_en/errorBox_T.png) no-repeat;
    width:450px;
    height:6px;
    font-size:0;
}
.errorBox .errorBox_M {
    background:url(/static/images_en/errorBox_M.png) repeat-y;
    width:430px;
    padding:5px 10px;
    overflow:hidden;
}
.errorBox .errorBox_M .error {
    background:url(/static/images_en/icon_error.png) no-repeat 0 2px;
    float:left;
    height:18px;
    line-height:19px;
    vertical-align:middle;
    padding:0 5px 0 23px;
    padding:0 5px 0 23px\0/;
}
.errorBox .errorBox_M span {
    color:#c60000;
}
.errorBox .errorBox_B {
    background:url(/static/images_en/errorBox_B.png) no-repeat;
    width:450px;
    height:6px;
}

.textarea_350px,
.textarea_420px,
.textarea_449px,
.textarea_490px {
    border:1px solid #b2b2b2;
    background:#f7f7f7;
}

.textarea_350px,
.textarea_420px,
.textarea_449px {
    float:right;
}

.textarea_350px {
    width:338px;
    height:110px;
}

.textarea_420px {
    width:408px;
    height:110px;
}

.textarea_449px {
    width:437px;
    height:110px;
}

.textarea_490px {
    height:185px;
}

.homeBgLine,
.layoutBottomLine {
    width:998px;
    height:33px;
    margin:0 auto;

}
.homeBgLine {
    background:url(/static/images_en/home_bg_line.png) no-repeat !important;
}

.layoutBottomLine {
    background:url(/static/images_en/layout_bottom_line.png?t=1) no-repeat;
    visibility: hidden;
}

.width_85px,
.width_110px,
.width_200px,
.width_211px,
.width_213px,
.width_220px,
.width_272px,
.width_420px,
.width_440px {
    font-size: 12px;
}

.width_85px {
    width:85px;
}

.width_110px {
    width:110px;
}

.width_200px {
    width: 207px;
}

.width_211px {
    width:211px;
}

.width_213px {
    width: 213px;
    padding:0 1px;
}

.width_220px {
    width:220px;
}

.width_250px {
    width: 250px;
}

.width_272px {
    width:272px;
}

.width_420px {
    width: 420px;
    padding:2px;
}

.width_440px {
    width: 440px;
}

.width_520px {
    width: 520px;
}

.floatL {
    float:left;
}
.floatR {
    float:right;
}

.hide_text_over_flow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=80);
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 250px;
    padding: 8px;
    color: #B5B5B5;
    text-align: left;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.apply {
    text-align:left;
    padding:10px 60px 0 60px;
    font-size:13px;
}

.apply b {
    font-weight:bold;
    color:#e45e00;
}

.login-register-common .apply {
    padding: 60px 30px 20px 30px;
    font-size: 16px;
}

.login-register-common .apply.single-job-group-tip {
    padding-top: 10px;
}

.login-register-common .apply > span.text {
    display: block;
    color: #666;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.login-register-common .apply-register-msg {
    margin: 0 10px;
    max-width: 70%;
    min-height: 150px;
}

.login-register-common .apply-register-msg.shorter {
    min-height: 60px;
}

.login-register-common .apply-register-msg .apply.single-job-group-tip {
    color: #F00;
}

.candidate-register .register .box1 .box_M {
    padding: 0;
}

.candidate-register .register_small .box1 .box_M .companyLogo {
    position: absolute;
    right: 40px;
    top: 20px;
}

.candidate-register .register_small .box1 .box_M .companyLogo img {
    height: 63px;
    margin-right: 0;
    max-width: none;
    max-height: none;
}

#tabs {
    min-height: 320px;
    margin-top: 40px;
}

#tabs .tabs-title {
    width: 90%;
    margin: 0 auto;
}

#tabs .tabs-title li {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    margin: 0 3%;
    width: 27%;
}

.page-en #tabs .tabs-title li {
    margin: 0 1%;
    width: 31%;
}

#tabs .tabs-title li a {
    color: #666;
    line-height: 30px;
    height: 30px;
    padding: 6px 0;
    font-weight: bold;
    font-size: 12px;
}

#tabs .tabs-title li a.on {
    border: 1px solid #ddd;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: none;
    margin-bottom: -2px;
    position: relative;
    z-index: 1;
    background: #fff;
    color: #000;
}

#tabs .tabs-title .icon {
    display: inline-block;
    width: 20px;
    height: 22px;
    vertical-align: middle;
    background-image: url(/static/image/icon_account.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

#tabs .tabs-title .tab-register .icon {
    background-position: 0 0px;
}

#tabs .tabs-title .tab-login .icon {
    background-position: -54px 0px;
}

#tabs .tabs-title .icon.thirdparty_icon_facebook {
    background-image: url(/static/image/icon_3rd_logo_fb_20x20.png);
    background-position: center;
    display: none;
}

#tabs .tabs-title .icon.thirdparty_icon_linkedin {
    background-image: url(/static/image/icon_3rd_logo_linkedin.png);
    background-position: center;
    display: none;
}

#tabs .tabs-title .icon.thirdparty_icon_51job {
    background-image: url(/static/image/icon_3rd_logo_51job.png);
    background-position: center;
    display: none;
}

#tabs .tabs-title .icon.thirdparty_icon_veryeast {
    background-image: url(/static/image/icon_3rd_logo_veryeast.png);
    background-position: center;
    display: none;
}

#tabs .tabs-title .icon.thirdparty_icon_zhaopin {
    background-image: url(/static/image/icon_3rd_logo_zhaopin.png);
    background-position: center;
    display: none;
}

#tabs .tabs-title .icon.thirdparty_icon_liepin {
    background-image: url(/static/image/icon_3rd_logo_liepin.jpg);
    background-position: center;
    display: none;
}

#tabs .tabs-title .icon.thirdparty_icon_jobstreet {
    background-image: url(/static/image/icon_3rd_logo_jobstreet.png);
    background-position: center;
    display: none;
}

#tabs .tabs-title .icon.animated,
#tabs .tabs-title .icon.animated {
    display: inline-block;
    animation: pop 1s linear 0s 1 alternate;
    -moz-animation: pop 1s linear 0s 1 alternate;
    -webkit-animation: pop 1s linear 0s 1 alternate;
    -o-animation: pop 1s linear 0s 1 alternate;
}

#tabs .tab-line {
    width: 94%;
    height: 1px;
    background-color: #ddd;
    margin: 0 auto;
}

#tabs .oversea-switch {
    width: 26%;
    display: inline-block;
    vertical-align: middle;
}

#tabs .oversea-switch label {
    margin: 40px auto;
    cursor: pointer;
    display: block;
    text-align: center;
}

#tabs .oversea-switch label .icon {
    width: 68px;
    height: 68px;
    display: block;
    background-image: url(/static/image/icon_location.png);
    background-repeat: no-repeat;
    margin: 0 auto 6px;
}

#tabs .oversea-switch label.mainland .icon {
    background-position: -110px 0;
}

#tabs .oversea-switch label.oversea .icon {
    background-position: -110px -99px;
}

#tabs .oversea-switch label.mainland.active .icon {
    background-position: 0 0;
}

#tabs .oversea-switch label.oversea.active .icon {
    background-position: 0px -99px;
}

#tabs .oversea-switch label.mainland .text,
#tabs .oversea-switch label.oversea .text {
    font-size: 14px;
    color: #666;
}

#tabs .oversea-switch label.mainland.active .text,
#tabs .oversea-switch label.oversea.active .text {
    color: #000;
}

#tabs .register-form-container {
    width: 74%;
    display: inline-block;
    vertical-align: middle;
}

#tabs-1,
#tabs-2,
#tabs-3 {
    width: 90%;
    margin: 0 auto;
}

#tabs-1 {
    min-height: 538px;
}

#tabs-2 {
    margin-top: 20px;
}

#tabs-3 {
    margin-top: 30px;
}

#tabs-3 label {
    font-size: 12px;
}

#tabs-3 .thirdparty {
    cursor: pointer;
}

.loginSubmitBtn {
    margin-left: 5px;
}

/* 8、pop modal
 * -------------------------------------------------- */
#Overlay,
.overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.overlayBg {
    background-color: #000000;
    opacity: 0.75;
    filter: Alpha(Opacity=75);
    z-index:1000;
}

.popDiv {
    left: 0;
    right: 0;
    margin: auto;
    position:fixed;
    top:80px;
    width: 588px;
    z-index:1001;
}

.popBox-loading {
    padding:560px 40px 20px 40px;
}

.popDiv #candidate_change_status_loading #candidate_change_status_loading_img {
    position: absolute;
    width:50px;
    height:50px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.popDiv_fixed {
    left: 30%;
    position:fixed;
    top:80px;
    width: 580px;
    z-index:1001;
}

.questionPopDiv {
    left: 30%;
    position:absolute;
    width: 580px;
    z-index:1001;
}

.popDiv1 {
    width:730px;
    left:22%;
}

.popDiv2 {
    background: url(/static/images_en/loading.gif) no-repeat;
    left: 50%;
    position:fixed;
    right: 50%;
    top:40%;
    width: 32px;
    height:32px;
    z-index:1001;
}

.popBox {
    background:#fff;
    padding:30px 40px 20px 40px;
}
.popBox2 {
    width:580px;
    background:#fff;
    overflow: hidden;
}
.popBox2 .title {
    overflow: hidden;
    height: 30px;
}
.popBox2 .title .close {
    float: right;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    margin: 10px 10px 0px 0px;
}
.popBox2 .title .close:hover {
    border: 1px solid #0088CC;
    color: #fff;
    background: #58aad3;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
}
.popBox1 {
    width:650px;
}
.popBox .btn {
    float:right;
    margin-top: 20px;
}
.popBox .btn .btnBlue,
.popBox .btn .btnBlue_disabled {
    margin-left:20px;
}
.popBox .btn span a,
.popBox .btn span a:hover {
    font-weight:normal;
}
.poptitle .candi-name {
    color: #0088CC;
}
.poptitle.popStyle {
    font-size: 13px;
}
.popStyle p {
    padding: 5px 0;
    line-height: 18px;
}
.introductionPop .popDiv {
    width:auto;
    left: 25%;
}
.introductionPop .popDiv .popBox {
    width:675px;
}
.introductionPop .popDiv .popBox .poptitle {
    font-size:16px;
}
.introductionPop .popDiv .popBox .title_detail {
    font-size:12px;
    line-height:18px;
    margin-top:10px;
}
.introductionPop .popDiv .popBox .content .underline_link {
    text-decoration:underline;
}
.introductionPop .popDiv .popBox .content {
    padding-left:35px;
    padding-top:10px;
}
.introductionPop .popDiv .popBox .content .img_zhaopin {
    background:url(../images_en/img_zhaopin.jpg) no-repeat;
    width:595px;
    height:233px;
    float:left;
}
.introductionPop .popDiv .popBox .content .img_51job_1 {
    width:595px;
    height:188px;
    float:left;
}
.introductionPop .popDiv .popBox .content .img_51job_2 {
    width:595px;
    height:178px;
    float:left;
}
.introductionPop .popDiv .popBox .btn {
    margin:20px 300px 10px 0;
}
.introductionPop .popDiv .popBox .content table {
    width:595px;
}
.introductionPop .popDiv .popBox .content table tr th {
    padding: 10px 0;
    width: 50px;
}

#mail_connect_div_show .popDiv {
    position: absolute;
}

/*******************************************************/
/* 12、style
 * -------------------------------------------------- */
 .banner {
    display: block;
    height: 498px;
    margin: 0 auto;
    width: 1002px;
}

.login,
.thirdparty-login {
    padding-left: 412px;
}

.login.login-small-bg,
.thirdparty-login.login-small-bg {
    padding-left: 322px;
}

.success {
    width:422px;
    min-height:458px;
    _height:550px;
    padding-left:412px;
}

.success .box1 .box_M {
    padding:40px 0 30px 0;
    min-height:360px;
    _height:360px;
}
.success .btn {
    margin:20px 0 60px 180px;
}
.vir_career .WeChat img {
    display:block;
    margin:0 auto;
    width:130px;
    height:130px;
}

.vir_career .discribe {
    width:500px;
}
.permission {
    background:url(/static/images_en/permission.png) no-repeat 60px 40px;
    width:270px;
    min-height:458px;
    padding-left:380px;
}
.permission .box1 .box_M {
    padding:30px 0;
    min-height:360px;
}
.notFound {
    background:url(/static/images_en/notFound.png) no-repeat 20px 30px;
    width:350px;
    min-height:458px;
    padding-left:400px;
}
.notFound .box1 .box_M {
    padding:30px 0;
    min-height:360px;
}

.register,
.thirdparty-login {
    background:url(/static/images_en/registerBg.png) no-repeat left 40px;
    width:590px;
    min-height:480px;
    _height:550px;
    padding-left:412px;
}

.register.register_small,
.thirdparty-login.login-small-bg {
    background:url(/static/images_en/registerSmallBg.png) no-repeat left 60px;
    padding-left: 322px;
}

.success.disney_success,
.register.disney_create_password {
    background: url(/static/images_en/Disney_registerSmallBg.png) no-repeat 45px 110px !important;
}

.login.disney_login,
.register.register_small.disney_apply_register,
.thirdparty-login.disney_login {
    background: url(/static/images_en/Disney_registerSmallBg.png) no-repeat left 60px !important;
}
.disney_apply_success{
    background: url(/static/images_ch/Disney_Donald.png) no-repeat left 30px;
}
.disney_apply_success .companyImg{
    max-width: 100px;
    max-height: 85px;
    height: auto !important;
}

/* for naked retreats on register page */
.naked-background {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.naked-background > img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: auto;
}
.naked-background #Main {
    margin-top: 0px;
}
.naked-background #Main .login-register-common {
    margin: 38px 0px 80px;
}
.naked-background .layoutBottomLine {
    display: none;
}

.login-register-common {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 2px #ccc;
    padding: 20px 0;
    width: 680px;
    position: relative;
    margin-top: 38px;
}

.register_small .register_left {
    overflow:hidden;
    border-right:1px solid #ccc;
    display: inline-block;
    vertical-align: top;
}

/*.register_small .register_right {
    float: right;
}
.register_small .register_right .third_login_title {
    font-size: 20px;
}

.register_small .register_right .third_login_div{
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.register_small .register_right .third_login_div a.third_login{
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-left: 10px;
    min-height: 30px;
}
.register_small .register_right .third_login_div a.qq_login_icon{
    background: url(/static/images_en/qq_share.png) no-repeat center center;
    background-size: 30px 30px;
    margin-left: 0;
}
.register_small .register_right .third_login_div a.sina_login_icon{
    background: url(/static/images_en/weibo_share.png) no-repeat center center;
    background-size: 30px 30px;
}
.register_small .register_right .third_login_div a.wechat_login_icon{
    background: url(/static/images_en/wechat_icon.png) no-repeat center center;
    background-size: 30px 30px;
}*/

.register_small .register_right p {
    font-size:14px;
    line-height:20px;
}

.login-small-bg .box1,
.register_small .box1 {
    width:713px;
}
.login-small-bg .box1 .box_T,
.register_small .box1 .box_T {
    background: url(/static/images_en/box1_T_big.png) no-repeat !important;
    width:713px;
}
.login-small-bg .box1 .box_M,
.register_small .box1 .box_M {
    background: url(/static/images_en/box1_M_big.png) repeat-y !important;
    width:713px;
}
.login-small-bg .box1 .box_B,
.register_small .box1 .box_B {
    background: url(/static/images_en/box1_B_big.png) no-repeat !important;
    width:713px;
}
.login-small-bg .box1 .box_M,
.register .box1 .box_M {
    padding:30px 0;
}

.gender_select {
    width: 164px;
    margin: 2px;
}

.box1 .box_M {
    position: relative;
}

.box1 .box_M .companyLogo {
    position: absolute;
    right: 10px;
    top: 0;
}
.box1 .box_M .companyLogo img {
    height: 40px;
    margin-right: 15px;
}

.login-register-common .company-logo {
    width: 150px;
    margin-right: 0;
    position: absolute;
    right: 40px;
    top: 40px;
}

.company-register .login-register-common .company-logo {
    height: auto;
    margin-right: 45px;
    max-width: 100px;
    max-height: 100px;
}

.register .table2 tr td {
    text-align:left;
    padding:10px 0;
    color:#666;
}

.register .agree, .register .checkBox {
    margin:10px auto;
    font-size:12px;
}

.register .agree input {
    margin: 0 2px 3px 0;
}

.register .checkBox .btnRed,
.register .checkBox .text {
    line-height:28px;
    margin-left:10px;
    float:right;
}

.agree .tosCheck {
    margin-left:1px;
    margin-top:0;
    position: absolute;
    left: -1000px;
    visibility: hidden;
}

.agree label {
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}

.page-en .register .agree label {
    vertical-align: top;
    width: 92%;
}

.page-en .register .agree label.checkbox {
    width: 12px;
}

.agree label.checkbox {
    font-weight: bold;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.agree .checkbox.checked {
    background: url(/static/image/icon_checkbox.png);
}

.register .table2 tr th {
    padding-right:20px;
    text-align:left;
    color:#555;
}

.register .table2 tr td.validation-td {
    padding-top: 0;
    width: 260px;
}

.register .table2 tr .verify-code-container {
    display: flex;
    align-item: center;
    width: 260px;
    background: unset;
    padding: 0;
}

.register .table2 tr .verify-code-container input {
    background: #f7f7f7;
    padding-left: 5px;
    width: 130px;
    border: 1px solid #ccc;
    box-shadow: -1px -1px 3px #ccc;
    height: 24px;
    margin-right: 8px;
}

.register .table2 tr .verify-code-container div {
    flex: 1;
    color: var(--custom_color, #ff6633) !important;
    cursor: pointer;
    line-height: 26px;
    text-align: center;
    border: 1px solid var(--custom_color, #ff6633);
    height: 26px;
}

.register .table2 tr .verify-code-container .disable {
    pointer-events: none;
    color: #999;
}

.register .table2 .area-code-container {
    display: flex;
    padding: 0;
    width: 260px;
}

.register .table2 .area-code-container .select {
    position: relative;
    width: 85px;
    margin-right: 8px;
}

.page-zh-cn .register .table2 .area-code-container .select {
    width: 80px;
}

.register .table2 .area-code-container .arrow-icon {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 12px;
    border: 7px solid;
    border-color: #ccc transparent transparent transparent;
    cursor: pointer;
}

.register .table2 .area-code-container .arrow-icon::after {
  	content: '';
    position: absolute;
    top: -9px;
    left: -7px;
    border: 7px solid;
    border-color: #f7f7f7 transparent transparent transparent;
}

.register .table2 .area-code-container .select input {
    border: 1px solid #ccc;
    box-shadow: -1px -1px 3px #ccc;
    width: 100%;
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 3px 5px;
}

.register .table2 .area-code-container .select .option {
    position: absolute;
    padding: 0 10px;
    margin-top: 2px;
    max-height: 230px;
    overflow: auto;
    background-color: #fff;
    box-shadow: -1px -1px 3px #ccc;
    z-index: 1;
}

.register .table2 .area-code-container .select .option > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 160px;
    max-width: max-content;
    cursor: pointer;
    margin: 5px 0;
}

.register .table2 .area-code-container .mobile-country-code {
    position: relative;
    border: unset;
    background-color: #f7f7f7;
    font-size: 12px;
    width: 80px;
    height: 26px;
    text-align: center;
    color: #666;
    margin-right: 8px;
    border: 1px solid #ccc;
    box-shadow: -1px -1px 1px #ccc;
}

.register .table2 .area-code-container .mobile-country-code + div {
    border: 1px solid #ccc;
    box-shadow: -1px -1px 1px #ccc;
    background-color: #f7f7f7;
}

.register .table2 .input-place {
    position: relative;
    width: 260px;
    border: 1px solid #ccc;
    box-shadow: -1px -1px 3px #ccc;
    box-sizing: border-box;
}

.register .table2 .input-place input {
    width: 100%;
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 3px 5px;
}

.register .table2 .input-place.mobile {
    flex: 1;
}

.register .table2 .input-place .placeholder {
    position: absolute;
    top: 0;
    left: 5px;
    line-height: 28px;
    color: #666;
    cursor: text;
}

.CompanyPF {
    min-height:674px;
    _height:674px;
    height:auto !important;
    overflow: hidden;
}

.companyStep1 {
    width:313px;
    min-height:674px;
    _height:674px;
    height:auto !important;
    padding-left:244px;
}
.companyStep1 .table2 {
    *width:510px;
    width:510px\0;
    width: 515px;
    margin: 0 0 0 100px;
    *margin: auto;
    margin: auto\0;
}
.companyStep2 {
    width:378px;
    min-height:556px;
    height:556px;
    height:auto !important;
    padding-left:244px;
}
.companyConfirm {
    padding-left:244px;
    min-height:556px;
    height:556px;
    height:auto !important;
    position:relative;
    overflow:hidden;
}

.companyConfirm .table2 {
    margin-top:30px;
}
.companyConfirm .table2 tr th {
    width:140px;
    vertical-align:top;
}
.companyConfirm .table2 tr td {
    text-align:left;
    padding:12px 0;
    color:#232323;
    vertical-align:top;
}
.candidateConfirm {
    padding-left:244px;
    position:relative;
    overflow:hidden;
}

.vendor-resume-confirm .candidateConfirm {
    padding-left:124px;
}

.candidateConfirm .bg_top, .companyConfirm .bg_top {
    left:0;
    top:120px;
    position:absolute;
}

.candidateConfirm .bg_bottom, .companyConfirm .bg_bottom {
    left:0;
    position:absolute;
}

.candidateConfirm h4 {
    padding-bottom: 10px;
    font-weight: bold;
    color: #666;
    width: 580px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    margin: 30px auto 20px auto;
}
.talentBoardbox .box_M .sideRight .profileTitle,
.candiprofile .box_M .sideRight .profileTitle {
    margin: 10px 20px;
    padding-bottom: 26px;
    font-weight: bold;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.candiprofile .box_M .sideRight .profileTitle .edit {
    float:right;
}
.profileTitle span {
    float:left;
}

.profileTitle a {
    margin-left: 50px;
    font-size: 12px;
}

.profileTitle .icon_comments {
    height:18px;
    float:right;
    margin-top: 5px;
    padding-left: 26px;
}

.comments {
    overflow:hidden;
    margin:0 20px;
}
.comments .one {
    padding:10px 2px;
    border-bottom:1px dotted #bbb;
}
.comments .one span {
    color: #555555;
    font-size: 12px;
    display:block;
    margin: 5px 10px;
}
.comments .one span b {
    margin-right:5px;
}
.comments .name {
    font-size:12px;
    color:#888;
}

.comments .name span {
    float:right;
}
.candidateInput {
    padding-left:244px;
    position:relative;
    overflow:hidden;
}

.candidateInput .bg_top {
    width:268px;
    left:0;
    top:120px;
    position:absolute;
}
.candidateInput .bg_bottom {
    width:215px;
    height:137px;
    left:0;
    position:absolute;
}

.candidateInput .box2 {
    position:relative;
}
.candidateConfirm .box2 {
    position:relative;
}
.candidateInput .table2 tr .btnUpload {
    text-align:left;
}
.candidateInput .table2 tr th {
    vertical-align:top;
    padding:18px 10px 15px 0;
}
.candidateInput .table2 tr td {
    padding:12px 0;
}
.candidateInput .table2 tr td .marginR {
    margin-right:10px;
}
.candidateInput .table2 tr td span {
    color:#666;
    font-size:12px;
}

.candidateInput .table2 .datepicker_start {
    float: left;
}

.candidateInput .table2 .datepicker_end {
    margin-left: 10px;
}
.requiredError {
    color:red;
}
.requiredError.start_date {
    color:red;
}
.candidateInput .table2 .job_operation {
    border-bottom: 1px solid #ccc;
}
.candidateInput #experience {
    margin-bottom: 0px;
}
.candidateInput .table2 tr .textareaTitle {
    vertical-align:top;
    width:150px;
}
.candidateInput .table2 .borderB th {
    border-bottom:1px solid #e5e5e5;
}
.candidateInput .table2 .borderB td {
    border-bottom:1px solid #e5e5e5;
}
.candidateInput .table2 tr td .add,
.candidateInput .table2 tr td .deleting {
    display:inline-block;
    width:348px;
    height:24px;
    line-height: 24px;
    border:1px solid #b2b2b2;
    text-align:center;
    position: relative;
}
.candidateInput .table2 tr td .add#add_job {
    border:1px solid #0088cc;
}
.candidateInput .table2 tr td .add .operate-icon,
.candidateInput .table2 tr td .add .operate-name {
    color: #0088cc;
}
.candidateInput .table2 tr td .add .operate-icon.icon-add,
.candidateInput .table2 tr td .add .operate-icon.icon-delete {
    background-image: url(/static/image/icon_add.png);
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left: 110px;
    top: 8px;
}
.candidateInput .table2 tr td .add .operate-icon.icon-delete {
    background-image: url(/static/image/icon_delete.png);
}
.candidateInput .table2 tr td .add .operate-icon:hover,
.candidateInput .table2 tr td .add .operate-name:hover {
    color: #00aaff;
}
.candidateInput .table2 tr td .delete .operate-name,
.candidateInput .table2 tr td .delete .operate-name:hover {
    color: #666;
}
.candidateInput .table2 tr td .delete,
.candidateInput .table2 tr td .delete .operate-icon {
    color: #666;
}
.candidateInput .table2 tr td .delete .operate-icon:hover {
    color: #666;
}
.candidateInput .table2 tr td .deleting {
    border:0;
}
.candidateInput .table2 tr td a span.operate-icon {
    font-weight: bold;
    left: 110px;
}

.page-en .candidateInput .table2 tr td a span.operate-icon.icon-add,
.page-en .candidateInput .table2 tr td a span.operate-icon.icon-delete {
    left: 85px;
}

.candidateSurveyIntro {
    width:436px;
    min-height:682px;
    padding-left:244px;
}
.candidateSurveyIntro .infor {
    margin:60px 140px;
    overflow:hidden;
}
.candidateSurveyIntro .infor h4 {
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
}

.candidateSurveyIntro .infor p {
    color:#666;
    padding:10px 0;
}

.candidateSurveyIntro .infor .btnBlue {
    margin-top:20px;
    float:right;
}
.culture {
    width:660px;
    margin:auto;
    overflow:hidden;
    margin-top:5px;
}
.culture .slide {
    background:url(/static/images_en/cultureBg.jpg) no-repeat;
    width:215px;
    height:195px;
    float:left;
    margin:2px;
}

.culture .slide span {
    background:url(/static/images_en/numberBg.png) no-repeat left bottom !important;
    width:17px;
    height:18px;
    left:11px;
    top:80px;
    float:left;
    padding-left:3px;
    padding-top:2px;
    font-size:15px;
    font-weight:bold;
    position:absolute;
}
.culture .slide .image {
    position:relative;
}
.culture .slide .image img {
    width:190px;
    height:90px;
    margin:10px 11px 5px 11px;
    float:left;
    display:inline;
    position:absolute;
}

.culture .slide .text {
    width:190px;
    margin:auto;
    color:#666;
    position:relative;
    top:110px;
}

.pleasure {
    background: url(/static/images_en/pleasure2_big.png) no-repeat;
}
.safety {
    background: url(/static/images_en/safety2_big.png) no-repeat;
}
.power {
    background: url(/static/images_en/power2_big.png) no-repeat;
}
.order {
    background: url(/static/images_en/order2_big.png) no-repeat;
}
.results {
    background: url(/static/images_en/achievement_big.jpg) no-repeat;
}
.social {
    background: url(/static/images_en/social2_big.png) no-repeat;
}
.learning {
    background: url(/static/images_en/learning2_big.png) no-repeat;
}
.control {
    background: url(/static/images_en/control2_big.png) no-repeat;
}
.harmony {
    background: url(/static/images_en/harmony2_big.png) no-repeat;
}
.pleasure_small {
    background:url(/static/images_en/pleasure2_small.png) no-repeat;
}
.safety_small {
    background: url(/static/images_en/safety2_small.png) no-repeat;
}
.power_small {
    background: url(/static/images_en/power2_small.png) no-repeat;
}
.order_small {
    background: url(/static/images_en/order2_small.png) no-repeat;
}
.results_small {
    background: url(/static/images_en/achievement_small.jpg) no-repeat;
}
.social_small {
    background: url(/static/images_en/social2_small.png) no-repeat;
}
.learning_small {
    background: url(/static/images_en/learning2_small.png) no-repeat;
}
.control_small {
    background: url(/static/images_en/control2_small.png) no-repeat;
}
.harmony_small {
    background: url(/static/images_en/harmony2_small.png) no-repeat;
}
.composure {
    background: url(/static/images_en/composure.png) no-repeat;
}
.drive {
    background: url(/static/images_en/drive.png) no-repeat;
}
.leadership {
    background: url(/static/images_en/leadership.png) no-repeat;
}
.mentalagility {
    background: url(/static/images_en/mentalagility.png) no-repeat;
}
.organizing {
    background: url(/static/images_en/organizing.png) no-repeat;
}
.outgoing {
    background: url(/static/images_en/outgoing.png) no-repeat;
}
.resilience {
    background: url(/static/images_en/resilience.png) no-repeat;
}
.selling {
    background: url(/static/images_en/selling.png) no-repeat;
}
.servicing {
    background: url(/static/images_en/servicing.png) no-repeat;
}
.teamwork {
    background: url(/static/images_en/teamwork.png) no-repeat;
}
.cultureConfirm {
    background:url(/static/images_en/cultureConfirmBg.jpg) no-repeat;
    width:413px;
    height:224px;
    float:left;
    margin:2px;
}
.cultureConfirm .img {
    float:left;
    width:100%;
}
.cultureConfirm .text {
    width:391px;
    margin-top:15px;
    margin-left:10px;
    float:left;
}
.cultureConfirm .img .img_L {
    float:left;
    margin:10px 2px 0 10px;
    display:inline;
}
.cultureConfirm .img .img_R {
    float:right;
    margin:10px 10px 0 3px;
    display:inline;
}
.cultureConfirm .img .img_L .no_1 {
    width:253px;
    height:125px;
}
.cultureConfirm .img .img_R .no_2 {
    width:133px;
    height:60px;
    margin-bottom:5px;
}
.cultureConfirm .img .img_R .no_3 {
    width:133px;
    height:60px;
}
.step1 {
    background:url(/static/images_en/img_step1.jpg) no-repeat;
    width:660px;
    height:80px;
    margin:0 auto;
}
.step2 {
    background:url(/static/images_en/img_step2.jpg) no-repeat;
    width:660px;
    height:80px;
    margin:0 auto;
}
.step3 {
    background:url(/static/images_en/img_step3.jpg) no-repeat;
    width:660px;
    height:80px;
    margin:0 auto;
}
.candiStep1 {
    background:url(/static/images_en/img_candi_step1.jpg) no-repeat;
    width:660px;
    height:80px;
    margin:0 auto 20px auto;
}

.candiStep1 p {
    width:180px;
    float:left;
    margin-left:120px;
    _margin-left:60px;
    color:#d9d9d9;
    margin-top:28px;
}

.step1 p, .step2 p, .step3 p{
    width:150px;
    float:left;
    margin-left:50px;
    _margin-left:25px;
    color:#d9d9d9;
}

.step1 .two, .step2 .two, .step3 .two {
    margin-left:85px;
}
.step1 .three, .step2 .three, .step3 .three {
    margin-left:70px;
}
.candiStep1 .blue, .step1 .blue, .step2 .blue, .step3 .blue {
    color:#0088CC;
}
.candiStep1 .two {
    margin-left:160px;
}
.candiStep2 {
    background:url(/static/images_en/img_candi_step2.jpg) no-repeat;
    width:660px;
    height:80px;
    margin:0 auto;
}
.candiStep2 p {
    font-size:17px;
    font-weight:bold;
    width:180px;
    float:left;
    margin-left:120px;
    _margin-left:60px;
    color:#d9d9d9;
    margin-top:28px;
}
.candiStep2 .blue, .step1 .blue, .step2 .blue, .step3 .blue {
    color:#0088CC;
}
.candiStep2 .two {
    margin-left:160px;
}
.discribe.login_describe {
    text-align: center;
    width: 90%;
    padding: 0;
}

.postJob {
    width:546px;
    min-height:713px;
    padding-left:244px;
}
.postJob .table2 tr th {
    padding: 10px;
    vertical-align: top;
    width: 150px;
}

.postJob .table2 tr .selectOut {
    margin-left:2px;
}
.postJob .table2 tr td {
    padding:10px;
}

.postJob .table2 tr td .option {
    width:350px;
    overflow:hidden;
    float:right;
}
#Main .postJob .table2 tr td .option .last {
    margin-right:0;
}
.postJob .table2 tr td .option .option_small {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -10px -455px;
    margin-right:19px;
    width:104px;
    height:70px;
    float:left;
    display:block;
    position:relative;
}
.postJob .table2 tr td .option .option_small:hover {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -126px -455px;
}
.postJob .table2 tr td .option .active_small {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -244px -455px;
}
.postJob .table2 tr td .option .active_small:hover {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -244px -455px;
    cursor:default;
}
.postJob .table2 tr td .option .option_small i {
    margin-left: 30px;
    margin-top: 3px;
    width:43px;
    height:43px;
    float:left;
}
.postJob .table2 tr td .option .option_small p {
    top:46px;
    line-height:22px;
    text-align:center;
    color:#333;
    position:absolute;
    width:104px;
}
.postJob .table2 tr td .option .option_big {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -10px -535px;
    margin-right:20px;
    width:165px;
    height:100px;
    float:left;
    display:block;
    position:relative;
}
.postJob .table2 tr td .option .option_big:hover {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -189px -535px;
}
.postJob .table2 tr td .option .active_big {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -10px -643px;
}
.postJob .table2 tr td .option .active_big:hover {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -10px -643px;
}
.postJob .table2 tr td .option .option_big i {
    margin-left: 45px;
    margin-top: 3px;
    width:71px;
    height:71px;
    float:left;
}
.postJob .table2 tr td .option .option_big p {
    top:73px;
    line-height:25px;
    text-align:center;
    color:#333;
    position:absolute;
    width:165px;
}
.postJob .table2 tr td .option .fresh {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -165px -581px;
}
.postJob .table2 tr td .option .experienced {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -219px -581px;
}
.postJob .table2 tr td .option .blue_collar {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -274px -581px;
}
.postJob .table2 tr td .option .vas {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -13px -644px;
}
.postJob .table2 tr td .option .ps {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -95px -644px;
}
.postJob .table2 tr .textareaTitle {
    vertical-align:top;
}

.jobCalibration {
    width:270px;
    padding-left:244px;
}

.jobCalibration .sortable {
    width:662px;
    overflow:hidden;
    margin:20px auto;
}
.jobCalibration .sortable .part {
    background:url(/static/images_en/jobCalibrationBoxBg.jpg) no-repeat;
    width:327px;
    height:175px;
    margin:0 2px;
    float:left;
    display:inline;
}
.jobCalibration .sortable .part .partL {
    float:left;
    width:225px;
    margin:15px 0;
    overflow:hidden;
}
.jobCalibration .sortable .part .partR {
    float:right;
    margin-right:10px;
    margin-top:35px;
    display:inline;
}
.jobCalibration .sortable .part .partL .image {
    width:70px;
    height:70px;
    margin:0 15px;
    _margin:0 10px;
    float:left;
}

.jobCalibration .sortable .part .partL .text {
    color:#666;
    width:125px;
    float:right;
}

.jobCalibration .sortable .part .partR ul li {
    padding:8px 0;
    color:#666;
}
.jobCalibration .sortable .part .partR ul li input {
    margin: 0 2px 2px 0;
    vertical-align: middle;
}


.homeBgLine_1 {
    background:url(/static/images_en/home_bg_line_1.png) no-repeat !important;
    width:922px;
    height:15px;
    margin:0 auto;
}
.downBox {
    width:1002px;
    overflow:hidden;
}
.sub {
    padding:20px 40px;
    overflow:hidden;
    min-height:430px;
    _height:430px;
    background:none;
    margin:20px auto 0 auto;
}
.subpage {
    overflow:hidden;
    _margin-bottom:40px;
}
.subpage .title {
    background:url(/static/images_en/titleLine.png) no-repeat left bottom !important;
    height:24px;
    width:180px;
    margin-bottom:20px;
}
.subpage h3 {
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    color:#444;
    text-align:center;
}
.subpage h4 {
    margin:20px 0;
    font-size:13px;
    font-weight:normal;
}
.subpage h5 {
    font-size:12px;
    font-weight:bold;
    padding:5px;
    background:#eee;
}
.subpage .btn {
    float:right;
    margin-top:20px;
}
.subpage .btn .button {
    margin-left:10px;
}
.subpage .btn .step2btn {
    margin-right:0;
}

.slide .sortable .pleasure .image-slot {
    background: url(/static/images_en/pleasure.jpg) no-repeat;
    width:100px;
    height:130px;
    float:left;
}
.slide .sortable .safety .image-slot {
    background: url(/static/images_en/safety.jpg) no-repeat;
    width:100px;
    height:130px;
    float:left;
}
.slide .sortable .power .image-slot {
    background: url(/static/images_en/power.jpg) no-repeat;
    width:100px;
    height:130px;
    float:left;
}
.slide .sortable .order .image-slot {
    background: url(/static/images_en/order.jpg) no-repeat;
    width:100px;
    height:130px;
    float:left;
}
.slide .sortable .results .image-slot {
    background: url(/static/images_en/achievement.jpg) no-repeat;
    width:100px;
    height:130px;
    float:left;
}
.slide .sortable .social .image-slot {
    background: url(/static/images_en/social.jpg) no-repeat;
    width:100px;
    height:130px;
    float:left;
}
.slide .sortable .learning .image-slot {
    background: url(/static/images_en/learning.jpg) no-repeat -50px -40px;
    width:100px;
    height:130px;
    float:left;
}
.slide .sortable .harmony .image-slot {
    background: url(/static/images_en/harmony.jpg) no-repeat;
    width:100px;
    height:130px;
    float:left;
}
.slide_small {
    float:right;
    margin-top:20px;
}
.slide_small .sortable .culture {
    cursor:move;
    float:left;
    margin-right:10px;
}
.slide_small .sortable .label {
    font-size:24px;
    color:#fff;
    font-weight:bold;
    text-shadow: 3px 3px 3px #000000;
}
.slide_small .sortable .text-slot {
    width:110px;
    float:right;
}
.slide_small .sortable {
    height:100px;
    margin-bottom:10px;
}
.slide_small .sortable .pleasure .image-slot {
    background: url(/static/images_en/pleasure.jpg) no-repeat;
    width:80px;
    height:100px;
    float:left;
}
.slide_small .sortable .safety .image-slot {
    background: url(/static/images_en/safety.jpg) no-repeat;
    width:80px;
    height:100px;
    float:left;
}
.slide_small .sortable .power .image-slot {
    background: url(/static/images_en/power.jpg) no-repeat;
    width:80px;
    height:100px;
    float:left;
}
.slide_small .sortable .order .image-slot {
    background: url(/static/images_en/order.jpg) no-repeat;
    width:80px;
    height:100px;
    float:left;
}
.slide_small .sortable .results .image-slot {
    background: url(/static/images_en/achievement.jpg) no-repeat;
    width:80px;
    height:100px;
    float:left;
}
.slide_small .sortable .social .image-slot {
    background: url(/static/images_en/social.jpg) no-repeat;
    width:80px;
    height:100px;
    float:left;
}
.slide_small .sortable .learning .image-slot {
    background: url(/static/images_en/learning.jpg) no-repeat -50px -40px;
    width:80px;
    height:100px;
    float:left;
}
.slide_small .sortable .harmony .image-slot {
    background: url(/static/images_en/harmony.jpg) no-repeat;
    width:80px;
    height:100px;
    float:left;
}
.calibration {
    width:700px;
    margin:0 auto;
}
.calibration .sortable {
    width:700px;
}
.calibration .sortable .culture {
    width:340px;
    cursor:auto;
}
.calibration .sortable .text-slot {
    float:left;
    margin-left:20px;
}
.calibration .sortable ul {
    float:right;
    margin-right:20px;
}
.calibration .sortable ul li {
    padding-bottom:15px;
}
.calibration .sortable ul li input {
    margin:0 2px 1px 0;
    vertical-align:middle;
}

.companyJobCenter .title {
    padding-left:15px;
    margin-top:20px;
}
.companyJobCenter .jobCenter {
    width:800px;
    margin:0 auto;
    overflow:hidden;
}
.jobCenter {
    padding:0 20px;
}
.jobCenter .jobCenterTitle {
    margin-bottom:20px;
    overflow:hidden;
}
.jobCenter h4{
    margin-bottom:0;
    float:left;
    margin-top:10px;
    margin-left:5px;
    font-size:13px;
    font-weight:bold;
}
.jobCenter .addJobBtn {
    float:right;
}
.pager {
    float:right;
    margin-top:20px;
}

.pager ul li {
    float:left;
    padding:0 3px;
    padding-bottom:3px;
    font-weight:bold;
}
.pager ul li .over {
    background:url(/static/images_en/pagerNumBg_hover.png) no-repeat !important;
}
.pager ul .txt .disabled {
    background:url(/static/images_en/pagerTxtBg_disabled.png) no-repeat !important;
}
.pager ul li a {
    background:url(/static/images_en/pagerNumBg.png) no-repeat !important;
    float:left;
    width:20px;
    height:17px;
    color:#fff;
    text-align:center;
    padding-top:3px;
}
.pager ul .txt a {
    background:url(/static/images_en/pagerTxtBg.png) no-repeat !important;
    float:left;
    width:45px;
    height:17px;
    color:#fff;
    text-align:center;
    padding-top:3px;
}
.pager ul .txt_disabled a, .pager ul .txt_disabled a:hover {
    background:url(/static/images_en/pagerTxtBg_Disabled.png) no-repeat !important;
    float:left;
    width:45px;
    height:17px;
    color:#fff;
    text-align:center;
    padding-top:3px;
}
.pager ul li a:hover {
    background:url(/static/images_en/pagerNumBg_hover.png) no-repeat !important;
    float:left;
    width:20px;
    height:17px;
    color:#fff;
    text-align:center;
    padding-top:3px;
}
.pager ul .txt a:hover {
    background:url(/static/images_en/pagerTxtBg_hover.png) no-repeat !important;
    float:left;
    width:45px;
    height:17px;
    color:#fff;
    text-align:center;
    padding-top:3px;
}
.companyPager {
    margin-left:320px;
}
.userImg {
    width:80px;
    height:120px;
    float:left;
    margin-left:40px;
    margin-top:10px;
}
.userImg span {
    text-align:center;
    width:80px;
    display:block;
    padding-top:10px;
    font-size:14px;
    font-weight:bold;
}
.item h3 {
    font-size:14px;
    font-weight:bold;
    margin:10px 0 20px 0;
}
.btnRed ins {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -276px -40px;
    width:22px;
    height:20px;
    float:left;
    margin-top:6px;
    margin-right:4px;
    display:inline;
}
.btnRed .icon_return {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -106px -260px;
    width:14px;
    height:13px;
    float:left;
    margin-top:8px;
    margin-right:5px;
}

.areaUp {
    border-bottom:1px solid #b2b2b2;
    padding-bottom:20px;
    overflow:hidden;
}
.areaUp p {
    font-size:13px;
    font-weight:bold;
    color:#666666;
}
.areaUp p .num {
    color:#232323;
    padding:0 2px;
}

.areaUp .btnRed {
    float:right;
}
.shortlist .areaUp .btnRed {
    margin: 0 0 10px 0;
}
.candiprofile .box_T h3 {
    font-size:22px;
    font-weight:bold;
    position:absolute;
    left: 290px;
    bottom:15px;
}
.areaUp .btnRed_disabled {
    margin-top:20px;
    float:right;
}
.areaSlide {
    overflow:hidden;
}
.areaSlide .title {
    margin-top:10px;
    margin-left:5px;
    overflow:hidden;
    width:100%;
}

.areaSlide .title h3 {
    float:left;
}

.areaSlide .title a {
    background:url(/static/images_en/icon_i.jpg) no-repeat;
    float:right;
    width:16px;
    height:16px;
    margin-top:2px;
}
.areaSlide .slider {
    width:236px;
    height:335px;
    margin-top:15px;
    position:relative;
}

.areaSlide .slider-basic {
    background: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid;
    width:225px;
    margin-top:15px;
    position:relative;
    border-color: #b2b2b2;
}
.areaSlide .slider .blueBar_lts {
    background:url(/static/images_en/sliderBar_blue.png) no-repeat;
    width:10px;
    height:138px;
    position:relative;
    float:left;
    margin:70px 0 0 66px;
    _margin:70px 0 0 35px;
}
.areaSlide .slider .blueBar_job {
    background:url(/static/images_en/sliderBar_blue.png) no-repeat;
    width:10px;
    height:138px;
    position:relative;
    float:left;
    margin:70px 0 0 48px;
    _margin:70px 0 0 45px;
}
.areaSlide .slider .blueBar_more {
    background:url(/static/images_en/sliderBar_blue.png) no-repeat;
    width:10px;
    height:138px;
    position:relative;
    float:left;
    margin:70px 0 0 45px;
    _margin:70px 0 0 45px;
}
.areaSlide .slider .blueBar_lts .greyBar_lts {
    background:url(/static/images_en/sliderBar_grey.png) no-repeat;
    width:10px;
    position:relative;
    float:left;
    bottom:0;
    left:0;
    height:85%;
}
.areaSlide .slider .blueBar_job .greyBar_job {
    background:url(/static/images_en/sliderBar_grey.png) no-repeat;
    width:10px;
    position:relative;
    float:left;
    left:0;
    bottom:0;
    height:60%;
}
.areaSlide .slider .blueBar_more .greyBar_more {
    background:url(/static/images_en/sliderBar_grey.png) no-repeat;
    width:10px;
    position:relative;
    float:left;
    left:0;
    bottom:0;
    height:30%;
}
.areaSlide .slider .greyBar_lts a,
.areaSlide .slider .greyBar_job a,
.areaSlide .slider .greyBar_more a {
    background:url(/static/images_en/controllBar.png) no-repeat !important;
    width:32px;
    height:25px;
    position:absolute;
    left:-10px;
    bottom:-13px;
}
.shortlist .box_T .button {
    float:right;
}

.shortlist .areaSlide .slider {
    width:221px;
    height:246px;
    margin-top:15px;
    position:relative;
}

.shortlist .areaSlide .slider.slider1.new {
    background: none;
    padding: 10px;
    border: 1px solid #adadad;
    border-radius: 10px;
    height: auto;
    width: 199px;
}

.shortlist .areaSlide .slider.slider1 {
    background:url(../images_en/sliderBg_mid1.png) no-repeat;
    width:221px;
    height:288px;
    margin-top:15px;
    position:relative;
}
.shortlist .areaSlide .slider .blueBar_lts {
    width:15px;
    height: 120px;
    position:relative;
    float:left;
    margin:5px 0 0 17px;
    background:none;
}
.shortlist .areaSlide .slider .blueBar_job {
    width:15px;
    height: 120px;
    position:relative;
    float:left;
    margin:5px 0 0 16px;
    background:none;
}

.shortlist .areaSlide .slider .blueBar_stl {
    width:15px;
    height: 120px;
    position:relative;
    float:left;
    margin:5px 0 0 21px;
    background:none;
}

.shortlist .areaSlide .slider.new .blueBar_lts {
    margin: 10px 0px 0px 38px;
}

.shortlist .areaSlide .slider.new .blueBar_job {
    margin-top: 10px;
}

.shortlist .areaSlide .slider.new .blueBar_stl {
    margin:10px 0 0 23px;
}

.shortlist .areaSlide .slider .blueBar_0 {
    background:url(/static/image/list_assets.png?t=5) no-repeat -395px -20px;
    width:17px;
    height:119px;
}
.shortlist .areaSlide .slider .blueBar_20 {
    background:url(/static/image/list_assets.png?t=5) no-repeat -422px -20px;
    width:17px;
    height:119px;
}
.shortlist .areaSlide .slider .blueBar_40 {
    background: url(/static/image/list_assets.png?t=5) no-repeat -448px -20px;
    width: 17px;
    height: 119px;
}
.shortlist .areaSlide .slider .blueBar_60 {
    background:url(/static/image/list_assets.png?t=5) no-repeat -474px -20px;
    width: 17px;
    height: 119px;
}
.shortlist .areaSlide .slider .blueBar_80 {
    background:url(/static/image/list_assets.png?t=5) no-repeat -500px -20px;
    width: 17px;
    height: 119px;
}
.shortlist .areaSlide .slider .blueBar_100 {
    background:url(/static/image/list_assets.png?t=5) no-repeat -526px -20px;
    width: 17px;
    height: 119px;
}
.shortlist .areaSlide .slider .bar_none {
    background:url(/static/image/list_assets.png?t=5) no-repeat -552px -20px;
    width: 17px;
    height: 119px;
}

.shortlist .areaSlide .slider.new .total {
    margin: 10px 0px 10px 0px;
}

.shortlist .areaSlide .slider .total {
    float:left;
    margin:20px 10px;
    width:95px;
}
.shortlist .areaSlide .slider .total h5 {
    text-align:center;
    color:#00a651;
    font-size:58px;
    font-weight:bold;
    line-height: 67px;
}
.shortlist .areaSlide .slider .total p {
    font-size:14px;
    color:#232323;
    text-align:center;
    margin:0 auto;
}

.shortlist .areaSlide .slider .total .icomoon-no_score {
    font-size: 45px;
    line-height: 67px;
    color: #aaa;
}

.shortlist .areaSlide .slider-basic .total {
    float:left;
    margin:20px 10px;
    width:200px;
}
.shortlist .areaSlide .slider-basic .total h5 {
    text-align:center;
    color:#00a651;
    font-size:75px;
    font-weight:bold;
}

.shortlist .sideLeft .areaSlide .culture_job {
    background:url(../images_en/sprite_widget.png?t=5) no-repeat -236px -357px;
}

.shortlist .areaSlide .slider-basic .total p {
    font-size:14px;
    color:#232323;
    font-weight:bold;
    width:100px;
    text-align:center;
    margin:0 auto;
}

.shortlist .areaSlide .slider.new .barArea {
    width: 100%;
    overflow:hidden;
}

.shortlist .areaSlide .slider.new .assessment-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.shortlist .areaSlide .slider.new .barArea .bar {
    width: calc((100% - 10px) / 2);
    float: left;
    border: 1px solid #adadad;
    box-sizing: border-box;
    border-radius: 10px;
}

.shortlist .areaSlide .slider.new .barArea .bar:last-child {
    margin-left: 10px;
}

.shortlist .areaSlide .slider.new .barArea.en .bar {
    min-height: 299px;
}

.shortlist .areaSlide .slider.new .bar-container {
    width: 100%;
}

.shortlist .areaSlide .slider .leftArea {
    float:left;
    width:105px;
    overflow:hidden;
}
.shortlist .areaSlide .slider .barArea .iconLink
.shortlist .areaSlide .slider .leftArea .iconLink{
    width:96px;
    height:32px;
    float:left;
    margin-left:10px;
}
.shortlist .areaSlide .slider .barArea .iconLink a,
.shortlist .areaSlide .slider .leftArea .iconLink a{
    width:32px;
    height:32px;
    float:left;
}

.shortlist .areaSlide .slider .barArea .iconLink .icon_culture_none,
.shortlist .areaSlide .slider .barArea .iconLink .icon_culture {
    margin-left: 12px;
}

.shortlist .areaSlide .slider .barArea .iconLink .icon_solving_none,
.shortlist .areaSlide .slider .barArea .iconLink .icon_solving {
    margin-left: 27px;
}

.shortlist .areaSlide .slider .barArea .iconLink .icon_culture,
.shortlist .areaSlide .slider .leftArea .iconLink .icon_culture {
    background: url(/static/image/list_assets.png?t=5) no-repeat -384px -155px;
}

.shortlist .areaSlide .slider .barArea .iconLink .icon_jobfit,
.shortlist .areaSlide .slider .leftArea .iconLink .icon_jobfit {
    background: url(/static/image/list_assets.png?t=5) no-repeat -430px -152px;
}
.shortlist .areaSlide .slider .barArea .iconLink .icon_solving,
.shortlist .areaSlide .slider .leftArea .iconLink .icon_solving {
    background: url(/static/image/list_assets.png?t=5) no-repeat -471px -155px;
}
.shortlist .areaSlide .slider .barArea .iconLink a.icon_culture_none,
.shortlist .areaSlide .slider .leftArea .iconLink a.icon_culture_none {
    background: url(/static/image/list_assets.png?t=5) no-repeat -382px -197px;
}
.shortlist .areaSlide .slider .barArea .iconLink a.icon_jobfit_none,
.shortlist .areaSlide .slider .leftArea .iconLink a.icon_jobfit_none {
    background: url(/static/image/list_assets.png?t=5) no-repeat -430px -194px;
}
.shortlist .areaSlide .slider .barArea .iconLink a.icon_solving_none,
.shortlist .areaSlide .slider .leftArea .iconLink a.icon_solving_none {
    background: url(/static/image/list_assets.png?t=5) no-repeat -471px -196px;
}

.talentBoardbox .areaSlide .slider-basic .total h5 {
    text-align:center;
    color:#00a651;
    font-size:75px;
    font-weight:bold;
}
.talentBoardbox .areaSlide .slider-basic .total p {
    font-size:14px;
    color:#232323;
    font-weight:bold;
    width:100px;
    text-align:center;
    margin:0 auto;
}

.talentBoardbox .areaDown {
    border-top: 1px solid #B2B2B2;
    margin-left: 5px;
    margin-top: 4px;
    padding: 20px 0 0 5px;
}

.areaDown ul li {
    padding:3px 0;
    color:#666;
    font-weight:bold;
}
.areaDetail .title {
    margin-bottom:10px;
    overflow:hidden;
    padding-bottom:10px;
    min-height: 20px;
}

.areaDetail .content {
    margin-bottom:10px;
    overflow:hidden;
}
.areaDetail .content p {
    margin:5px 0;
}

.areaDetail .title h3 {
    font-size:14px;
    width:180px;
    float:left;
    word-wrap: break-word;
}

.areaDetail .link {
    float:right;
    text-decoration:underline;
}
.areaDetail h4 {
    font-size:12px;
    margin-bottom:5px;
}
.areaDetail ul {
    margin:0 15px 0 20px;
}
.areaDetail ul li {
    padding:2px 0;
    color:#666;
    list-style-type: square;
}

.areaDetail ul li .first_condition {
    white-space:normal;
    word-wrap:break-word;
    width:193px;
    max-height: 144px;
    line-height:18px;
    overflow: hidden;
    float:right;
    margin-bottom:5px;
}
.candiBoardbox .box_T .area4 ul li {
    color:#666;
    padding-bottom:2px;
}
.shortlist .status {
    height:30px;
    line-height: 30px;
    background-color: #0296cc;
    margin-bottom: 20px;
}

.shortlist .status .loading {
    float: left;
    height: 30px;
    line-height: 33px;
    text-align: left;
    width: 135px;
}

.shortlist .status .loading .icon-img {
    line-height: 33px;
    text-align: left;
    background: url(/static/image/loading.gif) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.shortlist .status .download .icon-img {
    line-height: 33px;
    text-align: left;
    background: url(/static/image/list_assets.png) no-repeat -57px -17px;
    width: 21px;
    height: 25px;
    display: inline-block;
}

.shortlist .talent-pool-status .download p,
.shortlist .status #gen-candidate-report,
.shortlist .status #gen_shortlisted {
    display: inline-block;
    vertical-align: top;
}

.shortlist .status a.loading:hover p {
    cursor: default;
    font-weight: normal;
}
.shortlist .status .download {
    float: left;
    height: 30px;
    text-align: left;
    width: 135px;
}

.shortlist .status .area3 {
    position: relative;
}
.shortlist .status .area3 .dropdown-menu {
    position: absolute;
    right: -62px;
    top: 32px;
    z-index: 9999;
    padding: 15px 0 0 5px;
    background: url(/static/image/bg_dropdown.png) no-repeat;
    width: 253px;
    height: 182px;
    display: none;
}
.shortlist .status .area3 .dropdown-menu .group-list {
    height: 147px;
    overflow: auto;
    width: 98%;
}
.shortlist .status .area3 .dropdown-menu li {
    color:#333;
    padding:2px 0;
    font-size:13px;
    line-height:20px;
    cursor:pointer;
    position:relative;
    text-align: left;
    width: 100%;
}
.shortlist .status .area3 .dropdown-menu li:hover {
  text-decoration: none;
  background: #eee;
}
.shortlist .status .area3 .dropdown-menu li span {
    margin: 0 0px 0 5px;
}
.shortlist .status .area3 .dropdown-menu li.clear-all span ins {
    font-style: italic;
}
.shortlist .status .area3 .dropdown-menu li span ins {
    display:block;
    max-width: 190px;
    min-width: 80px;
    overflow:hidden;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.shortlist .status .area3 .dropdown-menu li span em {
    position:absolute;
    right:40px;
    top:3px;
    width: 50px;
    height:18px;
    text-align: right;
}
.shortlist .status .area3 .dropdown-menu li .icon_edit {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -234px -282px;
    width: 12px;
    height:12px;
    right:22px;
    top:7px;
    padding:0 1px;
    position:absolute;
}
.shortlist .status .area3 .dropdown-menu li .icon_edit:hover {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -282px -282px;
}
.shortlist .status .area3 .dropdown-menu li .icon_delete {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -255px -282px;
    width: 12px;
    height:12px;
    right:5px;
    top:7px;
    padding:0 1px;
    position:absolute;
}
.shortlist .status .area3 .dropdown-menu li .icon_delete:hover {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -303px -282px;
}

.shortlist .status .area1,
.shortlist .status .area-invite,
.shortlist .status .area3,
.shortlist .status .area4 {
    background: url(/static/image/indicator_dropdown.png) no-repeat 100% 20px;
}
.shortlist .status .dropdown {
    background: url(/static/image/indicator_dropdown.png) no-repeat 100% 20px;
}
.shortlist .candidate-upload .status .area1,
.shortlist .candidate-upload .status .area-invite,
.shortlist .candidate-upload .status .area3,
.shortlist .candidate-upload .status .area4 {
    background: url(/static/image/indicator_dropdown.png) no-repeat 100% 20px;
}
.shortlist .candidate-upload .status .dropdown {
    background: url(/static/image/indicator_dropdown.png) no-repeat 100% 20px;
}

.shortlist #profile-status .area3.selected-tab {
    background: none;
}

.shortlist .status .area3.selected-tab p {
    font-weight: bold;
}

.shortlist .multi-operation-btn .btn-multi-add {
    background: url(/static/image/icon_add.png) no-repeat 0px 3px;
}

.shortlist .multi-operation-btn .btn-multi-move {
    background: url(/static/image/icon_move.png) no-repeat 0px 3px;
}

.shortlist .multi-operation-btn .btn-multi-remove {
    background: url(/static/image/icon_remove.png) no-repeat 0px 3px;
}

.shortlist .status .area3 .dropdown-menu li.multi-operation-btn {
    border-top: 1px solid #aaa;
    margin: 0 10px;
    cursor: default;
    position: absolute;
    bottom: 7px;
    width: 89%;
}
.shortlist .status .area3 .dropdown-menu li.multi-operation-btn:hover {
    background: #fff;
}

.shortlist .status .area3 .dropdown-menu li.multi-operation-btn span {
    display: inline-block;
    margin: 0;
    color: #0088cc;
    cursor: pointer;
    padding-left: 15px;
}

.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-remove {
    width: auto;
}
.shortlist .status .area3 .dropdown-menu li.multi-operation-btn span:hover {
    font-weight: bold;
}
.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-add.disabled-btn,
.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-move.disabled-btn,
.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-remove.disabled-btn {
    cursor: not-allowed;
    color: #ccc;
}

.invite-finish-problem.disabled-btn {
    cursor: default;
    color: gray;
}

.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-add.disabled-btn {
    background: url(/static/image/icon_add_grey.png) no-repeat 0px 3px;
}

.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-move.disabled-btn {
    background: url(/static/image/icon_move_grey.png) no-repeat 0px 3px;
}

.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-remove.disabled-btn {
    background: url(/static/image/icon_remove_grey.png) no-repeat 0px 3px;
}

.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-add.disabled-btn:hover,
.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-move.disabled-btn:hover,
.shortlist .status .area3 .dropdown-menu li.multi-operation-btn .btn-multi-remove.disabled-btn:hover {
    font-weight: normal;
}

.shortlist .sta_3 .area1 {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -326px -558px;
    width:140px;
    height:40px;
    padding-left:40px;
    padding-top:31px;
    text-align:left;
    float:left;
}

.shortlist .sta_3 .area2 {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat 35px -360px;
    height:40px;
    padding-left:85px;
    padding-top:31px;
    text-align:left;
    float:left;
}
.shortlist .sta_3 .area3 {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -313px -354px;
    padding-left:80px;
    padding-top:31px;
    height:40px;
    text-align:left;
    float:right;
}

.shortlist .status a {
    color:#fff;
    float: left;
    text-align: center;
    border-right: 1px solid #fff;
}

.shortlist .candidate-upload .status a {
    width: 112px;
}

.shortlist .candidate-upload .status #candidate-upload-manager a {
    width: 114px;
}

.shortlist .status a:hover p {
    font-weight: bold;
    color:#fff;
}

.shortlist .status a:hover {
    color:#00AAFF;
}

.unchecked .area_1, .unchecked .area_2, .unchecked .area_3 .num, .unchecked .area_3 .LAH {
    Opacity:0.3;
    filter:Alpha(Opacity=30);
}
.tab {
    border-bottom: 1px solid #aaa;
}
.tab .tab-arrow-icon {
    background: url(/static/image/list_assets.png?t=5) no-repeat -20px -142px;
    width: 22px;
    height: 15px;
    position: absolute;
    bottom: -6px;
    display: none;
}

.tab .on .tab-arrow-icon {
    display: block;
}

.tab ul {
    zoom: 1;
    clear: both;
}
.tab ul:after {
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
    content: "";
}

.tab ul li:hover {
    color: #00aaff;
}
.tab ul li {
    line-height: 30px;
    display: inline;
    float: left;
    cursor: pointer;
    margin-right: 30px;
    position: relative;
}

.tab ul li .total-count {
    position: absolute;
    top: -12px;
    right: -30px;
    text-align: left;
    min-width: 30px;
}

.tab ul li.on {
    color: #0088cc;
}

.tab ul li.area_checkbox label {
    margin: 8px 0 0 0;
}
.tab ul li.area_checkbox span {
    position: relative;
    top: -3px;
    left: 2px;
}
.tab ul li.total-fit {
    float: right;
}
.tab ul li.total-fit label {
    cursor: pointer;
}
.null_checkbox {
    float: left;
    width: 20px;
    height: 34px;
}
.area_checkbox {
    float: left;
    line-height: 50px;
}
.area_checkbox input {
    position: absolute;
    z-index: -100;
    left: -1000000px;
}
.area_checkbox label {
    background: url(/static/image/checkbox_unselected.png) no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 20px 8px 0 0;
    cursor: pointer;
}

.area_checkbox.checked-container label {
    background: url(/static/image/checkbox_selected.png) no-repeat;
}
.oneLine {
    padding:15px 0;
    border-bottom:1px solid #e5e5e5;
    float:left;
    width: 100%;
    min-height: 100px;
    height: auto;
    position:relative;
}
.oneLine .area_1 {
    border-right:1px solid #e5e5e5;
    float:left;
    padding-right:10px;
    height: 100%;
}
.oneLine .image {
    float:left;
    margin-right:10px;
    width:50px;
    height:50px;
    margin-top:2px;
}
.oneLine .image p span {
    display:block;
    width:15px;
    height:18px;
    float:left;
    margin-right:1px;
}

.icon_invited {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -181px -260px;
}
.icon_favorited {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -156px -260px;
}
.icon_applied {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -131px -260px;
}
.icon_none {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -206px -260px;
}
.oneLine .text {
    width:200px;
    float:left;
}
.oneLine .text a {
    font-size:14px;
}
.oneLine .text .title {
    width:230px;
    overflow:hidden;
}
.oneLine .text .title h3 {
    float:left;
}

.oneLine .text .title .contact {
    background:url(/static/images_en/icon_contact_small.jpg) no-repeat;
    height:11px;
    float:right;
    margin-top:3px;
    font-weight:normal;
    padding-left:18px;
    vertical-align:middle;
    line-height:11px;
}

.oneLine .text p {
    overflow: hidden;
    word-wrap: break-word;
    line-height:18px;
    margin-top:5px;
}

.oneLine .infor {
    color:#666;
    padding: 4px 0 0 5px;
    float:left;
    width:185px;
}
.oneLine .infor .channel {
    line-height: 22px;
}
.oneLine .infor .channel ins{
    color:#0296cc;
    line-height: initial;
    text-align: center;
}
.oneLine .infor p {
    height: 16px;
    line-height:19px;
    padding: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oneLine .infor p ins {
    float:left;
    margin-right:3px;
    width: 20px;
    height:15px;
}
.oneLine .area_2 {
    position: relative;
    width: 110px;
    border-right:1px solid #e5e5e5;
    float:left;
    height: 100%;
}
.candidate-info .oneLine .area_2 {
    height: 112px;
}

.oneLine .area_2 .sliderSmall {
    background: url(/static/image/list_assets.png?t=5) no-repeat -600px -29px;
    width: 51px;
    height: 77px;
    float: left;
    position: relative;
}
.oneLine .area_2 .sliderSmall .blueBar_lts {
    position:relative;
    float:left;
    height: 90px;
}

.oneLine .area_2 .sliderSmall .blueBar_job {
    position:relative;
    float:left;
    left:12px;
    height: 90px;
}
.oneLine .area_2 .sliderSmall .blueBar_stl {
    position:relative;
    float:left;
    left:1px;
    height: 90px;
}
.oneLine .area_2 .sliderSmall .blueBar_0 {
    background: url(/static/image/list_assets.png?t=5) no-repeat -238px -20px;
    width: 9px;
    height: 59px;
}
.oneLine .area_2 .sliderSmall .blueBar_20 {
    background: url(/static/image/list_assets.png?t=5) no-repeat -258px -20px;
    width: 9px;
    height: 59px;
}
.oneLine .area_2 .sliderSmall .blueBar_40 {
    background: url(/static/image/list_assets.png?t=5) no-repeat -277px -20px;
    width: 9px;
    height: 59px;
}
.oneLine .area_2 .sliderSmall .blueBar_60 {
    background: url(/static/image/list_assets.png?t=5) no-repeat -298px -20px;
    width: 9px;
    height: 59px;
}
.oneLine .area_2 .sliderSmall .blueBar_80 {
    background: url(/static/image/list_assets.png?t=5) no-repeat -318px -20px;
    width: 9px;
    height: 59px;
}
.oneLine .area_2 .sliderSmall .blueBar_100 {
    background: url(/static/image/list_assets.png?t=5) no-repeat -338px -20px;
    width: 9px;
    height: 59px;
}
.oneLine .area_2 .sliderSmall .icon_culture_none {
    background: url(/static/image/list_assets.png?t=5) no-repeat -597px -114px;
    position: absolute;
    right: 36px;
    bottom: 0px;
    width: 18px;
    height: 18px;
}
.oneLine .area_2 .sliderSmall .icon_job_none {
    background: url(/static/image/list_assets.png?t=5) no-repeat -618px -114px;
    position: absolute;
    right: 15px;
    bottom: 0px;
    width: 18px;
    height: 18px;
}
.oneLine .area_2 .sliderSmall .icon_solving_none {
    position: absolute;
    right: -5px;
    bottom: 0px;
    width: 18px;
    height: 18px;
    background: url(/static/image/list_assets.png?t=5) no-repeat -638px -114px;
}
.oneLine .area_2 .sliderSmall .bar_none {
    background: url(/static/image/list_assets.png?t=5) no-repeat -358px -20px;
    height: 59px;
    width: 9px;
}

.oneLine .area_2 .avg-rating {
    width: 100%;
    margin-top: 10px;
}

.oneLine .area_2 .avg-rating div {
    color: #232323;
    line-height: 28px;
    font-size: 14px;
    float: left;
}

.oneLine .area_2 .avg-rating div.en {
    font-size: 12px;
}

.oneLine .area_2 .avg-rating h5 {
    margin-left: 7px;
    color: #00a651;
    font-size: 24px;
    font-weight: bold;
    float: left;
    line-height: 26px;
}

.oneLine .area_2 .total {
    float:left;
    width: 59px;
}
.oneLine .area_2 .total h5 {
    text-align:center;
    color:#00a651;
    font-size:29px;
    line-height:28px;
    margin-bottom:9px;
    font-weight:bold;
}

.oneLine .area_2 .total p {
    color:#232323;
    text-align:center;
    margin:0 auto;
}

.oneLine .area_2 .btn {
    position: absolute;
    left: 9px;
    bottom: 0;
    margin: 0;
    z-index: 998;
}
.oneLine .area_3 {
    padding-left:5px;
    float:left;
    width: 60px;
    position: relative;
    height: 90px;
    text-align: center;
}
.oneLine .area_3 p {
    color:#666;
}

.oneLine .area_3 .num {
    font-size:15px;
    font-weight:bold;
    color:#232323;
}
.oneLine .area_3 .candi-status {
    text-decoration: underline;
}
.oneLine .area_3 .candi-status img {
    margin-left: 3px;
    vertical-align: middle;
}
.oneLine .area_3 .LAH {
    margin:auto;
    height:11px;
    width:57px;
    margin-bottom:8px;
    margin-top:2px;
}
.oneLine .area_3 .LAH a {
    background:url(/static/images_en/icon_LAH_grey.jpg) no-repeat;
    width:17px;
    height:11px;
    line-height: 11px;
    vertical-align: middle;
    float:left;
    text-align:center;
    font-weight:bold;
    color:#fff;
    margin:0 1px;
}

.oneLine .area_3 .LAH .selected {
    background:url(/static/images_en/icon_LAH_blue.jpg) no-repeat;
    width:17px;
    height:11px;
    line-height: 11px;
    vertical-align: middle;
    float:left;
    text-align:center;
    color:#fff;
    margin:0 1px;
}

.applySuccess {
    margin:0 auto;
    font-size:16px;
    font-weight:bold;
    width:500px;
    margin:40px auto;
    overflow:hidden;
}
.applySuccess p {
    margin-bottom:20px;
}
.applySuccess .button {
    margin-left:100px;
}
.line {
    border-bottom:1px dotted #ccc;
    width:211px;
    margin:20px 0;
}
.confirm {
    width:800px;
    margin:0 auto;
    overflow:hidden;
}
.dot_green {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -363px -44px;
    float:left;
    width:15px;
    height:15px;
    margin-left:5px;
    display:inline;
}
.dot_red {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -338px -44px;
    float:left;
    width:15px;
    height:15px;
    margin-left:5px;
    display:inline;
}
.board_title {
    left: 302px;
    position: absolute;
    bottom: 15px;
    font-size:14px;
    color:#000;
}

.nav-do_fintness,
.nav-do_profile,
.nav-my_applications {
    display: inline-block;
    width: 80%;
}

.nav-do_profile_ico,
.nav-do_fintness_ico{
    display: inline-block;
    vertical-align: middle;
}

.nav-pending_jobs_number {
    padding-left: 6px;
    padding-right: 6px;
    color: white;
    vertical-align: middle;
    background-color:#ff6633;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    line-height: 20px;
}
.rightLink {
    position:absolute;
    right:11px;
    top:40px;
}
.rightLink .corner {
    background:url(/static/images_en/candiBoardBgTR.jpg) no-repeat;
    height:89px;
    width:101px;
    float:right;
    z-index:-1px;
}
.candi_survey h3 {
    margin:10px auto;
    text-align:center;
    font-weight:bold;
    width:500px;
    color:#666;
}

.candi_survey .title {
    width:750px;
    margin:20px 0 20px 38px;
    overflow:hidden;
}
.candi_survey .title span {
    background:url(/static/images_en/titleShadow.jpg) no-repeat right top;
    width:60px;
    height:59px;
    float:left;
    text-align:center;
    padding-top:22px;
    font-size:24px;
    margin-right:20px;
}
.candi_survey .title p {
    font-size:14px;
    color:#666;
    line-height:18px;
    padding-top:10px;
}
.candi_survey .box3 {
    width:902px;
}
.candi_survey .table3 {
    width:100%;
}
.candi_survey .table3 tr th {
    width:60px;
}

.candi_survey .table3 tr .first {
    width:auto;
    color:#232323;
    text-align:left;
}
.candi_survey .btnBlue {
    float:right;
}
.candi_survey_more .box3 {
    width:720px;
    margin:auto;
    margin-bottom:30px;
    overflow:hidden;
}
.candi_survey_more .table3 tr .last .left {
    float:left;
}
.candi_survey_more .table3 tr .last .right {
    float:right;
}

.candi_survey_more .table3 tr .first {
    padding:15px 20px;
}
.candi_survey_more .table3 tr .last {
    padding:15px 20px;
    width:355px;
}
.candi_survey_more .table3 tr .last input {
    width:12%;
}
.bottomArea {
    width:902px;
    overflow:hidden;
    position:relative;
}
.bottomArea .bottomImg {
    background:url(/static/images_en/bottomImg.jpg) no-repeat;
    width:298px;
    height:28px;
    margin:auto;
}
.bottomArea .btnGrey {
    position:absolute;
    left:0;
    top:0;
}
.bottomArea .btnBlue {
    position:absolute;
    right:0;
    top:0;
}
.aboutUs .slogan {
    background:url(/static/images_en/aboutUs_imgBg.png) no-repeat !important;
    width:873px;
    height:144px;
    margin:0 auto;
    padding:60px 40px 100px 40px;
}
.aboutUs .slogan p {
    font-size:27px;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    vertical-align:middle;
    line-height:144px;
    color:#f66200;
}
.aboutUs {
    width:980px;
    margin:0 auto;
}
.aboutUs .area {
    overflow:hidden;
    padding-bottom:40px;
    margin-top:20px;
}
.aboutUs .area h3 {
    font-size:27px;
    font-weight:bold;
    margin-bottom:10px;
}
.aboutUs .area p {
    color:#666;
    font-size:18px;
    font-weight:bold;
}
.aboutUs .area ul {
    width:980px;
    margin-top:30px;
    overflow:hidden;
}
.aboutUs .area ul .lastOne {
    padding-right:0;
}
.aboutUs .area .vison li {
    width:313px;
}
.aboutUs .area .culture li {
    width:230px;
}
.aboutUs .area .partners li {
    width:480px;
}
.aboutUs .area ul li {
    float:left;
    padding-right:20px;
}
.aboutUs .area ul li .img_big {
    height:108px;
    width:313px;
    float:left;
}
.aboutUs .area ul li .bigOne {
    width:108px;
    height:109px;
    float:left;
}

.aboutUs .area ul li .img_small {
    height:94px;
    width:230px;
    float:left;
}

.aboutUs .area ul li .beliefs {
    background:url(/static/images_en/beliefs.png) no-repeat !important;
}

.aboutUs .area ul li .challenge {
    background:url(/static/images_en/challenge.png) no-repeat !important;
}

.aboutUs .area ul li .sprout {
    background:url(/static/images_en/sprout.png) no-repeat !important;
}

.aboutUs .area ul li .img_small.customer_driven {
    background:url(/static/images_en/customer_driven.png) no-repeat !important;
}

.aboutUs .area ul li .img_small.collaboration {
    background:url(/static/images_en/collaboration.png) no-repeat !important;
}

.aboutUs .area ul li .img_small.innovation {
    background:url(/static/images_en/innovation.png) no-repeat !important;
}

.aboutUs .area ul li .img_small.fun {
    background:url(/static/images_en/fun.png) no-repeat !important;
}

.aboutUs .area ul li .img_reya {
    height:109px;
    width:480px;
    float:left;
}

.aboutUs .area ul li .img_china {
    height:109px;
    width:480px;
    float:left;
}

.aboutUs .area ul li .img_big span {
    display:block;
    font-size:18px;
    font-weight:bold;
    padding-top:40px;
}

.aboutUs .area ul li .img_small span {
    display:block;
    margin-left:104px;
    font-size:18px;
    font-weight:bold;
    padding-top:30px;
}
.aboutUs .area ul li .partnerInfor {
    display:block;
    margin-left:195px;
    font-size:18px;
    padding-top:15px;
    font-weight:bold;
}
.aboutUs .area ul li .partnerInfor h4 {
    margin-bottom:3px;
}
.aboutUs .area ul li .partnerInfor p {
    font-size:12px;
    font-weight:normal;
    color:#666;
    padding:1px 0;
}
.aboutUs .area ul li .text {
    float:left;
    font-size:15px;
    font-weight:normal;
    margin-top:10px;
}
.aboutLine {
    background:url(/static/images_en/line.png) no-repeat;
    width:956px;
    height:2px;
    margin:0 auto;
}
.contactUs {
    width:980px;
    min-height:480px;
    margin:0 auto;
    padding:60px 0 40px 80px;
    overflow:hidden;
}
.contactUs ul {
    margin-left:100px;
    float:left;
}
.contactUs ul li h3 {
    font-size:27px;
    font-weight:bold;
    margin-bottom:10px;
}
.contactUs ul li {
    padding:10px 0;
    font-size:
}
.contactUs ul li p {
    font-size:18px;
    padding-bottom:2px;
    font-weight:bold;
}
.contactUs ul li .grey {
    font-size:15px;
    color:#666;
    font-weight:normal;
}
.contactUs ul li a {
    font-size:15px;
}

.questionTest .box_M1 .title {
    border-bottom:1px solid #ddd;
    padding-bottom:5px;
    margin-bottom:10px;
    overflow:hidden;
}
.questionTest .box_M1 .title h3 {
    font-size:16px;
    color:#666666;
    float:left;
    font-weight:bold;
}

/*company, job detail page*/
#Main.company_detail_main,
#Main.job_detail_main {
    width: 100%;
    background: #FFF;
    margin-top: 0px;
    padding-top: 54px;
}
.company_job {
    background: #FFFFFF;
    margin: 20px auto 0;
    overflow: hidden;
    padding: 30px;
    width: 940px;
}
#Main.company_detail_main .company_job,
#Main.job_detail_main .company_job {
    margin: 0 auto;
    padding: 0px;
    width: 1000px;
}
.com_job_detail .title {
    border-bottom:2px solid #898989;
    overflow:hidden;
    padding:20px;
}
.com_job_detail .title img {
    height:60px;
    float:left;
}
.com_job_detail .title h3 {
    font-size:24px;
    padding-top:20px;
    margin-left:30px;
    float:left;
}
.com_job_detail .com_simple_intro{
    overflow: hidden;
}
.com_job_detail .com_title_detail{
    float: left;
    margin-left: 20px;
    color: #333;
}
.com_job_detail .com_logo_title img{
    border: 1px solid #f0f0f0;
    height: 200px;
    width: 200px;
    float: left;
}
.com_job_detail .com_title_detail h3{
    font-size: 28px;
}
.com_job_detail .com_title_detail .com_legal_name,
.com_job_detail .com_title_detail .com_attractive{
    font-size: 16px;
    margin-top: 10px;
}
.com_job_detail .com_title_detail .com_legal_name{
    font-size: 18px;
}

.com_job_detail .com_simple_intro .followBtnStyle,
.com_job_detail .com_simple_intro .unfollowBtnStyle {
    border: 1px dashed #f0f0f0;
    min-height: 140px;
    padding: 20px;
    font-size: 16px;
    overflow: hidden;
    text-align: center;
    float: right;
    color: #666;
    margin-top: 15px;
}

.com_job_detail .com_simple_intro .followBtnStyle p,
.com_job_detail .com_simple_intro .unfollowBtnStyle p {
    line-height: 24px;
    text-align: left;
    min-height: 88px;
}
.com_job_detail .com_simple_intro .followBtnStyle a,
.com_job_detail .com_simple_intro .unfollowBtnStyle a {
    margin: 10px 0 0 0;
    width: 140px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    cursor: pointer;
}
.com_job_detail .com_simple_intro .unfollowBtnStyle p b {
    color: #ff6633;
}
.com_job_detail .content{
    padding:20px;
    overflow:hidden;
    min-height:400px;
}
.com_job_detail .com_content{
    margin: 60px 0 10px 0;
    padding: 0;
    overflow: hidden;
    min-height: 200px;
}
.com_job_detail .content .com_intro{
    margin: 20px 20px 40px 30px;
}
.com_job_detail .content p {
    line-height:22px;
    font-size:14px;
    padding:10px 0;
    color:#666;
}
.com_job_detail .com_content p {
    font-size: 18px;
    padding: 0;
    color: #333;
}
.com_job_detail .content strong {
    font-weight:bold;
}
.com_job_detail .content em {
    font-style:italic;
}
.com_job_detail .content ul li {
    list-style:disc;
    list-style-position:inside;
    line-height:20px;
}

.com_job_detail .content ol li {
    list-style:decimal;
    list-style-position:inside;
    padding:2px;
    line-height:20px;
}
.com_job_detail .content p b {
    color:#ee4f24;
}

.com_job_detail .content h4 {
    padding:20px 0 10px 10px;
    border-bottom:1px solid #aaa;
    font-size:16px;
    font-weight:bold;
    color:#555;
    margin-bottom:10px;
}
.com_job_detail .com_content h4,
.com_job_detail .com_jobs h4{
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    color: #333;
    margin-bottom: 10px;
    padding: 0;
    padding-left: 16px;
    border-bottom: none;
    border-left: 4px solid #ff6633;
}
.com_job_detail .com_jobs h4{
    display: inline-block;
}
.com_job_detail .com_jobs span.open_job_count{
    display: inline-block;
    font-size: 18px;
    color: #333;
    float: right;
    margin-right: 20px;
}
.com_job_detail .com_jobs{
    margin: 20px 0 60px;
    min-height: 200px;
}
.com_job_detail .subTitle {
    overflow: hidden;
    margin-bottom:20px;
}
.com_job_detail .subTitle .conName1 {
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 8px;
}
.com_job_detail .subTitle .span {
    color: #A6A8AB;
    display: block;
    font-size: 16px;
    margin-bottom: 30px;
}

/*job geo loaction map*/
.geo_locations {
    text-align: left;
}
.geo_locations .map,
.geo_locations .locations {
    vertical-align: top;
    display: inline-block;
}
.geo_locations .map {
    margin-right: 20px;
    width: 198px;
    height: 198px;
    background: #FFF;
    border: 1px solid #f0f0f0;
}
.geo_locations .locations {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.no_map .geo_locations .locations {
    max-height: 120px;
}
.geo_locations .locations li {
    cursor: pointer;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 8px 0 0;
}
.geo_locations .locations li:hover {
    color: #ff6633;
}
.no_map .geo_locations .locations li {
    cursor: default;
}
.no_map .geo_locations .locations li:hover {
    color: #333;
}

.geo_locations .map .marker-icon {
    position: relative;
    width: 25px;
    height: 35px;
    text-align: center;
}
.geo_locations .map .marker-icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
}
.geo_locations .map .marker-icon div {
    display: inline-block;
    margin-top: 20%;
    width: 55%;
    height: 50%;
    background: #efa113;
    color: #FFF;
    font-size: 14px;
}
.geo_locations .map .marker-icon:hover {
    width: 30px;
    height: 42px;
}

/*job detail start*/
.job_detail_new {
    font-size: 16px;
    color: #333;
}
.job_detail_new > div {
    margin-top: 20px;
}

.job_detail_main .job_detail_new .job_des ul {
    list-style: disc;
    padding-left: 40px;
    padding-bottom: 10px;
}
.job_detail_main .job_detail_new .job_des ol {
    list-style: decimal;
    padding-left: 40px;
    padding-bottom: 10px;
}

.job_detail_main .job_detail_new .job_des strong {
    font-weight: bold;
}

.job_detail_new .content {
    padding: 10px 20px;
    border: 1px solid #f0f0f0;
    background: #fafafa;
}
.job_detail_new div.job-title-right {
    float: right;
}
.job_detail_new div.opeartion-btn {
    float: right;
}

.job_detail_new div.opeartion-btn > a {
    margin: 0px;
    border: 2px solid #ff6633;
    padding: 5px 0px;
}
.job_detail_new div.opeartion-btn > a.disabled {
    border-color: #ddd;
}

.job_detail_new div.opeartion-btn > a.become-referer-btn {
    position: relative;
    font-weight: normal;
    white-space: nowrap;
    border: 0;
    margin-top: 9px;
    background-color: #fff;
}

.job_detail_new div.opeartion-btn > a.become-referer-btn .job-referral-icon {
    font-size: 48px;
    color: var(--custom_color, #fd8232);
}

.job_detail_new div.opeartion-btn > a.become-referer-btn .ref_applay,
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop {
    display: none;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop {
    position: absolute;
    right: 100%;
    top: -28px;
    min-height: 50px;
    margin-right: -20px;
    border: 1px solid #ff6633;
    background: #fff;
}

.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop > span {
    position: absolute;
    right: -11px;
    top: 30px;
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff6633;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop .arrow_b {
    right: -10px;
    border-left: 10px solid #FFF;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop p.ref_title,
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop p.view_referral_rules {
    color: #444444;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    margin: 10px 10px 2px 10px;
    white-space: nowrap;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop p.view_referral_rules {
    margin: 10px 10px 10px 20px;
    text-decoration: underline;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop p.ref_title span {
    font-size: 12px;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop ul {
    color: #444444;
    list-style: disc;
    margin: 0 5px 10px 20px;
    font-size: 12px;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop ul li {
    white-space: nowrap;
    margin: 5px;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop ul li p {
    color: #444444;
    text-align:left;
    font-size: 15px;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop ul li p.ref_tip {
    font-size: 13px;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn .com_referral_pop ul li span.ref_reward {
    color: #ff6633;
}

.job_detail_new div.opeartion-btn > a.become-referer-btn:hover .balance {
    display: none;
}
.job_detail_new div.opeartion-btn > a.become-referer-btn:hover .ref_applay,
.job_detail_new div.opeartion-btn > a.become-referer-btn:hover .com_referral_pop {
    display: inline-block;
}
.subCompany .aJob .show_referral .referral-tip-message,
.job_detail_new div.opeartion-btn > a.become-referer-btn:hover .com_referral_pop .referral-tip-message {
    margin: 7px;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    color: #FF6633;
    font-size: 14px;
    line-height: initial;
}

.subCompany .aJob .show_referral .referral-tip-message {
    font-size: 12px;
}

.job_detail_new .job_title > div {
    display: inline-block;
}
.job_detail_new .job_title .companyImg {
    vertical-align: middle;
    border: 1px solid #f0f0f0;
    height: 120px;
    width: 120px;
}
.job_detail_new .job_title .title {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    max-width: 520px;
}

.job_detail_new .job_title .title p {
    margin: 5px 0;
}
.job_detail_new .job_title .title .company_name {
    font-size: 18px;
}
.job_detail_new div.opeartion-btn > a {
    margin-top: 9px;
    float: right;
}
.job_detail_new .job-title-right {
    padding-top: 20px;
}
.job_detail_new .errorText.common-statement-error {
    text-align: right;
}

.job_detail_new .errorText.common-statement-error.en {
    margin-right: 38px;
}
.job_detail_new .protocol-checked {
    float: right;
    font-size: 12px;
}
.job_detail_new .protocol-checked .protocol-title {
    display: inline-block;
}
.job_detail_new .operate_div_right {
    float: right;
}
.job_detail_new .operate_div_right .protocol-checked {
    margin-top: 0px;
}

.job_detail_new .content.job_detail {
    height: 200px;
}
.job_detail_new .content.job_detail.no_map {
    height: 120px;
}
.job_detail_new .job_detail > div {
    display: inline-block;
    vertical-align: top;
}
.job_detail_new .job_detail .job_location {
    float: right;
}
.job_detail_new .job_detail .job_location p,
.job_detail_new .job_detail .job_location .geo_locations {
    display: inline-block;
    vertical-align: top;
}
.job_detail_new .job_detail > div > p {
    line-height: 30px;
    padding-bottom: 10px;
}
.job_detail_new .job_detail div p label,
.job_detail_new .job_detail div p span {
    display: inline-block;
}
.job_detail_new .job_detail div p label {
    text-align: right;
    margin-right: 20px;
    font-size: 18px;
    color: #666;
}
.job_detail_new .job_detail.no_map div p label {
    margin-top: 4px;
}

.job_detail_new .job_detail div p span {
    font-size: 22px;
}
.job_detail_new .job_detail div p span.salary {
    font-size: 24px;
   /* color: #ff6633;*/
}

.job_detail_new h4 {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    margin: 40px 0 14px;
    padding-left: 16px;
    border-left: 4px solid #ff6633;
}

.job_detail_new .job_des .content {
    color: #666;
    padding: 20px 20px 20px 30px;
}

.job_detail_new .operate_div {
    height: 80px;
}

.job_detail_new .com_jobs {
    padding-bottom: 60px;
}
.job_detail_new .com_jobs .subCompany .aJob .job_apply_btn {
    display: none;
}
.job_detail_new .com_jobs .subCompany .aJob .date_location {
    right: 20px;
}
.job_detail_new .com_jobs .view_more {
    margin: 30px 20px 0 0;
    text-align: right;
}
/*job detail end*/

.job_detail .btnRed {
    margin-top:20px;
}
.subCompany .oneComp {
    color: #333333;
    padding: 0 20px;
    display: block;
    margin-bottom: 1px;
    margin-top: 10px;
    font-weight: normal;
    font-size: 18px;
    overflow: hidden;
    line-height: 38px;
    background: url(/static/image/pattern_orange.png) repeat;
}
.subCompany .oneComp span {
    float:left;
}
.subCompany .oneComp a {
    float: right;
    color: #FF6633;
    font-size: 15px;
    margin-right: 30px;
}
.icon_joblink_up {
    background: url(/static/images_en/sprite_icon.png?t=4) no-repeat -196px -435px;
    width:5px;
    height:8px;
    float:right;
    margin-top:15px;
    margin-right:5px;
}
.icon_joblink_down {
    background: url(/static/images_en/sprite_icon.png?t=4) no-repeat -193px -444px;
    width:8px;
    height:5px;
    float:right;
    margin-top:16px;
    margin-right:4px;
}
.subCompany .jobs {
    margin-bottom:2px;
}
.subCompany .aJob {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
    padding: 15px 15px 10px 15px;
}

.subCompany .aJob .cont {
    float:left;
    position: relative;
    line-height: 28px;
}

.subCompany .aJob .show_referral {
    display: inline-block;
    padding: 0px 4px;
    text-align: center;
    float: right;
    margin-right: 10px;
}
.subCompany .aJob .show_referral p {
    color: #ff6633;
    font-size: 12px;
    line-height: 12px;
    padding: 0px;
}
.subCompany .aJob .show_referral p.view_referral_rules {
    color: #444444;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    margin: 10px 10px 10px 20px;
    white-space: nowrap;
    text-decoration: underline;
}
.subCompany .aJob .show_referral p.balance {
    font-size: 14px;
    line-height: 14px;
}
.subCompany .aJob .show_referral p.balance .balance-format {
    display: inline-block;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.com_jobs .subCompany .aJob .show_referral{
    vertical-align: top;
    display: inline-block;
    padding: 0 10px 0 0;
    background: transparent;
    text-align: center;
    float: none;
    margin: 0 0 0 10px;
    position: relative;
}
.com_jobs .subCompany .aJob .show_referral .job-referral-icon {
    font-size: 28px;
    color: var(--custom_color, #fd8232);
}
.com_jobs .subCompany .aJob .show_referral span {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
}
.com_jobs .subCompany .aJob .show_referral > span {
    padding: 0 5px;
    height: 24px;
    text-align: center;
}

.com_jobs .subCompany .aJob .show_referral span.balance {
    color: #ff6633;
    white-space: nowrap;
    overflow: hidden;
}

.com_jobs .subCompany .aJob .show_referral span.ref_applay{
    display: none;
    color: #fff;
    background: #FF6633;
}
.com_jobs .subCompany .aJob .com_referral_pop{
    display: none;
    border: 1px solid #ff6633;
    position: absolute;
    top: -28px;
    left: 75%;
    margin-left: 20px;
    z-index: 10;
    background: #fff;
}

.com_jobs .subCompany .aJob .com_referral_pop span.arrow_a,
.com_jobs .subCompany .aJob .com_referral_pop span.arrow_b{
    position: absolute;
    left: -11px;
    top: 29px;
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ff6633;
}
.com_jobs .subCompany .aJob .com_referral_pop span.arrow_b{
    left: -10px;
    border-right: 10px solid #FFF;
}
.com_jobs .subCompany .aJob .com_referral_pop p.ref_title{
    color: #444444;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    margin: 10px 10px 2px 10px;
    white-space: nowrap;
}
.com_jobs .subCompany .aJob .com_referral_pop p.ref_title span {
    font-size: 12px;
}
.com_jobs .subCompany .aJob .com_referral_pop ul{
    color: #444444;
    list-style: disc;
    margin: 0 5px 10px 20px;
    font-size: 12px;
}
.com_jobs .subCompany .aJob .com_referral_pop ul li{
    white-space: nowrap;
    margin: 5px;
}
.com_jobs .subCompany .aJob .com_referral_pop ul li p{
    color: #444444;
    text-align:left;
    font-size: 15px;
}
.com_jobs .subCompany .aJob .com_referral_pop ul li p.ref_tip{
    font-size: 13px;
}
.com_jobs .subCompany .aJob .com_referral_pop ul li span.ref_reward{
    color: #ff6633;
}
.com_jobs .subCompany .lastline .com_referral_pop,
.job_detail_new div.opeartion-btn > a.become-referer-btn.lastline .com_referral_pop {
    top: auto;
    bottom: -28px;
}
.com_jobs .subCompany .lastline .com_referral_pop span.arrow_a,
.com_jobs .subCompany .lastline .com_referral_pop span.arrow_b,
.job_detail_new div.opeartion-btn > a.become-referer-btn.lastline .com_referral_pop > span {
    top: auto;
    bottom: 30px;
}
.com_jobs .subCompany .aJob .show_referral:hover span.balance{
    display:none;
}
.com_jobs .subCompany .aJob .show_referral:hover span.ref_applay{
    display:inline-block;
}
.com_jobs .subCompany .aJob .show_referral:hover .com_referral_pop{
    display:block;
}
.subCompany .aJob .action-button {
    float:right;
    margin: 0px;
    font-size: 14px;
    padding: 0 10px;
    line-height: 28px;
}
.subCompany .aJob:hover {
    background:#f5f5f5;
}
.com_jobs .subCompany .aJob:hover {
    border: 1px solid #ff6633;
}
.subCompany .aJob h5 {
    color: #444444;
    font-size: 14px;
}
.subCompany .aJob p {
    line-height: 18px;
    padding: 5px 0;
    font-size:13px;
}
.subCompany .lastline {
    border:none;
}

.com_jobs .subCompany .aJob{
    /*height: 56px;*/
    border: 1px solid #f0f0f0;
    background: #fafafa;
    margin: 6px 0;
    padding: 11px 20px 11px 30px;
    position: relative;
    overflow: visible;
}
.com_jobs .subCompany .aJob .aJob_a{
    color: #444444;
    display: inline-block;
}
.com_jobs .subCompany .aJob .cont{
    line-height: 28px;
    width: auto;
    color: #444444;
    display: inline-block;
}
.com_jobs .subCompany .aJob p.job_title{
    vertical-align: top;
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    color: #ff6633;
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0 3px;
}
.com_jobs .subCompany .aJob p.job_salary,
.com_jobs .subCompany .aJob .date_location p,
.com_jobs .subCompany .aJob .date_location .job_location{
    font-size: 14px;
    color: #333;
    padding: 5px 0;
}

.com_jobs .subCompany .aJob .date_location{
    display: inline-block;
    color: #444444;
    text-align: right;
}
.com_jobs .subCompany .aJob .date_location .job_location {
    position: relative;
}

.com_jobs .subCompany .aJob .date_location .job_location_name {
    padding: 0;
}
.com_jobs .subCompany .aJob .date_location .job_location_name span {
    vertical-align: bottom;
    display: inline-block;
}
.com_jobs .subCompany .aJob .date_location .job_location_name .address {
    max-width: 285px;
    width: 285px\9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.com_jobs .subCompany .aJob .date_location .job_location_name .num {
    color: #ff6633;
}

.com_jobs .aJob .date_location .gd_location_pop{
    display:none;
    position: absolute;
    right: 0px;
    bottom: 18px;
    z-index: 1003;
    background: transparent;
    width: 432px;
}
.com_jobs .subCompany .aJob .date_location .job_location:hover .gd_location_pop {
    display: block;
}
.com_jobs .aJob .date_location .gd_location_pop .geo_locations {
    background: #fff;
    border: 1px solid #ff6633;
    padding: 10px;
}
.com_jobs .aJob .date_location .gd_location_pop .arrow {
    position: relative;
    height: 20px;
    width: 100%;
}
.com_jobs .aJob .date_location .gd_location_pop .geo_locations .map {
    margin-right: 10px;
}

.com_jobs .aJob .date_location .gd_location_pop .arrow > span {
    position: absolute;
    top: 0px;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff6633;
}

.com_jobs .aJob .date_location .gd_location_pop span.geo_arrow_b {
    top: -1px;
    border-top: 10px solid #FFF;
}
.com_jobs .subCompany .aJob .job_apply_btn {
    float: none;
    vertical-align: top;
    margin: 9px 0 0 20px;
    width: 110px;
    height: 40px;
    font-size: 20px;
    padding: 0;
    line-height: 40px;
    font-weight: normal;
}

.companyList .oneCompany, .jobList .oneJob {
    border-bottom:1px solid #ededed;
    padding:20px;
    overflow:hidden;
}
.companyList .oneCompany .companyLogo {
    width:200px;
    height:80px;
    border:1px solid #ededed;
    text-align:center;
    float:left;
}
.companyList .oneCompany .companyLogo img {
    height:60px;
    /*width:156px;*/
    display:block;
    margin:10px auto;
}
.companyList .oneCompany .companyInfor {
    margin:0 20px;
    width:560px;
    float:left;
    color:#666;
}
.companyList .oneCompany .companyInfor h4 a {
    font-weight:bold;
    margin-bottom:8px;
    display:block;
    color:#666;
}

.companyList .oneCompany .companyInfor h4 a:hover {
    color:#444;
}
.companyList .oneCompany .companyInfor p, .jobList .oneJob .jobInfor p, .jobList .oneJob .jobAddress p {
    font-size:14px;
}

.companyList .oneCompany .companyBtn {
    float:right;
    margin-top:10px;
}
.companyList .oneCompany .companyBtn .btn_shortList {
    margin:8px 0 0 0;
}

.jobList .oneJob .companyLogo {
    width:118px;
    height:50px;
    border:1px solid #ededed;
    text-align:center;
    float:left;
    padding:5px 11px;
}
.jobList .oneJob .companyLogo img {
    height:50px;
}
.jobList .oneJob .jobInfor {
    margin:0 20px;
    width:430px;
    float:left;
    color:#666;
}
.jobList .oneJob .jobInfor p a {
    color:#666;
}
.jobList .oneJob .jobInfor p a:hover {
    color:#444;
}
.jobList .oneJob .jobAddress {
    width:150px;
    float:left;
    text-align:center;
    margin-top:25px;
    color:#666;
}

.jobList .oneJob .jobAddress a {
    font-size:14px;
    line-height:18px;
}
.jobList .oneJob .jobInfor h4 a {
    font-weight:bold;
    margin-bottom:5px;
    display:block;
    color:#666;
}

.jobList .oneJob .jobInfor h4 a:hover {
    color:#444;
}
.jobList .oneJob .jobBtn {
    float:right;
    margin-top:20px;
}

/* 22、widget - button
 * -------------------------------------------------- */
.bottons {
    position:absolute;
    bottom:0;
    right:0;
    width: 100%;
    text-align: center;
}
.bottons a {
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.btn_big_blue {
    background: #0088cc;
    margin-right: 10px;
}
.btn_big_blue:hover {
    color: #C0EAFF;
}
.btn_big_left {
    background: #ff6633;
}
.bottons .btn_big_left:hover {
    color:#ffe6d6;
}
.btn_big_disabled:hover {
    color:#fff;
}
.btn_big_disabled {
    background:url(/static/images_en/sprite_btn.png?t=4) no-repeat -10px -52px;
    width:144px;
    height:30px;
    float:right;
    padding-top:12px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    text-align:center;
}

.btnTake {
    background:url(/static/images_en/sprite_btn.png?t=4) no-repeat -10px -115px;
    width:402px;
    height:74px;
    float:right;
    margin-top:20px;
    color:#fff;
    text-align:center;
}

.btnTake:hover {
    color:#c0eaff;
}
.btn_shortList {
    background:url(/static/images_en/sprite_btn.png?t=4) no-repeat -164px -10px;
    display: block;
    width:92px;
    height:28px;
    *line-height:23px;
    vertical-align:middle;
    *height:26px;
    height:26px\0/;
    *padding-top:2px;
    padding-top:2px\0/;
    margin: 0 auto 5px;
    text-align:center;
    font-weight:bold;
    color:#fff;
}

.btn_shortListed {
    background:url(/static/images_en/sprite_btn.png?t=4) no-repeat -164px -48px;
    display: block;
    width:92px;
    height:28px;
    vertical-align:middle;
    *height:26px;
    height:26px\0/;
    *padding-top:2px;
    padding-top:2px\0/;
    margin: 0 auto 5px;
    text-align:center;
    font-weight:bold;
    color:#fff;
}

.btn_shortList_disabled,.btn_shortListed_disabled {
    background:url(/static/images_en/sprite_btn.png?t=4) no-repeat -164px -86px;
    width:92px;
    height:28px;
    line-height:26px;
    vertical-align:middle;
    *height:26px;
    height:26px\0/;
    *padding-top:2px;
    padding-top:2px\0/;
    float:right;
    margin-top:5px;
    text-align:center;
    font-weight:bold;
    color:#fff;
}

.btn_shortList_disabled:hover,.btn_shortListed_disabled:hover {
    color:#fff;
}
.btn_shortList:hover {
    color:#ffe6d6;
}
.btn_shortListed:hover {
    color:#dcf3ff;
}

.btn_viewApplicants {
    background:url(/static/images_en/sprite_btn.png?t=4) no-repeat -10px -227px;
    width:110px;
    height:19px;
    vertical-align:middle;
    color:#fff;
    cursor:pointer;
    float:right;
    margin-top:10px;
}

.btn_viewApplicants:hover {
    color:#dcf3ff;
}
.btn_viewApplicants_disabled {
    background:url(/static/images_en/sprite_btn.png?t=4) no-repeat -10px -249px;
    width:110px;
    height:19px;
    vertical-align:middle;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    float:right;
    padding-top:3px;
    padding-left:35px;
    margin-top:10px;
}

.btn_viewApplicants_disabled:hover {
    color:#fff;
}
.btn_apply {
    background:#ff6633;
    height:36px;
    line-height:36px;
    vertical-align:middle;
    color:#fff;
    display:block;
    font-size:13px;
    font-weight:bold;
    width:150px;
}
.btn_interest {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 170px;
    margin-top: 20px;
}
.btn_interest:hover {
    color: #FFE6D6;
}

/* 24、widget - box
 * -------------------------------------------------- */
#Main .candidate .box_T {
    background:url(/static/images_en/candidateBgTop.png?t=1) no-repeat !important;
    width:1002px;
    position:relative;
    height:90px;
}

.candiBoardbox .box_M .sideRight {
    margin-bottom:30px;
}

.dashboard .box_M {
    background:url(/static/images_en/mainBgM_board.png) repeat-y;
}
.dashboard .box_M .content {
    left:150px;
    top:0;
    position:relative;
    z-index:2;
}
.companyBoardbox .box_M .content .sub_title {
    padding:10px 0 10px 10px;
    color:#000;
}

.boxMain .box_M .sideRight h4 {
    font-weight:bold;
    width:400px;
}

.boxMain .box_M .sideRight .lastLine {
    border:none;
}
.jobBoardbox {
    min-height:550px;
    height:550px;
    height:auto !important;
}
.jobBoardbox .box_M .sideLeft, .jobBoardbox .box_M .sideRight {
    position:relative;
    z-index:2;
    padding-top:9px;
}

.jobBoardbox .box_T .btn {
    position:absolute;
    right:0;
    bottom:10px;
}

.talentBoardbox .box_T .areaLeft p,
.candiBoardbox .box_T .areaLeft p {
    padding-bottom:5px;
    text-align: left;

}
.talentBoardbox .box_T .areaLeft p .num,
.candiBoardbox .box_T .areaLeft p .num {
    font-size:24px;
    color:#0088cc;
}

.talentBoardbox .box_M .sideRight,
.candiBoardbox .box_M .sideRight {
    padding-top:0;
    position:relative;
    /*z-index:2;*/
}

.candiBoardbox .box_M .sideLeft .areaUp {
    padding-bottom:10px;
    margin-bottom:15px;
}

.talentBoardbox .box_T h4,
.candiBoardbox .box_T h4,
.candiBoardbox .box_M h4  {
    font-size: 20px;
    left: 280px;
    line-height: 26px;
    position: absolute;
    right: 30px;
    top: 75px;
    width:600px;
}

.talentBoardbox .box_T h4,
.candiBoardbox .box_T h4 {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.candiBoardbox.candidate .box_T h4 {
    position:absolute;
    left:30px;
    top:40px;
    font-size:24px;
    font-weight:normal;
}

.boxMain .box_M .sideLeft {
    width:249px;
    margin-left: 3px;
    _margin-left:13px;
    _width:227px;
    float:left;
    _position:relative;
}
.candidate .box_M .sideLeft {
    width:258px;
    float: left;
    margin-left: 11px;
    margin-bottom: 12px;
}
.candidate .box_M .sideLeft ul li{
    line-height:42px;
    height:42px;
    font-size:14px;
}
.candidate .box_M .sideLeft ul .title {
    line-height:20px;
}
.candidate .box_M .sideLeft ul .title h3 {
    border-bottom:1px solid #E5E5E5;
    color:#888;
    padding-bottom:3px;
    margin:20px 10px 0 10px;
    font-size:12px;
}

.candidate .box_M .sideLeft ul li a {
    margin-left:20px;
}
.candidate .box_M .sideLeft ul .over {
    background:url(/static/images_en/leftNav_over.png) no-repeat;
    width:258px;
    _width:257px;
    _margin-left:1px;
    height:42px;
}
.candidate .box_M .sideLeft ul .over a {
    color:#232323;
}

#wechat_QC_template,
#wechat_pop_cover{
    display: none;
}
.wechat_QC_popover{
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.75;
    filter: Alpha(Opacity=75);
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
}
#Main .wechat_QC_popDiv {
    position: absolute;
    z-index: 1001;
    padding: 0;
    width: 350px;
    top: 20%;
    left: 40%;
    background-color: #fff;
}
#Main .wechat_QC_popDiv{
    text-align: center;
}
#Main .wechat_QC_popDiv .pop_header,
#PageWrapper .share_to_wechat .pop_header{
    height: 50px;
    line-height: 30px;
    background: #FF7F50;
}
#Main .wechat_QC_popDiv .pop_header{
    font-size: 18px;
}
#Main .wechat_QC_popDiv .pop_header .pop_title{
    text-align: center;
    color: #FFFFFF;
    line-height: 50px;
}
#Main .wechat_QC_popDiv .pop_header .close_icon,
#PageWrapper .share_to_wechat .pop_header .close_icon{
    background: url(/static/image/icon_close.png) no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
}
#Main .wechat_QC_popDiv .pop_body{
    font-size: 13px;
    text-align: center;
    padding-bottom: 8px;
    margin-top: 10px;
}

#Main .wechat_QC_popDiv .pop_body .wechat_QC_pop,
#PageWrapper .share_to_wechat .pop_body .share_wechat_QC{
    width: 100%;
    height: 100%;
}
#Main .wechat_QC_popDiv .pop_body .wechat_QC_pop{
    background: url(/static/images_en/wechat_code.jpg) no-repeat center center;
    background-size: 300px 300px;
}
#PageWrapper .share_to_wechat .pop_header{
    font-size: 15px;
}
#PageWrapper .share_to_wechat .pop_header .pop_title{
    color: #FFFFFF;
    line-height: 50px;
    margin-left: 15px;
}
#PageWrapper .share_to_wechat .popDiv {
    width: 400px;
}
#PageWrapper .share_to_wechat .popBox {
    width: 100%;
    padding: 0;
}
.reviewPop .wechat_popDiv{
    position: absolute;
    z-index: 1001;
    padding: 0;
    width: 530px;
    height: 432px;
    top: 20%;
    left: 35%;
    background: url(/static/image/BG_popup.png) no-repeat;
    background-size: 100% 100%;
}
.reviewPop .wechat_popDiv .close_icon{
    background: url(/static/image/BN_close.png) no-repeat;
    background-size: 100% 100%;
    width: 57px;
    height: 57px;
    display: block;
    position: absolute;
    right: 33px;
    top: -7px;
    cursor: pointer;
}

.reviewPop .wechat_popDiv span.wechat_popDiv_msg{
    display: block;
    position: absolute;
    color: #FFFFFF;
    top: 278px;
}

.boxMain1 {
    width:1002px;
    overflow:hidden;
    margin-top:20px;
}
.boxMain1 .box_T {
    background:url(/static/images_en/main1BgTop.jpg) no-repeat;
    width:1002px;
    height:20px;
    float:left;
}
.boxMain1 .box_B {
    background:url(/static/images_en/main1BgBottom.jpg) no-repeat;
    width:1002px;
    height:50px;
    float:left;
}
.boxMain1 .box_M {
    background:url(/static/images_en/main1BgM.jpg) repeat-y;
    min-height:400px;
    width:902px;
    padding:30px 50px;
    overflow:hidden;
}
.box_img {
    width:501px;
    height:268px;
    float:left;
}

.box1 {
    width:578px;
    overflow:hidden;
}
.box1 .box_T {
    background:url(/static/images_en/box1_T.png) no-repeat !important;
    float:left;
    width:578px;
    height:20px;
}
.box1 .box_M {
    background:url(/static/images_en/box1_M.png) repeat-y;
    width:578px;
    float:left;
}
/*.QR_btn {
    position: absolute;
    right: 40px;
    bottom: -33px;
}*/
.coach-ai-interview-qrcode {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #666;
}
.coach-ai-interview-qrcode .qrcode {
    margin-top: 5px;
    width: 140px;
    height: 140px;
}
.QR_block {
    width: 228px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: 0px;
    background-image: url('/static/image/Banner.png');
}
.QR_block:hover .QR_Code {
    display: inline-block;
}

.QR_MSG {
    position: absolute;
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
}
.QR_Code {
    display: none;
    height: 140px;
    width: 140px;
    position: absolute;
    left: 68px;
    top: -130px;
    border: 2px solid #ef5a2a;
}
.box1 .box_B {
    background:url(/static/images_en/box1_B.png) no-repeat !important;
    float:left;
    width:578px;
    height:25px;
}

.box1 .box_M .title {
    font-size:24px;
    text-align:center;
}

.discribe.upload_resume_discribe {
    padding: 0px;
    margin: 20px 0px 0px 48px;
}
.box1 .box_M .resume {
    margin:48px 48px 20px 48px;
}

.box1 .box_M .resume span {
    font-size:16px;
    margin-left:25px;
    line-height: 65px;
    color:#888;
    float:left;
}

.box1 .box_M .resume .resume_box {
    border-radius:6px;
    border:1px solid #ccc;
    margin-bottom:10px;
}

.box1 .box_M .resume .resume_box a {
    font-size:14px;
    text-decoration:underline;
    line-height: 30px;
}
.box1 .box_M .resume .resume_box .icon_create_profile {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -10px -733px;
    width:38px;
    height:34px;
    float:left;
}
.box1 .box_M .resume .resume_box .icon_upload_resume {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -356px -733px;
    width:38px;
    height:34px;
    float:left;
}
.icon_beta {
   background: url(../images_en/beta_icon_1.png?t=4) no-repeat;
    height: 41px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 41px;
}
.box1 .box_M .resume .floatR {
    position: relative;
    float:right;
}

.box1 .box_M .instructions p {
    display:block;
    color:#666;
}

.box1 .box_M .upload_resume {
    margin: 20px 48px;
}
.box1 .box_M .upload_resume .error_msg {
    margin-bottom: 10px;
    min-height: 20px;
    line-height: 20px;
    color: #FF0000;
}

.box2 {
    width:758px;
}

.box2 .box_T {
    background:url(/static/images_en/box2_T.png) no-repeat !important;
    float:left;
    width:758px;
    height:20px;
}
.box2 .box_M {
    background:url(/static/images_en/box2_M.png) repeat-y;
    width:758px;
    float:left;
    padding:25px 0;
}
.box2 .box_B {
    background:url(/static/images_en/box2_B.png) no-repeat !important;
    float:left;
    width:758px;
    height:25px;
}

.box2 .box_M .btn {
    position: relative;
    width:678px;
    margin:50px auto 0;
    overflow: hidden;
    min-height: 30px;
}
.box2 .box_M .btn .btnBlue {
    float:right;
}
.box3 {
    width:680px;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
}
.box3 .box_TL {
    background:url(/static/images_en/box3_TL.jpg) no-repeat;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    left:0;
    top:0;
}
.box3 .box_TR {
    background:url(/static/images_en/box3_TR.jpg) no-repeat;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    right:0;
    top:0;
}
.box3 .box_BL {
    background:url(/static/images_en/box3_BL.png) no-repeat !important;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    left:0;
    bottom:0;
}
.box3 .box_BR {
    background:url(/static/images_en/box3_BR.png) no-repeat !important;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    right:0;
    bottom:0;
}
.box3 .box_BL_hover {
    background:url(/static/images_en/box_BL_hover.png) no-repeat !important;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    right:0;
    bottom:0;
}
.box3 .box_BR_hover {
    background:url(/static/images_en/box_BR_hover.png) no-repeat !important;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    right:0;
    bottom:0;
}

.box3 .box_BL_focus {
    background:url(/static/images_en/box_BL_focus.png) no-repeat !important;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    right:0;
    bottom:0;
}
.box3 .box_BR_focus {
    background:url(/static/images_en/box_BR_focus.png) no-repeat !important;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    right:0;
    bottom:0;
}

.box3 .box_BL_disabled {
    background:url(/static/images_en/box3_BL.png) no-repeat !important;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    left:0;
    bottom:0;
}

.box3 .box_BR_disabled {
    background:url(/static/images_en/box3_BR.png) no-repeat !important;
    width:12px;
    height:12px;
    position:absolute;
    z-index:999;
    right:0;
    bottom:0;
}


/* 25、widget - table
 * -------------------------------------------------- */
#inner-form .add-tip {
    font-size: 12px;
    color: #666;
    padding-left: 5px;
    margin-top: 15px;
}
.table1 {
    margin-top:10px;
}
.table1 tr th, .table1 tr td {
    vertical-align:middle;
}
.table1 tr th input{
    margin:0;
}

.table1 tr td {
    color:#666;
    padding:5px 0 5px 5px;
}

.window .popBtn {
    float:right;
    margin-right:20px;
}
.window .popBtn .btnRed {
    margin-left:20px;
}
.table1_more tr th {
    text-align:right;
    padding:20px 0;
    color:#666;
}

.table1_more tr td {
    text-align:right;
}
.table1_more .add-to-exist th, .table1_more .add-to-new th {
    padding:10px 5px;
}
.table1_more .move-to-exist th, .table1_more .move-to-new th {
    padding:10px 0;
}
.table1_more .add-to-exist td, .table1_more .add-to-new td {
    text-align:left;
    font-size:12px;
    font-weight:normal;
    padding:0;
}
.table1_more .move-to-exist td, .table1_more .move-to-new td  {
    text-align:left;
    font-size:12px;
    font-weight:normal;
}
.table1_more .add-to-exist td a, .table1_more .add-to-new td a, .table1_more .move-to-exist td a, .table1_more .move-to-new td a {
    text-decoration:underline;
}
.table1_more tr .popTextarea {
    padding:10px 0;
}
.table2 {
    margin:auto;
}

.table2 tr th {
    padding:5px 0;
    vertical-align:middle;
    *vertical-align:top;
}

.table2 tr td {
    padding:0 0 10px 0;
    text-align:right;
    vertical-align:middle;
}

.table2 tr .login_float_left{
    text-align: left;
}


.table2 tr .agreement {
    padding-bottom: 45px;
    padding-top: 10px;
}

.table2 tr .agreement .agree {
    float: left;
    position: relative;
}

.agreement .agree .checkbox {
    font-weight: bold;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    border: 1px solid #aaa;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 1px;
}

.agreement .agree .tos_check_agreement {
    position: absolute;
    left: 25px;
    width: 325px;
    text-align: left;
}

.agreement .agree .errorText {
    text-align: left;
    position: absolute;
    top: 33px;
    left: 25px;
}

.table2 .candidatejob tr th {
    width: 129px;
}
.page-zh-cn .table2 .candidatejob tr th {
    width: 81px;
}
.table2 .candidatejob tr td {
    text-align:left;
}
.candidateInput .table2 tr td span.date_label {
    margin-left: 64px;
}
.table2 tr .checkBox {
    line-height:30px;
    vertical-align:middle;
    color:#666;
}

.table2 tr .checkBox .text {
    float:right;
}
.table2 .btnRed {
    float:right;
    margin-left:20px;
}
.table2 .link {
    text-decoration:underline;
}
.link {
    text-decoration:underline;
    color:#0088cc;
}
.table3 {
    width:680px;
    color:#666;
    border-collapse:separate;
}
.table3 .firstLine th {
    border-top:1px solid #b2b2b2;
}

.table3 .lastLine td {
    border-bottom:1px solid #b2b2b2;
}
.table3 tr .first {
    border-left:1px solid #b2b2b2;
}
.table3 tr .last {
    border-right:1px solid #b2b2b2;
    margin-left:-1px;
}
.table3 tr th {
    padding:15px 10px;
    text-align:center;
    vertical-align:middle;
    border-left:1px solid #e5e5e5;
}

.table3 tr .title {
    color:#232323;
    width: 160px;
}
.table3 tr .location { width:90px; }
.table3 tr .name{ width:90px; }
.table3 tr .apl {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -308px -40px;
    width:20px;
    height:24px;
    float:left;
}
.table3 tr .referral {
    background:url(/static/images_en/sprite_icon.png?t=5) no-repeat -28px -191px;
    background-size: 197px 390px;
    width:22px;
    height:24px;
    float:left;
}
.table3 tr td {
    padding:15px 10px;
    text-align:center;
    vertical-align:middle;
    border-left:1px solid #e5e5e5;
    border-top:1px solid #e5e5e5;
}

.table3 .bg td {
    background:#f9f9f9;
}
.table3 tr td .num {
    font-weight:bold;
}
.table3 .shadow td {
    background:url(/static/images_en/box3_T.jpg) repeat-x;
}

/* —------------ table hover ---------------------- */

.table3 tr.hover td {
    border-top:2px solid #0088cc;
    border-bottom:2px solid #0088cc;
    padding:14px 10px;
}
.table3 tr.hover td.first {
    border-left:2px solid #0088cc;
    padding:14px 10px 14px 9px;
}
.table3 tr.hover td.last {
    border-right:2px solid #0088cc;
    padding:14px 9px 14px 10px;
}
.table3 .firstLine.hover {
    border:1px solid #b2b2b2;
}

/* ------------------- */

/* —------------ table focus ---------------------- */
.table3 tr.focus td {
    border-top:2px solid #ff6633;
    border-bottom:2px solid #ff6633;
    padding:14px 10px;
}

.table3 tr.focus td.first {
    border-left:2px solid #ff6633;
    padding:14px 10px 14px 9px;
}
.table3 tr.focus td.last {
    border-right:2px solid #ff6633;
    padding:14px 9px 14px 10px;
}
.table3 .firstLine.hover {
    border:1px solid #ff6633;
}

/* ------------------- */

/* —------------ table hover disable---------------------- */

.table3 tr.disable td {
    border-top:1px solid #b2b2b2;
    border-bottom:1px solid #b2b2b2;
    padding:15px 10px;
}
.table3 tr.disable td.first {
    border-left:1px solid #b2b2b2;
    padding:14px 10px 14px 9px;
}
.table3 tr.disable td.last {
    border-right:1px solid #b2b2b2;
    padding:14px 9px 14px 10px;
}
.table3 .firstLine.disable {
    border:1px solid #b2b2b2;
}

/* ------------------- */

.table4 {
    margin:0 auto 20px auto;
    width:540px;
}
.table4_more {
    margin:0 0 20px 0;
    width:660px;
    /* width:auto; */
}

.table4 tr th {
    color:#666;
    vertical-align:top;
    text-align:right;
}

.table4 tr th .photo-container {
    position: relative;
    float: right;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.table4 tr .photo img {left:10px;}
}
.table4 tr td ul li .report {
    background: url(/static/images_en/sprite_icon.png?t=4) no-repeat -353px -432px;
    display: block;
    height: 23px;
    padding-left: 35px;
    padding-top: 6px;
    vertical-align: middle;
}
.table4 tr td ul li .share {
    background: url(/static/images_en/sprite_icon.png?t=4) no-repeat -10px -432px;
    display: block;
    height: 23px;
    padding-left: 35px;
    padding-top: 6px;
    vertical-align: middle;
}
.candiprofile .table4 tr td h3 {
    float:left;
    line-height: 30px;
    vertical-align: middle;
    display: block;
    margin-right: 30px;
}

.candiprofile .table4 tr td .candi-status {
    line-height: 30px;
    vertical-align: middle;
    text-decoration: underline;
    margin-left: 15px;
}
.candiprofile .table4 tr td .title {
    overflow:hidden;
}

.candiprofile .table4 tr td .title #display-hr,
.candiprofile .table4 tr td .title .candi-status {
    float: left;
    line-height: 30px;
    margin-left: 10px;
    text-decoration: underline;
    vertical-align: middle;
}

.candiprofile .table4 tr td .title .candidate-id {
    float: right;
    color: #0088cc;
    line-height: 30px;
}

.candiprofile .table4 tr td .title h3 + h3 {
    padding-top: 7px;
    margin-right: 10px;
}
.table4 tr td ul {
    float:right;
    margin-right:20px;
}
.table4_more tr td ul {
    float:left;
    display: block;
    margin-right: 0;
}

.table4.table-survey.table4_more.question_inner_table {
    border: 1px solid #adadad;
    margin-left: 20px;
    width: 550px;
    border-radius: 8px;
    border-collapse: separate;
    margin-bottom: 10px;
}

.table4.table-survey.table4_more.question_inner_table .block:first-child td {
    background-color: rgba(245, 245, 245, 1);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.table4.table-survey.table4_more.question_inner_table tr:not(.hm_block) {
    background-color: rgba(245, 245, 245, 1);
}

.table4.table-survey.table4_more.question_inner_table tr th {
    width: 140px;
}

.inner_table_padding {
    width: 100%;
}

.rate_circle_container {
    /* margin-top: 10px; */
    padding-right: 65px;
}

#specific_questions_table_survey .rate_circle_container,
#job_questionnaire_responses_table_survey .rate_circle_container,
#company_survey_responses_table_survey .rate_circle_container{
    padding-right: 0px;
    margin-right: -45px;
}

#specific_questions_table_survey .table4.table-survey.table4_more.question_inner_table,
#job_questionnaire_responses_table_survey .table4.table-survey.table4_more.question_inner_table,
#company_survey_responses_table_survey .table4.table-survey.table4_more.question_inner_table {
    width: 540px;
}

.rate_star_container {
    width: 160px;
}

.hm-rate-td div {
    margin-top: 10px;
}

.question_inner_table .hm-result-circle {
    margin-left: 80px;
    margin-top: 8px;
}

.hm-result-circle .outer-circle {
    width: 22px;
    height: 22px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-bottom: 0;
}

.green-radio .outer-circle {
    border-color: #00a900;
}

.green-radio .inner-circle {
    background-color: #00a900;
}

.yellow-radio .outer-circle {
    border-color: rgb(255, 178, 91);
}

.yellow-radio .inner-circle {
    background-color: rgb(255, 178, 91);
}

.red-radio .inner-circle {
    background-color: #f57452;
}

.red-radio .outer-circle {
    border-color: #f57452;
}

.hm-result-circle .inner-circle {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    margin-bottom: 0;
    margin-top: -20px;
    border-radius: 10px;
}

.rate_circle {
    width: 85px;
    height: 85px;
    border: 4px solid #ccc;
    float: right;
    margin-bottom: -62px;
    border-radius: 50px;
    background-color: #fff;
}

.rate_circle p {
    text-align: center;
    margin-top: 18px;
    color: #444;
}

.rate_circle p.zh-cn {
    margin-top: 14px;
}

.rate_circle p:last-child {
    margin-top: -2px;
    color: #0296cc;
    font-size: 40px;
    font-weight: bold;
}

.personal_avg_rate_table {
    width: 221px;
    border: 1px solid #adadad;
    border-collapse: separate;
    border-radius: 10px;
}

.personal_avg_rate_table tr:first-child td:first-child {
    width: 122px;
    font-size: 14px;
    font-weight: bold;
}

.personal_avg_rate .rate_circle_container {
    padding-right: 6px;
}

.personal_avg_rate {
    margin-top: 4px;
    margin-bottom: -20px;
}

.personal_avg_rate .rate_circle {
    width: 60px;
    height: 60px;
    margin-bottom: -55px;
    padding-right: 0px;
}

.personal_avg_rate .rate_circle p.zh-cn {
    margin-top: 9px;
}

.personal_avg_rate .rate_circle p:first-child {
    margin-top: 12px;
}

.personal_avg_rate .rate_circle p:first-child.zh-cn {
    margin-top: 9px;
}

.personal_avg_rate .rate_circle p:last-child {
    font-size: 27px;
    line-height: 28px;
}

.table4.table-survey.table4_more.question_inner_table .inner_hm_padding {
    padding-top: 2px;
}

.hm_submit_time {
    color: #999;
}

.table4 tr td ul li .btn_shortList,
.table4 tr td ul li .btn_shortListed {
    margin-top:1px;
    float:left;
}
.table4 tr td ul li .contact {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -353px -380px;
    height:23px;
    vertical-align:middle;
    display:block;
    padding-left:35px;
    padding-top:6px;
}
.table4 tr td ul li span {
    color:black;
    font-size:14px;
    line-height:24px;
    vertical-align:middle;
}
.box_T .talent ul {
    margin:13px 0 0 12px;
}
.box_T .talent ul li {
    padding:0 9px;
}

.boxMain .box_T .candi_operate .group {
    position:relative;
    left:0;
    top:0;
    width: 32px;
}
.boxMain .box_T .candi_operate .group .dropdown-menu li {
    padding:0;
    float:none;
}
.boxMain .box_T .candi_operate .group .icon_list_within,
.boxMain .box_T .candi_operate .group .icon_list_without {
    margin:0;
}
.candi_operate ul {
    float:left;
    margin:13px 0 0 23px;
}
.candi_operate ul li {
    float:left;
    padding:0 10px;
}
.candi_operate ul li .btn_shortList,
.candi_operate ul li .btn_shortListed {
    margin-top:1px;
    float:left;
}

.candi_operate ul li .contact,
.candi_operate ul li .report,
.candi_operate ul li .share {
    height:23px;
    vertical-align:middle;
    display:block;
    padding-left:35px;
}

.candi_operate ul li .contact {
    background:url(/static/images_en/sprite_icon.png?t=4) no-repeat -353px -380px;
}

.candi_operate ul li .report {
    background: url(/static/images_en/sprite_icon.png?t=4) no-repeat -353px -432px;
}

.candi_operate ul li .share {
    background: url(/static/images_en/sprite_icon.png?t=4) no-repeat -10px -432px;
}

.candi_operate ul li span {
    color:black;
    font-size:14px;
    line-height:26px;
    vertical-align:middle;
}

.table4 tr td .skill {
    padding: 2px 0;
    line-height: 18px;
    word-wrap:break-word;
}
.table5 {
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
}

/* 26、widget - dropdown list
 * -------------------------------------------------- */
.selectOut {
    height:28px;
    overflow:hidden;
}
.selectStyle {
    position:relative;
    height:28px;
}
.selectStyle span {
    font-size:13px;
    color:#232323;
    font-weight:normal;
    height:18px;
    overflow:hidden;
    display:block;
    text-align:left;
}
.select_220 {
    background:url(/static/images_en/select_220.jpg) no-repeat;
    width:187px;
    height:18px;
    float:left;
    padding:5px 28px 5px 5px;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}
.select_110 {
    background:url(/static/images_en/select_110.jpg) no-repeat;
    width:77px;
    height:18px;
    float:left;
    padding:5px 28px 5px 5px;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}
.select_230 {
    background:url(/static/images_en/select_230.jpg) no-repeat;
    width:197px;
    height:18px;
    float:left;
    padding:5px 28px 5px 5px;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}
.select_350 {
    background:url(/static/images_en/select_350.jpg) no-repeat;
    width:317px;
    height:18px;
    float:left;
    padding:5px 28px 5px 5px;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}
.headSelect {
    height:28px;
}

.headSelectStyle {
    position:relative;
}
.headSelectStyle span {
    font-size:12px;
    color:#fff;
    line-height:18px;
    vertical-align:middle;
    overflow:hidden;
    display:block;
    text-align:left;
    font-weight:bold;
    height:18px;
}

.select_140 {
    background:url(/static/images_en/sprite_logo.png?t=1) no-repeat 0 -65px;
    width:102px;
    height:18px;
    float:left;
    padding:5px 28px 5px 10px;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}
.select_layer {
    position:absolute;
    left:2px;
    top:29px;
    width:137px;
    background:#666;
    z-index:1000;
}
#Header .select_layer ul {
    margin-top:0;
}

#Header .select_layer ul li {
    padding:0;
    width:137px;
    display:block;
}
.select_layer ul li a {
    color:#fff;
    display:block;
    padding:0 8px;
    width:121px;
}
.select_layer ul li a:hover {
    background:#1a1a1a;
    color:#fff;
}

.select_layer_long {
    position:absolute;
    left:2px;
    top:29px;
    background:#666;
    z-index:1000;
}
#Header .select_layer ul,
#Header .select_layer_long ul {
    margin-top:0;
    float: right;
    position: relative;
    left: 1px;
}

#Header .select_layer_long ul li {
    padding:0;
    display:block;
}
.select_layer_long ul li a {
    color:#fff;
    display:block;
    padding:0 8px;
}

.select_layer_long ul li a:hover {
    background:#1a1a1a;
    color:#fff;
}

/* 99、other
 * -------------------------------------------------- */
.marginL_100px {
    margin-left:100px;
}
.marginB_20px {
    margin-bottom:20px;
}

.width_140px,
.width_230px,
.width_230px_no_padding,
.width_300px,
.width_350px,
.width_260px {
    font-size:12px;
}

.width_300px {
    width:300px;
}
.width_230px {
    width:240px;
}
.width_230px_no_padding {
    width:240px;
}
.width_350px {
    width:350px;
}
.width_260px {
    width:260px !important;
}

.width_140px {
    width:138px;
    font-weight:bold;
    margin-left:2px;
}

.upload-data-management-wrapper .width_260px {
    width: 170px;
}

.upload-data-management-wrapper tr td {
    text-align: left;
}

.companyStep1 .table2 tr .style1 {
    padding:0 10px;
}
.companyStep1 .table2 tr .style1 input{
    height:29px;
    margin-bottom:14px;
    padding:0 5px 5px 5px;
    font-size:12px;
}
.companyStep1 .table2 tr .select {
    padding:0 10px;
    font-size:12px;
}
.companyStep1 .table2 tr .select .selectOut {
    margin-top:5px;
    font-size:12px;
}

.edit {
    margin-left:10px;
}
/*******************************************************/
/*
 * common style
 */
.hide {
    display: none;
}

.black_bold {
    color:#232323;
    font-weight:bold;
}
.photo {
    position:relative;
    width:166px;
    height:160px;
}
.photo img {
    position:absolute;
    left:18px;
    top:5px;
}
.editLayer {
    background:url(/static/images_en/photo_edit.png) no-repeat !important;
    width:150px;
    height:20px;
    position:relative;
    top:130px;
    left:10px\0/;
    *left:10px;
}
.editLayer .edit {
    position:absolute;
    right:45px;
    top:2px;
    top:3px\0/;
    *top:3px;
}
.downLoad {
    width:280px;
    margin:20px auto;
    overflow:hidden;
}
.downLoad .img_download {
    background:url(/static/images_en/img_download.jpg) no-repeat;
    display: block;
    width:220px;
    padding-top: 266px;
    margin: 0 auto;
    font-size:22px;
    font-weight:bold;
    text-align:center;
}

.paddingB_40px {
    padding-bottom:40px;
}

@media print
{
    .shortlist .box_T { display:none !important;}
    #Header { display:none !important;}
    #Footer { display:none !important;}
}

.companyConfirm .table2 tr .discription {
    width:410px;
    word-wrap: break-word;
    word-break: normal;
    display:block;
}
/*
 * tab style
 */
.boxMain {
    width:1002px;
}

.boxMain .box_T {
    width:980px;
    height: 40px;
    z-index:998;
    margin: auto;
    position: relative;
}

.boxMain .box_M {
    background: #fff;
    /*box-shadow: 12px 0 12px -7px #ccc,0 12px 12px -7px #ccc,-12px 0 12px -7px #ccc;*/
    border-radius: 6px;
    margin: auto;
    min-height:640px;
    width:980px;
    position:relative;
    _position:inherit;
    padding: 77px 0 80px;
}

.candiBoardbox .box_M {
    padding-bottom: 115px;
}

.boxMain .box_B {
    background: #fff;
    width: 980px;
    height: 30px;
    margin: auto;
    position: absolute;
    bottom: -17px;
    left: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.candidate.boxMain .box_M {
    background: url(/static/images_en/mainBgM.png) repeat-y;
    width: 1002px;
    box-shadow: none;
    padding-top: 0;
    border-radius: 0;
}

.candidate.boxMain .box_B {
    background:url(/static/images_en/mainBgBottom.jpg) no-repeat;
    width:1002px;
    height:140px;
    position:absolute;
    bottom:-1px;
    left:0;
    border-radius: 0;
}

.mainTitle span,
.mainTitle a {
    background-color: #0296cc;
    display: inline-block;
    text-align: center;
    height: 29px;
    line-height: 29px;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    margin-right: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    vertical-align: bottom;
    padding: 0 10px;
}

.page-zh-cn .mainTitle span,
.page-zh-cn .mainTitle a {
    font-size: 12px;
    padding: 0 15px;
}

.mainTitle a:hover {
    color: #fff;
}

.mainTitle a.talent_selected:hover {
    color: #232323;
}

.mainTitle span {
    color: #232323;
    height: 32px;
    line-height: 34px;
    background-color: #fff;
    margin-right: -2px;
    margin-left: -7px;
    z-index: 10;
    position: relative;
}

.mainTitle span.talent_selected {
    margin-left: -4px;
}

.mainTitle span.talent_selected a {
    margin: 0;
    padding: 0;
}

.mainTitle .candi {
    background:url(/static/images_en/icon_tab_candi.png) no-repeat 30px 0;
    height:20px;
    margin:0 auto;
    float:left;
    padding:5px 0 0 55px;
    font-size:11px;
    font-weight:bold;
    color:#fff;
}

.mainTitle .job {
    background-repeat: no-repeat;
    background-position: 11px -474px;
    padding-left: 6px;
}
/*
 * page box_T common part
 */
.box_T .toolbar {
    position:absolute;
    left: 286px;
    top: 85px;
    width: 672px;
}

.box_T .toolbar > div {
    display: inline-block;
    vertical-align: middle;
}

.box_T .toolbar.btn {
    position: absolute;
    left: auto;
    top: 87px;
    right: 30px;
    width: auto;
}

.box_T .toolbar .btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.mainTitle {
    position: absolute;
    left: 20px;
    top: 8px;
    height: 29px;
}

.mainTitle .dashboard {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    margin: 0 auto;
}

.mainTitle .dashboard_selected {
    height:20px;
    margin:0 auto;
    float:left;
    padding:3px 0 0 75px;
    *padding-top: 5px;
    font-size:11px;
    font-weight:bold;
    color:#232323;
}

.candiprofile .box_T .areaLeft {
    border-bottom:1px solid #B2B2B2;
}

.candiBoardbox .box_T .areaLeft {
    border-bottom: 0;
}


.candiBoardbox .box_T .areaLeft {
    top: 68px;
    left: 25px;
    padding-bottom: 15px;
    position: absolute;
    width: 216px;
}

.searchBoardbox #s2id_id_experience {
    width: 80px;
}

.searchBoardbox #search-form > div {
    margin-bottom: 12px;
}

.searchBoardbox .search-title,
.dashboardBoardbox .search-title,
.talentBoardbox .search-title {
    padding-left: 5px;
    margin-bottom: 8px;
    font-weight: bold;
}

.split-space {
    width: 9px;
    height: 20px;
    display: inline-block;
}

.split-wave {
    width: 9px;
    height: 20px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

.talentBoardbox .box_T .areaLeft {
    position:absolute;
    padding-bottom:15px;
    width:227px;
    left:17px;
    top: 68px;
}

.talentBoardbox .box_T .areaLeft h3,
.jobBoardbox .box_T .areaLeft h3 {
    font-weight:normal;
    position: absolute;
    left: 12px;
    top: 85px;
}

.candi_operate {
    position:absolute;
    left:308px;
    top: 58px;
    background:url(/static/images_en/candi_operate_bg.jpg) no-repeat;
    width:630px;
    height:55px;
}

.data_panel {
    left: 20px;
    position: absolute;
    top: 77px;
    width: 220px;
    height: 130px;
}

.dashboard-data-panel.data_panel {
    height: 105px;
}

.searchBoardbox .box_T h4 {
    font-weight: fold;
}

.candiBoardbox .box_T .area4 {
    width:110px;
    text-align:left;
    font-weight:bold;
    position:absolute;
    top: 75px;
    right: 11px;
}

.companyBoardbox .box_T .num {
    margin-left: 136px;
    margin-top: 10px;
}

.companyBoardbox .box_T .num span {
    min-width: 25px;
    display: inline-block;
    border-right: 1px solid #aaa;
    height: 15px;
    margin-right: 10px;
    padding: 0 10px 0 0;
    line-height: 15px;
    vertical-align: bottom;
}

.companyBoardbox .box_T .title {
    border-bottom: 1px solid #ddd;
    width:672px;
    padding-bottom:8px;
    font-size: 13px;
    color:#777;
}

.point-management .box_T .filter {
    position: absolute;
    top: 70px;
}

/*
 * page box_M common part
 */
.vertical-line {
    height: 100%;
    width: 1px;
    background: #ccc;
    position: absolute;
    left: 258px;
    top: 16px;
}

.companyBoardbox .box_M .sideLeft {
    margin-left:0;
    width:auto;
}

.boxMain .box_M .sideRight {
    float:right;
    width:680px;
    margin-right: 19px;
    _margin-right:15px;
    _position:relative;
}

.companyBoardbox .box_M .sideRight .btnRed {
    float:right;
    margin-bottom:10px;
}

.jobBoardbox .box_M .sideRight .btnRed {
    float:right;
    margin-bottom:10px;
}

/*
 * candidate dashboard part
 */
.welcome-tip-message-pop {
    width: 100%;
    height: 100%;
    min-width: 1002px;
    min-height: 860px;
    z-index: 1001;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.welcome-tip-message-pop.show-tip-message {
    display: block;
}

.welcome-tip-message-pop .pop-content,
.welcome-tip-message-pop .pop-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.welcome-tip-message-pop .pop-content-bg {
    background: #221E1F;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.welcome-tip-message-pop .pop-content img {
    position: absolute;
    width: 1002px;
    top: 52px;
    left: 50%;
    margin-left: -501px;
}

.welcome-tip-message-pop .close-icon {
    background: url(/static/image/icon_close_write_transparent.png);
    width: 58px;
    height: 58px;
    display: block;
    position: absolute;
    right: 105px;
    top: 55px;
    cursor: pointer;
    border-radius: 50%;
}

.discribe {
    margin: 20px auto;
    padding: 0 40px;
    text-align: center;
    font-size:16px;
    word-spacing: 1.5px;
    color: #666;
    line-height: 22px;
}

h3.discribe {
    margin: 20px auto;
    text-align: center;
    font-size:20px;
    word-spacing: 1.5px;
    color: #000;
}

.color-red {
    color: red;
}

.apply-job-in-group .discribe span {
    color: #fc8434;
}

.show-tip-message-container {
    cursor: pointer;
    position: absolute;
    right: 11px;
    top: 10px;
    z-index: 1000;
}

.show-tip-message-container .icon-help {
    background: url(/static/image/icon_userguide.png) no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    background-position: center;
    animation: pop 1s linear 0s infinite alternate;
    -moz-animation: pop 1s linear 0s infinite alternate;
    -webkit-animation: pop 1s linear 0s infinite alternate;
    -o-animation: pop 1s linear 0s infinite alternate;
}

@keyframes pop
{
0%   {background-size: 50%;}
25%  {background-size: 80%;}
50%  {background-size: 95%;}
75%  {background-size: 100%;}
100% {background-size: 100%;}
}

@-moz-keyframes pop /* Firefox */
{
0%   {background-size: 50%;}
25%  {background-size: 80%;}
50%  {background-size: 95%;}
75%  {background-size: 100%;}
100% {background-size: 100%;}
}

@-webkit-keyframes pop /* Safari and Chrome */
{
0%   {background-size: 50%;}
25%  {background-size: 80%;}
50%  {background-size: 95%;}
75%  {background-size: 100%;}
100% {background-size: 100%;}
}

@-o-keyframes pop /* Opera */
{
0%   {background-size: 50%;}
25%  {background-size: 80%;}
50%  {background-size: 95%;}
75%  {background-size: 100%;}
100% {background-size: 100%;}
}

.show-tip-message-container .triangle-topright {
    width: 0;
    height: 0;
    border-top: 70px solid #ff6633;
    border-left: 70px solid transparent;
    -webkit-transition: border-color 2s;
}

.show-tip-message-container:hover .triangle-topright {
    border-top: 120px solid #221e1f;
    border-left: 120px solid transparent;
}

.show-tip-message-container .user-guide-text {
    position: absolute;
    top: 36px;
    right: 3px;
    width: 80px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform-style: rotate(45deg);
    -o-transform-style: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

.show-tip-message-container:hover .user-guide-text {
    display: block;
}

/*
 *  forget password page common
 */

#Main .forgotPW .box1 .box_M {
    padding: 100px 0;
}

#Main .forgotPW .table2 tr td {
    padding:0 0 10px 0;
}

#Main .forgotPW form {
    width: 350px;
    margin: 0 auto;
}

#Main .forgotPW .show-account {
    color: #666;
    margin: 10px 0 -10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#Main .register.forgotPW .table2 {
    width: 100%;
}

#Main .forgotPW .discribe {
    margin: 0;
    padding: 0;
}

#Main .forgotPW .company-logo {
    position: absolute;
    top: 0;
    right: 60px;
}

#Main .forgotPW .company-logo img {
    height: auto;
    max-width: 100px;
    max-height: 100px;
}

/* required icon */
.required-star {
    display: inline-block;
    color: #F00;
    vertical-align: middle;
    text-indent: -10px;
}

/* filter in talent pool and application list*/
.language-certification {
    position: relative;
}

.eng_cert_input.small-input {
    width: 10px;
}

.eng_cert_input {
    color: #999!important;
}

.eng_cert_input.small-input {
    color: #fff!important;
}

.eng_cert_input.small-input::-webkit-input-placeholder {
    color: transparent!important;
}

.eng_cert_input.small-input::-moz-placeholder {
    color: transparent!important;
}

.eng_cert_input.small-input:-moz-placeholder {
    color: transparent!important;
}

.eng_cert_input.small-input:-ms-input-placeholder {
    color: transparent!important;
}

.language-certification-popup {
    border: 1px solid #ccc;
    width: 208px;
    position: absolute;
    z-index: 9999;
    background: #fff;
    top: -404px;
    left: 0;
    padding: 10px 5px;
    display: none;
}

.graph-tab-popup.language-certification-popup {
    top: -332px;
}

.language-certification-popup li {
    margin: 3px 0;
}

.language-certification-popup label {
    width: 75px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.language-certification-popup input[type="checkbox"] {
    cursor: pointer;
}

.language-certification-popup input[type="text"] {
    border: 1px solid #ccc;
    width: 50px;
    line-height: 8px;
    height: 8px;
    vertical-align: middle;
    margin: 0 5px;
    padding: 5px;
}

.language-certification-popup .btn {
    padding: 0;
    margin-top: 10px;
}

.language-certification-popup .btn span {
    display: inline-block;
    width: 60px;
    text-align: center;
    border: 1px solid #ccc;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
}

.language-certification-popup .btn span.certification-confirm-btn {
    float: right;
    color: #0296cc;
}

.page-en .language-certification-popup label {
    width: 50px;
}

.select2-results .deep2 {
    margin-left: 8px;
}

.select2-results .deep3 {
    margin-left: 16px;
}

.select2-results .deep4 {
    margin-left: 24px;
}

.select2-results .deep5 {
    margin-left: 32px;
}

.select2-results .deep6 {
    margin-left: 40px;
}

.select2-results .deep7 {
    margin-left: 48px;
}

.select2-results .deep8 {
    margin-left: 56px;
}

.select2-results .deep9 {
    margin-left: 64px;
}

.porsche .job_button {
    background: red;
}

.job-template-company {
    padding: 5px;
    max-width: 343px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.candidate-search {
    background-image: url(/static/image/icon_beta.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.dashboardBoardbox .input_220px_com {
    height: 30px;
    width: 199px;
}

.page-en .dashboardBoardbox .input_220px_com {
    height: 26px;
}

.dashboardBoardbox .width_200px {
    width: 209px;
}

.dashboardBoardbox .input_200px_com {
    height: 30px;
    width: 199px;
}

.page-zh-cn .dashboardBoardbox .input_200px_com {
    height: 27px;
}

.talentBoardbox .input_220px_com {
    height: 28px;
    width: 195px;
}

.page-en .talentBoardbox .input_220px_com {
    height: 26px;
}

.page-zh-cn .talentBoardbox .input_220px_com {
    width: 199px;
}

.box1 .box_M .third_log_title{
    margin-top: 20px;
}

.box1 .box_M .third_login_icon{
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.box1 .box_M .third_login_icon a.third_login{
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-left: 12px;
    min-height: 30px;
    background-position: center center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.box1 .box_M .third_login_icon a.qq_login_icon{
    background: url(/static/images_en/qq_share.png);
    margin-left: 0;
}

.box1 .box_M .third_login_icon a.sina_login_icon{
    background: url(/static/images_en/weibo_share.png);
}

.box1 .box_M .third_login_icon a.wechat_login_icon{
    background: url(/static/images_en/wechat_icon.png) no-repeat center center;
    background-size: 30px 30px;
}

.operation-link {
    position: absolute;
    top: 0;
    right: 90px;
}

.operation-link a {
    display: inline-block;
}

.operation-link a .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.operation-link .import-from-thirdparty {
    padding-left: 10px;
}

.operation-link .import-from-thirdparty .icon {
    height: 22px;
    background-image: url(/static/images_en/sprite_icon.png);
    background-position: -328px -695px;
}

.operation-link .candidate_upload_resume {
    border-right: 1px solid #aaa;
    padding-right: 10px;
}

.operation-link .candidate_upload_resume .icon {
    background-image: url(/static/images_en/sprite_icon.png);
    background-position: -328px -734px;
}

/*----------candidate-profile------*/

#mask {
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
}

#boxes .window {
    background-color: #fff;
    position:fixed;
    width:800px;
    height:auto;
    display:none;
    z-index:9999;
    padding:20px;
    position: absolute;
    top: 100px;
}

#boxes #dialog {
    width:650px;
    height:auto;
}
#boxes #loading {
    width:35px;
    height:auto;
}

#page {
    margin: 120px auto;
    width: 1000px;
}
#content {
    background: url(/static/img/main_background.png) repeat;
}
#header {
    background: url(/static/img/header.png) repeat;
    height: 37px;
    width: 997px;
}
#pagetitle {
    margin: 0 auto;
    padding: 20px 50px;
    width: 50%;
}
#pagetitle {
    color: #666666;
    font: bold 17px Helvetica;
    text-align: center;
}
#pagebottom {
    margin: 20px auto 0;
    width: 900px;
}
#progress {
    float: left;
    height: 32px;
    position: relative;
    text-align: center;
    width: 700px;
}
#runner {
    left: 490px;
    position: absolute;
    top: 10px;
}
#progress_bk {
    background: url(/static/img/gray.png) repeat;
    height: 40px;
    left: 200px;
    position: absolute;
    width: 312px;
}
#progress_line {
    background: url(/static/img/normal.png) repeat;
    height: 40px;
    width: 312px;
}
#previous_btn {
    float: left;
    margin-top: 6px;
}
#previous_btn input {
    background: url(/static/img/complete.png) repeat;
}
#previous_btn input {
    border: 0 none;
    color: white;
    cursor: pointer;
    font: bold 12pt Calibri;
    height: 30px;
    width: 95px;
}
#complete_btn {
    float: left;
    margin-top: 8px;
}
#complete_btn input {
    background: url(/static/img/complete.png) repeat;
}
#complete_btn input {
    border: 0 none;
    color: white;
    cursor: pointer;
    font: bold 12pt Calibri;
    height: 30px;
    width: 95px;
}
#footer {
    background: url(/static/img/bottom.png) repeat;
    height: 33px;
    width: 997px;
}
.clear {
    clear: both;
}
.qtop {
    height: 87px;
    margin: 0 auto;
    width: 900px;
}
.qnumber {
    float: left;
    height: 87px;
    width: 100px;
}
.qnumber {
    color: #666666;
    font: bold 22px Helvetica;
}
.qnumber {
    line-height: 87px;
    text-align: right;
}
.qtop img {
    float: left;
    margin: 0 10px;
}
.qdescription {
    float: left;
    height: 67px;
    width: 700px;
}
.qdescription {
    color: #7A7A7A;
    font: bold 14px Helvetica;
}
.qdescription table {
    height: 87px;
}
.qcontent {
    margin: 10px auto;
}
.qcontent table {
    border: 1px solid #B2B2B2;
    border-radius: 12px;
    text-align: center;
}
.qcontent tbody tr {
    height: 50px;
}
.qcontent thead {
    height: 20px;
}
.qcontent td, th {
    vertical-align:top;
}
.threecolumn tr td {
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}
.qcontent td, th {
    color: #232323;
    font-size: 12px;
}
.qcontent th {
    color: #666666;
    font: 10px Helvetica;
    padding: 10px;
}
.qcontent th {
    border-bottom: 0 solid #B2B2B2;
}
.firstrow {
    background:url(/static/img/thead.png) repeat-x;
}
.oddrow {
    background: none repeat scroll 0 0 #F1F2F2;
}
.qcontent select {
    color: #232323;
    font: 14px Helvetica;
    margin-top: 30px;
    margin-left: 180px;
    min-width: 200px;
    padding: 3px;
}
.reya-sortablelist {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 450px;
}
.reya-sortablelist li {
    background-image: url(/static/img/sortablelist_default.png);
    background-repeat: no-repeat;
    font: 16px/26px Helvetica;
    height: 50px;
    padding: 12px 0 0 20px;
}
.reya-sortablelist-state-highlight {
    opacity: 0.5;
}

.skillplaceholder {
    height: 40px;
    border: 1px solid #9C6;
    border-radius: 5px;
    box-shadow: 0 0 4px 4px #9C6;
}

.bubbledalert {
    position: relative;
}
.bubbledalert-popup {
    background: url(/static/img/bubbledalert_bg.png) no-repeat;
    display: none;
    height: 110px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 156px;
}
.bubbledalert-popup p {
    color: white;
    font: bold 0.8em Calibri;
    margin: 15px 10px 0;
}
.threecolumn thead th {
    background: none repeat scroll 0 0 #F1F2F2;
    color: #666666;
    font: bold 12px Helvetica;
    padding-left: 30px;
    text-align: left;
}
.threecolumn td {
    padding: 0;
}
.column_a,
.column_c {
    font: 14px Helvetica;
}
.rightarrow {
    background:url(/static/img/3carrow1.png) repeat;
    float: right;
    height: 10px;
    width: 5px;
}
.column_a_selected .rightarrow {
    background:url(/static/img/3carrow2.png) repeat;
}

.column_b_selected  {
    color: #2698D2;
}

.column_b {
    font: 12px Helvetica;
}
.column_a_item,
.column_b_item {
    padding: 15px 20px;
    text-align: left;
}
.column_a_selected {
    background: none repeat scroll 0 0 #2698D2;
    color: white;
}
.column_c_group p {
    font: bold 16px/40px Helvetica;
    height: 30px;
    margin-left: 10px;
    text-align: left;
}
.column_a_item,
.column_b_item {
    border-bottom: 1px solid #E5E5E5;
    display: block;
}
.column_c_item {
    border-bottom: 1px solid #E5E5E5;
    display: block;
    text-align: center;
}
.column_c_item {
    background: none repeat scroll 0 0 #2698D2;
    border-radius: 10px 10px 10px 10px;
    color: white;
    height: 30px;
    line-height: 30px;
    margin: 8px auto;
    width: 172px;
}
.column_c_item p {
    font: 12px/30px;
    height: 30px;
    margin-left: 10px;
    text-align: left;
    float:left;
}
.column_c_item a {
    border-left: 1px solid #fff;
    color:#fff;
    float: right;
    width: 24px;
}
.recommend  {
    width: 20px;
    height: 20px;
    background: url(/static/image/recommend.gif);
    float: left;
}

.column_b_item  {
    line-height: 20px;
}

.column_a_item,
.column_b_item,
.column_c_item a {
    cursor: pointer;
}
.column_c {
    max-height: 900px;
    min-height: 350px;
    margin: 10px;
    overflow: auto;
}
.column_a_item, .column_b_item {
    height: auto;
    overflow: hidden;
}
.column_c_item {
    width: 200px;
}

.pagination {
    margin: 20px 0;
}
.pagination ul {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin:0 5px;
    *float:left;
}
.pagination .first {
    *margin-left:300px;
}
.pagination ul li {
    display: inline;
}
.pagination ul li a,
.pagination ul li span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
}
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul .active a,
.pagination ul .active span {
    background-color: #F5F5F5;
}

.pagination ul .active a,
.pagination ul .active span {
    color: #777;
    font-weight:bold;
    cursor: default;
}
.pagination ul .disabled span,
.pagination ul .disabled a,
.pagination ul .disabled a:hover,
.pagination ul .disabled a:focus {
    background-color: transparent;
    color: #999999;
    cursor: default;
}
.pagination ul li:first-child a,
.pagination ul li:first-child span {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
}
.pagination ul li:last-child a,
.pagination ul li:last-child span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination-centered {
    text-align: center;
}
.breadcrumb {
    background-color: #fafafa;
    border-radius: 4px 4px 4px 4px;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0 20px;
    line-height: 32px;
    font-size: 14px;
    *overflow:hidden;
}

.breadcrumb li {
    display: inline-block;
    text-shadow: 0 1px 0 #FFFFFF;
    *float:left;
}
.breadcrumb li .divider {
    color: #CCCCCC;
    padding: 0 5px;
}
.breadcrumb .active {
    color: #666;
}
.candidateInput .icon_close_gray {
    background:url(../images_en/sprite_icon.png?t=4) -135px -609px;
    width:8px;
    height:8px;
    float:right;
    margin-top:9px;
    *margin-top:10px;
    margin-left:3px;
}
.candidateInput .icon_close_gray:hover {
    background:url(../images_en/sprite_icon.png?t=4) -135px -588px;
}
.candidateInput .add_new {
    margin-top:5px;
}

.candidateInput .title {
    padding-bottom: 10px;
    font-weight: bold;
    color: #666;
    width: 580px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    margin: 30px auto 10px auto;
}

.dropdown-menu .divider {
    border-top: 1px solid #E5E5E5;
    margin: 0 1px;
}
.dropdown-menu li {
    position:relative;
}
.dropdown-menu li a {
    display: block;
    padding: 3px 60px 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    text-align:left;
    font-size:13px;
}
.dropdown-menu li a i {
    width: 6px;
    height: 6px;
    left: 10px;
    top: 10px;
    *top: 8px;
    position: absolute;
}
.dropdown-menu li a ins {
    display:block;
    max-width: 190px;
    *width:190px;
    min-width: 80px;
    overflow:hidden;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dropdown-menu li a em {
    position:absolute;
    right:10px;
    top:3px;
    width: 50px;
    *width: 65px;
    height:18px;
    text-align: right;
}

.dropdown-menu li a .icon-add {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -113px -296px;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-submenu:hover a,
.dropdown-submenu:focus a {
    text-decoration: none;
    background: #eee;
}
.talentBoardbox .group {
    top: 25px;
    left:40px;
    *left:20px;
    position: absolute;
}
.talentBoardbox .dropdown-menu {
    right: 0;
    top: 26px;
}
.talentBoardbox .btn_shortList {
    margin: 0;
}
.talentBoardbox .oneLine .area_4 {
    position:relative;
}
.nav {
    list-style: none outside none;
    margin-left: 0;
}
.nav li a {
    display: block;
}
.nav li a:hover {
    text-decoration: none;
    background-color: #eeeeee;
}
.nav .no-hover a:hover {
    text-decoration: none;
    background:none;
}
.nav-stacked li {
    float: none;
    padding: 2px 0;
}
.nav-stacked li.active a {
    background: #eee;
    color: #333;
}
.nav-stacked li.no-hover {
    padding-top:5px;
}
.nav-stacked li.no-hover a {
    color: #0088CC;
}
.nav-stacked li.no-hover a:hover {
    color: #00AAFF;
}
.nav-stacked li.no-hover .btnBlue a {
    color: #fff;
    padding: 0 5px;
}
.nav-stacked li.no-hover .btnBlue a:hover {
    color: #C0EAFF;
}
.nav-stacked li.no-hover .input_153px {
    margin-left:6px;
    margin-right:5px;
}
.nav-stacked li a {
    margin-right: 0;
    padding:3px 7px;
    color: #555;
    font-size:14px;
    overflow:hidden;
}
.nav-stacked li a p {
    float:left;
}
.nav-stacked li a span {
  float: right;
  color: #555;
}
.module-footer {
    border-bottom: 1px solid #ccc;
    float: left;
    margin: 10px 0;
    *padding-bottom:5px;
    width: 100%;
}
.module-footer .icon-down {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -10px -296px;
    height: 7px;
    float:left;
    margin-bottom: 5px;
    display:block;
    margin-left: 111px;
    width: 13px;
}
.module-footer .icon-down:hover {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -35px -296px;
}
.module-footer .icon-up {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -60px -296px;
    height: 7px;
    float:left;
    margin-bottom: 5px;
    display:block;
    margin-left: 111px;
    width: 13px;
}
.module-footer .icon-up:hover {
    background:url(../images_en/sprite_icon.png?t=4) no-repeat -85px -296px;
}
.icon_list_within {
    background: url(../image/list_assets.png?t=4) no-repeat -152px -124px;
    width: 32px;
    height: 32px;
    display: block;
    margin: 10px auto;
}
.icon_list_without {
    background: url(../image/list_assets.png?t=4) no-repeat -100px -124px;
    width:32px;
    height:32px;
    display:block;
    margin:10px auto;
}
.data_panel ul li {
    padding:3px 0;
    font-size: 16px;
}
.data_panel ul li p {
    float:left;
    display:block;
    color:#666;
    line-height:18px;
}
.data_panel ul li p b {
    padding-right:2px;
}
.data_panel ul li span {
    text-align:right;
    display:block;
    color:#F66200;
    font-weight:bold;
    line-height:18px;
}

.nielsen .dis1,
.nielsen .dis2 {
    float: left;
    font-size: 14px;
    margin-left: 47px;
    margin-right: 10px;
    width: auto;
    margin-bottom: 0;
}
.nielsen .btnBlue {
    float:right;
    margin-right:50px;
}

/*--------- browser support----------*/
.browsers {
    margin-top:20px;
}
.browsers a {
    width:80px;
    height:80px;
    float:left;
    margin-right:20px;
}
.browsers a p {
    margin-top:60px;
    text-align:center;
    font-size:11px;
    color:#000;
}
.browsers .ie {
    background:url(../images_en/icon_ie.png) no-repeat;
}
.browsers .ff {
    background:url(../images_en/icon_firefox.png) no-repeat;
}
.browsers .chrome {
    background:url(../images_en/icon_chrome.png) no-repeat;
}
.browsers .safari {
    background:url(../images_en/icon_safari.png) no-repeat;
}

.autocomplete-suggestions {
    border:1px solid #999;
    background:#FFF;
    overflow:auto
}
.autocomplete-suggestion {
    padding:2px 5px;
    white-space:nowrap;
    overflow:hidden
}
.autocomplete-selected {
    background:#F0F0F0
}
.autocomplete-suggestions strong {
    font-weight:normal;
    color:#3399FF
}

/**************company culture***************/
.company_culture_div {
    background: #ccc;
    padding: 5px 10px;
    margin-left: 10px;
    display: inline-block;
}

.dot_company_culture {
    background:url(/static/images_en/img_company_culture.png) no-repeat;
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: middle;
}

.company_culture_div2 {
    background: #ccc;
    padding: 5px 10px;
    margin: 0 10px;
    display: inline-block;
    vertical-align: bottom;
}

.dot_company_culture2 {
    background:url(/static/images_en/img_company_culture.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.word_company_culture {
    display: inline-block;
    width: 500px;
    margin-left: 20px;
    color: #666;
    font-size: 15px;
    vertical-align: middle;
}

.word_company_culture2 {
    display: inline-block;
    width: 360px;
    margin-left: 20px;
    color: #666;
    font-size: 15px;
    margin-top: 0px;
}

.page-zh-cn .word_company_culture2 {
    width: 445px;
}

.thirdparty-logo-cantainer {
    text-align: center;
    overflow: hidden;
}

.thirdparty-logo-cantainer .jobstreet-logo,
.thirdparty-logo-cantainer .linkedin-logo,
.thirdparty-logo-cantainer .job51-logo,
.thirdparty-logo-cantainer .zhaopin-logo,
.thirdparty-logo-cantainer .veryeast-logo,
.thirdparty-logo-cantainer .liepin-logo,
.thirdparty-logo-cantainer .facebook-logo {
    width: 120px;
    height: 120px;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    display: table;
    color: #666666;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
}

.thirdparty-logo-cantainer .jobstreet-logo div,
.thirdparty-logo-cantainer .linkedin-logo div,
.thirdparty-logo-cantainer .job51-logo div,
.thirdparty-logo-cantainer .zhaopin-logo div,
.thirdparty-logo-cantainer .veryeast-logo div,
.thirdparty-logo-cantainer .liepin-logo div,
.thirdparty-logo-cantainer .facebook-logo div {
    display: table-cell;
    vertical-align: middle;
}

.thirdparty-logo-cantainer .jobstreet-logo span,
.thirdparty-logo-cantainer .linkedin-logo span,
.thirdparty-logo-cantainer .job51-logo span,
.thirdparty-logo-cantainer .zhaopin-logo span,
.thirdparty-logo-cantainer .veryeast-logo span,
.thirdparty-logo-cantainer .liepin-logo span {
    background-image: url(/static/image/icon_3rd_logo_80.png);
    background-image: url(/static/image/icon_3rd_logo_40.png)\9;
    background-size: cover;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin: 5px;
}

.thirdparty-logo-cantainer .liepin-logo span {
    background-image: url(/static/image/icon_3rd_logo_liepin.jpg);
    background-size: cover;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin: 5px;
}

.thirdparty-logo-cantainer .jobstreet-logo span {
    background-image: url(/static/image/icon_3rd_logo_jobstreet.png);
    background-size: cover;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin: 5px;
}

.thirdparty-logo-cantainer .facebook-logo span {
    background-image: url(/static/image/icon_3rd_logo_fb_80x80.png);
    background-size: cover;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin: 5px;
}

.thirdparty-logo-cantainer .jobstreet-logo,
.thirdparty-logo-cantainer .linkedin-logo,
.thirdparty-logo-cantainer .job51-logo,
.thirdparty-logo-cantainer .zhaopin-logo,
.thirdparty-logo-cantainer .veryeast-logo,
.thirdparty-logo-cantainer .liepin-logo,
.thirdparty-logo-cantainer .facebook-logo {
   float: left;
   margin-left: 60px;
}

.thirdparty-logo-cantainer .job51-logo span {
    background-position: 0px -50px;
}

.thirdparty-logo-cantainer .zhaopin-logo span {
    background-position: 0px -100px;
}

.thirdparty-logo-cantainer .veryeast-logo span {
    background-position: 0px -150px;
}

#tabs-3 .agree {
    text-align: center;
    margin-top: 60px;
}

.job_detail_new .customized-img {
    margin: 40px auto;
    display: block;
}

.help-icon {
    background: url(/static/image/ReferralProgram_assets.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
    background-position: -117px -395px;
}

.vendor-operation-btn {
    text-align: center;
    margin-top: 80px;
}

.vendor-operation-btn .btnBlue {
    float: none;
    display: inline-block;
}

.view-job-list,
.view-candidate-list,
.continue-add-btn {
    margin-left: 20px;
}

.resume-fill .candidateInput {
    padding-left: 130px;
}

.resume-fill .operation-link .candidate_upload_resume {
    border-right: 0;
    color: #fff;
    padding-right: 0px;
}

.resume-fill .operation-link .candidate_upload_resume:hover {
    color: #fff;
}

.resume-fill .operation-link {
    top: -10px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #0088cc;
}

.vendor-resume-success .btn-blue {
    background: #FFFFFF;
    border: 1px solid #0088cc;
    color: #0088cc;
}

.vendor-resume-success .btn-blue.continue-add-btn {
    background: #0088cc;
    color: #FFFFFF;
}

.vendor-resume-success .btn-blue a {
    color: #0088cc;
}

.vendor-resume-success .btn-blue a:hover {
    color: #0088cc;
}

.vendor-resume-success .btn-blue.continue-add-btn a {
    color: #FFFFFF;
}

.vendor-resume-success .quote-div {
    background: url(/static/image/quote.png);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 80px;
    padding-bottom: 100px;
}

.vendor-resume-success .box1 .box_M .title {
    font-weight: normal;
}

.upload-vendor-resume .discribe.upload_resume_discribe {
    margin: 20px 0 0;
}

.upload-vendor-resume .box1 .box_M .upload_resume {
    margin: 0 auto;
    text-align: center;
}

.upload-vendor-resume #id_resume_file {
    left: 440px;
}

#upload_resume .input_350px {
    padding: 4px 5px;
}

#upload_resume #browse {
    vertical-align: top;
    font-size:13px;
    margin-left:10px;
    height: 28px;
    padding: 0px 5px;
    line-height: 12px;
}

.task-pending-flag {
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #ff0000;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 5px;
}

.task-pending-count {
    background: #ff0000;
    color: #fff;
    border-radius: 8px;
    padding: 0px 5px;
    text-align: center;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    font-size: 12px;
}

p.task-pending-count {
    position: absolute;
    margin: 0px;
    right: 18px;
    top: 6px;
}

/* menu dropdown notification*/
.hove .task-pending-count {
    display: none;
}

.edit-job-back {
    margin-top: 80px;
    text-align: center;
}

.video-play-icon {
    height: 15px;
    width: 15px;
    margin-right: 5px;
}

.attachment-download-icon {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    margin-top: 3px;
}

.table-survey td a.btn {
    display: inline-block;
    text-align: center;
    width: 120px;
    height: 50px;
    background: url(/static/image/video/video_bg.png) no-repeat;
    background-size: 100% 100%;
}

.table-survey td a.btn .video-play-icon {
    height: 36px;
    width: 36px;
    margin-top: 7px;
}

.no-question {
    text-align: center;
    padding-top: 30px;
}

.oneQuestion input[type=text] {
    background-color: #F7F7F7;
    border: 1px solid #aaa;
    padding: 5px;
    margin-top: 20px;
    width: 870px;
}

.oneQuestion h3 {
    margin-bottom: 5px;
}

.oneQuestion p.type,
.oneQuestion p.q-title {
    display: inline-block;
    margin-right: 5px;
    vertical-align:top;
}

/* .oneQuestion p.q-title {
    margin-top: 2px;
} */

/*.table4.table-survey tr + .tr-line .td-line {
    border-bottom: 1px solid #aaa;
}
*/
.table4.table4_more tr + .tr-line .head {
    width: 95.5px;
    height: 10px;
    float: left;
}

.table4.table4_more tr + .tr-line .foot {
    border-bottom: 1px solid #e5e5e5;
    width: 480px;
    height: 10px;
    float: left;
}

.table4.table-survey .tr-line td {
    width: 60px;
}

.table4.table-survey.table4_more {
    width: 600px;
}

.table4.table4_more.table-survey tr th {
    width: 160px;
}

.question-video-icon {
    display: inline-block;
}

.question-video-icon .video-play-icon {
    margin-right: 1px;
}

.question-video-icon.employee {
    margin-left: 0;
}

.profile-employee-icon {
    position: absolute;
    left: 5px;
    top: 180px;
}

.page-en .profile-employee-icon {
    left: 23px;
}

.employee-icon-2 {
    display: inline-block;
    width: 24px;
    height: 21px;
    margin-left: 12px;
    margin-top: 5px;
    background-size: 100% 100%;
    background-image: url(/static/image/employee_icon.png);
}

.created-by-vendor-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 50px;
    background-size: 100% 100%;
    vertical-align: middle;
    background-image: url(/static/image/upload-by-vendor-icon.png);
}

.is_employee .employee-icon-2,
.is_employee .created-by-vendor-icon {
    margin-left: 0;
}

.question-video-icon.employee + .employee-icon-2 {
    margin-left: 0px;
}

.force-hide {
    display: none !important;
}

.force-width-196px {
    width: 196px !important;
}

.expire-page-wrap {
    width: 100%;
}

#expire-page-wrap div {
    margin: 0 auto;
}

#expire-page-wrap .expire-icon {
    background:url(../image/sea/72h_icon.png?t=1) no-repeat;
    width: 250px;
    height: 250px;
    background-size: cover;
    margin-top: 45px;
    margin-bottom: 55px;
}

#expire-page-wrap .title {
    width: 60%;
    font-size: 30px;
    color: #0088cc;
    text-align: center;
    font-family: Microsoft YaHei,"微软雅黑", Arial, Helvetica, sans-serif;
    line-height: 47px;
    padding-top: 60px;
}

#expire-page-wrap .title strong {
    font-size: 48px;
    font-weight: bold;
}

#expire-page-wrap .title.bottom {
    background-color: #c7c7c7;
    color: #fff;
    font-size: 20px;
    padding-top: 0px;
    padding: 0 20px;
}

#expire-page-wrap .title.bottom.en {
    max-width: 53%;
}

#expire-page-wrap .title.bottom.zh-cn {
    width: 34%;
    padding: 0 20px;
}
.image-container {
    position: relative;
    float: left;
}

.image-container .is_employee {
    margin-top: 90px;
    width: 50px;
    text-align: center;
    color: #666;
}

#s2id_id_employee {
    width: 211px;
}

.margin-bottom_20 {
    margin-bottom: 20px;
}


.margin-bottom_30 {
    margin-bottom: 30px;
}

.margin-bottom_40 {
    margin-bottom: 40px;
}

.hm-rate-td .hm-rate-comments {
    margin-top: 20px;
    width: 90%;
}

.td_padding_0 {
    padding: 0;
}

.talentBoardbox #personal-invites {
    margin-left: 14px;
}

.dashboardBoardbox #personal-side-left {
    margin-left: 14px;
}

.show_referral p.view_referral_rules {
    margin: 10px 10px 10px 25px;
    text-align: left;
    font-size: 15px;
    text-decoration: underline;
}

.view-rules-popup .popDiv .popBox {
    padding: 30px 40px 40px 40px;
}

.view-rules-popup .popDiv .popBox .close-btn {
    display: block;
    float: right;
    width: 20px;
    height: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.view-rules-popup .popDiv .popBox h1 {
    color: #006341;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.view-rules-popup .popDiv .popBox .company-img {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.view-rules-popup .container {
    width: 520px;
    height: 360px;
    margin: 0 auto;
}

.view-rules-popup .container .l {
    float: left;
    width: 480px;
}

.view-rules-popup .container .r {
    float: left;
    width: 24px;
    height: 100%;
    margin-left: 6px;
}

.view-rules-popup .container .r .icomoon-arrow-up,
.view-rules-popup .container .r .icomoon-arrow-down {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -12.5px;
    text-align: center;
    color: #FFFFFF;
    font-size: 25px;
}

.view-rules-popup .container .l .head {
    height: 60px;
}

.view-rules-popup .container .l .main {
    height: 300px;
}

.view-rules-popup .container .r .btn {
    position: relative;
    width: 24px;
    height: 180px;
    margin: 0;
    line-height: 180px;
    background-color: #666;
    text-align: center;
    cursor: pointer;
}

.view-rules-popup .container .r .btn.disable {
    background-color: #ccc;
}

.row-onboard input {
    background: url(/static/images_en/sprite_widget.png?t=5) no-repeat -10px -307px;
    padding-left: 5px;
    height: 30px;
}

/* for starbucks employee homepage customization*/
.cont.customization .icon_joblink_down {
    background: url(/static/image/Inverted_triangle_gray.jpeg?t=4) no-repeat;
    background-size: 120%;
}

.cont.customization .icon_joblink_up {
    background: url(/static/image/Inverted_triangle_gray.jpeg?t=4) no-repeat;
    background-size: 120%;
    width: 8px;
    height: 5px;
    transform: rotate(-90deg);
}

.revoke-agreement .bottom {
    margin-top: 30px;
}

.revoke-agreement .popBox {
    width: 410px;
    padding-top: 35px;
}

/* for selected group*/
.selected-group {
    background-color: #abc;
}

/*for grouping list*/
.group-list-checkbox {
    display: inline-block;
    vertical-align: top;
}

.group-list-content {
    display: inline-block;
    word-break: break-all;
    width: 120px;
}

.email-subject-style {
    text-align:left !important;
    min-width:50px;
}

.email-error-message {
    display: none;
    color: #FF0000;
}

.duplicate-candidate-btn-icon {
    display: inline-block;
    float: right;
    background: url(/static/image/duplicate-candidate-btn.png) no-repeat;
    background-size: 18px 20px;
    margin-right: 15px;
    width: 18px;
    height: 20px;
    cursor: pointer;
}

.duplicate-candidate-list {
    display: none;
    box-sizing: border-box;
    width: 250px;
    top: 40px;
    border: 1px solid #E2E2E2;;
    position: absolute;
    background: #fff;
    z-index: 9999;
}

.duplicate-candidate-list-title {
    box-sizing: border-box;
    height: 25px;
    font-weight: bold;
    line-height: 25px;
}

.duplicate-candidate-list-item {
    box-sizing: border-box;
    padding: 5px 10px;
    border-top: 1px solid #F2F2F2;
    cursor: pointer;
}

.duplicate-candidate-list-item:hover {
    background: #E9E9E9;
}

.duplicate-candidate-list-item .name, .duplicate-candidate-list-item .phone {
    color: #0088cc;
}

.duplicate-candidate-list-item .date {
    float: right;
}

.candidate-list-info .basic-info .id-box {
    position: relative;
}

.candidate-list-info .basic-info .id-box .icon {
    width: 35px;
    height: 35px;
}
.candidate-list-info .basic-info .id-box .duplicate-candidate-icon {
    position: absolute;
    top: -10px;
    left: 72px;
    cursor: pointer;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .right-icon {
    position: absolute;
    top: 4px;
    left: 255px;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box {
    display: none;
    position: absolute;
    padding: 8px 0 10px 12px;
    left: 115px;
    top: -26px;
    background-color: #f7f7f7;
    border: 1px solid #CCC;
    border-radius: 6px;
    font-size: 14px;
    z-index: 9;
    cursor: pointer;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #aaa;
    border-right: 0;
    border-bottom: 0;
    box-sizing: border-box;
    background-color: #f7f7f7;
    transform: translate(-50%, 0) rotate(-45deg);
    position: absolute;
    top: 24px;
    left: -1px;
    z-index: 1;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-title{
    padding-bottom: 10px;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item {
    position: relative;
    display: flex;
    padding: 10px 0 40px 0;
    border-top: 1px solid #ccc;
    margin-right: 12px;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item .candidate-avatar {
    width: 50px;
    height: 50px;
    padding-top: 3px;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item .duplicate-candidate-basic-info{
    border: none;
    padding: 0 10px;
    min-height: auto;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item .duplicate-candidate-basic-info > li {
    margin-bottom: 6px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item .duplicate-candidate-basic-info .id {
    margin-bottom: 6px;
    font-size: 12px;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item .duplicate-candidate-basic-info .name {
    font-size: 14px;
}
.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item .duplicate-candidate-basic-info .email {
    font-size: 14px;
    margin-top: 0;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item .view {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 12px;
    width: 55px;
    height: 22px;
    color: #fff;
    border-radius: 3px;
    background-color: #0088cc;
}

.candidate-list-info .basic-info .id-box .duplicate-candidate-box .duplicate-candidate-list-item .view:hover {
    cursor: pointer;
}

#s2id_job_filter_select {
    left: 3px;
}

#s2id_job_filter_select .select2-choices {
    min-height: 28px !important;
}

.no-padding {
    padding: 0px !important;
}

#candi-status-box tr {
    display: block;
    margin-top: 20px;
}

#candi-status-box tr th {
    padding: 0px;
}

#candi-status-box tr td {
    padding: 0px;
    text-align: left;
    font-weight: normal;
}

#candi-status-box .candi-status-change-label {
    text-align:left;
    width:85px;
}

#candi-status-box .candi-status-change-label-date {
    text-align:left;
    width:85px;
    vertical-align:top;
}

#candi-status-box .candi-status-change-label-comments {
    text-align:left;
    width:85px;
    vertical-align:top;
    padding-top:8px;
}

#candi-comment-textarea {
    width: 438px;
    height: 110px;
    padding: 0px;
}

.reject_agency_candidate {
    cursor: pointer;
    background: url(/static/image/personal_page/reject.png);
    background-size: cover;
    height: 45px;
    width: 45px;
    display: block;
}

.rejected_agency_candidate {
    background: url(/static/image/personal_page/rejected.png);
    background-size: cover;
    height: 45px;
    width: 45px;
    display: block;
}

.accept_agency_candidate {
    cursor: pointer;
    background: url(/static/image/personal_page/accept.png);
    background-size: cover;
    height: 45px;
    width: 45px;
    display: block;
    margin-left: 15px;
}

#s2id_id_vendor ul {
    word-wrap: break-word;
    word-break: break-all;
    overflow: auto;
}

#select2-drop .select2-results {
    overflow-x: auto
}

.select-all-agency .select2-result-label:hover {
    color: #FFF;
    background-color: #3874d7 !important;
    cursor: pointer;
}

.com_job_detail .company-survey-entrance {
    color: #666;
    float: right;
}

.com_job_detail .company-survey-entrance-customized {
    color: #666;
    float: right;
    position: absolute;
    top: -30px;
    right: 0px;
    font-size: 24px;
}

.com_job_detail .company-survey-entrance-customized span {
    font-size: 24px;
}

.job_des .company-survey-entrance-job-detail {
    color: #666;
    float: right;
    margin: 40px 0 14px;
}

.job_des .company-survey-entrance-job-detail span {
    font-size: 24px;
}

.com_content .company-survey-entrance span {
    font-size: 24px;
    color: #666;
}

.work_description {
    word-break: break-word;
}

.nps_info {
    display: none;
}

.dashboardBoardboxNps .dashboardBoardbox .box_M {
    padding-top: 135px;
}

.dashboardBoardboxNps .dashboardBoardbox .nps_info {
    left: 280px;
    line-height: 26px;
    position: absolute;
    right: 30px;
    top: 105px;

    display: flex;
    flex-direction: column;
}

.dashboardBoardboxNps .dashboardBoardbox .nps_info .nps_text_wrapper {
    line-height: 100%;
    display: flex;
    align-items: center;
}

.dashboardBoardboxNps .dashboardBoardbox .nps_info .nps_title {
    font-size: 16px;
    font-weight: bold;
}

.dashboardBoardboxNps .dashboardBoardbox .nps_info .nps_n {
    display: flex;
    align-items: center;
}

.dashboardBoardboxNps .dashboardBoardbox .nps_info .nps_value_wrapper {
    margin-left: 10px;
    align-items: center;
    position: relative;
}

.dashboardBoardboxNps .dashboardBoardbox .nps_info .nps_value_wrapper .percent-value {
    position: absolute;
    font-size: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}