* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
}

[class^="pop-part _custom_modal"] img {
    height: 100%;
    width: 100%;
    display: block;
}

[class^="pop-part _custom_modal"] input::-webkit-inner-spin-button,
[class^="pop-part _custom_modal"] input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

[class^="pop-part _custom_modal"] input[type="number"] {
    -moz-appearance: textfield;
}

[class^="pop-part _custom_modal"] input[type="time"]:before {
    content: attr(placeholder);
}

input, textarea {
    border: none;
    outline: none;
    resize: none;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

.tal {
    text-align: left !important;
}

.posa {
    position: absolute;
}

.posf {
    position: fixed;
}

.posr {
    position: relative;
}

.dib {
    display: inline-block;
}

.df {
    display: flex;
}

.fdc {
    flex-direction: column;
}

.jcc {
    justify-content: center;
}

.jcsa {
    justify-content: space-around;
}

.jcsb {
    justify-content: space-between;
}

.jcse {
    justify-content: space-evenly;
}

.jcfs {
    justify-content: flex-start;
}

.jcfe {
    justify-content: flex-end;
}

.aic {
    align-items: center;
}

.aifs {
    align-items: flex-start;
}

.aife {
    align-items: flex-end;
}

.fw {
    flex-wrap: wrap;
}

.fn {
    flex: none;
}

/*modal global css*/

:root {
    --cor-orange: #F37500;
    --cor-orange-f90: #FF9900;
    --cor-red: #D30000;
    --cor-red_light: #FF0000;
    --cor-red_light-f30: #F30000;
    --cor-red_light-56c: #F56C6C;
    --cor-blue-light: #418DFF;
    --cor-blue: #0061F3;
    --cor-green: #419229;
    --cor-gray: #E1E3E5;
    --cor-gray-light-a8: #A8ABB2;
    --cor-gray-light_999: #999999;
    --cor-gray-light_df: #DFDFDF;
    --cor-gray-light: #666666;
    --cor-gray-light_ccc: #CCCCCC;
    --cor-gray_bg: #CDCDCD;
    --cor-gray_bg2: #4A4A4A;
    --cor-gray_bg3: #d3d0d8;
    --cor-black: #000000;
    --cor-black_bg: #242930;
    --cor-black-light: #737373;
    --cor-white: #FFFFFF;
    --cor-white_input_bg: #EFEFEF;
    --cor-white_bg: #E8E8E8;
    --cor-white_bg-light: #F3F3F3;
    --cor-white_bg-light_ec: #ECECEC;
    --cor-white-light: #F5F5F5;
    --cor-black_bg-07: rgba(0, 0, 0, 0.7);
    --cor-black_bg-08: rgba(0, 0, 0, 0.8);
    --cor-black_bg-05: rgba(0, 0, 0, 0.5);
    --cor-black_bg-015: rgba(0, 0, 0, 0.15);
    --cor-black_bg-005: rgba(0, 0, 0, 0.05);
    --cor-white_bg-035: rgba(255, 255, 255, 0.35);
    --cor-white_bg-04: rgba(255, 255, 255, 0.4);
    --ratio: calc(100vw / 1920);
    --fz_ratio: calc(100vw / 1920);
}

@media screen and (min-width: 1920px) {
    :root {
        --ratio: 1px;
        --fz_ratio: 1px;
    }
}


@media screen and (max-width: 1440px) {
    :root {
        --fz_ratio: calc(12px / 16);
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --ratio: calc(100vw / 1440);
    }
}

._fz-bold {
    font-weight: bold;
}

._fz-12 {
    font-size: calc(12 * var(--fz_ratio));
}

._fz-14 {
    font-size: calc(14 * var(--fz_ratio));
}

._fz-16 {
    font-size: calc(16 * var(--fz_ratio));
}

._fz-20 {
    font-size: calc(20 * var(--fz_ratio));
}

._fz-24 {
    font-size: calc(24 * var(--fz_ratio));
}

._fz-36 {
    font-size: calc(36 * var(--fz_ratio));
}

._lh-14 {
    line-height: calc(14 * var(--fz_ratio));
}

._lh-16 {
    line-height: calc(16 * var(--fz_ratio));
}

._lh-19 {
    line-height: calc(19 * var(--fz_ratio));
}

._lh-23 {
    line-height: calc(23 * var(--fz_ratio));
}

._lh-28 {
    line-height: calc(28 * var(--fz_ratio));
}

._lh-42 {
    line-height: calc(42 * var(--fz_ratio));
}

._btn {
    color: var(--cor-white);
    cursor: pointer;
    padding: calc(8 * var(--ratio)) calc(24 * var(--ratio));
    border-radius: calc(40 * var(--ratio));
}

._hide {
    display: none;
}

._show {
    display: block;
}

._btn-pure {
    cursor: pointer;
}

._pure {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

._center {
    top: 50%;
    transform: translate(-50%, -50%);
}

._center_fix {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

._fat {
    padding: calc(32 * var(--ratio)) calc(48 * var(--ratio)) !important;
}

._fat_s {
    padding: calc(29 * var(--ratio)) calc(42 * var(--ratio)) !important;
}

._thin {
    padding: calc(24 * var(--ratio)) 0 0 0 !important;
    overflow: hidden;
}

._thin_fix {
    padding: 0 calc(24 * var(--ratio)) !important;
}

._full {
    padding: 0 !important;
    overflow: hidden;
}

._white_bg {
    color: var(--cor-black) !important;
    background: var(--cor-white) !important;
}

._bold {
    font-weight: bold;
}

._mask_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--cor-black_bg-05);
    z-index: 90;
}

._transparent_bg {
    background: transparent !important;
}

._no_padding {
    padding: 0 !important;
}

[class^="pop-part _custom_modal"] {
    /*min-width: 1280px;*/
    margin: 0 auto;
}

._custom_modal-wrapper._custom_modal-wrapper_overlay {
    display: none;
    z-index: 1000 !important;
}

._custom_modal-wrapper {
    color: var(--cor-white);
    background: var(--cor-black_bg-07);
    padding: calc(32 * var(--ratio));
    margin: 0 auto;
    border-radius: calc(16 * var(--ratio)) calc(16 * var(--ratio)) calc(16 * var(--ratio)) calc(16 * var(--ratio));
    font-size: calc(16 * var(--fz_ratio));
    line-height: calc(19 * var(--fz_ratio));
    top: calc(150 * var(--ratio));
    left: 50%;
    transform: translateX(-50%);
    z-index: 100 !important;
    display: none;
}

._custom_modal-wrapper *::after {
    display: none !important;
}

._custom_modal-wrapper .title-area {
    align-items: center;
}

._custom_modal-wrapper .title-area._title_bg {
    background: var(--cor-white_bg-light);
    padding: calc(24 * var(--ratio)) calc(32 * var(--ratio)) calc(16 * var(--ratio)) calc(32 * var(--ratio));
}

._custom_modal-wrapper .title-area .close {
    width: calc(16 * var(--ratio));
    height: calc(16 * var(--ratio));
    opacity: 1 !important;
}

._custom_modal-wrapper .title-area._cus_title_red_close_icon .close {
    width: calc(32 * var(--ratio));
    height: calc(32 * var(--ratio));
}

._custom_modal-wrapper .title-area._cus_title_black_text {
    color: var(--cor-black);
    font-size: calc(18 * var(--fz_ratio));
}

._custom_modal-wrapper .title-area .close ._black_close_icon,
._custom_modal-wrapper._white_bg .title-area .close ._white_close_icon,
._custom_modal-wrapper .title-area .close ._red_close_icon {
    display: none;
}

._custom_modal-wrapper .title-area .close ._white_close_icon,
._custom_modal-wrapper._white_bg .title-area .close ._black_close_icon {
    display: block;
}

._custom_modal-wrapper .title-area._cus_title_red_close_icon .close > * {
    display: none;
}

._custom_modal-wrapper .title-area._cus_title_red_close_icon .close ._red_close_icon {
    display: block;
}

[class^="pop-part _custom_modal"]::after,
[class^="pop-part _custom_modal"] *::after {
    display: none !important;
}

._custom_modal-wrapper .content-area {
    display: none;
}

/*common*/
._custom_modal-pagination {
    right: calc(201 * var(--ratio));
    bottom: calc(87 * var(--ratio));
}

._custom_modal-pagination .prev,
._custom_modal-pagination .next {
    width: calc(60 * var(--ratio));
    height: calc(60 * var(--ratio));
}

._custom_modal-pagination .prev {
    margin-bottom: calc(32 * var(--ratio));
}

._custom_modal-navbar {
    top: calc(70 * var(--ratio));
    padding: 0 calc(97 * var(--ratio));
    /* padding-right: calc(201 * var(--ratio)); */
    width: 100%;
    z-index: 21 !important;
}

._custom_modal_total_count-people {
    padding: calc(16 * var(--ratio)) calc(24 * var(--ratio));
    right: calc(97 * var(--ratio));
    top: calc(163 * var(--ratio));
    border-radius: calc(10 * var(--ratio));
    color: var(--cor-white);
    background: var(--cor-black_bg-05);
    display: none;
}

._custom_modal_total_count-people div {
    margin-bottom:  calc(10 * var(--ratio));
}

._custom_modal_total_count-people div:last-child {
    margin-bottom: 0;
}

._custom_modal_total_count-people span {
    color: var(--cor-orange);
}

._custom_modal-navbar ._right > * {
    margin-right: calc(12 * var(--ratio));
}

._custom_modal-navbar ._btn {
    background: var(--cor-black_bg-05);
}

._custom_modal-navbar ._btn.tips .img {
    margin-right: 0;
}

._custom_modal-navbar .img {
    width: calc(32 * var(--ratio));
    height: calc(32 * var(--ratio));
    margin-right: calc(10 * var(--ratio));
}

._custom_modal-navbar .point {
    width: calc(9 * var(--ratio));
    height: calc(9 * var(--ratio));
    border-radius: 50%;
    background: var(--cor-red_light);
    top: calc(8 * var(--ratio));
    right: calc(15 * var(--ratio));
    opacity: 0;
}

._custom_modal-navbar .msg {
    margin-top: calc(2 * var(--ratio));
}

._custom_modal-navbar ._auto_guide_audio {
    right: calc(15 * var(--ratio));
    padding: calc(8 * var(--ratio)) calc(16 * var(--ratio));
    background: transparent;
}

._custom_modal-navbar ._auto_guide_audio .img {
    margin-right: 0;
}

._custom_modal-navbar ._auto_guide_audio .img._off {
    display: none;
}

._custom_modal-footer {
    justify-content: center;
    left: 50%;
    width: 100%;
    bottom: calc(96 * var(--ratio));
    transform: translateX(-50%);
}

._custom_modal-footer ._btn {
    padding: calc(8 * var(--ratio)) calc(24 * var(--ratio));
    margin-right: calc(24 * var(--ratio));
}

._custom_modal-footer ._btn .img {
    width: calc(32 * var(--ratio));
    height: calc(32 * var(--ratio));
}

._custom_modal-footer ._btn .img._new_tips {
    margin-left: calc(10 * var(--ratio));
}

._custom_modal-footer ._btn .img._new_tips[data-status="true"] {
    animation: _bounce_tips .75s infinite;
}

@keyframes _bounce_tips {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(calc(-15 * var(--ratio)));
    }

    100% {
        transform: translateY(0);
    }
}

._custom_modal-footer ._btn .img._small {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
}

._custom_modal-footer ._btn .img._small .up {
    display: none;
}

._custom_modal-footer ._btn.audio .img._small {
    margin-left: calc(4 * var(--ratio));
}

._custom_modal-footer ._btn.sharing .img._small,
._custom_modal-footer ._btn.interaction .img._small{
    margin-left: calc(10 * var(--ratio));
}

._custom_modal-footer ._btn._with_icon ._custom_modal-tooltip._for-ftr-btn {
    top: calc(-108 * var(--ratio));
}

._custom_modal-footer ._btn span {
    margin-left: calc(10 * var(--ratio));
}

._custom_modal-footer ._btn:last-child {
    margin-right: 0;
}

._custom_modal-footer ._btn.contact {
    background: var(--cor-orange);
}

._custom_modal-footer ._btn.resume {
    background: var(--cor-orange);
}

._custom_modal-footer ._btn.audio,
._custom_modal-footer ._btn.video,
._custom_modal-footer ._btn.audio2[data-status="on"],
._custom_modal-footer ._btn.video2[data-status="on"],
._custom_modal-footer ._btn.sharing,
._custom_modal-footer ._btn.angle,
._custom_modal-footer ._btn.member,
._custom_modal-footer ._btn._interview,
._custom_modal-footer ._btn._resume-preview,
._custom_modal-footer ._btn._interview-list {
    background: var(--cor-green);
}

._custom_modal-footer ._btn._building {
    background: var(--cor-black);
}

._custom_modal-footer ._btn._resume-list {
    background: var(--cor-red_light-f30);
}

._custom_modal-footer ._btn._package {
    background: var(--cor-red_light);
}

._custom_modal-footer ._btn.self {
    background: var(--cor-blue);
}

._custom_modal-footer ._btn._invite,
._custom_modal-footer ._btn.audio2[data-status="off"],
._custom_modal-footer ._btn.video2[data-status="off"] {
    background: var(--cor-red);
}

._custom_modal-footer ._btn.audio2 {

}

._custom_modal-footer ._btn.video2 {

}

/*member-list*/
._custom_modal-dropdown .list-area .contact-list {
    width: 100%;
}

._custom_modal-dropdown .list-area .contact-list .contact-card > .img {
    width: 100%;
    height: calc(120 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
    overflow: hidden;
}

/*modal*/
.connection-apply.content-area {
    margin-top: calc(32 * var(--ratio));
}

.connection-apply.content-area > div {
    margin-right: calc(32 * var(--ratio));
}

.connection-apply.content-area > div:last-child {
    margin-right: 0;
}

.connection-apply.content-area .type-list > .img.type {
    margin-bottom: calc(12 * var(--ratio));
}

.connection-apply.content-area .type-list .img.type {
    width: calc(52 * var(--ratio));
    height: calc(52 * var(--ratio));
    padding: calc(12 * var(--ratio));
    border-radius: 50%;
    background: var(--cor-white_bg-035);
}

.connection-apply.content-area .type-list .img.type:last-child {
    margin-bottom: 0;
}

.connection-apply.content-area .type-list .img.type.video {
    display: none;
}

.connection-apply.content-area .apply .img {
    width: calc(36 * var(--ratio));
    height: calc(36 * var(--ratio));
    padding: calc(2 * var(--ratio));
    margin-bottom: calc(8 * var(--ratio));
}

.connection-apply.content-area .type-list + div > * {
    margin-right: calc(30 * var(--ratio));
}

.connection-apply.content-area .type-list + div > *:last-child {
    margin-right: 0;
}

.connection-apply.content-area .type-list + div .apply {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.connection-apply.content-area .img.people .image {
    width: calc(202 * var(--ratio));
    height: calc(140 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
}

.connection-apply.content-area .img.people .infos {
    padding: calc(8 * var(--ratio));
    top: 0;
    width: 100%;
    height: 100%;
}

.connection-apply.content-area .img.people .infos .people-title {
    padding: calc(8 * var(--ratio));
}

.connection-apply.content-area .img.people .infos .people-footer > * {
    margin-right: calc(12 * var(--ratio));
    flex: none;
}

.connection-apply.content-area .img.people .infos .people-footer .img {
    padding: calc(4 * var(--ratio));
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
}

.connection-apply.content-area .img.people .infos .people-footer .job {
    background: var(--cor-blue);
    padding: calc(4 * var(--ratio));
    border-radius: calc(2 * var(--ratio));
}

.connection-chat_text.content-area .title {
    /*margin-top: calc(32 * var(--ratio));*/
    /*width: calc(752 * var(--ratio));*/
    padding-bottom: calc(12 * var(--ratio));
    border-bottom: calc(1 * var(--ratio)) solid var(--cor-white_bg-035);
}

.connection-chat_text.content-area .title > * {
    margin-right: calc(12 * var(--ratio));
}

.connection-chat_text.content-area .title ._edit_comment {
    right: 0;
}

.connection-chat_text.content-area .title ._edit_comment .img {
    width: calc(16 * var(--ratio));
    height: calc(16 * var(--ratio));
}

.connection-chat_text.content-area .title:last-child {
    margin-right: 0;
}

.connection-chat_text.content-area .title .avatar,
.connection-chat_text.content-area .chat .avatar {
    margin-right: calc(4 * var(--ratio));
    width: calc(46 * var(--ratio));
    height: calc(46 * var(--ratio));
    border-radius: 50%;
}

.connection-chat_text.content-area .visitor .avatar,
.connection-chat_text.content-area .hoster .avatar,
.connection-chat_text.content-area .title .job,
.connection-chat_text.content-area .chat .hoster .avatar {
    background: var(--cor-blue);
}

.connection-chat_text.content-area .visitor .avatar,
.connection-chat_text.content-area .hoster .avatar {
    flex: none;
}

.connection-chat_text.content-area .title .job {
    margin-left: calc(8 * var(--ratio));
    padding: calc(4 * var(--ratio));
    border-radius: calc(2 * var(--ratio));
}

.connection-chat_text.content-area .chat .visitor .avatar {
    background: var(--cor-green);
}

.connection-chat_text.content-area .chat {
    margin: calc(12 * var(--ratio)) 0;
    padding: calc(12 * var(--ratio)) 0;
}

.connection-chat_text.content-area .chat > * {
    margin-bottom: calc(12 * var(--ratio));
}

.connection-chat_text.content-area .chat > * > div:first-child {
    margin-right: calc(12 * var(--ratio));
}

.connection-chat_text.content-area .chat .content {
    padding: calc(8 * var(--ratio)) calc(12 * var(--ratio));
}

.connection-chat_text.content-area .chat .hoster .content {
    background: var(--cor-white);
    color: var(--cor-black-light);
}

.connection-chat_text.content-area .chat .hoster .content._is-resume {
    background: var(--cor-blue);
    color: var(--cor-white);
}

.connection-chat_text.content-area .chat .visitor .content {
    background: var(--cor-green);
}

.connection-chat_text.content-area .footer {

}

.connection-chat_text.content-area .footer textarea {
    width: 100%;
    height: calc(64 * var(--ratio));
    border-radius: calc(12 * var(--ratio));
    padding: calc(9 * var(--ratio)) calc(18 * var(--ratio));
    background: var(--cor-white);
}

.connection-chat_text.content-area .footer ._btn {
    padding: calc(8 * var(--ratio)) calc(24 * var(--ratio));
    background: var(--cor-orange);
    margin-top: calc(12 * var(--ratio));
}

.connection-chat_text.content-area .footer ._btn_group ._send_interview_invite_btn {
    background: var(--cor-red);
    margin-right: calc(12 * var(--ratio));
}

.connection-chat_text.content-area .content {
    border-radius: calc(29 * var(--ratio));
    max-height: initial;
}

.content-area.connection-chat_text {
    margin-top: calc(24 * var(--ratio));
}

.content-area.connection-chat_text .contact-list {
    width: calc(238 * var(--ratio));
    height: calc(575 * var(--ratio));
    overflow: auto;
}

.content-area.connection-chat_text .contact-list,
.content-area.connection-chat_text .contact {
    background: var(--cor-black_bg);
}

.content-area.connection-chat_text .chat-content {
    width: calc(754 * var(--ratio));
    padding: calc(8 * var(--ratio)) calc(12 * var(--ratio)) calc(12 * var(--ratio)) calc(12 * var(--ratio));
}

.content-area.connection-chat_text .contact > * {
    pointer-events: none;
}

.content-area.connection-chat_text .chat-content .chat {
    height: calc(360 * var(--ratio));
    overflow: auto;
}

.content-area.connection-chat_text .chat-content .chat .lobby {
    color: var(--cor-orange-f90);
}

.content-area.connection-chat_text .chat-content .chat .lobby .content ._btn-pure {
    text-decoration: underline;
}

.content-area.connection-chat_text .chat-content,
.content-area.connection-chat_text .contact-list .contact.active {
    background: var(--cor-gray_bg2);
}

.content-area.connection-chat_text .contact-list .contact.active .avatar,
.content-area.connection-chat_text .contact-list .contact .job {
    background: var(--cor-blue);
}

.content-area.connection-chat_text .contact-list .contact {
    padding: calc(8 * var(--ratio)) calc(8 * var(--ratio)) calc(8 * var(--ratio)) calc(24 * var(--ratio));
    margin-bottom: calc(12 * var(--ratio));
    cursor: pointer;
    flex: none;
}

.content-area.connection-chat_text .contact-list .avatar {
    margin-right: calc(4 * var(--ratio));
    width: calc(46 * var(--ratio));
    height: calc(46 * var(--ratio));
    border-radius: 50%;
    background: var(--cor-green);
    flex: none;
}

.content-area.connection-chat_text .contact-list .contact .job {
    margin-left: calc(8 * var(--ratio));
    padding: calc(4 * var(--ratio));
    border-radius: calc(2 * var(--ratio));
}

.connection-status.content-area span,
.interview-status.content-area span {
    flex: 1;
}

.connection-status.content-area div .img,
.interview-status.content-area div .img {
    margin-left: calc(10 * var(--ratio));
    padding: calc(2 * var(--ratio));
    display: inline-block;
    height: calc(32 * var(--ratio));
    width: calc(32 * var(--ratio));
}

.connection-status.content-area .accept-btn,
.interview-status.content-area .accept-btn {
    background: var(--cor-green);
    margin-left: calc(32 * var(--ratio));
}

.connection-status.content-area .reject-btn,
.interview-status.content-area .reject-btn{
    background: var(--cor-red);
    margin-left: calc(16 * var(--ratio));
}

.connection-ways.content-area {
    margin-top: calc(32 * var(--ratio));
}

.connection-ways.content-area div {
    padding: calc(8 * var(--ratio)) calc(24 * var(--ratio));
    background: var(--cor-green);
    border-radius: calc(40 * var(--ratio));
    margin-bottom: calc(16 * var(--ratio));
    display: flex;
    align-items: center;
}

.connection-ways.content-area div:last-child {
    margin-bottom: 0;
}

.connection-ways.content-area div .img {
    width: calc(32 * var(--ratio));
    height: calc(32 * var(--ratio));
    margin-left: calc(10 * var(--ratio));
    padding: calc(2 * var(--ratio));
    display: inline-block;
}

.connection-ways.content-area {
    margin-top: calc(32 * var(--ratio));
}

.connection-ways.content-area div {
    padding: calc(8 * var(--ratio)) calc(24 * var(--ratio));
    background: var(--cor-green);
    border-radius: calc(40 * var(--ratio));
    margin-bottom: calc(16 * var(--ratio));
    display: flex;
    align-items: center;
}

.connection-ways.content-area div:last-child {
    margin-bottom: 0;
}

.connection-ways.content-area div .img {
    margin-left: calc(10 * var(--ratio));
    padding: calc(2 * var(--ratio));
    display: inline-block;
}

.connection-ways.content-area {
    margin-top: calc(32 * var(--ratio));
}

.connection-ways.content-area div {
    padding: calc(8 * var(--ratio)) calc(24 * var(--ratio));
    background: var(--cor-green);
    border-radius: calc(40 * var(--ratio));
    margin-bottom: calc(16 * var(--ratio));
    display: flex;
    align-items: center;
}

.connection-ways.content-area div:last-child {
    margin-bottom: 0;
}

.connection-ways.content-area div .img {
    margin-left: calc(10 * var(--ratio));
    padding: calc(2 * var(--ratio));
    display: inline-block;
}

.guest-show.content-area {
    width: calc(1000 * var(--ratio));
    height: calc(640 * var(--ratio));
    border-radius: calc(24 * var(--ratio));
    color: var(--cor-black) !important;
}

.guest-show.content-area .img-item:hover {
    transform: scale(1.15);
    transition: all .35s ease-out 0s;
}

.guest-show.content-area .img-item {
    transform: scale(1);
    transition: all .35s ease-in 0s;
}

.guest-show.content-area ._btn {
    background: var(--cor-blue);
    padding: calc(13 * var(--ratio)) calc(32 * var(--ratio));
    left: 50%;
    bottom: calc(52 * var(--ratio));
    transform: translateX(-50%);
}

.guest-show.content-area ._btn .img {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
    margin-right: calc(10 * var(--ratio));
}

.guest-show.content-area .img-item .img {
    width: calc(115 * var(--ratio));
    height: calc(84 * var(--ratio));
    margin-bottom: calc(6 * var(--ratio));
}

.guest-show.content-area .img-item:nth-child(1) {
    top: calc(280 * var(--ratio));
    left: calc(130 * var(--ratio));
}

.guest-show.content-area .img-item:nth-child(2) {
    top: calc(140 * var(--ratio));
    left: calc(420 * var(--ratio));
}

.guest-show.content-area .img-item:nth-child(3) {
    top: calc(200 * var(--ratio));
    left: calc(780 * var(--ratio));
}

.guest-show.content-area .img-item:nth-child(4) {
    top: calc(450 * var(--ratio));
    left: calc(650 * var(--ratio));
}

.guest-show.content-area .img-item:nth-child(5) {
    top: calc(460 * var(--ratio));
    left: calc(350 * var(--ratio));
}

.guest-show.content-area .img-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.guest-show2.content-area {
    width: calc(1000 * var(--ratio));
    height: calc(640 * var(--ratio));
    border-radius: calc(24 * var(--ratio));
}

.guest-show2.content-area ._btn {
    background: var(--cor-blue);
    padding: calc(13 * var(--ratio)) calc(32 * var(--ratio));
    left: 50%;
    bottom: calc(52 * var(--ratio));
    transform: translateX(-50%);
}

.guest-show2.content-area ._btn .img {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
    margin-right: calc(10 * var(--ratio));
}

.guest-show2.content-area .img-item .img {
    /*width: calc(115 * var(--ratio));*/
    /*height: calc(84 * var(--ratio));*/
    margin-bottom: calc(6 * var(--ratio));
}

.guest-show2.content-area .img-item,
.guest-show2.content-area .img-item .title {
    width: calc(180 * var(--ratio));
    /*position: relative;*/
}

.guest-show2.content-area .img-item .title {
    position: absolute;
}

.guest-show2.content-area .img-item:nth-child(1) {
    top: calc(250 * var(--ratio));
    left: calc(120 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(2) {
    top: calc(100 * var(--ratio));
    left: calc(300 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(3) {
    top: calc(52 * var(--ratio));
    left: calc(700 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(4) {
    top: calc(220 * var(--ratio));
    left: calc(800 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(5) {
    top: calc(430 * var(--ratio));
    left: calc(700 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(6) {
    top: calc(430 * var(--ratio));
    left: calc(290 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(1) .img {
    height: calc(80 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(2) .img {
    height: calc(85 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(3) .img {
    height: calc(90 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(4) .img {
    height: calc(85 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(5) .img {
    height: calc(100 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(6) .img {
    height: calc(136 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(1) .title {
    top: calc(80 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(2) .title {
    top: calc(80 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(3) .title {
    top: calc(80 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(4) .title {
    top: calc(80 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(5) .title {
    top: calc(100 * var(--ratio));
}

.guest-show2.content-area .img-item:nth-child(6) .title {
    top: calc(105 * var(--ratio));
}

.guest-show2.content-area .img-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.guest-show3.content-area {
    width: calc((1000 - 84) * var(--ratio));
    height: calc((640 - 60) * var(--ratio));
    border-radius: calc(24 * var(--ratio));
}

.guest-show3.content-area ._btn {
    background: var(--cor-blue);
    padding: calc(13 * var(--ratio)) calc(32 * var(--ratio));
    left: 50%;
    bottom: calc(52 * var(--ratio));
    transform: translateX(-50%);
}

.guest-show3.content-area ._btn .img {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
    margin-right: calc(10 * var(--ratio));
}

.guest-show3.content-area .img-item .img {
    width: 100%;
    height: 100%;
    margin-bottom: calc(6 * var(--ratio));
}

.guest-show3.content-area .img-item:nth-child(1) {
    top: calc(202 * var(--ratio));
    left: calc(87 * var(--ratio));
    /*width: calc(168 * var(--ratio));*/
    height: calc(95 * var(--ratio));
}

.guest-show3.content-area .img-item:nth-child(2) {
    top: calc(65 * var(--ratio));
    left: calc(291 * var(--ratio));
    /*width: calc(112 * var(--ratio));*/
    height: calc(90 * var(--ratio));
}

.guest-show3.content-area .img-item:nth-child(3) {
    top: calc(65 * var(--ratio));
    left: calc(554 * var(--ratio));
    /*width: calc(235 * var(--ratio));*/
    height: calc(90 * var(--ratio));
}

.guest-show3.content-area .img-item:nth-child(4) {
    top: calc(224 * var(--ratio));
    left: calc(604 * var(--ratio));
    /*width: calc(317 * var(--ratio));*/
    height: calc(87 * var(--ratio));
}

.guest-show3.content-area .img-item:nth-child(5) {
    top: calc(375 * var(--ratio));
    left: calc(626 * var(--ratio));
    /*width: calc(136 * var(--ratio));*/
    height: calc(115 * var(--ratio));
}

.guest-show3.content-area .img-item:nth-child(6) {
    top: calc(372 * var(--ratio));
    left: calc(225 * var(--ratio));
    /*width: calc(180 * var(--ratio));*/
    height: calc(136 * var(--ratio));
}

.guest-show3.content-area .img-bg {
    top: calc(36 * var(--ratio));
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.self-center.content-area {
    width: calc(560 * var(--ratio));
    padding-bottom: calc(14 * var(--ratio));
    margin-top: calc(35 * var(--ratio));
    margin-bottom: calc(12 * var(--ratio));
    border-bottom: calc(1 * var(--ratio)) solid rgba(255, 255, 255, 0.43);
}

.hr-setting.content-area {
    width: auto;
    /*width: calc(360 * var(--ratio));*/
}

.self-center.content-area .left {
    border-radius: calc(8 * var(--ratio));
    background: var(--cor-gray_bg);
    margin-right: calc(12 * var(--ratio));
    padding: calc(3 * var(--ratio)) 0;
    width: calc(202 * var(--ratio));
    height: calc(140 * var(--ratio));
    background: url(./image/Hoster.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: var(--cor-gray_bg);
    background-size: auto 200px;
}

.self-center.content-area .right {
    padding: calc(16 * var(--ratio));
    flex: none;
}

.self-center.content-area .right div {
    margin-bottom: calc(8 * var(--ratio));

    /*display: inline-block;*/
}

.self-center.content-area .right div ._leader {
    padding: calc(5 * var(--ratio)) 0;
}

.self-center.content-area .right div span {
    display: inline-block;
}

.self-center.content-area .right div:last-child {
    margin-bottom: calc(0 * var(--ratio));
}

.self-center.content-area .right div span:first-child {
    margin-right: calc(8 * var(--ratio));
}

.self-center.content-area .right input {
    border-radius: calc(4 * var(--ratio));
    /*border: calc(1 * var(--ratio)) solid;*/
    background: var(--cor-white);
    padding: calc(5 * var(--ratio)) calc(12 * var(--ratio));
    display: none;
}

.self-center.content-area .right ._content {
    width: calc(270 * var(--ratio));
}

.self-center.content-area .right ._content ._span {
    margin-left: calc(12 * var(--ratio));
}

.self-center.content-area .job {
    border-radius: calc(2 * var(--ratio));
    padding: calc(4 * var(--ratio));
}

.company-list.content-area .list-area {
    width: calc(1056 * var(--ratio));
    max-height: calc(488 * var(--ratio));
    overflow: auto;
}

.company-list.content-area .search-area {
    margin: calc(32 * var(--ratio)) 0;
}

.company-list.content-area .search-area > * {
    border-radius: calc(8 * var(--ratio));
}

.company-list.content-area .search-area ._btn-pure,
.company-list.content-area .search-area input {
    padding: calc(14 * var(--ratio)) calc(28 * var(--ratio));
}

.company-list.content-area .search-area ._btn-pure {
    color: var(--cor-white);
    background: var(--cor-black);
}

.company-list.content-area .search-area input {
    flex: 1;
    background: var(--cor-white-light);
    margin-right: calc(10 * var(--ratio));
}

.company-list.content-area .list-area .company-card {
    height: calc(104 * var(--ratio));
    padding: calc(12 * var(--ratio));
    margin-bottom: calc(24 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
    border: calc(2 * var(--ratio)) solid var(--cor-black_bg-005);
    /*box-shadow: 0 0 calc(6 * var(--ratio)) 0 var(--cor-black_bg-015);*/
    width: calc((100% - calc(48 * var(--ratio))) / 3)
}

.company-list.content-area .list-area .company-card:last-child:nth-child(3n - 1) {
    margin-left: calc(24 * var(--ratio));
    margin-right: auto;
}

.company-list.content-area .list-area .company-card .img {
    width: calc(80 * var(--ratio));
    height: calc(80 * var(--ratio));
    margin-right: calc(24 * var(--ratio));
}

.company-list.content-area .list-area .company-card ._btn-pure {
    color: var(--cor-gray-light);
    padding: calc(8 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(39 * var(--ratio));
    border: calc(1 * var(--ratio)) solid var(--cor-gray-light);
}

/*display guide*/

.display-guide.content-area > div {
    padding: 0 calc(32 * var(--ratio));
}

.display-guide.content-area .search-area,
.display-guide.content-area .mark-area {
    background: var(--cor-white_bg-light);
}

.display-guide.content-area .search-area {
    /*margin: calc(32 * var(--ratio)) 0;*/
}

.display-guide.content-area .search-area > * {
    border-radius: calc(8 * var(--ratio));
}

.display-guide.content-area .search-area ._btn-pure,
.display-guide.content-area .search-area input {
    padding: calc(14 * var(--ratio)) calc(28 * var(--ratio));
}

.display-guide.content-area .search-area ._btn-pure {
    color: var(--cor-white);
    background: var(--cor-black);
}

.display-guide.content-area .search-area input {
    flex: 1;
    background: var(--cor-white);
    margin-right: calc(10 * var(--ratio));
}

/*.display-guide.content-area .search-area input::-webkit-input-placeholder,*/
/*.display-guide.content-area .search-area input::-moz-placeholder {*/
/*    color : var(--cor-gray-light_999);*/
/*}*/

.display-guide.content-area .mark-area {
    padding-top: calc(16 * var(--ratio));
    padding-bottom: calc(14 * var(--ratio));
}

.display-guide.content-area .mark-area .mark-area-bg > * {
    color: var(--cor-gray-light);
    margin-right: calc(10 * var(--ratio));
    margin-bottom: calc(10 * var(--ratio));
}

.display-guide.content-area .mark-area .title {
    color: var(--cor-black);
}

.display-guide.content-area .mark-area .mark-card {
    padding: calc(4 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(40 * var(--ratio));
    background: var(--cor-white);
}

.display-guide.content-area .list-area {
    width: calc(1056 * var(--ratio));
    max-height: calc(488 * var(--ratio));
    overflow: auto;
    margin: calc(32 * var(--ratio)) 0 calc(24 * var(--ratio)) 0;
}

.display-guide.content-area .list-area .display-card {
    padding: calc(12 * var(--ratio));
    margin-bottom: calc(24 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
    border: calc(2 * var(--ratio)) solid var(--cor-black_bg-005);
    /*box-shadow: 0 0 calc(6 * var(--ratio)) 0 var(--cor-black_bg-015);*/
    width: calc((100% - calc(48 * var(--ratio))) / 3)
}

.display-guide.content-area .list-area .display-card .card-title-area > * {
    margin-right: calc(8 * var(--ratio));
}

.display-guide.content-area .list-area .display-card .card-title-area ._online:first-child,
.display-guide.content-area .list-area .display-card .card-title-area ._offline:first-child {
    width: calc(12 * var(--ratio));
    height: calc(12 * var(--ratio));
    border-radius: 50%;
}

.display-guide.content-area .list-area .display-card .card-title-area ._online {
    color: var(--cor-green);
}

.display-guide.content-area .list-area .display-card .card-title-area ._online:first-child {
    background: var(--cor-green);
}

.display-guide.content-area .list-area .display-card .card-title-area ._offline {
    color: var(--cor-gray-light_ccc);
}

.display-guide.content-area .list-area .display-card .card-title-area ._offline:first-child {
    background: var(--cor-gray-light_ccc);
}

.display-guide.content-area .list-area .display-card:last-child:nth-child(3n - 1) {
    margin-left: calc(24 * var(--ratio));
    margin-right: auto;
}

.display-guide.content-area .list-area .display-card .card-mark-area {
    margin-top: calc(8 * var(--ratio));
}

.display-guide.content-area .list-area .display-card .card-mark-area .title {
    margin-bottom: calc(10 * var(--ratio));
}

.display-guide.content-area .list-area .display-card .card-mark-area .list > * {
    margin-right: calc(10 * var(--ratio));
    margin-bottom: calc(8 * var(--ratio));
    color: var(--cor-gray-light);
    background: var(--cor-white_bg-light);
    padding: calc(4 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(4 * var(--ratio));
}

.display-guide.content-area .list-area .display-card ._btn-pure {
    color: var(--cor-gray-light);
    padding: calc(8 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
}

.display-guide.content-area .list-area .display-card ._btn-pure:first-child {
    color: var(--cor-green);
    border: calc(1 * var(--ratio)) solid var(--cor-green);
    margin-right: calc(12 * var(--ratio));
}

.display-guide.content-area .list-area .display-card ._btn-pure:last-child {
    color: var(--cor-black);
    border: calc(1 * var(--ratio)) solid var(--cor-black);
}
/*display guide*/

/*interview-notice*/
.interview-notice.content-area,
.interview-apply.content-area {
    width: calc(440 * var(--ratio));
    height: calc(152 * var(--ratio));
    padding: calc(24 * var(--ratio))  0  calc(12 * var(--ratio))  0;
    border-bottom: calc(1 * var(--ratio)) solid var(--cor-white_bg-light_ec);
}

.interview-notice.content-area .img,
.interview-apply.content-area .img {
    width: calc(72 * var(--ratio));
    height: calc(72 * var(--ratio));
    padding: calc(5 * var(--ratio));
    margin-bottom: calc(8 * var(--ratio));
}

.invite-job.content-area iframe {
    /*width: 100%;*/
    /*height: 100%;*/
    width: calc(1280 * var(--ratio));
    height: calc(720 * var(--ratio));
    padding: calc(32 * var(--ratio));
    overflow: auto;
}

.screen-sharing.content-area .img {
    padding-top: calc(32 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
    width: calc(1130 * var(--ratio));
    height: calc(554 * var(--ratio));
}

.stage-screen.content-area .video {
    width: calc(1130 * var(--ratio));
    height: calc(554 * var(--ratio));
    margin-top: calc(32 * var(--ratio));
}

.stage-screen.content-area .video video {
    width: 100%;
    height: 100%;
}

.stage-screen.content-area .img {
    right: calc(16 * var(--ratio));
    bottom: calc(14 * var(--ratio));
    width: calc(32 * var(--ratio));
    height: calc(32 * var(--ratio));
}

.reject-apply.content-area {
    padding: calc(12 * var(--ratio)) calc(24 * var(--ratio));
}

.retry-later.content-area {
    padding: calc(24 * var(--ratio));
    border-bottom: calc(1 * var(--ratio)) solid var(--cor-white_bg-04);
    margin: 0 calc(36 * var(--ratio));
    width: calc(440 * var(--ratio));
}

.retry-later.content-area .img {
    width: calc(72 * var(--ratio));
    height: calc(72 * var(--ratio));
}

.reject-apply.content-area .img{
    height: calc(48 * var(--ratio));
    width: calc(48 * var(--ratio));
    margin-right: calc(8 * var(--ratio));
}

/*send-resume-confirm*/
.send-resume-confirm.content-area ._confirm {
    color: var(--cor-red_light-f30);
    margin-bottom: calc(5 * var(--ratio));
}

.send-resume-confirm.content-area {
    height: auto;
}

/* display-guide2*/

.display-guide2.content-area > div {
    padding: 0 calc(32 * var(--ratio));
}

.display-guide2.content-area .search-area,
.display-guide2.content-area .mark-area {
    background: var(--cor-white_bg-light);
}

.display-guide2.content-area .search-area {
    padding: calc(16 * var(--ratio)) calc(32 * var(--ratio)) calc(24 * var(--ratio)) calc(32 * var(--ratio));
}

.display-guide2.content-area .search-area > * {
    border-radius: calc(8 * var(--ratio));
}

.display-guide2.content-area .search-area ._btn-pure,
.display-guide2.content-area .search-area input {
    padding: calc(14 * var(--ratio)) calc(28 * var(--ratio));
}

.display-guide2.content-area .search-area ._btn-pure {
    color: var(--cor-white);
    background: var(--cor-black);
}

.display-guide2.content-area .search-area input {
    flex: 1;
    background: var(--cor-white);
    margin-right: calc(10 * var(--ratio));
}

.display-guide2.content-area .list-area {
    width: calc(1056 * var(--ratio));
    max-height: calc(488 * var(--ratio));
    overflow: auto;
    margin: calc(32 * var(--ratio)) 0 calc(24 * var(--ratio)) 0;
}

.display-guide2.content-area .list-area .display-card {
    padding: calc(12 * var(--ratio));
    margin-bottom: calc(24 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
    border: calc(2 * var(--ratio)) solid var(--cor-black_bg-005);
    /*box-shadow: 0 0 calc(6 * var(--ratio)) 0 var(--cor-black_bg-015);*/
    width: calc((100% - calc(24 * 3 * var(--ratio))) / 4)
}

.display-guide2.content-area .list-area .display-card .img {
    margin-right: calc(12 * var(--ratio));
}

.display-guide2.content-area .list-area .display-card .detail {
    height: 100%;
}

.display-guide2.content-area .list-area .display-card .card-title-area > * {
    margin-right: calc(8 * var(--ratio));
}

.display-guide2.content-area .list-area .display-card:last-child:nth-child(4n - 1) {
    margin-right: calc(24 * var(--ratio) + calc((100% - calc((24 * 3) * var(--ratio))) / 4));
}

.display-guide2.content-area .list-area .display-card:last-child:nth-child(4n - 2) {
    margin-right: calc(48 * var(--ratio) + calc((100% - calc((24 * 3) * var(--ratio))) / 2));
}

.display-guide2.content-area .list-area .display-card .card-mark-area {
    margin-top: calc(8 * var(--ratio));
}

.display-guide2.content-area .list-area .display-card .img {
    border-radius: calc(8 * var(--ratio));
    overflow: hidden;
}

.display-guide2.content-area .list-area .display-card .card-mark-area .title {
    margin-bottom: calc(10 * var(--ratio));
}

.display-guide2.content-area .list-area .display-card .card-mark-area .list > * {
    margin-right: calc(10 * var(--ratio));
    margin-bottom: calc(8 * var(--ratio));
    color: var(--cor-gray-light);
    background: var(--cor-white_bg-light);
    padding: calc(4 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(4 * var(--ratio));
}

.display-guide2.content-area .list-area .display-card ._btn-pure {
    color: var(--cor-gray-light);
    padding: calc(8 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
}

.display-guide2.content-area .list-area .display-card ._btn-pure:first-child {
    color: var(--cor-green);
    border: calc(1 * var(--ratio)) solid var(--cor-green);
    margin-right: calc(12 * var(--ratio));
}

.display-guide2.content-area .list-area .display-card ._btn-pure:last-child {
    color: var(--cor-black);
    border: calc(1 * var(--ratio)) solid var(--cor-black);
}
/* display-guide2*/

/* display-guide3*/
.display-guide3.content-area > div {
    padding: 0 calc(32 * var(--ratio));
}

.display-guide3.content-area .search-area,
.display-guide3.content-area .mark-area {
    background: var(--cor-white_bg-light);
}

.display-guide3.content-area .search-area {
    padding: calc(16 * var(--ratio)) calc(32 * var(--ratio)) calc(24 * var(--ratio)) calc(32 * var(--ratio));
}

.display-guide3.content-area .search-area > * {
    border-radius: calc(8 * var(--ratio));
}

.display-guide3.content-area .search-area ._btn-pure,
.display-guide3.content-area .search-area input {
    padding: calc(14 * var(--ratio)) calc(28 * var(--ratio));
}

.display-guide3.content-area .search-area ._btn-pure {
    color: var(--cor-white);
    background: var(--cor-black);
}

.display-guide3.content-area .search-area input {
    flex: 1;
    background: var(--cor-white);
    margin-right: calc(10 * var(--ratio));
}

.display-guide.content-area .search-area input,
.display-guide3.content-area .search-area input {
    width: 100%;
}

.display-guide.content-area .search-area ._suffix-icon,
.display-guide2.content-area .search-area ._suffix-icon,
.display-guide3.content-area .search-area ._suffix-icon {
    right: calc(28 * var(--ratio));
    top: 50%;
    transform: translateY(-50%);
    width: calc(16 * var(--ratio));
    height: calc(16 * var(--ratio));
    background: transparent !important;
    padding: 0;
    display: none;
}

.display-guide.content-area .search-area ._input,
.display-guide3.content-area .search-area ._input {
    flex: 1;
    background: var(--cor-white);
    margin-right: calc(10 * var(--ratio));
}

/*.display-gui3de.content-area .search-area input::-webkit-input-placeholder,*/
/*.display-gui3de.content-area .search-area input::-moz-placeholder {*/
/*    color : var(--cor-gray-light_999);*/
/*}*/

.display-guide3.content-area .list-area {
    width: calc(1056 * var(--ratio));
    max-height: calc(488 * var(--ratio));
    overflow: auto;
    margin: calc(32 * var(--ratio)) 0 calc(24 * var(--ratio)) 0;
}

.display-guide3.content-area .list-area .display-card {
    padding: calc(12 * var(--ratio));
    margin-bottom: calc(24 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
    border: calc(2 * var(--ratio)) solid var(--cor-black_bg-005);
    /*box-shadow: 0 0 calc(6 * var(--ratio)) 0 var(--cor-black_bg-015);*/
    width: calc((100% - calc((24 * 3) * var(--ratio))) / 4)
}

.display-guide3.content-area .list-area .display-card .card-title-area > * {
    margin-right: calc(8 * var(--ratio));
}

.display-guide3.content-area .list-area .display-card .card-title-area ._online:first-child,
.display-guide3.content-area .list-area .display-card .card-title-area ._offline:first-child {
    width: calc(12 * var(--ratio));
    height: calc(12 * var(--ratio));
    border-radius: 50%;
}

.display-guide3.content-area .list-area .display-card .card-title-area ._online {
    color: var(--cor-green);
}

.display-guide3.content-area .list-area .display-card .card-title-area ._online:first-child {
    background: var(--cor-green);
}

.display-guide3.content-area .list-area .display-card .card-title-area ._offline {
    color: var(--cor-gray-light_ccc);
}

.display-guide3.content-area .list-area .display-card .card-title-area ._offline:first-child {
    background: var(--cor-gray-light_ccc);
}

.display-guide3.content-area .list-area .display-card:last-child:nth-child(4n - 1) {
    margin-right: calc(24 * var(--ratio) + calc((100% - calc((24 * 3) * var(--ratio))) / 4));
}


.display-guide3.content-area .list-area .display-card:last-child:nth-child(4n - 2) {
    margin-right: calc(48 * var(--ratio) + calc((100% - calc((24 * 3) * var(--ratio))) / 2));
}
.display-guide3.content-area .list-area .display-card .card-mark-area {
    margin: calc(8 * var(--ratio)) 0;
}

.display-guide3.content-area .list-area .display-card .card-mark-area .desc {
    overflow: hidden;
    /*text-overflow: -o-ellipsis-lastline;*/
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.display-guide3.content-area .list-area .display-card .card-mark-area .title {
    margin-bottom: calc(10 * var(--ratio));
}

.display-guide3.content-area .list-area .display-card .card-mark-area .list > * {
    margin-right: calc(10 * var(--ratio));
    margin-bottom: calc(8 * var(--ratio));
    color: var(--cor-gray-light);
    background: var(--cor-white_bg-light);
    padding: calc(4 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(4 * var(--ratio));
}

.display-guide3.content-area .list-area .display-card ._btn-pure {
    color: var(--cor-gray-light);
    padding: calc(8 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
}

.display-guide3.content-area .list-area .display-card ._btn-pure:first-child {
    color: var(--cor-green);
    border: calc(1 * var(--ratio)) solid var(--cor-green);
    margin-right: calc(12 * var(--ratio));
}

.display-guide3.content-area .list-area .display-card ._btn-pure:last-child {
    color: var(--cor-black);
    border: calc(1 * var(--ratio)) solid var(--cor-black);
}
/* display-guide3*/

/*send-resume-form && interview-apply-form*/
.send-resume-form.content-area,
.interview-apply-form.content-area {
    padding: calc(48 * var(--ratio)) calc(48 * var(--ratio)) calc(40 * var(--ratio)) calc(48 * var(--ratio));
}

.send-resume-form.content-area .item,
.interview-apply-form.content-area .item {
    margin-bottom: calc(8 * var(--ratio));
    width: calc(320 * var(--ratio))
}

.send-resume-form.content-area .item ._leader,
.interview-apply-form.content-area .item ._leader {
    /*margin-right: calc(40 * var(--ratio));*/
    width: calc(104 * var(--ratio))
}

.send-resume-form.content-area .item ._leader ._require,
.interview-apply-form.content-area .item ._leader ._require {
    color: var(--cor-red_light-56c);
}

.send-resume-form.content-area .item ._content,
.interview-apply-form.content-area .item ._content {
    flex: 1;
}

.send-resume-form.content-area .item ._content .img,
.interview-apply-form.content-area .item ._content .img {
    width: calc(14 * var(--ratio));
    height: calc(14 * var(--ratio));
    margin-right: calc(4 * var(--ratio));
}

.send-resume-form.content-area .item ._content input,
.send-resume-form.content-area .item label,
.interview-apply-form.content-area .item ._content input,
.interview-apply-form.content-area .item label {
    border-radius: calc(4 * var(--ratio));
    border: 1px solid var(--cor-gray);
    padding: calc(5 * var(--ratio)) calc(12 * var(--ratio));
    width: 100%;
}

.send-resume-form.content-area .item label,
.interview-apply-form.content-area .item label {
    margin-bottom: 0;
    text-align: center;
    background: var(--cor-white-light);
    color: var(--cor-gray-light-a8);
}

.send-resume-form.content-area .item #_upload_resume_btn,
.interview-apply-form.content-area .item #_upload_resume_btn {
    display: none;
}

.send-resume-form.content-area +.footer-area,
.interview-apply-form.content-area +.footer-area {
    padding: 0 calc(32 * var(--ratio));
}

.send-resume-form.content-area +.footer-area,
.interview-apply-form.content-area +.footer-area {
    margin-bottom: calc(32 * var(--ratio));
}

.send-resume-form.content-area .item #_upload_ressume_file ._upload_resume_tips {
    color: var(--cor-red_light-56c);
}
/*send-resume-form && interview-apply-form*/

/*share-website*/
.share-website.content-area ._web_url_area {
    background: var(--cor-white_bg-light);
    width: 100%;
    padding: calc(16 * var(--ratio)) calc(32 * var(--ratio)) calc(26 * var(--ratio)) calc(32 * var(--ratio));
}

.share-website.content-area ._web_url_area input {
    background: var(--cor-white);
    flex: 1;
    margin-right: calc(10 * var(--ratio));
}

.share-website.content-area ._web_url_area ._btn-pure {
    background: var(--cor-black);
    color: var(--cor-white);
    flex: none;
}

.share-website.content-area ._web_url_area > * {
    border-radius: calc(8 * var(--ratio));
    padding: calc(12 * var(--ratio)) calc(16 * var(--ratio));
}

.share-website.content-area .img {
    width: calc(464 * var(--ratio));
    height: calc(464 * var(--ratio));
    padding: calc(32 * var(--ratio));
}
/*share-website*/

/*resume-box interview-box interview-invite*/
.resume-box.content-area ._search_area,
.interview-box.content-area ._search_area {
    background: var(--cor-white_bg-light);
    width: 100%;
    padding: calc(0 * var(--ratio)) calc(32 * var(--ratio)) calc(26 * var(--ratio)) calc(32 * var(--ratio));
}

.resume-box.content-area ._search_area input,
.interview-box.content-area ._search_area input {
    background: var(--cor-white);
    flex: 1;
    margin-right: calc(10 * var(--ratio));
}

.resume-box.content-area ._search_area ._btn-pure,
.interview-box.content-area ._search_area ._btn-pure {
    background: var(--cor-black);
    color: var(--cor-white);
    flex: none;
}

.resume-box.content-area ._search_area > *,
.interview-box.content-area ._search_area > * {
    border-radius: calc(8 * var(--ratio));
    padding: calc(12 * var(--ratio)) calc(16 * var(--ratio));
}

.resume-box.content-area .list-area,
.interview-box.content-area .list-area {
    padding: calc(32 * var(--ratio));
}

.resume-box.content-area .list-area,
.interview-box.content-area .list-area {
    width: calc(550 * var(--ratio));
    max-height: calc(450 * var(--ratio));
    overflow: auto;
}

.resume-box.content-area .list-area .display-card,
.interview-box.content-area .list-area .display-card {
    margin-bottom: calc(12 * var(--ratio));
    width: 100%;
    border-bottom: 1px solid var(--cor-gray-light_df);
    padding-bottom: calc(12 * var(--ratio));
}

.resume-box.content-area .list-area .display-card .card-resume-area ._name,
.interview-box.content-area .list-area .display-card .card-resume-area ._name {
    color: var(--cor-blue);
    margin-left: calc(12 * var(--ratio));
}

.resume-box.content-area .list-area .display-card .card-resume-area ._status,
.interview-box.content-area .list-area .display-card .card-resume-area ._status {
    margin-right: calc(10 * var(--ratio));
    border-radius: 50%;
    width: calc(10 * var(--ratio));
    height: calc(10 * var(--ratio));
    left: calc(-16 * var(--ratio));
}

.resume-box.content-area .list-area .display-card .card-resume-area ._status[data-status="online"],
.interview-box.content-area .list-area .display-card .card-resume-area ._status[data-status="online"] {
    background: var(--cor-red);
}

.resume-box.content-area .list-area .display-card .card-resume-area ._status[data-status="offline"],
.interview-box.content-area .list-area .display-card .card-resume-area ._status[data-status="offline"] {
    background: var(--cor-gray);
}

.resume-box.content-area .list-area .display-card .card-btn-area ._btn-pure,
.interview-box.content-area .list-area .display-card .card-btn-area ._btn-pure {
    padding: calc(8 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
}

.resume-box.content-area .list-area .display-card .card-btn-area ._btn-pure._chat,
.interview-box.content-area .list-area .display-card .card-btn-area ._btn-pure._chat {
    color: var(--cor-green);
    border: 1px solid var(--cor-green);
    margin-left: calc(12 * var(--ratio));
}

.resume-box.content-area .list-area .display-card .card-btn-area ._btn-pure._resume,
.interview-box.content-area .list-area .display-card .card-btn-area ._btn-pure._resume {
    color: var(--cor-black);
    border: 1px solid var(--cor-black);
    margin-left: calc(12 * var(--ratio));
}

.interview-box.content-area .list-area .display-card .card-btn-area ._btn-pure._accept {
    color: var(--cor-blue);
    border: 1px solid var(--cor-blue);
    /*margin-left: calc(12 * var(--ratio));*/
}

.interview-box.content-area .list-area .display-card .card-btn-area ._btn-pure._reject {
    color: var(--cor-red_light-f30);
    border: 1px solid var(--cor-red_light-f30);
    margin-left: calc(12 * var(--ratio));
}

.interview-box.content-area .list-area .display-card .card-btn-area ._btn-pure._disable {
    color: var(--cor-gray-light_999);
    border: 1px solid var(--cor-gray-light_999);
    pointer-events: none;
}

.interview-box.content-area .list-area {
    width: calc(770 * var(--ratio));
}

.interview-box.content-area .list-area .display-card {
    width: 100%;
    margin-left: calc(16 * var(--ratio));
}

.interview-box.content-area .list-area .display-card > * {
    flex: none;
}

.interview-box.content-area .list-area .display-card .card-apply-area {
    margin: 0 calc(24 * var(--ratio)) 0 calc(12 * var(--ratio));
}

.interview-box.content-area .list-area .display-card .card-apply-area ._btn {
    padding: calc(4 * var(--ratio)) calc(12 * var(--ratio));
}

.interview-box.content-area .list-area .display-card .card-apply-area .img {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
    margin-left: calc(10 * var(--ratio));
}

.interview-box.content-area .list-area .display-card .card-apply-area .accept-btn {
    background: var(--cor-green);
}

.interview-box.content-area .list-area .display-card .card-apply-area .reject-btn {
    background: var(--cor-red);
    margin-left: calc(16 * var(--ratio));
}

.interview-invite.content-area {
    width: calc(416 * var(--ratio));
    padding: calc(48 * var(--ratio)) calc(48 * var(--ratio)) calc(40 * var(--ratio)) calc(48 * var(--ratio));
}

.interview-invite.content-area > * {
    margin-bottom: calc(8 * var(--ratio));
}

.interview-invite.content-area .addr a {
    text-decoration: underline;
    word-break: break-all;
}

.interview-invite.content-area +.footer-area {
    padding: calc(0 * var(--ratio)) calc(32 * var(--ratio)) calc(32 * var(--ratio)) calc(32 * var(--ratio));
}

.interview-invite.content-area +.footer-area ._btn {
    width: calc(100% - calc(24 * var(--ratio)));
}

.interview-invite.content-area +.footer-area ._btn:last-child {
    margin-left: calc(24 * var(--ratio));
}

.send-interview-invite.content-area {
    width: calc(416 * var(--ratio));
    padding: calc(48 * var(--ratio)) calc(48 * var(--ratio)) calc(40 * var(--ratio)) calc(48 * var(--ratio));
}

.send-interview-invite.content-area .item {
    width: 100%;
    margin-bottom: calc(8 * var(--ratio));
}

.send-interview-invite.content-area ._leader {
    width: calc(120 * var(--ratio));
}

.send-interview-invite.content-area ._leader ._require {
    color: var(--cor-red_light-56c)
}

.send-interview-invite.content-area ._content {
    flex: 1;
}

.send-interview-invite.content-area ._content input {
    padding: calc(5 * var(--ratio)) calc(12 * var(--ratio));
    border-radius: calc(4 * var(--ratio));
    border: 1px solid var(--cor-gray-light_df);
    background: var(--cor-white);
    width: 100%;
    color: var(--cor-gray-light-a8);
}

.send-interview-invite.content-area ._content input:first-child {
    margin-bottom: calc(8 * var(--ratio));
}

.send-interview-invite.content-area +.footer-area {
    padding: 0 calc(32 * var(--ratio)) calc(32 * var(--ratio)) calc(32 * var(--ratio));
}

.send-interview-invite.content-area +.footer-area ._btn {
    width: calc(100% - calc(24 * var(--ratio)));
    background: var(--cor-blue);
}
/*resume-box interview-box interview-invite*/

._custom_modal-wrapper .footer-area._footer_padding {
    padding: calc(12 * var(--ratio));
}

._custom_modal-wrapper .footer-area > div {
    /*padding: calc(8 * var(--ratio)) calc(24 * var(--ratio));*/
    /*border-radius: calc(40 * var(--ratio));*/
}

._custom_modal-wrapper .footer-area .cancel-btn {
    color: var(--cor-black);
    background: var(--cor-gray);
}

._custom_modal-wrapper .footer-area .exit-btn {
    margin-left: calc(32 * var(--ratio));
}

._custom_modal-wrapper .footer-area .exit-btn,
._custom_modal-wrapper .footer-area .reject-apply-btn,
._custom_modal-wrapper .footer-area .reject-invite-btn {
    color: var(--cor-white);
    background: var(--cor-red);
}

._custom_modal-wrapper .footer-area .edit-btn,
._custom_modal-wrapper .footer-area .sure-btn,
.self-center.content-area .job,
._custom_modal-wrapper .footer-area .submit_right-now-btn,
._custom_modal-wrapper .footer-area .resolve-apply-btn,
._custom_modal-wrapper .footer-area .resolve-invite-btn {
    background: var(--cor-blue);
}

._custom_modal-wrapper .footer-area .submit_right-now-btn {
    width: 100%;
    text-align: center;
}

._custom_modal-wrapper .footer-area div:nth-child(2) {
    margin-left: calc(32 * var(--ratio));
}

._thin,
._custom_modal-dropdown .contact-list,
._custom_modal-dropdown_for_projects .contact-list,
._custom_modal-dropdown_for_meeting-place .contact-list,
.company-list.content-area .list-area,
.content-area.connection-chat_text .chat-content .chat,
.content-area.connection-chat_text .contact-list {
    scrollbar-width: none;
}

._thin::-webkit-scrollbar,
._custom_modal-dropdown .contact-list::-webkit-scrollbar,
._custom_modal-dropdown_for_projects .contact-list::-webkit-scrollbar,
._custom_modal-dropdown_for_meeting-place .contact-list::-webkit-scrollbar,
.company-list.content-area .list-area::-webkit-scrollbar,
.content-area.connection-chat_text .chat-content .chat::-webkit-scrollbar,
.content-area.connection-chat_text .contact-list::-webkit-scrollbar {
    display: none;
}

._notice_point {
    width: calc(9 * var(--ratio));
    height: calc(9 * var(--ratio));
    border-radius: 50%;
    background: var(--cor-red_light);
    top: calc(8 * var(--ratio));
    right: calc(8 * var(--ratio));
}

/*temp mobile css*/
.connection-status.content-area ._btn,
.interview-status.content-area ._btn {
    flex: none;
}

@media screen and (max-width: 1024px) {
    .pop-part._custom_modal-wrapper {
        top: 15%;
    }

    .company-list.content-area .list-area,
    /*.display-guide.content-area .list-area,*/
    .display-guide2.content-area .list-area,
    .display-guide3.content-area .list-area,
    .invite-job.content-area iframe {
        width: calc(1056 * var(--ratio));
    }

    /*.display-guide3.content-area .list-area .display-card:last-child:nth-child(4n - 1)*/

    .company-list.content-area .list-area .company-card,
    .display-guide.content-area .list-area .display-card {
        height: calc(114 * var(--ratio));
        padding: calc(16 * var(--ratio));
        border-radius: calc(10 * var(--ratio));
        width: calc((100% - calc(24 * var(--ratio))) / 2);
    }

    .display-guide2.content-area .list-area .display-card,
    .display-guide3.content-area .list-area .display-card {
        /*height: calc(114 * var(--ratio));*/
        padding: calc(16 * var(--ratio));
        border-radius: calc(10 * var(--ratio));
        width: calc((100% - calc(24 * var(--ratio))) / 2)
    }

    .display-guide2.content-area .list-area .display-card .desc,
    .display-guide3.content-area .list-area .display-card .desc {
        line-height: 1.2;
    }

    .display-guide2.content-area .list-area .display-card:last-child:nth-child(3n - 1),
    .display-guide3.content-area .list-area .display-card:last-child:nth-child(3n - 1) {
        margin-right: calc(24 * var(--ratio) + calc((100% - calc(60 * var(--ratio))) / 3));
    }

    .display-guide2.content-area .list-area .display-card:last-child:nth-child(3n - 1),
    .company-list.content-area .list-area .company-card:last-child:nth-child(3n - 1)
    /*.display-guide.content-area .list-area .display-card:last-child:nth-child(3n - 1)*/
    {
        margin: initial;
    }

    .display-guide.content-area .list-area .display-card {
        height: auto;
    }

    /*    =====*/
    .content-area.connection-chat_text {
        flex-direction: column;
        justify-content: space-between;
        width: 35vw;
    }

    .content-area.connection-chat_text .chat-content {
        width: auto;
    }

    .content-area.connection-chat_text .chat-content .chat {
        height: calc(360 * var(--ratio));
    }

    .content-area.connection-chat_text .contact-list {
        display: flex;
        height: auto;
    }

    .content-area.connection-chat_text .contact-list .contact {
        margin-bottom: 0;
    }

    .contact-list {
        width: 100% !important;
    }

    /*    =====*/
}

@media screen and (max-width: 480px) {
    ._custom_modal-navbar {
        padding: 0 calc(32 * var(--ratio));
    }

    ._custom_modal-dropdown-area_for_projects {
        left: calc(32 * var(--ratio)) !important;
    }

    ._custom_modal-footer {
        /*padding: 0 calc(30 * var(--ratio));*/
        padding: 0;
        flex-wrap: wrap;
    }

    ._custom_modal-footer > * {
        margin-top: calc(24 * var(--ratio));
    }

    ._custom_modal-footer > *:first-child {
        margin-left: calc(24 * var(--ratio));
    }

    ._custom_modal-footer > *:last-child {
        /*margin-right: calc(24 * var(--ratio)) !important;*/
    }

    ._custom_modal-wrapper {
        top: calc(350 * var(--ratio)) !important;
        transform: translateX(-50%);
    }

    .self-center.content-area {
        width: calc(500 * var(--ratio));
    }

    .content-area.connection-status {
        width: calc(515 * var(--ratio));
    }

    .content-area.connection-status > span {
        flex: none;
    }

    .content-area.connection-apply {
        width: 75vw;
    }

    .connection-apply.content-area > div {
        margin-right: calc(10 * var(--ratio));
    }

    .connection-apply.content-area .img.people .infos .people-footer > * {
        margin-right: 1px;
    }

    .connection-chat_text.content-area .title {
        width: calc(502 * var(--ratio));
    }

    .content-area.interview-status {
        width: calc(520 * var(--ratio));
    }

    /*.pop-part._custom_modal-footer ._btn {*/
    /*width: calc(204 * var(--ratio));*/
    /*}*/
    .stage-screen.content-area,
    .company-list.content-area .list-area,
    .display-guide.content-area .list-area,
    .display-guide2.content-area .list-area,
    .display-guide3.content-area .list-area,
    .invite-job.content-area iframe {
        width: calc(560 * var(--ratio));
    }

    .invite-job.content-area.show-map {
        height: 150vw;
        width: 150vw !important;
    }

    .invite-job.content-area iframe {
        width: 100vw;
    }

    .invite-job.content-area.show-map iframe {
        transform: rotate(90deg) translateY(60vw);
        height: auto;
        width: 100% !important;
    }

    .company-list.content-area .list-area .company-card,
    .display-guide.content-area .list-area .display-card,
    .display-guide2.content-area .list-area .display-card,
    .display-guide3.content-area .list-area .display-card {
        width: 100%;
    }

    .display-guide2.content-area .list-area .display-card:last-child:nth-child(3n - 1),
    .display-guide3.content-area .list-area .display-card:last-child:nth-child(3n - 1) {
        margin-right: calc(24 * var(--ratio) + calc(100%));
    }

    .stage-screen.content-area .video {
        height: auto;
    }

    /*  special  */
    :root {
        --r: calc(768px / 1920)
    }

    .guest-show.content-area,
    .guest-show2.content-area,
    .guest-show3.content-area,
    .screen-sharing.content-area .img {
        width: calc(800 * var(--r));
        border-radius: calc(24 * var(--r));
    }

    .guest-show.content-area,
    .guest-show2.content-area,
    .guest-show3.content-area {
        height: calc(550 * var(--r));
    }

    .screen-sharing.content-area .img {
        height: calc(393 * var(--r));
    }

    .guest-show.content-area .img-item:nth-child(1) {
        top: calc(310 * var(--r));
        left: calc(249 * var(--r));
    }

    .guest-show.content-area .img-item:nth-child(2) {
        top: calc(150 * var(--r));
        left: calc(573 * var(--r));
    }

    .guest-show.content-area .img-item:nth-child(3) {
        top: calc(352 * var(--r));
        left: calc(669 * var(--r));
    }


    .guest-show2.content-area .img-item:nth-child(1) {
        top: calc(200 * var(--r));
        left: calc(50 * var(--r));
    }

    .guest-show2.content-area .img-item:nth-child(2) {
        top: calc(100 * var(--r));
        left: calc(250 * var(--r));
    }

    .guest-show2.content-area .img-item:nth-child(3) {
        top: calc(50 * var(--r));
        left: calc(500 * var(--r));
    }

    .guest-show2.content-area .img-item:nth-child(4) {
        top: calc(200 * var(--r));
        left: calc(470 * var(--r));
    }

    .guest-show2.content-area .img-item:nth-child(5) {
        top: calc(350 * var(--r));
        left: calc(550 * var(--r));
    }

    .guest-show2.content-area .img-item:nth-child(6) {
        top: calc(370 * var(--r));
        left: calc(587 * var(--r));
    }

    .guest-show3.content-area .img-item:nth-child(1) {
        top: calc(200 * var(--r));
        left: calc(45 * var(--r));
    }

    .guest-show3.content-area .img-item:nth-child(2) {
        top: calc(80 * var(--r));
        left: calc(250 * var(--r));
    }

    .guest-show3.content-area .img-item:nth-child(3) {
        top: calc(80 * var(--r));
        left: calc(450 * var(--r));
    }

    .guest-show3.content-area .img-item:nth-child(4) {
        top: calc(200 * var(--r));
        left: calc(450 * var(--r));
    }

    .guest-show3.content-area .img-item:nth-child(5) {
        top: calc(370 * var(--r));
        left: calc(550 * var(--r));
    }

    .guest-show3.content-area .img-item:nth-child(6) {
        top: calc(350 * var(--r));
        left: calc(200 * var(--r));
    }
}

/*new dropdown*/
._custom_modal-dropdown {
    color: var(--cor-white);
    top: calc(163 * var(--ratio));
    width: calc(214 * var(--ratio));
    right: calc(97 * var(--ratio));
    padding: calc(12 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
    background: var(--cor-black_bg-07);
}

._custom_modal-dropdown .list-area {
    margin-top: calc(12 * var(--ratio));
    max-height: calc(540 * var(--ratio));
}

._custom_modal-dropdown .list-area .contact-list {
    padding-right: calc(16 * var(--ratio));
    overflow: auto;
}

._custom_modal-dropdown .list-area .scrollbar {
    height: 100%;
    background: transparent;
    width: calc(4 * var(--ratio));
    overflow: auto;
}

._custom_modal-dropdown .list-area .scrollbar-block {
    top: 0;
    right: 0;
    width: calc(2 * var(--ratio));
    height: calc(60 * var(--ratio));
    border-radius: calc(4 * var(--ratio));
    background: var(--cor-white_bg);
}

._custom_modal-dropdown .title-area .img,
._custom_modal-dropdown .list-area .contact-card .footer .img {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
}

._custom_modal-dropdown .title-area .img .down {
    display: none;
}

._custom_modal-dropdown .list-area {
    /*display: none;*/
}

._custom_modal-dropdown .list-area .contact-card {
    margin-bottom: calc(12 * var(--ratio));
}

._custom_modal-dropdown .list-area .contact-card:last-child {
    margin-bottom: 0;
}

._custom_modal-dropdown .list-area .contact-card .footer {
    left: calc(8 * var(--ratio));
    bottom: calc(4 * var(--ratio));
}

._custom_modal-dropdown .list-area .contact-card .footer .img {
    margin-right: calc(8 * var(--ratio));
}

._custom_modal-dropdown .list-area .contact-card.active .footer .img ._mute,
._custom_modal-dropdown .list-area .contact-card .footer .img ._speaking {
    display: none;
}

._custom_modal-dropdown .list-area .contact-card.active .footer .img ._speaking {
    display: block;
}

/*new tooltip*/
._custom_modal-tooltip {
    color: var(--cor-white);
    background: var(--cor-black_bg-07);
    border-radius: calc(8 * var(--ratio));
}

._custom_modal-tooltip._for-ftr-btn {
    top: calc(-94 * var(--ratio));
    left: 50%;
    transform: translateX(-50%);
}

._custom_modal-tooltip._for-ftr-btn span {
    margin-left: 0;
}

._custom_modal-tooltip ._for-utils {
    padding: calc(8 * var(--ratio));
}

._custom_modal-tooltip ._for-utils .item {
    margin-right: calc(28 * var(--ratio));
}

._custom_modal-tooltip ._for-utils .item:last-child {
    margin-right: 0;
}

._custom_modal-tooltip ._for-utils .item .img {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
    margin-right: calc(4 * var(--ratio));
}

._custom_modal-tooltip ._for-footer-btn {
    padding: calc(8 * var(--ratio)) calc(12 * var(--ratio));
}

._custom_modal-tooltip ._triangle {
    border-left: calc(10 * var(--ratio)) solid transparent;
    border-right: calc(10 * var(--ratio)) solid transparent;
    border-top: calc(15 * var(--ratio)) solid var(--cor-black_bg-07);
    left: 50%;
    transform: translateX(-50%)
}

._custom_modal-tooltip ._for-footer-btn[data-owner='audio'] {
    width: calc(96 * var(--ratio));
}

._custom_modal-tooltip ._for-footer-btn[data-owner='sharing'] {
    width: calc(138 * var(--ratio));
}

._custom_modal-tooltip ._for-footer-btn .item {
    width: 100%;
    min-width: calc(80 * var(--ratio));
}

._custom_modal-tooltip ._for-footer-btn .item ._img {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
    margin-right: calc(4 * var(--ratio));
}

._custom_modal-tooltip ._for-footer-btn .item:first-child {
    border-bottom: calc(1 * var(--ratio)) solid var(--cor-white);
    padding-bottom: calc(8 * var(--ratio));
}

._custom_modal-tooltip ._for-footer-btn .item:last-child {
    padding-top: calc(8 * var(--ratio));
}

._custom_modal-tooltip ._for-person-card .img {
    width: calc(60 * var(--ratio));
    height: calc(60 * var(--ratio));
    padding: calc(7 * var(--ratio));
}

._custom_modal-tooltip ._for-person-card .infos {
    width: calc(188 * var(--ratio));
    padding: calc(16 * var(--ratio));
    margin-top: calc(8 * var(--ratio));
    border-radius: calc(4 * var(--ratio));
    background: var(--cor-black_bg-05);
}

._custom_modal-tooltip ._for-person-card .infos .name {
    margin-right: calc(8 * var(--ratio));
}

._custom_modal-tooltip ._for-person-card .infos .job {
    background: var(--cor-blue);
    border-radius: calc(2 * var(--ratio));
    padding: calc(4 * var(--ratio));
}

._custom_modal-tooltip ._for-person-card .infos .company-name {
    margin-top: calc(8 * var(--ratio));
}

._custom_modal-tooltip ._for-profile {
    color: var(--cor-white);
    padding: calc(16 * var(--ratio));
}

._custom_modal-tooltip ._for-profile .title-area {
    width: 100%;
    padding-bottom: calc(8 * var(--ratio));
    border-bottom: calc(1 * var(--ratio)) solid var(--cor-white_bg-04);
}

._custom_modal-tooltip ._for-profile .title-area .img {
    width: calc(12 * var(--ratio));
    height: calc(12 * var(--ratio));
}

._custom_modal-tooltip ._for-profile .infos-area {
    margin-top: calc(8 * var(--ratio));
}

._custom_modal-tooltip ._for-profile .infos-area .job {
    padding: calc(4 * var(--ratio));
    background: var(--cor-blue);
}

._custom_modal-tooltip ._for-profile .info {
    margin-bottom: calc(8 * var(--ratio));
}

._custom_modal-tooltip ._for-profile .info:last-child {
    margin-bottom: 0;
}

._custom_modal-tooltip ._for-profile .info ._key {
    margin-right: calc(8 * var(--ratio));
}

/*lzh追加*/
.pop-part {
    z-index: 10;
}

.videolist {
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 12;
    display: none;
}

.videoitem {
    width: 120px;
    height: 120px;
    float: left;
}

#positiontext {
    position: fixed;
    top: calc(70 * var(--ratio));
    z-index: 20;
    color: #FFF;

    display: none;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: calc(16 * var(--fz_ratio));
    line-height: calc(19 * var(--fz_ratio));
    max-width: calc(100% - calc(97 * 2 * var(--ratio)));
    left: 50%;
    transform: translateX(-50%);
}

#positiontext div {
    display: flex;
    background: var(--cor-black_bg-08);
    border-radius: calc(40 * var(--ratio));
    padding: calc(15 * var(--ratio)) calc(24 * var(--ratio));
}

#positiontext div span {
    flex: 1;
}

/*meetingPlace dropdown*/
._custom_modal-dropdown-area_for_projects {
    top: calc(163 * var(--ratio));
    left: calc(97 * var(--ratio));
}

._custom_modal-dropdown-area_for_projects ._dropdown:first-child {
    margin-bottom: calc(16 * var(--ratio));
}

._custom_modal-dropdown-area_for_projects ._dropdown {
    color: var(--cor-white);
    width: calc(214 * var(--ratio));
    padding: calc(12 * var(--ratio));
    border-radius: calc(8 * var(--ratio));
    background: var(--cor-black_bg-07);
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area {
    margin-top: calc(12 * var(--ratio));
    max-height: calc(450 * var(--ratio));
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area .contact-list {
    padding-right: calc(16 * var(--ratio));
    overflow: auto;
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area .scrollbar {
    /*height: 100%;*/
    max-height: calc(270 * var(--ratio));
    background: transparent;
    width: calc(4 * var(--ratio));
    overflow: auto;
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area .scrollbar-block {
    top: 0;
    right: 0;
    width: calc(2 * var(--ratio));
    height: calc(60 * var(--ratio));
    border-radius: calc(4 * var(--ratio));
    background: var(--cor-white_bg);
}

._custom_modal-dropdown-area_for_projects ._dropdown .title-area .img {
    width: calc(24 * var(--ratio));
    height: calc(24 * var(--ratio));
}

._custom_modal-dropdown-area_for_projects ._dropdown .title-area .img .up {
    display: none;
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area .contact-card {
    margin-bottom: calc(12 * var(--ratio));
    padding: calc(8 * var(--ratio));
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area .contact-card.active {
    background: var(--cor-blue);
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area .contact-card:hover {
    background: var(--cor-blue-light);
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area .contact-card:last-child {
    margin-bottom: 0;
}

._custom_modal-dropdown-area_for_projects ._dropdown .list-area .contact-card .footer {
    left: calc(8 * var(--ratio));
    bottom: calc(4 * var(--ratio));
}

._custom_modal-dropdown-area_for_projects ._custom_modal-dropdown_for_projects .list-area {
    display: none;
}

._custom_modal-dropdown-area_for_projects ._custom_modal-dropdown_for_meeting-place .title-area .img .up {
    display: block;
}

._custom_modal-dropdown-area_for_projects ._custom_modal-dropdown_for_meeting-place .title-area .img .down {
    display: none;
}

._custom_modal-dropdown-area_for_projects ._custom_modal-dropdown_for_meeting-place .contact-list .contact-card ._count_total {
    color: var(--cor-gray);
}

._custom_modal_direction_guide {
    right: calc(97 * var(--ratio));
    bottom: calc(85 * var(--ratio));
    z-index: 9;
}

._custom_modal_direction_guide .img {
    width: calc(60 * var(--ratio));
    height: calc(60 * var(--ratio));
}

._custom_modal_direction_guide .img {
    margin-bottom: calc(30 * var(--ratio));
}

._custom_modal_direction_guide .img:last-child {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 50%;
    background: var(--cor-gray_bg3);
    padding: calc(8 * var(--ratio));
}

/*important*/
._center_fix {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

._cus_title span {
    margin: 0 calc(5 * var(--ratio));
}

._cus_title .close {
    margin-left: calc(10 * var(--ratio));
}

._hide_opacity {
    opacity: 0;
}

._show_opacity {
    opacity: 1;
}

/*meet-ask*/
._custom_loginbg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    background-color: rgba(0, 0, 0, 0.6);
    top: calc(244 * var(--ratio));
}

._custom_loginbg ._loginpaneltext {
    margin-bottom: calc(24 * var(--ratio));
}

._loginpanelinput input {
    padding: calc(9 * var(--ratio)) calc(16 * var(--ratio));
    border-radius: calc(4 * var(--ratio));
    width: calc(320 * var(--ratio));
}

._loginpanelbtn {
    background: var(--cor-blue);
    text-align: center;
    cursor: pointer;
    padding: calc(12 * var(--ratio)) calc(72 * var(--ratio));
    border-radius: calc(40 * var(--ratio));
    margin-top: calc(170 * var(--ratio));
}

._btn.sharing.on {
    background-color: #D30000;
}
/*meet-ask*/

/*guide-steps*/
._custom_modal_guide_steps,
._custom_modal_guide_step-1,
._custom_modal_guide_step-2,
._custom_modal_guide_step-3 {
    display: none;
}

._custom_modal_guide_steps {
    background: var(--cor-black_bg-08);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    color: var(--cor-white);
}

._custom_modal_guide_steps ._btn-pure {
    color: var(--cor-white);
    background: var(--cor-blue);
    padding: calc(8 * var(--ratio)) calc(24 * var(--ratio));
    border-radius: calc(40 * var(--ratio));
}

._custom_modal_guide_step-skip-btn {
    right: calc(116 * var(--ratio));
    top: calc(80 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group1,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group2,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group3,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group4 {
    margin-bottom: calc(25 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group5 {
    margin-bottom: calc(100 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group1 .img,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group2 .img,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group3 .img,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group4 .img,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group5 .img {
    margin-right: calc(30 * var(--ratio));
    width: calc(150 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group1 .img img,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group2 .img img,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group3 .img img,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group4 .img img,
._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group5 .img img {
    width: auto;
}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group1 .img {
    /*width: calc(150 * var(--ratio));*/
    height: calc(85 * var(--ratio));

}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group2 .img {
    /*width: calc(55 * var(--ratio));*/
    height: calc(64 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group3 .img {
    /*width: calc(64 * var(--ratio));*/
    height: calc(64 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group4 .img {
    /*width: calc(64 * var(--ratio));*/
    height: calc(64 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-1 ._group5 .img {
    /*width: calc(56 * var(--ratio));*/
    height: calc(56 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-2 ._group1 {
    margin-bottom: calc(40 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-2 ._group1 .img {
    width: calc(118 * var(--ratio));
    height: calc(106 * var(--ratio));
    margin-bottom: calc(56 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-3 ._group1 .img {
    width: calc(150 * var(--ratio));
    height: calc(85 * var(--ratio));
    margin-right: calc(32 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-3 ._group2 .img {
    width: calc(54 * var(--ratio));
    height: calc(100 * var(--ratio));
    margin-right: calc(32 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-2 > div {
    margin-bottom: calc(50 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-3 ._group1 {
    margin-bottom: calc(50 * var(--ratio));
}

._custom_modal_guide_steps ._custom_modal_guide_step-3 ._group2 {
    margin-bottom: calc(32 * var(--ratio));
}

._custom_modal_guide_tech_support {
    bottom: calc(105 * var(--ratio));
}

._custom_modal_guide_tech_support a {
    color: var(--cor-orange-f90);
}

._custom_modal_guide_tech_support div {
    margin-top: calc(10 * var(--ratio));
    color: var(--cor-orange-f90);
}

/*guide-steps*/


/*adapt screen*/
@media screen and (max-width: 1440px) {
    ._fz-12 {
        font-size: 12px;
    }

    ._fz-14 {
        font-size: 12px;
    }

    ._lh-14 {
        line-height: 16px;
    }

    ._lh-16 {
        line-height: 19px;
    }

    .display-guide.content-area .list-area,
    .display-guide2.content-area .list-area,
    .display-guide3.content-area .list-area {
        width: calc(1280 * var(--ratio));
    }

    .interview-box.content-area .list-area {
        width: calc(900 * var(--ratio));
    }

    .send-interview-invite.content-area ._leader {
        width: calc(150 * var(--ratio));
    }

    .send-interview-invite.content-area {
        width: calc(460 * var(--ratio));
    }
}

@media screen and (max-width: 1024px) {
    .display-guide.content-area .list-area,
    .display-guide2.content-area .list-area,
    .display-guide3.content-area .list-area {
        width: calc(1050 * var(--ratio));
    }

    ._custom_modal_direction_guide {
        bottom: calc(185 * var(--ratio));
    }
}

@media screen and (max-width: 768px) {
    .content-area.connection-chat_text {
        width: 50vw;
    }

    .content-area.connection-chat_text .chat-content .chat {
        height: 35vw;
    }

    .retry-later.content-area {
        width: calc(460 * var(--ratio));
    }

    ._custom_modal-tooltip ._for-footer-btn[data-owner='sharing'] {
        width: calc(165 * var(--ratio));
    }

    ._custom_modal-tooltip._for-ftr-btn {
        top: calc(-108 * var(--ratio));
        left: 50%;
        transform: translateX(-50%);
    }

    .display-guide.content-area .list-area,
    .display-guide2.content-area .list-area,
    .display-guide3.content-area .list-area {
        width: calc(750 * var(--ratio));
        height: calc(530 * var(--ratio));
        max-height: calc(530 * var(--ratio));
    }

    .display-guide.content-area .list-area .display-card {
        width: 100%;
    }

    ._custom_loginbg {
        justify-content: center;
        top: 0;
    }

    /*send-resume-form && interview-apply-form*/
    .send-resume-form.content-area .item,
    .interview-apply-form.content-area .item {
        margin-bottom: calc(8 * var(--ratio));
        width: calc(450 * var(--ratio))
    }

    .send-resume-form.content-area .item ._leader,
    .interview-apply-form.content-area .item ._leader {
        /*margin-right: calc(40 * var(--ratio));*/
        width: calc(150 * var(--ratio))
    }

    .send-resume-form.content-area +.footer-area,
    .interview-apply-form.content-area +.footer-area {
        padding: 0 calc(32 * var(--ratio)) !important;
    }

    .interview-apply-form.content-area +.footer-area {
        padding: 0 !important;
    }
    /*send-resume-form && interview-apply-form*/

    .resume-box.content-area .list-area {
        width: calc(750 * var(--ratio));
    }

    /*interview-box*/
    .interview-box.content-area .list-area {
        width: calc(700 * var(--ratio));
    }

    .interview-box.content-area .list-area .display-card {
        flex-wrap: wrap;
    }

    .interview-box.content-area .list-area .display-card .card-resume-area  {
        margin-bottom: calc(20 * var(--ratio));
    }

    .resume-box.content-area .list-area .display-card, .interview-box.content-area .list-area .display-card {
        padding-bottom: calc(24 * var(--ratio));
        margin-bottom: calc(24 * var(--ratio));
    }

    .interview-box.content-area .list-area .display-card .card-btn-area ._btn-pure:first-child {
        margin-left: 0 !important;
    }

    .interview-box.content-area .list-area .display-card .card-btn-area ._btn-pure {
        margin-left: calc(24 * var(--ratio)) !important;
    }

    .interview-box.content-area .list-area .display-card .right {
        margin-left: calc(24 * var(--ratio));
    }

    .interview-invite.content-area {
        width: calc(550 * var(--ratio));
    }

    .send-interview-invite.content-area ._leader {
        width: calc(235 * var(--ratio));
    }

    .send-interview-invite.content-area {
        width: calc(650 * var(--ratio));
    }

    .send-resume-confirm.content-area {
        width: calc(560 * var(--ratio));
    }

    .interview-box.content-area .list-area .display-card .card-resume-area ._status {
        left: auto;
        right: 0;
        width: calc(20 * var(--ratio));
        height: calc(20 * var(--ratio));
        top: 35%;
    }
    /*interview-box*/
}

@media screen and (max-width: 480px) {
    :root {
        --ratio: calc(100vw / 750);
        --h5_ratio: 100vw / 375;
        --h5_fz_ratio: calc(12 / 16 * var(--h5_ratio));
    }

    ._fz-14 {
        font-size: calc(14 * var(--h5_fz_ratio));
    }

    ._fz-16 {
        font-size: calc(16 * var(--h5_fz_ratio));
    }

    ._fz-20 {
        font-size: calc(20 * var(--h5_fz_ratio));
    }

    ._fz-36 {
        font-size: calc(36 * var(--h5_fz_ratio));
    }

    ._lh-19 {
        line-height: calc(19 * var(--h5_fz_ratio));
    }

    ._lh_22 {
        line-height: calc(22 * var(--h5_fz_ratio));
    }

    ._lh_23 {
        line-height: calc(23 * var(--h5_fz_ratio));
    }

    ._lh-42 {
        line-height: calc(42 * var(--h5_fz_ratio));
    }

    ._custom_modal-navbar {
        top: calc(26 * var(--h5_ratio));
    }

    ._custom_modal-navbar .img {
        width: calc(16 * var(--h5_ratio));
        height: calc(16 * var(--h5_ratio));
    }

    ._custom_modal_direction_guide {
        right: calc(64 * var(--ratio));
        bottom: calc(160 * var(--ratio));
        /*z-index: 10;*/
    }

    /*._custom_modal_direction_guide .img {*/
    /*    width: calc(60 * var(--h5_ratio));*/
    /*    height: calc(60 * var(--h5_ratio));*/
    /*}*/

    /*._custom_modal_direction_guide .img:first-child {*/
    /*    margin-bottom: calc(30 * var(--h5_ratio));*/
    /*}*/

    #positiontext {
        justify-content: flex-start;
        top: calc(72 * var(--h5_ratio));
        left: calc(16 * var(--h5_ratio));
        font-size: calc(12 * var(--h5_ratio));
        line-height: calc(14 * var(--h5_ratio));
        max-width: calc(100% - calc(32 * var(--h5_ratio)));
        transform: translate(0);
    }

    #positiontext div {
        padding: calc(8 * var(--h5_ratio));
        max-width: calc(50vw - 16 * var(--h5_ratio));
    }

    #positiontext div span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    ._custom_modal_direction_guide .img:nth-child(2) {
        margin-bottom: calc(150 * var(--ratio));
    }

    ._custom_modal_guide_step-skip-btn {
        right: calc(32 * var(--h5_ratio));
    }

    ._custom_modal_total_count-people {
        padding: calc(8 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
        right: calc(16 * var(--h5_ratio));
        top: calc(72 * var(--h5_ratio));
        border-radius: calc(10 * var(--h5_ratio));
    }

    ._custom_modal_total_count-people div {
        margin-bottom:  calc(5 * var(--h5_ratio));
    }

    ._custom_modal_total_count-people div:last-child {
        margin-bottom: 0;
    }

    ._custom_modal-footer {
        font-size: calc(20 * (100vw / 375) * 0.7);
    }

    ._custom_modal-footer ._more_btn_wrapper {
        right: calc(32 * var(--h5_ratio));
        bottom: calc(32 * var(--h5_ratio));
        display: none;
    }

    ._custom_modal-footer ._more_btn_wrapper ._btn {
        margin: calc(8 * var(--h5_ratio)) 0 0 0 ;
    }

    ._custom_modal-wrapper {
        max-width: calc(100vw - 32 * var(--h5_ratio));
        padding: calc(12 * var(--h5_ratio));
        /*top: calc(128 * var(--h5_ratio)) !important;*/
    }

    ._fat {
        width: calc(248 * var(--h5_ratio));
        padding: calc(12 * var(--h5_ratio)) calc(24 * var(--h5_ratio)) !important;
    }

    ._fat_footer_btn > ._btn {
        padding: calc(8 * var(--h5_ratio)) calc(24 * var(--h5_ratio)) !important;
    }

    ._cus_top {
        top: calc(80 * var(--h5_ratio)) !important;
    }

    ._center_fix {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    ._custom_modal-wrapper .title-area .close {
        width: calc(12 * var(--h5_ratio));
        height: calc(12 * var(--h5_ratio));
    }

    ._custom_modal-wrapper .footer-area ._btn {
        padding: calc(8 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
    }

    .resume-box.content-area .list-area,
    .stage-screen.content-area,
    .self-center.content-area,
    .content-area.connection-apply {
        width: calc(100vw - 56 * var(--h5_ratio));
    }

    .resume-box.content-area .list-area,
    .interview-box.content-area .list-area {
        max-height: calc(350 * var(--h5_ratio));
    }

    .resume-box.content-area ._search_area, .interview-box.content-area ._search_area {
        padding: calc(0 * var(--h5_ratio)) calc(12 * var(--h5_ratio)) calc(8 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
    }


    .guest-show3.content-area,
    .display-guide.content-area,
    .display-guide2.content-area,
    .display-guide3.content-area,
    .connection-chat_text.content-area {
        width: calc(100vw - 32 * var(--h5_ratio));
    }

    .interview-invite.content-area {
        width: calc(100vw - 64 * var(--h5_ratio));
    }

    .interview-box.content-area .list-area {
        width: calc(100vw - 24 * var(--h5_ratio));
    }

    .self-center.content-area {
        flex-direction: column;
        margin: 0 0 calc(12 * var(--h5_ratio)) 0;
        padding: calc(12 * var(--h5_ratio));
    }

    .self-center.content-area .left {
        width: calc(100 * var(--h5_ratio));
        height: calc(100 * var(--h5_ratio));
        border-radius: 50%;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
    }

    .self-center.content-area .right {
        width: 100%;
        padding: 0;
        margin-top: calc(12 * var(--h5_ratio));
    }

    .self-center.content-area .right > div {
        margin-bottom: calc(12 * var(--h5_ratio));
        width: 100%;
    }

    .self-center.content-area .right > div:last-child{
        margin-bottom: calc(12 * var(--h5_ratio));
    }

    .self-center.content-area .right div span:first-child {
        margin-right: calc(12 * var(--h5_ratio));
    }

    .self-center.content-area .right div ._leader {
        width: 25%;
        text-align: right;
        padding: calc(5 * var(--h5_ratio)) 0;
    }

    .self-center.content-area .right ._content {
        flex: 1;
    }

    .self-center.content-area .right ._content > * {
        padding: calc(5 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
    }

    .self-center.content-area .right ._content .job {
        padding: calc(4 * var(--h5_ratio));
    }

    .self-center.content-area .right ._content input {
        width: 100%;
        height: calc(32 * var(--h5_ratio));
        /*padding: calc(5 * var(--h5_ratio)) calc(12 * var(--h5_ratio));*/
        border-radius: calc(4 * var(--h5_ratio));
    }

    .guest-show3.content-area *,
    .stage-screen.content-area *,
    .self-center.content-area *,
    .content-area.connection-apply *,
    ._custom_modal-dropdown-area_for_projects  *,
    .display-guide.content-area .list-area .display-card *,
    .content-area.display-guide,
    .display-guide.content-area .mark-area,
    .display-guide.content-area .mark-area > *,
    .display-guide2.content-area .list-area .display-card *,
    .content-area.display-guide2,
    .display-guide2.content-area .mark-area,
    .display-guide2.content-area .mark-area > *,
    .content-area.connection-chat_text .contact-list,
    .content-area.connection-chat_text .contact-list .job,
    .connection-chat_text.content-area .chat-content .title,
    .connection-chat_text.content-area .chat .avatar,
    .retry-later.content-area .img + span,
    .connection-status.content-area > span,
    .connection-status.content-area > ._btns {
        font-size: calc(12 * var(--h5_ratio));
        line-height: calc(14 * var(--h5_ratio));
    }

    .send-resume-confirm.content-area div,
    .interview-notice.content-area .img + div,
    .interview-apply.content-area .img + div,
    .interview-status.content-area > span {
        font-size: calc(12 * var(--h5_ratio));
        line-height: calc(14 * var(--h5_ratio));
    }

    .content-area.connection-chat_text .contact-list .contact {
        padding: calc(8 * var(--h5_ratio));
    }

    .content-area.connection-chat_text .contact-list .avatar {
        width: calc(28 * var(--h5_ratio));
        height: calc(28 * var(--h5_ratio));
        margin-right: calc(4 * var(--h5_ratio));
    }

    .content-area.connection-chat_text .contact-list .job {
        padding: calc(4 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .chat-content {
        padding: 0;
    }

    .connection-chat_text.content-area .chat-content .title {
        width: 100%;
        padding: calc(8 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .chat-content .title > *:first-child {
        margin-left: calc(8 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .chat-content .title > * {
        margin-right: calc(8 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .visitor .avatar {
        margin-right: calc(4 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .chat {
        padding: calc(6 * var(--h5_ratio)) calc(8 * var(--h5_ratio));
        height: calc(220 * var(--h5_ratio)) !important;
    }

    .connection-chat_text.content-area .footer {
        padding: 0 calc(12 * var(--h5_ratio)) calc(12 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .footer ._btn {
        margin-top: calc(8 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .footer textarea {
        height: calc(64 * var(--h5_ratio));
        padding: calc(8 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .chat .avatar {
        width: calc(28 * var(--h5_ratio));
        height: calc(28 * var(--h5_ratio));
    }

    .connection-chat_text.content-area .chat .content {
        padding: calc(4 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
        line-height: calc(19 * var(--h5_fz_ratio));
    }

    .connection-chat_text.content-area .chat > * {
        margin-bottom: calc(12 * var(--h5_ratio));
    }

    .content-area.connection-apply .apply {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .reject-apply.content-area {
        width: calc(210 * var(--h5_ratio));
        padding: calc(12 * var(--h5_ratio)) calc(24 * var(--h5_ratio));
    }

    .reject-apply.content-area .img {
        height: calc(48 * var(--h5_ratio));
        width: calc(48 * var(--h5_ratio));
        margin-right: calc(8 * var(--h5_ratio));
    }

    .retry-later.content-area {
        width: calc(225 * var(--h5_ratio));
        padding: calc(12 * var(--h5_ratio)) calc(24 * var(--h5_ratio));
        margin: 0;
    }

    .retry-later.content-area .img {
        margin-bottom: calc(8 * var(--h5_ratio));
    }

    .connection-status.content-area {
        flex-direction: column;
        width: auto;
    }

    .connection-status.content-area ._btns {
        margin-top: calc(12 * var(--h5_ratio));
    }

    .connection-status.content-area .accept-btn {
        margin-left: 0;
    }

    .connection-status.content-area .reject-btn {
        margin-left: calc(16 * var(--h5_ratio));
    }

    ._custom_modal-wrapper .footer-area ._btn {
        /*padding: calc(4 * var(--h5_ratio)) calc(16 * var(--h5_ratio));*/
    }

    ._custom_modal-wrapper .footer-area._footer_padding {
        padding: calc(12 * var(--h5_ratio));
    }

    .connection-apply.content-area .type-list + div > * {
        margin-right: 0;
    }

    .interview-notice.content-area,
    .interview-apply.content-area {
        padding: calc(24 * var(--h5_ratio));
        height: auto;
    }

    .interview-notice.content-area .img,
    .interview-apply.content-area .img {
        width: calc(48 * var(--h5_ratio));
        height: calc(48 * var(--h5_ratio));
        margin-bottom: calc(8 * var(--h5_ratio));
    }

    .interview-notice.content-area {
        width: calc(240 * var(--h5_ratio));
    }

    ._custom_modal-wrapper .footer-area div:nth-child(2) {
        /*margin-left: calc(32 * var(--h5_ratio));*/
    }

    .pop-part._custom_modal-wrapper._center_fix .footer-area {
        padding: calc(8 * var(--h5_ratio)) 0;
    }

    .interview-status.content-area {
        flex-direction: column;
        width: auto;
    }

    .interview-status.content-area ._btns {
        margin-top: calc(12 * var(--h5_ratio));
    }

    .interview-status.content-area .accept-btn {
        margin-left: 0;
    }

    .interview-status.content-area .reject-btn {
        margin-left: calc(16 * var(--h5_ratio));
    }

    ._custom_modal-wrapper .title-area._title_bg {
        padding: calc(12 * var(--h5_ratio)) calc(12 * var(--h5_ratio)) calc(8 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
    }

    .display-guide.content-area > div,
    .display-guide2.content-area > div {
        padding: 0 calc(12 * var(--h5_ratio));
    }

    .display-guide.content-area .mark-area,
    .display-guide2.content-area .mark-area {
        padding-top: calc(8 * var(--h5_ratio));
        padding-bottom: calc(8 * var(--h5_ratio));
    }

    .display-guide.content-area .search-area input,
    .display-guide2.content-area .search-area input {
        margin-right: calc(10 * var(--h5_ratio));
    }

    .display-guide2.content-area .search-area ._btn-pure,
    .display-guide2.content-area .search-area input,
    .display-guide.content-area .search-area ._btn-pure,
    .display-guide.content-area .search-area input {
        padding: calc(8 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
    }

    .display-guide.content-area .list-area,
    .display-guide2.content-area .list-area {
        margin: calc(12 * var(--h5_ratio)) 0;
    }

    .display-guide.content-area .mark-area-bg {
        height: calc(56 * var(--h5_ratio));
        overflow: hidden;
    }

    .display-guide.content-area .mark-area .mark-card,
    .display-guide2.content-area .mark-area .mark-card {
        padding: calc(4 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
    }

    .display-guide.content-area .mark-area .mark-area-bg > *,
    .display-guide2.content-area .mark-area > * {
        margin-right: calc(10 * var(--h5_ratio));
        margin-bottom: calc(8 * var(--h5_ratio));
    }

    .display-guide2.content-area .list-area .display-card,
    .display-guide.content-area .list-area .display-card {
        padding: calc(12 * var(--h5_ratio));
    }

    .display-guide2.content-area .list-area .display-card ._btn-pure,
    .display-guide.content-area .list-area .display-card ._btn-pure {
        padding: calc(8 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
    }

    .display-guide2.content-area .list-area .display-card .card-mark-area,
    .display-guide.content-area .list-area .display-card .card-mark-area {
        margin-top: calc(8 * var(--h5_ratio));
    }

    .display-guide2.content-area .list-area .display-card .card-title-area,
    .display-guide.content-area .list-area .display-card .card-title-area > * {
        margin-right: calc(8 * var(--h5_ratio));
    }

    .display-guide2.content-area .list-area .display-card .card-mark-area .list,
    .display-guide.content-area .list-area .display-card .card-mark-area .list > * {
        padding: calc(4 * var(--h5_ratio)) calc(12 * var(--h5_ratio));
        margin-right: calc(10 * var(--h5_ratio));
        margin-bottom: calc(8 * var(--h5_ratio));
    }

    .display-guide3.content-area .list-area,
    .display-guide2.content-area .list-area,
    .display-guide.content-area .list-area {
        width: 100%;
        height: calc(330 * var(--h5_ratio));
        max-height: calc(330 * var(--h5_ratio));
    }

    .display-guide2.content-area .list-area .display-card ._btn-pure,
    .display-guide.content-area .list-area .display-card ._btn-pure {
        border-radius: calc(8 * var(--h5_ratio));
    }

    .display-guide.content-area .list-area .display-card {
        margin-bottom: calc(8 * var(--h5_ratio));
        /*height: calc(128 * var(--h5_ratio));*/
        justify-content: flex-start;
    }

    .display-guide2.content-area .list-area .display-card {
        height: calc(88 * var(--h5_ratio));
    }

    ._custom_modal-dropdown,
    ._custom_modal-dropdown-area_for_projects {
        top: calc(118 * var(--h5_ratio));
        position: fixed;
    }

    ._custom_modal-dropdown,
    ._custom_modal-dropdown-area_for_projects ._dropdown {
        border-radius: calc(8 * var(--h5_ratio));
        padding: calc(8 * var(--h5_ratio));
    }

    ._custom_modal-dropdown-area_for_projects > * {
        position: absolute;
        top: 0;
        width: calc((100vw - calc(32 * var(--h5_ratio)) - calc(8 * var(--h5_ratio))) / 2) !important;
    }

    ._custom_modal-dropdown-area_for_projects > *:last-child {
        /*left: calc((100vw - calc(32 * var(--h5_ratio)) - calc(8 * var(--h5_ratio))) / 2 + calc(8 * var(--h5_ratio)));*/
    }

    .stage-screen.content-area,
    .content-area.connection-apply {
        flex-direction: column-reverse;
    }

    .stage-screen.content-area,
    .content-area.connection-apply .type-list {
        flex-direction: row;
        margin-top: calc(12 * var(--h5_ratio));
        margin-right: 0;
    }

    .stage-screen.content-area,.content-area.connection-apply .type-list + div {
        width: 100%;
    }

    .stage-screen.content-area,.content-area.connection-apply .type-list .type {
        margin-right: calc(12 * var(--h5_ratio));
    }

    .connection-apply.content-area .img.people .image {
        width: calc(130 * var(--h5_ratio));
        height: calc(90 * var(--h5_ratio));
    }

    .connection-apply.content-area .img.people .infos .people-footer .img {
        width: calc(24 * var(--h5_ratio));
        height: calc(24 * var(--h5_ratio));
    }

    .connection-apply.content-area .img.people .infos .people-footer > * {
        flex: none;
    }

    .guest-show3.content-area {
        height: calc(222 * var(--h5_ratio));
    }
    .guest-show3.content-area .img-item:nth-child(1) {
        top: calc(80 * var(--h5_ratio));
        left: calc(10 * var(--h5_ratio));
        height: calc(60 * var(--h5_ratio));
    }

    .guest-show3.content-area .img-item:nth-child(2) {
        top: calc(35 * var(--h5_ratio));
        left: calc(85 * var(--h5_ratio));
        height: calc(50 * var(--h5_ratio));
    }

    .guest-show3.content-area .img-item:nth-child(3) {
        top: calc(35 * var(--h5_ratio));
        left: calc(260 * var(--h5_ratio));
        height: calc(60 * var(--h5_ratio));
    }

    .guest-show3.content-area .img-item:nth-child(4) {
        top: calc(115 * var(--h5_ratio));
        left: calc(255 * var(--h5_ratio));
        height: calc(60 * var(--h5_ratio));
    }

    .guest-show3.content-area .img-item:nth-child(5) {
        top: calc(130 * var(--h5_ratio));
        left: calc(140 * var(--h5_ratio));
        height: calc(50 * var(--h5_ratio));
    }

    .guest-show3.content-area .img-item:nth-child(6) {
        top: calc(140 * var(--h5_ratio));
        left: calc(50 * var(--h5_ratio));
        height: calc(60 * var(--h5_ratio));
    }

    .guest-show3.content-area .img-bg {
        top: calc(24 * var(--h5_ratio));
        height: auto;
    }

    .guest-show3.content-area ._btn {
        bottom: calc(20 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(1) {
        top: calc(75 * var(--h5_ratio));
        left: calc(30 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(2) {
        top: calc(100 / 3 * var(--h5_ratio));
        left: calc(80 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(3) {
        top: calc(52 / 3 * var(--h5_ratio));
        left: calc(200 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(4) {
        top: calc(80 * var(--h5_ratio));
        left: calc(235 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(5) {
        top: calc(150 * var(--h5_ratio));
        left: calc(200 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(6) {
        top: calc(125 * var(--h5_ratio));
        left: calc(75 * var(--h5_ratio));
    }

    ._custom_modal-dropdown {
        right: calc(16 * var(--h5_ratio));
        width: calc((100vw - calc(32 * var(--h5_ratio)) - calc(8 * var(--h5_ratio))) / 2) !important;
    }

    ._custom_modal-tooltip ._for-footer-btn[data-owner='sharing'] {
        width: calc(178 * var(--ratio));
    }

    .display-guide2 .list-area .display-card:last-child,
    .display-guide3 .list-area .display-card:last-child {
        margin-right: 0 !important;
    }

    .guest-show.content-area .img-item:nth-child(1) {
        top: calc(100 * var(--h5_ratio));
        left: calc(90 / 3.5 * var(--h5_ratio));
    }

    .guest-show.content-area .img-item:nth-child(2) {
        top: calc(45 * var(--h5_ratio));
        left: calc(120 * var(--h5_ratio));
    }

    .guest-show.content-area .img-item:nth-child(3) {
        top: calc(70 * var(--h5_ratio));
        left: calc(780 / 3.5 * var(--h5_ratio));
    }

    .guest-show.content-area .img-item:nth-child(4) {
        top: calc(150 * var(--h5_ratio));
        left: calc(650 / 3.5 * var(--h5_ratio));
    }

    .guest-show.content-area .img-item:nth-child(5) {
        top: calc(180 * var(--h5_ratio));
        left: calc(270 / 3.5 * var(--h5_ratio));
    }

    ._custom_modal-wrapper .title-area._cus_title_black_text {
        font-size: calc(18 * var(--h5_fz_ratio));
    }

    .guest-show2.content-area .img-item {
        width: calc(75 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item .img {
        height: calc(40 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item .title {
        font-size: 10px !important;
        width: calc(110 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(1) .img {
        /*height: calc(40 * var(--h5_ratio));*/
    }

    .guest-show2.content-area .img-item:nth-child(2) .img {
        /*height: calc(40 * var(--h5_ratio));*/
    }

    .guest-show2.content-area .img-item:nth-child(3) .img {
        /*height: calc(30 * var(--h5_ratio));*/
    }

    .guest-show2.content-area .img-item:nth-child(4) .img {
        /*height: calc(85 / 2.5 * var(--h5_ratio));*/
    }

    .guest-show2.content-area .img-item:nth-child(5) .img {
        /*height: calc(100 / 2.5 * var(--h5_ratio));*/
    }

    .guest-show2.content-area .img-item:nth-child(6) .img {
        /*height: calc(136 / 2.5 * var(--h5_ratio));*/
    }

    .guest-show2.content-area .img-item:nth-child(1) .title {
        top: calc(35 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(2) .title {
        top: calc(34 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(3) .title {
        top: calc(35 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(4) .title {
        top: calc(32 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(5) .title {
        top: calc(46 * var(--h5_ratio));
    }

    .guest-show2.content-area .img-item:nth-child(6) .title {
        top: calc(47 * var(--h5_ratio));
    }

    /*send-resume-form && interview-apply-form*/
    .send-resume-form.content-area .item,
    .interview-apply-form.content-area .item {
        margin-bottom: calc(8 * var(--h5_ratio));
        width: calc(250 * var(--h5_ratio))
    }

    .send-resume-form.content-area .item ._leader,
    .interview-apply-form.content-area .item ._leader {
        /*margin-right: calc(40 * var(--ratio));*/
        width: calc(65 * var(--h5_ratio))
    }

    .send-resume-form.content-area +.footer-area,
    .interview-apply-form.content-area +.footer-area {
        margin-bottom: calc(32 * var(--ratio));
        padding: 0 calc(32 * var(--ratio)) !important;
    }

    .interview-apply-form.content-area +.footer-area {
        padding: 0 !important;
    }
    /*send-resume-form && interview-apply-form*/

    /*interview-box*/
    .interview-box.content-area .list-area .display-card {
        flex-wrap: wrap;
    }

    .interview-box.content-area .list-area .display-card .card-resume-area  {
        margin-bottom: calc(10 * var(--h5_ratio));
    }

    .interview-box.content-area .list-area .display-card .right {
        margin-left: calc(12 * var(--h5_ratio));
    }
    /*interview-box*/

    ._custom_modal-dropdown .list-area .contact-list .contact-card > .img {
        height: calc(100 * var(--h5_ratio));
        border-radius: calc(8 * var(--h5_ratio));
    }

    ._custom_modal-dropdown-area_for_projects ._dropdown .list-area  {
        max-height: calc(300 * var(--h5_ratio));
    }

    .interview-invite.content-area +.footer-area,
    .send-interview-invite.content-area +.footer-area {
        padding: 0 calc(16 * var(--h5_ratio)) calc(16 * var(--h5_ratio)) calc(16 * var(--h5_ratio)) !important;
    }

    .send-interview-invite.content-area {
        width: calc(300 * var(--h5_ratio));
    }

    .send-interview-invite.content-area ._leader {
        width: calc(90 * var(--h5_ratio));
    }
}

.guest-show.content-area ._btn,
.guest-show2.content-area ._btn,
.guest-show3.content-area ._btn {
    display: none;
}