html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-family: Arial, '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei',
        '新細明體', PMingLiU, sans-serif;
}

button {
    outline: none !important;
}

input {
    outline: none;
    border: none;
    width: 99%;
    padding-left: 10px;
    padding-right: 0px;
}

.scrollNone::-webkit-scrollbar { display: none; }

.show {
    display: block;
}

.hide {
    display: none;
}

.err_font {
    color: #ff1f1f;
}

.payment_color {
    color: #005582;
}

.flex_reverse {
    flex-flow: wrap-reverse;
}

.login_area {
    display: flex;
    align-items: center;
}

.login_area > div {
    height: 100%;
    justify-content: center;
    border: 1px solid #dfe1e5;
}

.input_style {
    border: 1px solid #dfe1e5;
    border-radius: 5px;
}

.input_style > div:first-child {
    border-right: 1px solid #dfe1e5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.change_border {
    border: 1px solid #ffb2da;
}

.user_icon {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(/admin/images_2020/user.png);
}

.close_icon {
    height: 15px;
    width: 17px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-image: url(/admin/images_2020/close.png);
}

.tick_icon {
    height: 35px;
    min-width: 35px;
    background-repeat: no-repeat;
    background-size: 35px;
    background-image: url(/admin/images_2020/tick.png);
}
.warn_icon {
    height: 35px;
    min-width: 35px;
    background-repeat: no-repeat;
    background-size: 35px;
    background-image: url(/admin/images_2020/warning.png);
}
.warn_icon_s {
    height: 26px;
    width: 40px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-image: url(/admin/images_2020/warning.png);
}
.eye_icon {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(/admin/images_2020/hidden.png);
}

.eyeHidden_icon {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(/admin/images_2020/eye.png);
}

.search_icon {
    height: 17px;
    width: 17px;
    background-repeat: no-repeat;
    background-size: 17px;
    background-image: url(/admin/images_2020/search.png);
}

.idCard_icon {
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url(/admin/images_2020/contact.png);
}

.password_icon {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(/admin/images_2020/password.png);
}

.resume_icon {
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: 22px;
    background-image: url(/admin/images_2020/resume.png);
}

.register_icon {
    height: 21px;
    width: 21px;
    background-repeat: no-repeat;
    background-size: 21px;
    background-image: url(/admin/images_2020/register.png);
}

.login_btn {
    width: 100%;
    border-radius: 5px;
    font-size: 18px;
    background-color: #e40177;
    color: #fff;
    border: none;
    outline: none;
    padding: 12px 0;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
}

.login_btn:hover {
    background-color: #cf006b;
}

.forget_password_font {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    color: #17a2b8;
    cursor: pointer;
}

.resume_btn,
.register_btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #17a2b8 solid 1px;
    border-radius: 5px;
    background-color: #fff;
    color: #17a2b8;
    font-size: 16px;
    padding: 8px 0;
    transition: all 0.3s;
}

.resume_btn:hover,
.register_btn:hover {
    background-color: #17a2b8;
    color: #fff;
}

.resume_btn:hover > .resume_icon {
    background-image: url(/admin/images_2020/resume_hover.png);
}

.register_btn:hover > .register_icon {
    background-image: url(/admin/images_2020/register_hover.png);
}

.waytext {
    position: relative;
    margin: auto;
    width: 100%;
    background: #dedede;
    height: 1px;
    display: block;
    margin-bottom: 25px;
}

.waytext > span {
    min-width: 80px;
    font-size: 14px;
    background: #fff;
    color: #888;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.checkbox {
    width: 13px;
    margin-right: 5px;
}

.newVerification_code {
    pointer-events: none;
}

@media screen and (max-width: 991px) {
    .login_area > div {
        border: none;
    }

    .ad_mVersion {
        display: none;
    }
}

/*modal*/
.modal-content {
    border-radius: 10px;
    overflow: hidden;
}

.modal_header_bg {
    background: #e40177;
    color: #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.perview_resume {
    color: #17a2b8;
}

.perview_resume:hover {
    color: #0e8396;
}

.recommend_title {
    position: relative;
}

.recommend_title::before {
    content: '';
    height: 20px;
    width: 3px;
    background: #e40177;
    display: block;
    position: absolute;
    top: 1px;
    left: -10px;
}

.btn_style {
    width: 30%;
    background: #e40177;
    color: #fff;
}

.btn_style:hover {
    background: #be0062;
    color: #fff;
}

.btn-secondary {
    width: 20%;
    background-color: #a2a2a2;
    border-color: #a2a2a2;
}

.close {
    color: #fff;
    font-size: 2rem;
    font-weight: lighter;
}

.close:hover {
    color: #fff;
}

/*modal*/

/*Job_opening_M start*/
.Job_opening_M {
    width: 100%;
}

.Job_opening_M a {
    text-decoration: none;
}

.Job_opening_block {
    display: block;
}

.Job_opening_block:hover > div {
    background: #fff9e2;
}

.more_icon {
    height: 14px;
    width: 14px;
    background-size: 14px;
    background-image: url(/admin/images_2020/more.png);
    cursor: pointer;
}

.hostTag {
    color: #aaa;
    display: flex;
}

.hostTag > h2 {
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.icon_poppu,
.icon_poppu_M {
    top: 36px;
    right: 19px;
    width: 120px;
    height: 33px;
    padding: 7px;
    position: absolute;
    border: #aaa solid 1px;
    font-size: 13px;
    color: #888;
    background-color: #fff;
    display: none;
    z-index: 5;
    cursor: pointer;
}

.Job_opening_M {
    position: relative;
}

.Job_opening_M > a {
    color: #000;
}

.Job_opening_M h1 {
    font-weight: normal;
}

.Job_opening_M .favorite_icon {
    height: 24px;
    width: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url(/admin/images_2020/save_job_normal.png);
    transition: all 0.3s;
}

.Job_opening_item_M {
    display: flex;
    padding: 15px 15px 0 15px;
    background-color: #fffdf5;
    border-bottom: #eee solid 1px;
}

.Job_opening_item_info_M {
    flex: 10;
    overflow: hidden;
    position: relative;
}

.Job_opening_item_info_M > div {
    margin-bottom: 6px;
    overflow: hidden;
    justify-content: space-between;
}

.Job_opening_M .favorite_btn {
    position: absolute;
    top: 51px;
    right: 14px;
    overflow: initial;
}

.Job_opening_item_info_M h1 {
    width: 250px;
    font-size: 14px;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Job_opening_item_title_M {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.Job_opening_item_title_M > div {
    display: flex;
}

.Job_opening_item_title_M .Online24H_icon {
    display: block;
    height: 16px;
    width: 35px;
    margin-right: 3px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-image: url(/admin/images_2020/icon_24h.png);
}

.Job_opening_item_title_M > :first-child > h1 {
    font-size: 16px;
    color: #00a7ff;
}

.icon_commonStyle_M {
    height: 14px;
    width: 14px;
    display: block;
    background-size: 14px;
    margin-right: 7px;
}

.special_icon {
    width: 18px;
    margin-top: -9px;
    margin-right: 5px;
}

.special_list .Job_opening_item_title_M h1 {
    font-weight: bold !important;
}

.more_btn_M {
    position: absolute;
    top: 15px;
    right: 13px;
}

.favorite_icon:hover {
    background-image: url(/admin/images_2020/save_job_touch.png);
    transition: all 0.3s;
}

#star_btn:checked + div {
    background-image: url(/admin/images_2020/save_job_touch.png);
    animation: clickHeart 0.3s 1;
}
.phoneInput {
    padding: 0 5px;
    display: flex;
    align-items: center;
    width: 40%;
}

@keyframes clickHeart {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/*Job_opening_M end*/
@media screen and (max-width: 736px) {
    body {
        font-size: 14px;
    }
    .btn-secondary {
        font-size: 13px;
    }
    .btn_style {
        font-size: 13px;
    }
}