/* ================================
 * index.html
 * ================================
*/
section[class^="block_"] a.text_light {
    color: #ffffff;
}

/* base */
ul {
    list-style: none;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

/* end base */

/* slick */
.content_slick .slick-dots li, .box_slick .slick-dots li {
    background-color: rgba(0, 48, 103, 0.6);
    width: 9px;
    height: 9px;
    border-radius: 5px;
}

.content_slick .slick-dots li.slick-active, .box_slick .slick-dots li.slick-active {
    width: 19px;
    background-color: #003067;
}

/* end slick */

/* font */
.header_frame {
    width: 100%;
    margin: 0 auto 42px;
    text-align: center;
}

.fTitle {
    font-size: 38px;
    line-height: 1.5;
    font-weight: normal;
}

.subTitle {
    font-size: 26px;
    line-height: 29px;
    color: #6F6F6F;
    padding-top: 4px;
}

.descripcion {
    font-size: 16px;
    line-height: 24px;
}

.text_light {
    color: #ffffff;
}

@media (max-width:1189px) {
    .fTitle {
        font-size: 32px;
        line-height: 47px;
    }

    .subTitle {
        font-size: 20px;
        line-height: 29px;
    }

}

@media (max-width:550px) {
    .fTitle {
        font-size: 26px;
        line-height: 18px;
    }

    .subTitle {
        font-size: 18px;
        line-height: 29px;
    }

    .descripcion {
        font-size: 12px;
        line-height: 22px;
    }

}

/* end font */

/* btn */
.btn_frame {
    width: 100%;
}

.btn_frame a {
    font-size: 18px;
    line-height: 29px;
}

.btn_frame a:hover .btn_img {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.btn_frame a .btn_img {
    display: inline-block;
    width: 12px;
    margin: 0px 0px 4px 4px;
}

/* end btn */

/* card */
.corp_card {
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    margin-bottom: 3.6rem;
}

.corp_card:hover {
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.corp_card .corp_card_body .corp_card_list .corp_card_list_item {
    padding-left: 20px;
    position: relative;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem;
}

.corp_card .corp_card_body .corp_card_list .corp_card_list_item::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 22px;
    left: 0;
    -webkit-mask: url(../images/icon_arrow_1.svg) no-repeat center center;
    mask: url(../images/icon_arrow_1.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--primary_3);
}

.corp_card .corp_card_btn {
    text-align: right;
    color: var(--grey_6);
    margin-bottom: 0;
    font-size: 1.6rem;
}

.corp_card .corp_card_btn a {
    color: #000;
    font-weight: 800;
}

.hover_color_underline:hover {
    color: var(--primary_3);
    text-decoration: underline;
}

.hover_underline:hover {
    text-decoration: underline;
}

.corp_card .corp_img_rounded {
    position: absolute;
    width: 7rem;
    height: 7rem;
    /* top: 13rem; */
    /* left: 2rem; */
    -webkit-box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    background-position: center center;
    border-radius: 50%;
    background-color: #ffffff;
}

.corp_card .corp_card_body .corp_card_text {
    font-size: 1.5rem;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.corp_card .corp_card_body .body_2 {
    line-height: 1.5;
    color: var(--grey_6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* end card */

/* block_001 */
.block_001 {
    width: 100%;
    margin-bottom: 16px;
    overflow: hidden;
}

.block_001 .content_slick .slick-dots li {
    background-color: rgba(255, 255, 255, 0.6);
    width: 12px;
    height: 12px;
    border-radius: 50px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
}

.block_001 .content_slick .slick-dots li.slick-active {
    width: 44px;
    background-color: #fff;
}

.block_001 .content_slick .banner {
    height: 479px;
    background-position: center center;
    position: relative;
}

.block_001 .content_slick .content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.block_001 .content_slick .banner .content_fTitle {
    font-size: 46px;
    text-align: center;
}

.block_001 .content_slick .banner .content_subTitle {
    font-size: 29px;
    text-align: center;
}

.block_001 .content_slick .slick-dots {
    bottom: 20px;
}

.block_001 .slick-dotted.slick-slider {
    margin-bottom: 0;
}

@media (max-width:1499px) {
    .block_001 .content_slick .banner .content_fTitle {
        font-size: 41px;
    }

    .block_001 .content_slick .banner .content_subTitle {
        font-size: 26px;
    }

}

@media (max-width:1189px) {
    .block_001 .content_slick .banner {
        height: 299px;
    }

}

@media (max-width:810px) {
    .block_001 {
        margin-bottom: 10px;
    }

    .block_001 .content_slick .banner {
        height: 269px;
    }

    .block_001 .content_slick .banner .content_fTitle {
        font-size: 29px;
    }

    .block_001 .content_slick .banner .content_subTitle {
        font-size: 20px;
    }

}

@media (max-width:550px) {
    .block_001 .content_slick .banner .content_fTitle {
        font-size: 28px;
    }

    .block_001 .content_slick .banner .content_subTitle {
        font-size: 18px;
    }

    .block_001 .content_slick .banner {
        height: 215px;
    }

}

/* end block_001 */

/* block_002 */
.block_002 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;    /* margin-bottom: 60px; */
    padding: 0 60px 60px 60px;
}

/* .block_002 .category_slide {
    padding-bottom: 60px;
} */

.block_002 .category_card {

    /* min-width: 156px; */
    height: 80px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    margin-right: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.block_002 .category_card:hover {
    border: 3px solid var(--primary_2);
    padding: 13px;    /* box-shadow: 2px 3px 13px rgba(0, 0, 0, 0.1); */
    -webkit-filter: drop-shadow(2px 3px 13px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(2px 3px 13px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.block_002 .category_card .category_card_frame:first-child {

    /* width: 20%; */
    width: 25px;
    margin-right: 10px;
}

/* .block_002 .category_card .category_card_frame:last-child{
width: 80%;
} */
.block_002 .category_card .category_card_frame .category_card_img {
    width: 100%;
}

.block_002 .category_card .category_card_frame .category_card_fTitle {
    font-size: 18px;
    color: #191919;
    margin-bottom: 0;
}

.block_002 .category_card .category_card_frame .category_card_subTitle {
    font-size: 15px;
    color: #191919;
    margin-bottom: 0;
    margin-top: 8px;
}

.block_002 .category_card .category_card_frame .category_card_subTitle span {
    margin-left: 4px;
    font-weight: bold;
}

/* 20220714 更換套件後，css設定 */
.block_002 .category_slide .slick-next {
  width: 35px;
  height: 35px;
  right: -50px;
  z-index: 3;
  background: url(../images/icon_arrow_1.svg) no-repeat center center;
  background-size: 45%;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 100%;
  opacity: 0.8;
}
.block_002 .category_slide .slick-prev {
  width: 35px;
  height: 35px;
  left: -50px;
  z-index: 3;
  background: url(../images/icon_arrow_1_left.svg) no-repeat center center;
  background-size: 45%;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 100%;
  opacity: 0.8;
}

/* end block_002 */

/* block_003 */
.block_003 {
    width: 100%;
    margin-bottom: 70px;
    padding-top: 5rem;
}

.block_003 .btn_frame {
    margin-top: 25px;
}

.block_003 .header_frame .title_2 {
    margin-bottom: 4px;
    line-height: 1.5;
    position: relative;
}

.block_003 .header_frame .title_icon {
    margin-right: 10px;
}

.block_003 .header_frame .title_4 {
    color: var(--grey_6);
}

.block_003 .corp_card .corp_img {
    height: 180px;
    background-position: center center;
    width: 100%;
}

.block_003 .corp_card .corp_card_body .title_5 {
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.block_003 .corp_card .corp_card_body .body_2 {
    margin-bottom: 12px;
}

.block_003 .corp_card .corp_card_body {
    padding: 3.5rem 2rem 2rem;
    position: relative;
    min-height: 171px;
}

.block_003 .corp_card .corp_card_body .corp_card_list {
    margin-bottom: 4px;
}

.block_003 .corp_card .corp_img_rounded {
    top: 13rem;
    left: 2rem;
}

@media (max-width:1499px) {
    .block_003 .header_frame .title_2 {
        font-size: 3.2rem;
    }

    .block_003 .header_frame .title_4 {
        font-size: 2rem;
    }

}

@media (max-width:1189px) {
    .block_003 .corp_card .corp_img {
        height: 140px;
    }

    .block_003 .corp_card .corp_img_rounded {
        top: 9rem;
    }

    .block_003 .corp_card .corp_card_body {
        padding: 3rem 2rem 2rem 2rem;
    }

    .block_003 .corp_card .corp_card_body .title_5 {
        font-size: 2rem;
    }

    .block_003 .corp_card .corp_card_body .body_2 {
        font-size: 1.6rem;
        margin-bottom: 16px;
    }

}

@media (max-width:810px) {
    .block_003 .corp_card .corp_img {
        height: 163px;
    }

    .block_003 .corp_card .corp_img_rounded {
        top: 11.3rem;
    }

    .block_003 .btn_frame {
        margin-top: 4px;
    }

}

@media (max-width:550px) {
    .block_003 .header_frame .title_2 {
        font-size: 2.6rem;
    }

    .block_003 .header_frame .title_4 {
        font-size: 1.8rem;
    }

    .block_003 .corp_card .corp_card_body .title_5 {
        font-size: 1.7rem;
    }

    .block_003 .corp_card .corp_img {
        height: 180px;
    }

    .block_003 .corp_card .corp_img_rounded {
        width: 7rem;
        height: 7rem;
        top: 13.3rem;
    }

    .block_003 .corp_card .corp_card_body {
        padding: 3rem 1.5rem 2rem 1.5rem;
    }

    .block_003 .corp_card {
        margin-bottom: 20px;
    }

}

/* end block_003 */

/* block_010 5種身份職缺*/
.block_010 {
    padding-top: 45px;
    background-color: #F6F8F8;
}

.block_010 .header_frame .fTitle {
    font-size: 3.6rem;
    font-weight: 400;
}

.block_010 .header_frame .title_4 {
    color: #575757;
}

.block_010 .c_gutters, .block_010 .c_gutters [class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.block_010 .c_cards {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}

.block_010 .c_cards .c_card [class^="col-"] {
    display: flex;
    flex-direction: column;
}

.block_010 .c_cards .c_card {

    /* width: 49%; */
    width: 97%;
    background: #fff;
    margin-bottom: 16px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);    /* height: 125px; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;    /* padding: 8px; */
    padding: 12px;
    font-size: 1.6rem;
}

.block_010 .c_cards .c_card .c_card_fTitle {
    font-size: 2rem;
    margin-bottom: 20px;
}

.block_010 .c_cards .c_card .c_card_fTitle:hover, .block_010 .c_cards .c_card .c_card_subTitle:hover {
    text-decoration: underline;
}

.block_010 .c_cards .c_card .c_card_fTitle, .block_010 .c_cards .c_card .c_card_subTitle, .block_010 .c_cards .c_card .c_card_text span:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block_010 .c_cards .c_card .c_card_text span:first-child {
    white-space: nowrap;
    color: var(--grey_6);
    padding-right: 8px;
    border-right: 1px solid #CBCBCB;
}

.block_010 .c_cards .c_card .c_card_text span:last-child {
    color: var(--primary_4);
    padding-left: 8px;
}

.block_010 .c_cards .c_card .c_card_compare {
    margin-bottom: 22px;
    color: #505050;
    position: relative;
    padding-left: 32px;
}

/* .block_010 .c_cards .c_card .c_card_compare img{
width: 28px;
margin-right: 8px;
} */
.block_010 .c_cards .c_card .c_card_compare::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 28px;
    height: 28px;
    background: url(../images/icon_add_compare_1.svg) no-repeat center center;
    background-size: contain;
}

.block_010 .c_cards .c_card .c_card_compare:hover {
    color: #000;
}

.block_010 .c_cards .c_card .c_card_btn {
    color: var(--primary_5);
    padding: 4px 24px;
    background-color: var(--primary_1);
    border-radius: 33px;
}

.block_010 .c_cards .c_card .c_card_btn:hover {
    background-color: #B5DDF4;
    box-shadow: 0px 3px 6px #0000001A;
}

/* .block_010 .c_cards .c_card .c_card_btn:visited{
background-color: #A8D6F0;
} */
.block_010 .slick-dots li {
    background-color: rgba(0, 48, 103, 0.6);
    width: 9px;
    height: 9px;
    border-radius: 5px;
}

.block_010 .slick-dots li.slick-active {
    width: 19px;
    background-color: #003067;
}

.block_010 .ad_card_outer .ad_card {
    border-radius: 8px;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.block_010 .ad_card_outer .ad_card::after {
    content: "";
    display: block;
    padding-bottom: calc(100% - calc(9 / 275 * 100%));
}

.block_010 .ad_card_outer .ad_card .image {
    width: 100%;
}

.block_010 .ad_card_outer:first-child .ad_card {
    margin-bottom: 16px;
}

.block_010 .outer_slick>.slick-dots {
    top: -30px;
    height: 18px;
}

.block_010 .outer_slick.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.block_010 .ad_card_outer .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.block_010 .ad_card_outer .slick-dots {
    display: none;
}

.block_010 .ad_card_outer .slick-prev {
    width: 35px;
    height: 35px;
    left: 10px;
    z-index: 3;
    background: url(../images/icon_arrow_1_left.svg) no-repeat center center;    /*background-size: contain;*/

    /*transform: scaleX(-1);*/
    background-size: 45%;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 100%;
    opacity: 0.8;
}

.block_010 .ad_card_outer .slick-next {
    width: 35px;
    height: 35px;
    right: 10px;
    z-index: 3;
    background: url(../images/icon_arrow_1.svg) no-repeat center center;
    background-size: 45%;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 100%;
    opacity: 0.8;
}

.block_010 .content_sub_menu_frame {
    display: block;
    width: 100%;
    max-width: 100% !important;
    overflow-x: hidden;
}

.block_010 .content_sub_menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 20px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
}

.block_010 .content_sub_menu .item {
    display: inline-flex;
    height: 95px;
    min-width: calc(20% - 15px);
    border-radius: 8px;
    background-position: center center;
    font-size: 2.3rem;
    position: relative;
    cursor: pointer;
    margin: 0px 7.5px;
}

.block_010 .content_items {
    background-color: #E6EDF2;
    border-radius: 8px;
    padding: 25px 8px;
}

.block_010 .content_sub_menu .item .item_title {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;    /* text-indent: 30px; */
    padding-left: 30px;
}

.block_010 .content_sub_menu .item:hover {
    box-shadow: 0px 3px 6px #00000029;
}

.block_010 .content_sub_menu .item:hover .item_title {
    background-color: rgba(255, 255, 255, 0.15);
}

.block_010 .content_sub_menu .item.active {

    /* border: 5px solid #D1EAF8; */

    /*    outline: 5px solid #D1EAF8;
    */
}

.block_010 .content_sub_menu .item.active::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    height: 4px;
    background-color: var(--primary_3);
    border-radius: 3px;
}

.block_010 .content_item .source_section .source_group {
    background: #fff;
    border-radius: 8px;
    padding: 14px 15px;
}

.block_010 .content_item .source_section .title_6 {
    margin-bottom: 18px;
}

.block_010 .content_item .source_group .source {
    padding: 10px;
    border-radius: 6px;
    width: 100%;
}

.block_010 .content_item .source_group .source_duo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px;    /* width: 25%; */
}

.block_010 .content_item .source_group .source_duo .source:first-child {
    margin-bottom: 14px;
}

.block_010 .content_item .source_group .source_duo .source:hover {
    background-color: #E6EDF2;
}

.block_010 .content_item .source_group .source .source_img {
    width: 42px;
    -webkit-filter: drop-shadow(0px 3px 6px #00000029);
    filter: drop-shadow(0px 3px 6px #00000029);
    margin-right: 14px;
}

.block_010 .content_item .source_group .source .source_fTitle {
    font-size: 1.7rem;
}

.block_010 .content_item .source_group .source .source_subTitle {
    font-size: 1.4rem;
    color: #535353;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block_010 .content_item .content_section {
    margin-bottom: 18px;
}

.block_010 .c_card_slick .slick-prev, .block_010 .c_card_slick .slick-next {
    display: none !important;
}

.block_010 .c_card .c_card_text {
    display: flex;
}

@media (max-width:1499px) {
    .block_010 .content_sub_menu .item {
    }

}

@media (max-width:1189px) {
    .block_010 .header_frame .fTitle {
        font-size: 3.2rem;
    }

    .block_010 .header_frame .title_4 {
        font-size: 2.4rem;
    }

    .block_010 .content_sub_menu .item {
        height: 65px;
        font-size: 1.8rem;
        margin: 0px 7.5px;
        min-width: calc(20% - 15px);
    }

    .block_010 .content_sub_menu .item .item_title {
        padding-left: 12px;
    }

    /* .block_010 .content_sub_menu{
        margin-bottom: 12px;
    }
    .block_010 .content_sub_menu .item.active ::before{
        bottom: -12px;
    } */
}

@media (max-width:810px) {
    .block_010 .ad_card_outer:first-child .ad_card {
        margin-bottom: 0;
    }

    .block_010 .ad_card_outer .slick-prev, .block_010 .ad_card_outer .slick-next {
        display: none;
    }

    .block_010 .ad_card_outer {
        width: 49%;
    }

    .block_010 .ad_card_outer_frame {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .block_010 .c_card .c_card_text {
        display: flex;
    }

    .block_010 .content_sub_menu .item {
        min-width: calc(23% - 12px);
        margin: 0px 6px;
    }

}

@media (max-width:550px) {
    .block_010 .c_cards .c_card {
        padding: 16px;
    }

    .block_010 .ad_card_outer {
        width: 100%;
    }

    .block_010 .content_sub_menu .item {
        margin: 0px 5px;
        min-width: calc(37% - 12px);
    }

    .block_010 .c_cards .c_card .c_card_text span:last-child {
        padding-left: 0;
        display: block;
    }

    .block_010 .c_card .c_card_text {
        flex-direction: column;
    }

    .block_010 .c_cards .c_card .c_card_text span:first-child {
        border: none;
    }

    .block_010 .ad_card_outer_frame .ad_card_outer:last-child {
        display: none;
    }

}

@media (max-width:375px) {
    .block_010 .header_frame .fTitle {
        font-size: 2.6rem;
    }

    .block_010 .header_frame .title_4 {
        font-size: 1.8rem;
    }

}

/* end block_010 5種身份職缺*/

/* block_004 */
.block_004 {
    padding-top: 73px;
    padding-bottom: 100px;
    margin-bottom: 80px;
    background-color: var(--grey_2);
}

.block_004 .header_frame .title_4 {
    color: var(--grey_6);
}

.block_004 .corp_card {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    min-height: 160px;
        /* align-items: center; */
}

.block_004 .corp_img {
    width: 40%;
    background-position: center center;
}

.block_004 .corp_card_body {
    width: 60%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block_004 .corp_card .corp_card_body .body_2 {
    margin-bottom: 15px;
}

.block_004 .corp_card .corp_card_body .title_6 {
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.block_004 .corp_card .corp_img_rounded {
    bottom: 10px;
    left: 10px;
}

.block_004 .content_slick .slick-dots {

    /* top: 365px; */
    height: 18px;
}

.block_004 .content_slick .slick-dots li {
    background-color: rgba(0, 48, 103, 0.6);
    width: 9px;
    height: 9px;
    border-radius: 5px;
}

.block_004 .content_slick .slick-dots li.slick-active {
    width: 19px;
    background-color: #003067;
}

.block_010 .source_group .slick-prev {
    width: 35px;
    height: 35px;
    left: -10px;
    z-index: 3;
    background: url(../images/icon_arrow_1_left.svg) no-repeat center center;
    background-size: 45%;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 100%;
    opacity: 0.8;
}

.block_010 .source_group .slick-next {
    width: 35px;
    height: 35px;
    right: -10px;
    z-index: 3;
    background: url(../images/icon_arrow_1.svg) no-repeat center center;
    background-size: 45%;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 100%;
    opacity: 0.8;
}

@media (max-width:1499px) {
}

@media (max-width:1189px) {
    .block_004 .header_frame .title_2 {
        font-size: 3.2rem;
    }

    .block_004 .header_frame .title_4 {
        font-size: 2rem;
    }

    .block_004 .corp_card {
        margin-bottom: 30px;
    }

    .block_004 .corp_card .corp_img_rounded {
        width: 50px;
        height: 50px;
        bottom: 10px; 
        left: 10px;
    }

    .block_004 .corp_card .corp_card_body .corp_card_list .corp_card_list_item:last-child {
        display: none;
    }

    .block_004 .corp_card .corp_card_body .corp_card_text {
        -webkit-line-clamp: 2;
        margin-bottom: 8px;
    }

    .block_004 .corp_img {
        width: 36%;
    }

    .block_004 .corp_card_body {
        width: 64%;
        padding: 24px 15px 15px 24px;
    }

    .block_004 .corp_card .corp_card_body .title_6 {
        font-size: 1.8rem;
    }

    .block_004 .corp_card .corp_card_body .body_2 {
        font-size: 1.6rem;
        margin-bottom: 12px;
    }

    /* .block_010 .c_cards .c_card .c_card_head{
        display: flex;
        align-items: flex-start;
        justify-content: center;
    } */
}

@media (max-width:810px) {
    .block_004 .corp_img {
        width: 33%;
    }

    .block_004 .corp_card_body {
        width: 67%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;    
    }

    .block_004 .corp_card {
        margin-bottom: 25px;
    }

    .block_004 .corp_card .corp_img_rounded {
        width: 70px;
        height: 70px;
        bottom: 10px;        /* left: 145px; */
        left: 10px;
    }

    .block_004 .corp_card .corp_card_body .corp_card_list .corp_card_list_item:last-child {
        display: block;
    }

    .block_004 .corp_card .corp_card_body .corp_card_text {
        -webkit-line-clamp: 3;
        margin-bottom: 8px;
    }

}

@media (max-width:550px) {
    .block_004 .header_frame .title_2 {
        font-size: 2.6rem;
    }

    .block_004 .header_frame .title_4 {
        font-size: 1.8rem;
    }

    .block_004 .corp_card {
        margin-bottom: 20px;
    }

    .block_004 .corp_card .corp_img_rounded {
        width: 50px;
        height: 50px;
        top: 10px;        /* left: 100px; */
        left: 24%;
    }

    .block_004 .corp_card .corp_card_body .corp_card_list, .block_004 .corp_card .corp_card_body .corp_card_text {
        display: none;
    }

    .block_004 .corp_card .corp_card_btn {
        text-align: left;
    }

    .block_004 .corp_card_body {
        padding: 18px 15px 15px 23px;
    }

    .block_004 .corp_card .corp_card_body .body_2 {
        margin-bottom: 40px;
    }

}

@media (max-width:375px) {
    .block_004 .corp_card .corp_img_rounded {
        left: 34%;
    }

    .block_004 .corp_card .corp_card_body .title_6 {
        white-space: normal;
    }

    .block_004 .corp_img {
        width: 46%;
    }

    .block_004 .corp_card_body {
        width: 54%;
    }

}

/* end block_004 */

/* block_005 */
.block_005 {
    margin-bottom: 80px;
}

.block_005 .grid {
    width: 100%;
    margin: 0 auto;
}

.block_005 .grid:after {
    content: '';
    display: block;
    clear: both;
}

.block_005 .grid_item {
    width: 160px;
    height: 120px;
    float: left;
    margin-bottom: 28px;
    background-color: #D1BFE2;
    border-radius: 12px;
}

.block_005 .grid_item-width2 {
    width: 340px;
}

.block_005 .grid_item-width3 {
    width: 520px;
}

.block_005 .grid_item-height2 {
    height: 200px;
}

.block_005 .grid_item-height3 {
    height: 260px;
}

.block_005 .grid_item-height4 {
    height: 360px;
}

.block_005 .grid_item .grid_item_content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 12px;
}

.block_005 .grid_item .grid_item_content .grid_item_title {
    font-size: 1.8rem;
}

.block_005 .grid_item .grid_item_content .grid_item_text {
    font-size: 1.8rem;    /* height: 40px; */
    position: absolute;
    bottom: 15px;
}

.block_005 .grid_item .grid_item_img {
    width: 100%;
    height: 100%;
    background-position: center center;
    border-radius: 12px;
}

.block_005 .grid_item_content:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.block_005 .grid_item_content:hover .grid_item_title, .block_005 .grid_item_content:hover .grid_item_text {
    text-decoration: underline;
}

@media (max-width:1499px) {
}

@media (max-width:1189px) {
    .block_005 .header_frame .title_2 {
        font-size: 3.2rem;
    }

    .block_005 .header_frame .title_4 {
        font-size: 2rem;
    }

}

@media (max-width:810px) {
}

@media (max-width:550px) {
    .block_005 .grid_item-width3 {
        width: 340px;
    }

    .block_005 .header_frame .title_2 {
        font-size: 2.6rem;
    }

    .block_005 .header_frame .title_4 {
        font-size: 1.8rem;
    }

}

/* end block_005 */

/* block_006 */
.block_006 {
    width: 100%;
    margin-bottom: 80px;
}

.block_006 .tool_group {
    margin-bottom: 35px;
}

.block_006 .tool {
    width: 16.6%;
    padding: 26px;
    position: relative;
    border-radius: 8px;
}

.block_006 .tool .tool_img {
    width: 90px;
    display: block;
    margin: 0 auto;
}

.block_006 .tool .tool_img {
    -webkit-filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3));
}

.block_006 .tool:hover {
    background-color: #E6EDF2;
}

.block_006 .tool:hover .tool_img {
    -webkit-filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.3));
}

.block_006 .tool .tool_body {
    margin: 17px auto;
}

.block_006 .tool .tool_body .tool_title {
    font-size: 21px;
    line-height: 31px;
    text-align: center;
}

.block_006 .tool .tool_body .tool_text {
    font-size: 16px;
    line-height: 24px;
    color: #6F6F6F;
}

.block_006 .tool:hover .tool_body .tool_text {
    color: #000;
}

@media (max-width:1189px) {
    .block_006 {
        margin-bottom: 50px;
    }

}

@media (max-width:910px) {
    .block_006 .tool {
        padding: 12px;
        width: 25%;
    }

}

@media (max-width:810px) {
    .block_006 .tool {
        width: 33.33%;
        padding: 26px;
    }

}

@media (max-width:550px) {
    .block_006 .tool {
        width: 50%;
    }

}

/* end block_006 */

/* block_007 */
.block_007 {
    padding: 79px 0;
    background: linear-gradient(107deg, #03AFF0, #9438CC);
}

.block_007 .outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.block_007 .cus_col {
    width: 50%;
}

.block_007 .video_body {
    padding-left: 70px;
}

.block_007 .video_title {
    font-size: 23px;
    line-height: 34px;
    margin-bottom: 30px;
    color: #ffffff;
}

.block_007 .video_frame {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.block_007 .video_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block_007 .celeb {
    color: #ffffff;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 27px;
    border-bottom: 1px solid #CBCBCB;
    padding: 20px;
}

.block_007 .celeb .celeb_img {
    max-width: 121px;
    display: none;
    margin-right: 28px;
}

.block_007 .celeb .celeb_title {
    font-size: 20px;
    line-height: 29px;
}

.block_007 .celeb span {
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.block_007 .video_content {
    max-width: 500px;
    color: #ffffff;
}

.block_007 .video_content .video_content_title {
    font-size: 31px;
    line-height: 46px;
    margin: 0;
}

.block_007 .video_content .video_content_title:nth-child(2) {
    margin-bottom: 25px;
    color: var(--primary_3);
}

.block_007 .video_content .descripcion {
    margin-bottom: 42px;
}

@media (max-width:1499px) {
}

@media (max-width:1189px) {
    .block_007 .video_body {
        padding-left: 6%;
        padding-top: 60px;
    }

    .block_007 .video_content .video_content_title {
        font-size: 28px;
        line-height: 41px;
    }

    .block_007 .video_content .descripcion {
        margin-bottom: 27px;
    }

}

@media (max-width:980px) {
    .block_007 .cus_col {
        width: 74%;
        margin: 0 auto;
    }

    .block_007 .video_body {
        padding-left: 0;
    }

    .block_007 .video_body {
        padding-top: 36px;
    }

}

@media (max-width:810px) {
    .block_007 {
        padding: 50px 5%;
    }

    .block_007 .celeb {
        margin-bottom: 35px;
    }

    .block_007 .video_title {
        font-size: 20px;
        line-height: 29px;
    }

    .block_007 .video_content .video_content_title {
        font-size: 26px;
        line-height: 38px;
    }

    .block_007 .video_content .descripcion {
        margin-bottom: 34px;
    }

}

@media (max-width:550px) {
    .block_007 .cus_col {
        width: 100%;
        margin: 0 auto;
    }

    .block_007 .video_content .video_content_title:nth-child(2) {
        margin-bottom: 20px;
    }

    .block_007 .video_content .descripcion {
        font-size: 15px;
        line-height: 22px;
    }

}

@media (max-width:320px) {
    .block_007 .celeb .celeb_img {
        margin-right: 8px;
    }

}

/* end block_007 */

/* block_008 */
.block_008 {
    background-color: var(--grey_2);
    padding: 133px 0;    /* margin-bottom: 80px; */
    margin-bottom: 227px;
}

.block_008 .app_icon_frame {
    width: 80px;
}

.block_008 .app_img {
    height: 342px;
    margin: 0 auto;
    border-radius: 16px;    /* max-width: 540px; */
}

.block_008 .app_icon, .block_008 .app_btn_frame .app_code, .block_008 .app_btn_frame .app_btn {
    width: 100%;
}

.block_008 .app_btn_frame .app_btn {
    display: block;
    background-color: #000;
    border-radius: 50px;
    padding: 0 32px;
}

.block_008 .app_btn_frame {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: nowrap;
}

.block_008 .app_btn_frame .app_code {
    margin-bottom: 8px;
}

.block_008 .app_text_frame .app_title {
    font-size: 38px;
    line-height: 56px;
    margin-bottom: 8px;
}

.block_008 .app_text_frame {
    margin-bottom: 60px;
}

.block_008 .app_btn_frame .app_btns a:first-child {
    margin-bottom: 16px;
}

.block_008 .app_btn_frame .app_code_frame {
    width: 108px;
    margin-right: 30px;
}

.block_008 .app_btn_frame .app_btns {
    width: 180px;
}

@media (max-width:1499px) {
}

@media (max-width:1189px) {
    .block_008 {
        padding: 60px 0;
    }

    .block_008 .app_img {
        border-radius: 8px;
        height: 260px;        /* max-width: 411px; */
    }

    .block_008 .app_btn_frame .app_code {
        width: 100%;
    }

    .block_008 .app_text_frame .app_title {
        font-size: 32px;
        line-height: 47px;
    }

}

@media (max-width:810px) {
    .block_008 .app_img {
        height: 355px;        /* width: 100%; */
    }

    .block_008 .app_img_frame {
        margin-bottom: 32px;
    }

    .block_008 .app_btn_frame .app_code_frame {
        display: none;
    }

    .block_008 .app_text_frame {
        margin-bottom: 30px;
    }

}

@media (max-width:550px) {
    .block_008 .app_text_frame .app_title {
        font-size: 26px;
        line-height: 38px;
    }

    .block_008 .app_img {
        height: 208px;
    }

}

/* end block_008 */

/* block_009 */
.block_009 {
    position: relative;
    margin-bottom: 80px;
}

.block_009 .news_header {
    width: 100%;
    position: absolute;
    top: -147px;
    left: 50%;
    transform: translateX(-50%);
}

.block_009 .news_header .fTitle {
    line-height: 1.5;
}

.block_009 .sticky_frame {

    /* margin-top: -147px; */

    /* top: 126px; */
    position: sticky;
    position: -webkit-sticky;
    top: 273px;
}

.block_009 .content_slick .sticky_img {
    height: 348px;
    border-radius: 8px;
    margin-bottom: 50px;
    background-position: center center;
}

.block_009 .content_slick .slick-dots {
    top: 365px;
    height: 18px;
}

.block_009 .content_slick .slick-dots li {
    background-color: rgba(0, 48, 103, 0.6);
    width: 9px;
    height: 9px;
    border-radius: 5px;
}

.block_009 .content_slick .slick-dots li.slick-active {
    width: 19px;
    background-color: #003067;
}

.block_009 .content_slick .title_4 {
    margin-bottom: 8px;
    line-height: 38px;
}

.block_009 .content_slick .body_2 {
    color: #3C3C3C;
    line-height: 25px;
}

.block_009 .news_cards {
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
}

.block_009 .news_card .news_card_img {
    border-radius: 8px;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.block_009 .news_card .news_card_img::after {
    content: "";
    display: block;
    padding-bottom: calc(100% - calc(107 / 272 * 100%));
}

.block_009 .news_card .news_card_text {
    font-size: 20px;
    line-height: 29px;
    margin-top: 8px;
}

.block_009 .news_card {
    margin-bottom: 40px;
    position: relative;
}

.block_009 .news_card .image {
    width: 100%;
    border-radius: 8px;
    background-position: center center;
    -webkit-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
}

.block_009 .news_cards .news_card:hover .news_card_img .image {
    transform: scale(1.1);
}

@media (max-width:1499px) {
}

@media (max-width:1189px) {
    .block_009 .news_header .fTitle {
        font-size: 3.2rem;
    }

    .block_009 .content_slick .title_4 {
        font-size: 2.3rem;
    }

    .block_009 .content_slick .body_2 {
        font-size: 1.6rem;
    }

    .block_009 .news_card .news_card_text {
        font-size: 1.7rem;
    }

    .block_009 .content_slick .sticky_img {
        height: 265px;
    }

    .block_009 .content_slick .slick-dots {
        top: 282px;
    }

}

@media (max-width:810px) {
    .block_009 .sticky_frame {
        position: relative;
        top: 0;
    }

    .block_009 .content_slick .slick-dots {
        top: 360px;
    }

    .block_009 .news_header .fTitle {
        font-size: 2.6rem;
        text-align: center;
    }

    .block_009 .content_slick .title_4 {
        font-size: 2.2rem;
    }

    .block_009 .content_slick .sticky_img {
        height: 340px;
    }

    .block_009 .news_header {
        top: -137px;
    }

}

@media (max-width:550px) {
    .block_009 .content_slick .sticky_img {
        height: 265px;
    }

    .block_009 .content_slick .slick-dots {
        top: 285px;
    }

}

@media (max-width:375px) {
    .block_009 .content_slick .sticky_img {
        height: 200px;
    }

    .block_009 .content_slick .slick-dots {
        top: 220px;
    }

    .block_009 .news_card {
        margin-bottom: 25px;
    }

}

/* end block_009 */

/* block_011 */
.block_011 {
    margin-bottom: 50px;
}

.block_011 .progress_section {
    background-color: #F4F6F7;
    padding-top: 34px;
    padding-bottom: 32px;
    border-radius: 8px;
}

.block_011 .progress_section .progress_info {
    margin-left: 25px;
    width: 360px;
}

.block_011 .progress_section .progress_info .title_7 {
    margin-bottom: 17px;
}

.block_011 .progress_section .progress_info .progress_info_link {
    color: var(--primary_4);
    text-decoration: underline;
    font-size: 1.8rem;
}

.block_011 .progress_section .progress_info .progress_info_list {
    padding-left: 25px;
    margin-bottom: 17px;
}
.block_011 .progress_section .progress_info ul.progress_info_list li {
    font-size: 1.8rem;
    list-style: disc;
}

.block_011 .progress_section .progress_info .progress_info_link img {
    width: 16px;
    margin-right: 8px;
    vertical-align: baseline;
}

.progress_rate .circlechart {
    position: relative;
}

.progress_rate .birth_img {
    width: 95px;
    height: 95px;
    margin-right: 10px;
    -webkit-mask: url(/Content2/Images/icon_birthday.svg) no-repeat center center;
    mask: url(/Content2/Images/icon_birthday.svg) no-repeat center center;
    background-image: linear-gradient(130deg, #03aff0 0%, #9438cc 100%);
}

.block_011 .progress_rate .circlechart::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/icon_resume.svg) no-repeat center center;
    background-size: contain;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.circle-chart {

    /* width: 100%; */
    width: 105px;
}

.circle-chart__circle {
    stroke: #04AFF0;
    stroke-width: 5;
    stroke-linecap: square;
    fill: none;
    animation: circle-chart-fill 2s reverse;
    transform: rotate(-90deg);
    transform-origin: center;
}

.circle-chart__background {
    stroke: #E2E2E2;
    stroke-width: 5;
    fill: #fff;
}

.circle-chart__percent {
    alignment-baseline: central;
    text-anchor: middle;
    font-size: 8px;
    font-weight: bold;
    fill: #000;
}

.block_011 .success-stroke {
    stroke: #04AFF0;
}
.analysis_items .progress_rate{
    margin-right: 25px;
}
.analysis_items .circle-chart .circle-chart__percent{
    x: 25;
    y: 25;
}
@media (max-width:1499px) {
}

@media (max-width:1189px) {
    .block_011 {
        margin-bottom: 45px;
    }

}

@media (max-width:810px) {
    .block_011 {
        margin-bottom: 35px;
    }

}

@media (max-width:550px) {
    .block_011 .circle-chart {
        width: 57px;
    }

    .block_011 .progress_section .progress_rate .circlechart::before {
        display: none;
    }

    .block_011 .circle-chart__percent {
        alignment-baseline: auto;
        font-size: 1rem;
    }

    .block_011 .progress_section .progress_info {

        /* max-width: 314px; */
        max-width: 60%;
        margin-left: 14px;
    }

    .block_011 .progress_section .progress_info .title_6, .block_011 .progress_section .progress_info .title_7 {
        font-size: 1.7rem;
    }

    .progress_rate .birth_img {
        width: 55px;
        height: 55px;
        margin-right: 2px;
    }

}

/* end block_011 */

/* block_012 */
.block_012 {
    /* margin-bottom: 112px; */
    background: #F6F8F8;
    padding: 50px 0;
}

.block_012 .fTitle {
    font-size: 3.6rem;
    font-weight: 400;
    margin-bottom: 26px;
    text-align: center;
}

.block_012 .box_card {
    padding: 2rem;
    font-size: 1.6rem;
    margin: 0 1.5rem 1.5rem 1.5rem;
    border-radius: 0.8rem;
    -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
    background-color: var(--grey_1);
    min-height: 48.3rem;
}

.block_012 .box_card:hover {
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.block_012 .box_card_head {
    text-align: center;
    position: relative;
    padding: 0 0 1.2rem 0;
    margin: 0 0 0.5rem 0;
}

.block_012 .box_card_head .title_6 {
    font-weight: 500;
}

.block_012 .box_card_head .title_6::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 6rem;
    height: 0.2rem;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
    background-color: var(--primary_3);
}

.block_012 .box_card_item {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0;
}

.block_012 .box_card_item+.box_card_item {
    border-top: #e2e2e2 solid 1px;
}

.block_012 .box_card_item a:hover {
    text-decoration: underline;
}

.block_012 .box_card_item .box_card_fTitle {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block_012 .box_card_item .box_card_subTitle {
    width: 55%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--grey_6);
}

.block_012 .box_card_item .box_card_text {
    width: 45%;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--primary_4);
    padding: 0 0 0 1rem;
}

.block_012 .box_card_other {
    padding: 0;
}

.block_012 .box_card_other .box_card_head {
    margin: 0;
    padding: 2rem 2rem 1.5rem 2rem;
}

.block_012 .box_card_other .title_6::after {
    display: none; 
}

.block_012 .card_head_title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0.8rem 0;
}

.block_012 .card_head_title .title_6 {
    margin: 0 0 0 0.8rem;
}

.block_012 .card_head_text {
    font-size: 1.8rem;
    color: #6f6f6f;
    text-align: left;
    display: flex;
    justify-content: center;
}

.block_012 .box_card_other .box_card_body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block_012 .box_card_other .card_img_md {
    margin: 0 0 2.5rem 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.block_012 .card_btn_group .btn_gradient {
    width: 16rem;
    text-align: center;
    padding: 1rem 3.3rem;
}


/* .block_012 .box {
    padding: 23px 28px 21px;
    font-size: 1.5rem;
    margin: 10px;
    border-radius: 9px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.102);
    min-height: 195px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    position: relative;
}

.block_012 .box:hover {
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.block_012 .box_head {
    margin-bottom: 23px;
    position: relative;
}

.block_012 .box_body {
    position: relative;
    padding-right: 15px;
}

.block_012 .box_body::after {
    content: "";
    position: absolute;
    width: 27px;
    height: 32px;
    background: url(../images/icon_happy_badge_1_small.png) no-repeat center center;
    background-size: contain;
    top: 0;
    right: -15px;
}

.block_012 .box_body .description {
    margin-bottom: 0;
}

.block_012 .box_head .body_2 {
    color: var(--primary_4);
}

.block_012 .box_body .box_body_title, .block_012 .box_body .box_body_text {
    line-height: 1.5;
    margin-bottom: 0;
}

.block_012 .box_body .box_body_text {
    color: var(--grey_6);
}

.block_012 .box_head:hover .title_6, .block_012 .box_body:hover .box_body_title {
    text-decoration: underline;
}

.block_012 .box_head .title_6, .block_012 .box_head .body_2, .block_012 .box_body .box_body_title, .block_012 .box_body .box_body_text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block_012 .box_slick .slick-dots {
    bottom: -40px;
}

.block_012 .box .body_3 {
    text-align: center;
}

.block_012 .box .box_btn {
    font-size: 1.8rem;
    color: var(--primary_4);
    text-align: center;
}

.block_012 .box:hover .box_btn .btn_img {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.block_012 .box .box_btn .btn_img {
    display: inline-block;
    width: 12px;
    margin: 0px 0px 4px 4px;
} */

@media (max-width:1499px) {
}

@media (max-width:1189px) {
    .block_012 .fTitle {
        font-size: 3.2rem;
    }

}

@media (max-width:810px) {
    .block_012 .box_head .title_6 {
        font-size: 1.7rem;
    }

    .block_012 .box_head .body_2 {
        font-size: 1.6rem;
    }

    .block_012 .box {
        font-size: 1.4rem;
        padding: 16px;
    }

    .block_012 .box_head {
        margin-bottom: 12px;
    }

    .block_012 .box_body::after {
        top: auto;
        right: 0;
        bottom: -22px;
    }

}

@media (max-width:550px) {
    .block_012 .fTitle {
        font-size: 2.6rem;
    }

}

/* end block_012 */

/* ================================
 * search All CSS
 * ================================
*/


.job_benefits_items .color_grey_7 {
    min-width: 80px;
}
.description_info .job_benefits_items{
    margin-bottom: 20px;
    word-break: break-word;
}
.color_grey_7 {
    color: var(--grey_7)
}

.item_icon {
    width: 23px;
    height: 23px;
    display: inline-block;
    cursor: pointer
}

.item_icon img {
    width: 100%
}

.item_icon.item_icon_fire {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

.item_icon.item_icon_motocycle {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    margin-right: 6px
}

.item_icon.item_icon_setting {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    margin-right: 6px;
    background: url("../images/icon_pick_2_small.svg")
}

.item_icon.icon_add {
    margin-right: 15px
}

.item_icon.icon_custom_select {
    width: 11px;
    height: 19px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    margin-left: 8px
}

.item_icon.icon_custom_select .icon_custom_select_up, .item_icon.icon_custom_select .icon_custom_select_down {
    width: 11px;
    height: 7px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: block
}

.item_icon.icon_custom_select .icon_custom_select_up {
    background: url("../images/icon_arrow_3_up.svg")
}

.item_icon.icon_custom_select .icon_custom_select_down {
    background: url("../images/icon_arrow_3_down.svg");
    margin-top: 5px
}

.item_icon.icon_love_add {
    background: url("../images/icon_love_2_small.svg")
}

.item_icon.icon_love_add.active {
    background: url("../images/icon_love_2_small_add.svg")
}

.item_icon.icon_add_compare {
    background: url("../images/icon_add_compare_2_add.svg")
}

.item_icon.icon_add_compare.active {
    background: url("../images/icon_add_compare_2.svg")
}

.badge-normal {
    padding: .5rem .6rem;
    font-size: 1.4rem;
    border-radius: 6px;
    margin-right: .2rem;
    font-weight: 300;
}

.badge-normal.badge-urgent {
    background-color: #f55858;
    color: #fff
}

.badge-normal.badge-day {
    background-color: #c5e5f2;
    color: #1c88bf
}

.badge-normal.badge-practice {
    background-color: #fce9ad;
    color: #aa850f
}
.badge-normal.badge-feedback{
    background-color: #df3261;
    color: #ffffff;
}
.badge-normal.badge-company {
    background-color: #dbd3f0;
    color: #725db1
}

.badge-normal.badge-chosen {
    background-color: #f2d1d6;
    color: #c63d34
}

.badge-normal.badge-research {
    background-color: #d0f2c8;
    color: #42894f
}

.icon_happy_badge {
    width: 30px;
    height: 35px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url("../images/icon_happy_badge_3_large.png");
    overflow: hidden
}

.icon_happy_badge img {
    width: 100%
}

.item-thumb {
    position: relative
}

.item-thumb::before {
    content: "";
    width: 30px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    left: -12px;
    top: calc(50% - 17.5px);
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url("../images/icon_happy_badge_3_large.png")
}

.item-thumb span {
    width: 74px;
    height: 24px;
    background: #f7def0 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    color: #d33773;
    padding: 3px 6px 4px 14px;
    box-sizing: border-box;
    font-size: 1.4rem
}

.checkbox_items input {
    margin: .6rem .7rem 0 0;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox_items input:checked~.checkmark {
    background-color: var(--primary_4) !important;
    box-shadow: none;
    border: transparent;
    border: 1px solid var(--primary_4) !important
}

.checkbox_items input:checked~.checkmark:after {
    display: block
}

.checkbox_items .checkmark {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 3px;
    left: 0;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    box-shadow: 1px 1px 3px #00000024 inset;
    border-radius: 5px
}

.checkbox_items .checkmark:after {
    content: "";
    width: .5rem;
    height: 1rem;
    position: absolute;
    left: 7px;
    top: 3px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none
}

.switch {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 4.4rem;
    height: 2.2rem
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch input:checked+.slider {
    background-color: #04aff0
}

.switch input:checked+.slider::before {
    transform: translateX(2.2rem)
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #04aff0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbcbcb;
    transition: .4s
}

.slider::before {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.carousel-group {
    list-style: none;
    padding: 0;
    margin-top: 2rem
}

.carousel-group .carousel-items {
    width: 9px;
    height: 9px;
    background: #003067;
    opacity: .5;
    border-radius: 50px;
    margin: 0 .5rem
}

.carousel-group .carousel-items.active {
    width: 19px;
    opacity: 1
}

.page_navigation {
    margin: 45px auto 50px;
    text-align: center
}

.page_navigation .page-item {
    font-family: "Prompt";
    font-size: 1.6rem
}

.page_navigation .page-item .page_loading {
    position: relative
}

.page_navigation .page-item .page_loading::before {
    content: "";
    width: 26px;
    height: 26px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background: url("../images/loading_1.png");
    position: absolute;
    left: -36px;
    top: calc(50% - 13px)
}

.side_item {
    width: 231px;
    border-radius: 8px;
    margin-left: 40px;
    margin-top: 100px;
}

.side_item .item-image {
    height: 139px;
    overflow: hidden
}
.side_item .job_title{
    font-size: 1.8rem;
    color: #000;
}
.side_item .job_comapny_name{
    font-size: 1.4rem;
    color: #666;    
}
.side_item .item-image img, .side_job_item .corp_image img {
    width: 100%
}
.side_job_item .corp_image{
    max-height: 230px;
    overflow: hidden
}
.side_item .side_item_tool a {
    display: block
}

.side_item .side_item_tool .title, .side_job_item .title {
    font-size: 1.8rem;
    margin-bottom: 15px;
    margin-top: 15px;
}

.side_item .side_item_tool .item-image {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    margin-right: 10px
}

.side_item .side_item_tool .item-image img {
    width: 100%;
    height: 100%
}

.side_item .side_item_tool .tool_group {
    margin-bottom: 28px
}

.side_item .side_item_tool .tool_group:hover .card-text, .side_item .side_item_tool .tool_group:hover .card-title {
    color: var(--primary_4)
}

.side_item .side_item_tool .tool_group_info .card-text {
    color: #505050
}

.side_item .side_item_online_cv {
    margin-bottom: 3rem;
    border-radius: 8px;
    overflow: hidden
}
.side_job_item .side_item_online_cv{
    background-color: #f0f4f7;
    margin-bottom: 3rem;
    border-radius: 8px;
    overflow: hidden
}
.side_item .side_item_online_cv .card-body {
    padding: 2rem 2.8rem;
    box-sizing: border-box
}

.side_item .side_item_online_cv .online_cv_btn {
    width: 178px;
    height: 30px
} 

@media(max-width:1189px) {
    .side_item {
        display: none
    }

}

.keyword_region {
    background: #fff;
    padding: 15px 0;
    padding-bottom: 30px
}

.keyword_region .keyword_inner {
    display: flex
}

.keyword_region .UI_icon_filter {
    width: 2.3rem;
    height: 2.3rem;
    margin-right: .5rem
}

.keyword_region.sticky-top {
    top: 60px;
    z-index: 3
}

.keyword_region .selected_number {
    display: none
}

.keyword_region .keyword_wrapper {
    padding-left: 3rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.keyword_region .keyword_list {
    align-items: start;
    margin-bottom: 1.7rem
}

.keyword_region .keyword_list a {
    color: #505050
}

.keyword_region .keyword_list a:hover {
    color: var(--primary_4)
}

.keyword_region .keyword_list .keyword_item:last-child .punctuation {
    display: none
}

.keyword_region .selected_list_text {
    color: #505050;
    margin-right: 1.6rem
}

.keyword_region .view_group a, .keyword_region .job_list_view_mode a {
    padding: 0 !important
}

.keyword_region .keyword_selected_list a {
    background: #fff;
    padding: .4rem 3.5rem .4rem 2rem;
    margin-right: 7px;
    position: relative;
    display: inline-flex;
}

.keyword_region .keyword_selected_list a .icon_close {
    position: absolute;
    right: 12px;
    top: calc(50% - 8px);
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../images/icon_btn_delete.svg")
}

.keyword_region .keyword_selected_list .keyword_selected_remove {
    color: #505050;
    cursor: pointer
}

.keyword_region .job_list_view_mode .notification-topbar-button {
    margin-right: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    cursor: pointer
}

.keyword_region .job_list_view_mode .notification-topbar-button::after {
    content: "";
    width: .1rem;
    height: 2.6rem;
    position: absolute;
    right: 0;
    background: #e2e2e2
}

.keyword_region .job_list_view_mode .notification-topbar-button:hover .icon_notification, .keyword_region .job_list_view_mode .notification-topbar-button:hover span {
    color: var(--primary_4)
}

.keyword_region .job_list_view_mode .notification-topbar-button:hover .icon_notification {
    background-image: url("../images/icon_add_bell.svg")
}

.keyword_region .job_list_view_mode .icon_notification {
    width: 2.3rem;
    height: 2.3rem;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: inline-block;
    margin-right: .5rem;
    background-image: url("../images/icon_add_bell.svg")
}

.keyword_region .job_list_view_mode span {
    color: #505050;
    letter-spacing: .3px
}

.keyword_region .keyword_selected_icon_arrow {
    background-image: url("../images/icon_arrow_2.svg");
    width: 1.3rem;
    height: 1.3rem;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: none
}

.keyword_region .view_group .icon_view {
    width: 1.8rem;
    height: 1.8rem;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center;
    display: inline-block;
    margin-left: 1.3rem;
    cursor: pointer;
    opacity: .2
}

.keyword_region .view_group .icon_view.active {
    opacity: 1
}

.keyword_region .view_group .icon_view.icon_view_two {
    background-image: url("../images/icon_view_two.svg")
}

.keyword_region .view_group .icon_view.icon_view_card {
    background-image: url("../images/icon_view_card.svg")
}

.keyword_region .view_group .icon_view.icon_view_list {
    background-image: url("../images/icon_view_list.svg")
}

.data_nav {
    margin-bottom: 12px;
    padding: 0 12px
}

.data_nav .job_count {
    font-size: 2.2rem;
    font-family: Prompt
}

.data_nav .job_count span {
    font-size: 1.4rem;
    padding-left: .8rem
}

.data_nav .data_nav_dropdown_toggle_group {
    color: #505050
}

.data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item {
    margin-left: 2.2rem;
    position: relative;
    background: transparent;
    padding: 3px 30px 3px 10px;
    border-radius: 25px
}

.data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item::after {
    content: "";
    width: 13px;
    height: 13px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background: url("../images/icon_arrow_2.svg");
    display: inline-block;
    margin-left: .3rem;
    vertical-align: middle;
    position: absolute;
    right: 9px;
    top: calc(50% - 6.5px);
    opacity: .4
}

.data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item:hover, .data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item.active {
    background: #d6e3ea
}

.data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item:hover a, .data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item.active a {
    color: #000
}

.data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item:hover::after, .data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item.active::after {
    opacity: 1
}

.data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item.active::after {
    transform: rotate(180deg)
}

/*隱藏檢視*/
.view_group *{
    display: none !important;
}
@media(max-width:1189px) {
    .keyword_region {
        padding-bottom: 2rem
    }

    .keyword_region .keyword_selected_icon_arrow {
        display: inline-block !important
    }

    .keyword_region .selected_list_text {
        margin-right: 0
    }

    .keyword_region .selected_number {
        margin: 0 1rem;
        display: block
    }

    .icon_view_two, .keyword_selected_remove {
        display: none !important
    }

}

@media(max-width:960px) {
    .keyword_region.sticky-top {
        top: 60px
    }

}

@media(max-width:810px) {
    .keyword_region {
        padding-bottom: 12px
    }

    .keyword_region.sticky-top {
        top: 115px
    }

    .keyword_region .keyword_selected_items_group {
        display: none
    }

    .keyword_region .view_group .view_group_text {
        display: none
    }

    .keyword_region .icon_view {
        margin: 0 !important
    }

    .keyword_region .icon_view:last-child {
        margin-left: .9rem !important
    }

    .data_nav {
        padding: 0
    }

}

@media(max-width:550px) {
    .keyword_region {
        padding: 1rem 0
    }

    .keyword_region.sticky-top {
        top: 100px
    }

    .keyword_region .keyword_list {
        margin-bottom: .8rem
    }

    .keyword_region .keyword_selected_list {
        padding-top: 1rem
    }

    .keyword_region .job_list_view_mode .notification_text {
        display: none
    }

    .keyword_region .job_list_view_mode .notification-topbar-button {
        margin-right: 1rem;
        padding-right: 1rem
    }

    .keyword_region .job_list_view_mode .notification-topbar-button .icon_notification {
        margin-right: 0
    }

    .keyword_region .job_list_view_mode .UI_icon_filter {
        display: none
    }

    .keyword_selected_list {
        border-top: 1px solid #e2e2e2
    }

    .data_nav {
        white-space: nowrap
    }

    .data_nav .job_count {
        font-size: 1.8rem
    }

    .data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item {
        margin-left: 2.1rem !important;
        padding: 3px 22px 3px 6px
    }

    .data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item::after {
        width: 1.1rem;
        height: 1.1rem;
        right: 7px;
        top: calc(50% - 5px)
    }

}

@media(max-width:375px) {
    .data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item {
        margin-left: 1rem !important;
        font-size: 1.3rem !important
    }

    .data_nav .data_nav_dropdown_toggle_group .dropdown_toggle_item .toggle_icon {
        margin-left: .2rem
    }

    .keyword_wrapper {
        height: 72px;
        overflow: hidden
    }

}

.article_footer {
    width: 100%;
    height: 61px;
    background: #fff;
    position: fixed;
    bottom: 0;
    box-shadow: 0 -3px 6px #00000014;
    z-index: 10
}

.article_footer .footer_items_group {
    display: flex;
    align-items: center;
    height: 61px;
    justify-content: center
}

.article_footer .footer_items_group .footer_items {
    margin-right: 40px;
    font-size: 1.6rem
}

.article_footer .footer_items_group .footer_items .items_icon i {
    width: 2rem;
    height: 2rem
}

.article_footer .footer_items_group .footer_items .UI_icon_print, .article_footer .footer_items_group .footer_items .UI_icon_share2 {
    opacity: .6
}

.article_footer .footer_items_group .footer_items span {
    white-space: nowrap
}

.article_footer .footer_items_group .footer_items .applicants_btn {
    border: 0;
    font-size: 1.6rem;
    width: 147px;
    height: 38px
}

.article_footer .dropdown_share {
    left: 82% !important
}

@media(max-width:1189px) {
    .article_footer .footer_items_group {
        padding-left: 55px
    }

}

@media(max-width:810px) {
    .article_footer .footer_items_group {
        padding-left: 35px
    }

}

@media(max-width:680px) {
    .article_footer .footer_items_group .footer_items {
        margin-right: 2.2rem
    }

    .article_footer .footer_items_group .footer_items .applicants_btn {
        width: 110px
    }

    .article_footer .dropdown_share {
        left: 100px !important
    }

    .article_footer .dropdown_share::after {
        left: 15%
    }

}

@media(max-width:550px) {
    .article_footer .footer_items_group {
        justify-content: space-between
    }

    .article_footer .footer_items_group .footer_items .items_txt {
        display: none
    }

    .article_footer .footer_items_group .footer_items .items_icon i {
        width: 2.4rem;
        height: 2.4rem
    }
    .article_footer {
        bottom: 62px;
    }
}

.ui_modal {
    border-radius: 16px;
    position: relative;
    padding: 5rem 5rem 2.8rem 3rem !important
}

.ui_modal:hover {
    box-shadow: 0px 2px 5px 0, 0, 0, .12
}

.ui_modal .btn_close {
    padding: .7rem 0rem;
    width: 106px
}

.ui_modal .card_mail a:hover {
    color: #0988cb !important
}

.ui_modal .btn_select_ground.btn_select_lg .btn_select_lg_input {
    padding: .6rem 3.2rem
}

.ui_modal .btn_select_ground .btn_select .btn_select_lg_label {
    background: #fff;
    width: 146px;
    padding: .6rem 3.2rem;
    text-align: center;
    white-space: nowrap
}

.ui_modal .btn_select_ground .btn_select:hover .btn_select_lg_label {
    box-shadow: none
}

.ui_modal .UI_form .UI_form_label {
    white-space: nowrap;
    margin-right: 13px
}

.ui_modal .ui_setting_dropdown {
    margin-bottom: 8px;
    position: relative;
    padding-left: 3.9rem !important;
    font-size: 1.6rem;
    border: 1px solid #cbcbcb;
    border-radius: 6px;
    padding: 1rem 1.2rem;
    transition: .4s
}

.ui_modal .ui_setting_dropdown:hover {
    background: #f4f6f7;
    cursor: pointer
}

.ui_modal .ui_setting_dropdown.active .show_info {
    display: block
}

.ui_modal .ui_setting_dropdown.active .UI_icon_down_gray {
    transform: rotate(180deg)
}

.ui_modal .ui_setting_dropdown .show_info {
    display: none;
    margin-top: 10px;
    transition: .4s
}

.ui_modal .ui_setting_dropdown .checkbox_items .checkmark {
    top: calc(50% - 1rem);
    left: -29px
}

.ui_modal .ui_setting_dropdown p {
    color: #9a9a9a;
    padding-left: 11px
}

.ui_modal .ui_setting_dropdown .items_text {
    margin-right: 1.3rem;
    position: relative
}

.ui_modal .ui_setting_dropdown .items_text::before {
    content: "";
    width: 1px;
    height: 27px;
    background: #cbcbcb;
    position: absolute;
    right: -13px
}

.ui_modal .UI_icon_close {
    position: absolute;
    right: 15px;
    top: 15px
}

.ui_modal .ui_card_info {
    padding: 2rem 2rem 3rem !important;
    letter-spacing: .3px
}

.ui_modal .ui_card_setting {
    background: #f4f6f7;
    padding: 3rem 3.4rem;
    margin: 2.5rem 0 0 0;
    border-radius: 8px
}

.ui_card_big {
    width: 780px
}

.ui_card_big .ui_card_info {
    padding: 2rem 2rem 2rem !important
}

.ui_card_selected {
    width: 336px;
    padding: 2.8rem 3.5rem 2.8rem 2.6rem;
    box-sizing: border-box
}

.ui_card_selected:hover {
    box-shadow: 0px 2px 5px 0, 0, 0, .12
}

.ui_card_selected .ui_card_info {
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e2e2;
    display: block
}

.ui_card_selected .ui_card_info:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0
}

.ui_card_selected_trans .ui_card_info .form-check {
    margin-bottom: 1.5rem
}

.ui_card_selected_trans .ui_card_info .form-check:nth-child(odd) {
    padding-right: 4rem
}

.ui_card_selected_trans .ui_card_info .form-check .checkbox_items .checkmark {
    background-color: #ededed
}

.ui_card_selected_trans .ui_card_info .form-check .checkbox_items input:checked~.checkmark {
    background-color: var(--primary_4)
}

.ui_card_selected_trans .info_trans_tool .trans_tool_items {
    width: 8.4rem;
    height: 8.5rem;
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    white-space: nowrap;
    text-align: center;
    padding: 2rem 1rem;
    box-sizing: border-box;
    transition: .4s
}

.ui_card_selected_trans .info_trans_tool .trans_tool_items:nth-child(2) {
    margin: 0 8px
}

.ui_card_selected_trans .info_trans_tool .trans_tool_items:hover {
    box-shadow: 0 2px 5px #9a9a9a
}

.ui_card_selected_trans .info_trans_tool .trans_tool_items.active {
    border: .15rem solid var(--primary_4);
    padding: .5rem 1rem
}

.ui_card_selected_trans .info_trans_tool .trans_tool_items.active .UI_icon_check {
    display: block
}

.ui_card_selected_trans .info_trans_tool .trans_tool_items .UI_icon_check {
    margin: 0 auto 5px;
    display: none
}

.ui_card_selected_trans .info_trans_tool .UI_icon {
    width: 2rem;
    height: 2rem
}

.ui_card_selected_filter .ui_card_info {
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.ui_card_selected_filter .ui_card_info .checkbox_items .checkmark {
    top: .8rem;
    left: .5rem;
    background: #ededed;
    box-shadow: 1px 1px 5px #0000001a inset;
    border: 1px solid #0000001a
}

.ui_card_selected_filter .ui_card_info .form-check {
    margin-bottom: 1rem;
    padding: .5rem .5rem .5rem 1rem;
    border-radius: 6px
}

.ui_card_selected_filter .ui_card_info .form-check:hover {
    background: #e6edf2
}

.ui_card_selected_filter .ui_card_info .form-check:hover .checkmark {
    background-color: #fff;
    border: 1px solid #c1c1c1 !important;
    box-shadow: 1px 1px 3px #00000024 inset !important
}

.ui_card_selected_filter .items_txt {
    padding-left: 2.2rem
}

.ui_card_selected_sort {
    width: 240px;
    padding: 1rem 0
}

.ui_card_selected_sort li {
    padding: 1rem 1.6rem
}

.ui_card_selected_sort li:hover {
    background: #e6edf2
}

.ui_card_selected_sort li.selcted {
    color: var(--primary_4);
    position: relative
}

.ui_card_selected_sort li.selcted .UI_icon_check {
    display: block
}

.ui_card_selected_sort li .UI_icon_check {
    display: none;
    position: absolute;
    right: 16px;
    top: calc(50% - 7.5px)
}

@media(max-width:375px) {
    .ui_modal {
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 5rem 2.3rem 2.3rem 2.3rem !important
    }

    .ui_modal .setting_text_group {
        display: block !important
    }

    .ui_modal .setting_text_group .items_text::before {
        display: none
    }

    .ui_modal .setting_text_group p {
        font-size: 1.6rem;
        padding-left: 0
    }

    .ui_modal .ui_setting_info>div {
        align-items: start !important
    }

    .ui_modal .btn_select_ground {
        justify-content: space-between;
        margin-top: 5px
    }

    .ui_modal .UI_form {
        display: block !important
    }

    .ui_modal .btn_select {
        width: 49%;
        margin-bottom: 5px
    }

    .ui_modal .btn_select label {
        padding: .6rem 0;
        margin: .25rem 0;
        width: 144px !important
    }

    .ui_modal .setting_group {
        display: block !important
    }

    .ui_modal .ui_card_setting {
        padding: 1.5rem
    }

    .ui_modal .ui_card_setting p {
        padding-right: 2rem
    }

    .ui_modal .card_info_description {
        font-size: 1.8rem;
        width: 190px
    }

    .ui_modal .ui_card_info {
        padding: 2rem 0 !important
    }

    .ui_modal .card_mail span, .ui_modal .card_mail a {
        font-size: 1.6rem
    }

    .ui_modal .btn_close {
        position: absolute;
        bottom: 25px;
        left: calc(50% - 53px);
    }

    .ui_modal.ui_card_big .btn_close {
        position: initial
    }

}

.ad_items_group .ad_items {
    background: #ccc;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
    transition: all .4s
}

.ad_items_group .ad_items img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ad_items_group .ad_items:hover {
    cursor: pointer;
    box-shadow: 0 3px 6px #00000029
}

.ad_items_group.view_list_ad .ad_items {
    height: 142px
}

.ad_items_group.view_two_ad .ad_items {
    height: 218px
}

@media(max-width:1189px) {
    .ad_items_group.view_list_ad .ad_items {
        height: auto
    }

}

.report_link a {
    text-decoration: underline !important
}

.applicants_data_analyze {
    color: var(--primary_4);
    text-decoration: underline
}

.job_competitor_analyze .competitor_analyze_region .analyze_icon {
    margin-right: 1.2rem
}

.job_competitor_analyze .competitor_analyze_region .analyze_icon i {
    width: 2.4rem;
    height: 2.4rem
}

.job_competitor_analyze .competitor_analyze_region .company_job_vacancies {
    margin: 1.7rem 0 2rem 0rem
}

.job_competitor_analyze .competitor_analyze_region .job_vacancies {
    position: relative;
    margin-left: 1.15rem;
    padding-left: 1.15rem;
    border-left: 1px solid #e2e2e2
}

.job_competitor_analyze .analysis_region {
    display: block
}

.job_competitor_analyze .analysis_region .block_left {
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    padding: 3rem 3.2rem;
    display: flex
}

.job_competitor_analyze .analysis_region .block_right {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    align-items: center;
    background: #f8f8f8;
    border-radius: 8px;
    text-align: center;
    padding: 2.3rem 4.6rem;
    justify-content: center
}

.job_competitor_analyze .analysis_region .block_right h6 {
    white-space: nowrap
}

.job_competitor_analyze .analysis_region .block_right .text_region {
    text-align: left
}

.job_competitor_analyze .analysis_region .block_right button {
    margin-top: 0;
    margin-left: 3.5rem;
    background: var(--primary_4);
    color: #fff;
    border-radius: 25px;
    width: 12rem;
    height: 3.8rem;
    border: none;
    font-size: 1.6rem;
    box-shadow: 0px 2px 5px #0000001a
}

.job_competitor_analyze .analysis_region .analysis_total_group .analysis_total_items {
    display: flex;
    align-items: center;
    margin-bottom: .6rem;
    white-space: nowrap
}

.job_competitor_analyze .analysis_region .analysis_total_group .analysis_total_items .circle {
    width: 5.4rem;
    height: 5.4rem;
    background: #e8f6fc;
    color: var(--primary_4);
    border-radius: 50%;
    text-align: center;
    line-height: 5.4rem;
    margin-right: .6rem
}

.job_competitor_analyze .analysis_region .analysis_total_group .analysis_total_items:nth-child(2) .circle {
    background: #e1eaf8;
    color: #3373d0
}

.job_competitor_analyze .analysis_region .analysis_total_group .analysis_total_items:nth-child(3) .circle {
    background: #eae5f8;
    color: #7353d4
}

.job_competitor_analyze .analysis_region .analysis_total_group .analysis_total_items:nth-child(3) .education {
    color: #7353d4
}

.job_competitor_analyze .analysis_region .circle_inside {
    width: 6.7rem;
    height: 6.7rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 33.5px);
    left: calc(50% - 33.5px);
    z-index: 2;
    text-align: center;
    line-height: 6.7rem
}

.job_competitor_analyze .analysis_region .circle_inside span {
    font-size: 2.3rem;
    font-weight: 500
}

.job_competitor_analyze .analysis_region .circle_outside {
    width: 100px;
    height: 100px;
    background: #e2e2e2;
    border-radius: 50%;
    background-image: linear-gradient(to right, transparent 50%, #04aff0 0)
}

.job_competitor_analyze .analysis_region .circle_outside:before {
    content: "";
    display: block;
    margin-left: 50%;
    height: 100%;
    background: #e2e2e2;
    border-radius: 0 100% 100% 0/50%;
    transform-origin: left;
    transform: rotate(130deg)
}

.job_competitor_analyze .analysis_items_group .analysis_description {
/*    width: 60%
*/}

.job_competitor_analyze .analysis_items_group .analysis_items {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1.5rem
}

.job_competitor_analyze .analysis_items_group .analysis_items .analysis_count_items {
    position: relative
}

.job_competitor_analyze .analysis_items_group .analysis_items .analysis_count_items.experience::before, .job_competitor_analyze .analysis_items_group .analysis_items .analysis_count_items.no_experience::before {
    content: "";
    width: .7rem;
    height: .7rem;
    background: #e2e2e2;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    top: calc(50% - 3.5px)
}

.job_competitor_analyze .analysis_items_group .analysis_items .analysis_count_items.experience::before {
    background: var(--primary_4)
}

.job_competitor_analyze .analysis_items_group .analysis_items .analysis_count_items span {
    font-weight: bold;
    color: #000;
    margin-left: .7rem
}

.job_competitor_analyze .analysis_items_group .analysis_circle {
    position: relative;
    margin-right: 3.2rem;
    width: 10rem;
    height: 10rem
}

.job_skill_recommon .same_items .items:first-child {
    padding: 0
}

.job_skill_recommon .same_items .items {
    padding: 0
}

.job_skill_recommon .same_items .items:nth-child(odd) {
    padding-right: 2rem
}

.job_company {
    padding: 2rem 1.5rem;
    position: relative;
    overflow: hidden
}

.job_company .ui_company_bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 29rem;
    height: 23rem
}

.job_company .ui_company_bg .bg_cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.job_company .company_info {
    margin-left: 1.5rem
}

.job_company .UI_card_work_company {
    position: relative;
    margin-top: 1.5rem
}

.job_company .btn_group a {
    display: block;
    width: 144px;
    margin-bottom: 10px
}

.job_company .UI_logo_rounded {
    position: relative;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 5px #00000029;
    margin-right: 1.5rem
}

.job_company .UI_logo_rounded img {
    width: 100%
}

.job_competitor_analyze, .job_company {
    background: #fff;
    box-shadow: 0px 2px 5px 0, 0, 0, .12;
    border-radius: .8rem
}

.job_competitor_analyze .competitor_analyze_region, .job_company .competitor_analyze_region {
    border-top: 0;
    padding: 2.9rem 4.2rem
}

.alert_items {
    border-radius: 8px;
    white-space: nowrap;
    margin-top: 4rem;
    background: #e8f6fc
}

.alert_items .items_top {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: #e8f6fc;
    padding: 1.2rem 1.7rem
}

.alert_items .items_info_show {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 2.7rem 5rem;
    background: #f3fafd;
    color: #505050;
    white-space: initial
}

.alert_items .items_info_show li {
    display: flex
}

.alert_items .items_info_show li span {
    color: var(--primary_4);
    margin-right: .5rem
}

.alert_items u {
    margin-right: 1.5rem
}

.alert_items .UI_icon_notice {
    width: 2.4rem;
    height: 2.4rem
}

.alert_items .items_icon {
    width: 2.6rem;
    overflow: hidden;
    display: inline-block;
    margin: 0 .5rem 0 .5rem
}

.alert_items .items_icon img {
    width: 100%
}

.alert_items .alert_info {
    margin-left: 8px;
    width: 100%
}

.alert_items .alert_info_description {
    display: flex;
    justify-content: space-between;
    align-items: end
}

.alert_items .alert_info_description p {
    width: 485px;
    white-space: initial;
    color: #6f6f6f
}

.btn_icon {
    margin-left: 15px;
    display: none !important
}

.profile-image {
    overflow: hidden
}

.profile-image img {
    width: 100%;
    height: 100%
}

.data_trans {
    display: none
}

.ui_job_items:first-child {
    padding: 0 3.8rem 0 0;
    border-right: 1px solid #e2e2e2
}

.ui_job_items:last-child {
    padding-left: 38px
}

.ui_card_content {
    margin-top: 3.2rem
}

.ui_card_content .content_items {
    margin-top: 3.5rem
}

.ui_card_content .content_items .description_info {
    padding: 2.5rem 0rem 2.5rem 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .05rem
}

.ui_card_content .content_items .description_info .report_link:hover a {
    color: var(--primary_4)
}

.ui_card_content .content_items .description_info li {
    margin-bottom: 1.8rem
}

.ui_card_content .content_items .description_info li .map {
    width: 100%;
    height: 160px;
    background: #ccc;
    width: 100%;
    border-radius: .8rem;
    overflow: hidden
}
.ui_card_content .content_items .description_info li .map iframe{
    width: 100%;
}
.ui_card_content .content_items .description_info .job_info_title {
    color: #505050;
    width: 85px;
    white-space: nowrap;
    margin-right: .8rem
}

.ui_card_content .content_items .description_info .job_info_content {
    display: inline
}
.ui_card_content .content_items .description_info .job_info_content .secondary-tag-nounderline{

}
.ui_card_content .content_items .description_info .job_info_content .secondary-tag-nounderline span{
    margin-left: 5px;
    color: var(--primary_3);
}
.ui_card_content .content_items .description_info .job_info_content a {
    /*padding: 0rem 1.5rem*/
}
.ui_card_content .content_items .description_info .job_info_content a.btn_block {
    padding: 3px 10px;
}

.job_salary_region .job_info_content .btn-group {
    vertical-align: initial;
}

.ui_card_content .content_items .job_benefits_items .UI_card_article_info li {
    margin-bottom: 1rem
}
.job_benefits_items .color_grey_7{
    min-width: 80px;
}
.ui_card_content .content_items .job_benefits_items .UI_card_article_info li::first-letter {
    color: var(--primary_4)
}

.ui_items {
    position: relative;
    padding: .6rem 0 .6rem 2.3rem
}

.ui_items.job_location:hover {
    color: var(--primary_4);
    cursor: pointer
}

.ui_items.job_location:hover p {
    color: var(--primary_4)
}

.ui_items::before {
    content: "";
    width: 18px;
    height: 18px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    left: 0;
    top:10px;
}

.ui_items.job_type::before {
    background: url("../images/icon_briefcase_3_small.svg")
}

.ui_items.job_salary::before {
    background: url("../images/icoin_money_2_small.svg")
}

.ui_items.job_education::before {
    background: url("../images/iocn_bachelor_cap_2_small.svg")
}

.ui_items.job_location::before {
    background: url("../images/icon_map_2_small.svg")
}

/* 提示資訊 hover */
.UI_icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.UI_icon_size_25 {
    width: 2.5rem;
    height: 2.5rem;
}
.UI_icon_question2 {
    background-image: url("../images/icon_question_1_s.svg");
}
.form_tooltip_icon .UI_icon_question2 {
    border: 3px solid transparent;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    border-radius: 50px;
}
.form_tooltip_icon .UI_icon_question2:hover {
    border: 3px solid #D1EAF8;
}
.UI_tooltip.form_tooltip_icon.d-inline-block.UI_tooltip_hover:hover ~ .tooltip_popup {
    opacity: 1;
    visibility: visible;
}
.tooltip_popup {
    position: absolute;
    top: 5.5rem;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 2px 5px #00000029;
    box-shadow: 0px 2px 5px #00000029;
    border: 1px solid #CBCBCB;
    border-radius: 6px;
    padding: 3rem 2.5rem 3rem 2.5rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #000;
    z-index: 2;
    font-size: 1.6rem;
}
    .tooltip_popup h4 {
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
        font-weight: bold;
    }

    .tooltip_popup.active {
        opacity: 1;
        visibility: visible;
    }

.tooltip_popup_center {
    width: 200px;
    top: calc(100% + 1rem);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.tooltip_popup_center::after {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.tooltip_popup_center::before {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.tooltip_popup::before, .tooltip_popup::after {
    content: "";
    position: absolute;
    right: 18px;
    top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #F2F2F2 transparent;
    z-index: 10;
}
.tooltip_popup::after {
    right: 17px;
    top: -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #CBCBCB transparent;
    z-index: 1;
}
.tooltip_popup .hide_tooltip {
    position: absolute;
    right: 1rem;
    top: 1rem;
    left: auto;
}
.tooltip_popup .UI_icon {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
    top: 1.5rem;
}

.btn_more .txt {
    transition: all .3s
}

.btn_more:hover .txt {
    margin-right: 1.8rem
}

.job_info_icon {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    margin: .35rem 2rem 0 0;
    display: inline-block;
    padding-left: 2rem;
}

.job_info_icon.icon_time {
    background-image: url("../images/icon_clock_1_big.svg")
}

.job_info_icon.icon_salary {
    background-image: url("../images/icoin_money_1_big.svg")
}
.job_info_icon.icon_category {
    background-image: url("../images/icon_category_a1.svg")
}

.job_info_icon.icon_briefcase {
    background-image: url("../images/icon_briefcase_2_medium.svg")
}

.job_info_icon.icon_location {
    background-image: url("../images/icon_map_1_big.svg")
}

.job_info_icon.icon_possibility {
    background-image: url("../images/icon_possibility.svg")
}

.job_info_icon.icon_achievement {
    background-image: url("../images/icon_achievement.svg")
}

@media(max-width:810px) {
    .ui_job_detail .text-danger {
        font-size: 1.4rem
    }

    .ui_job_detail p {
        font-size: 1.8rem
    }

    .ui_card_content .content_items .description_info .job_info_title {
        width: 15%;
        white-space: nowrap
    }

    .view_list_two {
        display: block !important
    }

}

@media(max-width:680px) {
    .ui_card_content .content_items .description_info .job_info_title {
        width: 25%
    }

    .ui_card_content .content_items .description_info .job_info_content {
        width: 100%
    }

    .ui_card_content .content_items .description_info .job_info_content a {
        font-size: 1.6rem
    }

}

@media(max-width:550px) {
    .ui_card_content .content_items .title {
        font-size: 1.9rem
    }

    .ui_card_content .content_items .description_info li {
        font-size: 1.6rem
    }

    .ui_card_content .content_items .job_salary_region {
        /* display: flex */
    }

    .ui_card_content .content_items .description_info .job_salary_region .job_info_title {
        width: 82px;
        display: inline-block;
        vertical-align: top;
    }

    .ui_card_content .content_items .job_salary_region .job_info_content {
        display: inline-block;
        /* margin-left: 1.2rem; */
        width: calc(100% - 95px);
    }

    .ui_card_content .content_items .job_salary_region .job_info_content .job_info_content {
        width: 100%;
        margin-left: 0;
    }

    .ui_card_content .content_items .job_salary_region .job_info_content .btn_icon {
        /* margin-left: 1rem;
        margin-top: .5rem */
        margin-left: 0;
        width: 160px;
    }

    .alert_items .items_info_show {
        padding: 2.7rem 2rem
    }

}

.job_item {
    position: relative;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 18px;
    box-shadow: 0px 2px 5px #0000001f
}
.job_item_info *{
    word-break: break-all;
    white-space: normal;
}
.job_item.default_state {
    background: #f0f4f7;
    border: 1px solid #c6d2db;
    box-shadow: none
}

.job_item .card-body {
    border: 3px solid transparent;
    padding: 1.9rem 1.7rem 1.9rem 2.5rem !important;
    border-radius: 8px
}

.job_item .card-body .body-wrapper {
    display: flex
}

.job_item .card-body .job_item_description {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    color: #505050;
    line-height: 1.7;
    letter-spacing: 1px;
}

.job_item:hover {
    box-shadow: 2px 5px 15px #00000029
}

.job_item:hover .card-body {
    border: 3px solid #76d2f5
}

.job_item .card-badge {
    width: 58px;
    height: 58px;
    background-image: url("../images/icon_chosen_1.svg");
    position: absolute;
    right: 0%;
    z-index: 1
}

.job_item .card-hothit {
    width: 58px;
    height: 58px;
    background-image: url("../images/icon_hothit_1.svg");
    position: absolute;
    right: 0%;
    z-index: 1
}

.job_item .profile-image {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    margin: 0 auto 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.job_item .profile-image img {
    width: 100%
}

.job_item .card-title {
    letter-spacing: .5px;
    margin-bottom: 2.3rem;
    font-weight: 400
}

.job_item .card-title:hover {
    cursor: pointer;
    text-decoration: underline
}

.job_item .job_item_company:hover {
    text-decoration: underline
}

.job_item .job_item_info {
    margin: 0 0px 0 20px;
    padding-right: 2.4rem;
    border-right: 1px solid #e2e2e2;
    margin-right: 3rem;
    width: 63%;
}

.job_item .job_item_info .job_item_detail {
    letter-spacing: .1px
}

.job_item .job_item_info .job_item_detail .job_item_detail_salary {
    color: var(--primary_4)
}

.job_item .item_data .job_item_data {
    white-space: nowrap
}
.item_list{
    flex-direction: column; 
    list-style: disc; 
    margin-left:20px;
    color:#666;
}

.job_item .item_data .applicants_btn {
    min-width: 9rem;
    height: 3rem;
    line-height: 2rem;
}

.job_item .job_item_detail_location::after {
    content: "";
    width: 1px;
    height: 15px;
    position: absolute;
    background: #e2e2e2;
    right: -10px;
    top: 4px
}

.mobile {
    display: none
}

.mobile .job_item .card-body {
    padding: 2.4rem 1.7rem 3.6rem !important
}

.mobile .job_item .card-title {
    font-size: 2rem;
    margin: .6rem 0 .8rem 0
}

.mobile .job_item .job_item_info {
    margin: 0
}

.mobile .job_item .job_item_description {
    -webkit-line-clamp: 2
}

.mobile .item_group .applicants_btn {
    position: initial
}

.mobile .card_bottom {
    border-top: 1px solid #e2e2e2;
    margin-top: 2.3rem
}

.mobile .icon_happy_badge {
    position: initial;
    width: 2.8rem;
    height: 3.5rem;
    margin-top: 0
}

.job_item_badge_mobile_show, .job_item_data_mobile_show {
    display: none
}

@media(max-width:810px) {
    .job_item .card-title, .job_item .job_item_company {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .job_item .job_item_info .job_item_detail {
        letter-spacing: -1px;
        white-space: nowrap
    }

}

@media(max-width:650px) {
    .item_data {
        margin-left: 1.3rem;
        padding-left: 1.5rem
    }

    .job_item .item-thumb::before {
        width: 2.4rem;
        height: 3rem;
        top: calc(50% - 15px)
    }

    .job_item .job_item_profile {
        display: none
    }

    .job_item .job_item_info {
        margin: 0
    }

}
    .search-condition{
        margin-bottom: 0px !important;
    }
@media(max-width:550px) {
    .job_item_badge_mobile_show, .job_item_data_mobile_show {
        display: block
    }

    .job_item_badge_mobile_show {
        margin-bottom: .5rem;
        margin-left: 2.4rem;
    }

    .job_item .card-body .body-wrapper {
        display: block
    }

    .job_item .card-body .job_item_date {
        font-size: 1.4rem
    }

    .job_item .card-body .job_item_info {
        border-right: 0;
        width: auto;
    }

    .job_item .card-body .job_item_info .card-subtitle {
        position: relative;
        padding-left: 2.4rem
    }

    .job_item .card-body .job_item_info .card-subtitle::before {
        content: "";
        width: 2.8rem;
        height: 3.5rem;
        position: absolute;
        left: -10px;
        top: 0;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-image: url(../images/icon_happy_badge_3_large.png)
    }

    .job_item .card-body .job_item_info .job_item_data_mobile_show, .job_item .card-body .job_item_info .job_item_description {
        padding-left: 2.4rem;
        letter-spacing: 0.9px;
    }

    .job_item .card-body .job_item_info .job_item_data_mobile_show {
        font-size: 1.5rem;
        color: #505050
    }

    .job_item .card-body .job_item_info .job_item_data_mobile_show .job_item_data:last-child {
        margin-top: -0.5rem
    }

    .job_item .card-body .job_item_description {
        margin-top: 0jrem;
        -webkit-line-clamp: 2
    }

    .job_item .card-title {
        margin-bottom: 1rem;
        margin-left: 2.4rem;
    }

    .job_item .item_data {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 0 0;
        border-top: 1px solid #e2e2e2;
        margin-top: 2rem;
        flex-wrap: wrap;
    }

        .job_item .item_data .item_group {
            margin-top: 0 !important;
            flex-wrap: wrap;
            padding-top: 1rem;
        }

    .desktop, .job_item_data_mobile_hidden {
        display: none
    }

    .mobile {
        display: block
    }

    .mobile .job_item_description {
        line-height: 2.2rem
    }

}

.jobs-table {
    border-collapse: separate;
    border-spacing: 0 6px;
    font-size: 1.5rem
}

.jobs-table .thead_group {
    box-shadow: none !important;
    white-space: nowrap
}

.jobs-table .thead_group th {
    font-weight: 100;
    vertical-align: middle;
    border-bottom: 1px solid #d5d8da;
    border-top: none;
    position: -webkit-sticky;
    position: sticky;
    top: 228px;
    z-index: 1;
    background: #e6edf2
}

.jobs-table .tbody_group .tbody_title_region {
    width: 190px;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jobs-table .tbody_group .tbody_item {
    font-size: 1.5rem;
    white-space: nowrap;
    color: #000
}

.jobs-table .tbody_group .tbody_item .job_item_detail_salary {
    color: var(--primary_4)
}

.jobs-table .tbody_group .tbody_item .item_icon {
    margin-left: 15px;
    margin-right: 0 !important
}

.jobs-table .tbody_group .tbody_item.status_hit {
    position: relative
}

.jobs-table .tbody_group .tbody_item.status_hit::before {
    content: "";
    width: 45px;
    height: 27px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url("../images/icon_chosen_2.png");
    position: absolute;
    left: -3px;
    top: calc(50% - 12px)
}

.jobs-table .tbody_group .tbody_item.status_hit .item_title {
    padding-left: 2.7rem
}

.jobs-table .tbody_group .tbody_item .job_item_detail_location, .jobs-table .tbody_group .tbody_item .job_item_date {
    color: #6f6f6f
}

.jobs-table .tbody_group .tbody_item .job_item_data_price {
    font-weight: bold;
    color: #505050;
    padding-right: 15px
}

.jobs-table .tbody_group .tbody_item .job_item_company span {
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.jobs-table .tbody_group .tbody_item .job_item_company .icon_happy_badge {
    width: 28px;
    height: 30px
}

.jobs-table .tbody_group .default_state {
    border: 2px solid #c6d2db;
    border-collapse: collapse
}

.jobs-table .tbody_group .default_state td {
    background: #f0f4f7;
    border-top: 2px solid #c6d2db;
    border-bottom: 2px solid #c6d2db
}

.jobs-table .tbody_group .default_state td:first-child {
    border-left: 2px solid #c6d2db
}

.jobs-table .tbody_group .default_state td:last-child {
    border-right: 2px solid #c6d2db
}

.jobs-table .tbody_group tr {
    box-shadow: 0px 2px 5px #0000001f;
    border-radius: 6px
}

.jobs-table .tbody_group tr:hover {
    cursor: pointer
}

.jobs-table .tbody_group tr:hover td {
    border-top: 2px solid #76d2f5;
    border-bottom: 2px solid #76d2f5
}

.jobs-table .tbody_group tr:hover td:first-child {
    border-left: 2px solid #76d2f5
}

.jobs-table .tbody_group tr:hover td:last-child {
    border-right: 2px solid #76d2f5
}

.jobs-table .tbody_group td {
    position: inherit;
    vertical-align: middle;
    border: none;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.jobs-table .tbody_group td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 14px;
    border-left: 2px solid #fff
}

.jobs-table .tbody_group td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-right: 20px;
    border-right: 2px solid #fff
}

.mobile_view_list {
    display: none
}

.mobile_view_list .job_item .card-title {
    margin-bottom: 0;
    margin-left: .6rem
}

.mobile_view_list .job_item .card-body {
    padding: 1.3rem 1.4rem !important
}

.mobile_view_list .job_item .item_group {
    font-size: 1.4rem
}

.mobile_view_list .job_item .icon_happy_badge {
    position: initial;
    margin-top: 0
}

.mobile_view_list .job_item .search_word {
    font-size: 1.8rem
}

.mobile_view_list .job_item .job_item_date {
    margin-right: 2.6rem
}

.mobile_view_list .job_item .item_icon.icon_add {
    margin-right: 2rem
}

.job-list-item {
    margin-top: -30px
}

.job-list-item .data_nav {
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    z-index: 2;
    background: #e6edf2;
    padding-top: 2.2rem;
    padding-bottom: .8rem;
    margin-left: -15px;
    margin-right: -15px;
}
.corp_job_list {
    flex-direction: column;
}
.list_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px;
    display: table
}

.list_table .list_tr {
    display: table-row
}

.list_table .list_tr:hover {
    cursor: pointer
}

.list_table .list_header_region .list_header_group {
    border-bottom: 1px solid #d5d8da;
    display: table-cell;
    padding: 5px;
    font-size: 1.5rem
}

.list_table .list_header_region .list_header_group .UI_icon_moto {
    width: 2rem;
    height: 2rem
}

.list_table .list_header_region .list_header_group.tth_setting {
    text-align: right
}

.list_table .list_card {
    box-shadow: 0px 2px 5px #0000001f;
    border-radius: 6px;
    font-size: 1.5rem
}

.list_table .list_card.default_state .list_td {
    background: #f0f4f7;
    border-top: 2px solid #c6d2db;
    border-bottom: 2px solid #c6d2db
}

.list_table .list_card.default_state .list_td:first-child {
    border-left: 2px solid #c6d2db
}

.list_table .list_card.default_state .list_td:last-child {
    border-right: 2px solid #c6d2db
}

.list_table .list_card:hover .list_td {
    border-top: 2px solid #76d2f5;
    border-bottom: 2px solid #76d2f5
}

.list_table .list_card:hover .list_td:first-child {
    border-left: 2px solid #76d2f5
}

.list_table .list_card:hover .list_td:last-child {
    border-right: 2px solid #76d2f5
}

.list_table .list_card .list_td {
    display: table-cell;
    vertical-align: middle;
    padding: .6rem;
    background: #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    white-space: nowrap
}

.list_table .list_card .list_td .m_txt {
    display: none
}

.list_table .list_card .list_td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 1rem;
    border-left: 2px solid #fff
}

.list_table .list_card .list_td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-right: 20px;
    border-right: 2px solid #fff
}

.list_table .list_card .list_td.list_setting_icon a {
    display: inline-block;
    vertical-align: middle
}

.list_table .list_card .list_td.list_company .icon_happy_badge {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 30px
}

.list_table .list_card .list_td.list_company span {
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.list_table .list_card .list_td.list_title_group {
    position: relative
}

.list_table .list_card .list_td.list_title_group .item_title {
    width: 190px;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list_table .list_card .list_td.list_title_group.status_hit::before {
    content: "";
    width: 45px;
    height: 27px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url(../images/icon_chosen_2.png);
    position: absolute;
    left: -3px;
    top: calc(50% - 12px)
}

.list_table .list_card .list_td.list_title_group.status_hit .item_title {
    padding-left: 2.8rem
}

.list_table .list_card .list_td.list_setting_icon {
    text-align: right
}

.list_table .list_card .list_td.list_setting_icon span {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-block;
    margin: 0 3px
}

.list_table .list_card .list_td .item_icon {
    margin-right: 0 !important
}

.list_table .list_card .list_td .item_icon.icon_add_compare {
    margin-left: 15px
}

.list_table .list_card .list_td.job_item_detail_location, .list_table .list_card .list_td.job_item_date {
    color: #6f6f6f
}

.list_table .list_card .list_td.job_item_detail_salary {
    color: var(--primary_4);
    font-size: 1.4rem
}

.list_table .list_card .list_td .trans_time {
    font-weight: bold
}

@media(max-width:1189px) {
    .jobs-table .tbody_group td:first-child {
        padding-left: 1rem
    }

    .jobs-table .tbody_group .tbody_title_region {
        width: 175px
    }

    .jobs-table .tbody_group .tbody_title_region .search_word {
        font-size: 1.5rem
    }

    .jobs-table .tbody_group .tbody_item.status_hit::before {
        width: 4rem;
        height: 2.2rem;
        top: calc(50% - 10px)
    }

    .list_card .list_td.list_title_group .item_title {
        width: 190px
    }

    .list_card .list_td.list_title_group.status_hit::before {
        width: 4rem;
        height: 2.2rem;
        top: calc(50% - 10px)
    }

}
@media(max-width:1024px) {
        .job-list-item .data_nav {
        top: 150px
    }
}
@media(max-width:960px) {
    .jobs-table {
        table-layout: fixed
    }

    .jobs-table .th_title {
        width: 145px
    }

    .jobs-table .th_company {
        width: 105px
    }

    .jobs-table .th_location {
        width: 60px
    }

    .jobs-table .th_salary {
        width: 100px
    }

    .jobs-table .th_time {
        width: 55px
    }

    .jobs-table .th_trans {
        width: 45px
    }

    .jobs-table .th_setting {
        width: 65px
    }

    .jobs-table .job_item_company span {
        display: block;
        width: 145px !important
    }

    .jobs-table .job_item_company.icon_happy_badge span {
        width: 110px !important
    }

    .jobs-table .tbody_group .item_icon {
        margin-left: 1rem !important
    }

    .jobs-table .tbody_group .item_icon:first-child {
        margin-left: 0rem !important
    }

    .list_table {
        table-layout: fixed
    }

    .list_table .list_header_region .tth_setting {
        width: 65px
    }

    .list_table .list_header_region .tth_trans {
        width: 45px
    }

    .list_table .list_header_region .tth_time {
        width: 55px
    }

    .list_table .list_header_region .tth_salary {
        width: 100px
    }

    .list_table .list_header_region .tth_company {
        width: 105px
    }

    .list_table .list_header_region .tth_title {
        width: 145px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .list_table .list_header_region .tth_location {
        width: 60px
    }

    .list_table .list_header_region .item_title {
        width: 125px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .list_table .list_card {
        box-shadow: 0px 2px 5px #0000001f;
        border-radius: 6px;
        font-size: 1.5rem
    }

    .list_table .list_card .list_td {
        overflow: hidden;
        white-space: nowrap
    }

    .list_table .list_card .list_td.list_company span {
        width: 110px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        box-sizing: border-box;
        display: inline-block !important;
        vertical-align: middle !important
    }

    .list_table .list_card .list_td.list_title_group .item_title {
        width: 180px
    }

    .job-list-item .data_nav {
        top: 150px
    }

}

@media(max-width:810px) {
    .mobile_view_list {
        display: block;
        padding-top: 1.2rem
    }

    .mobile_view_list .job_item .icon_happy_badge {
        margin-right: 1rem
    }

    .desktop_view_list {
        display: none
    }

    .job-list-item {
        margin-top: 36px
    }

    .job-list-item .data_nav {
        top: 150px;
        margin: 0 -0.4rem 1rem -0.4rem;
        padding: 1.6rem 0 1rem 0rem
    }

    .list_table .list_tr {
        display: inline-block
    }

    .list_table .list_tr.list_header_region {
        display: none
    }

    .list_table .list_card {
        padding: 0;
        box-shadow: none;
        order: 1px solid #ddd;
        border-radius: 10px;
        background: #fff;
        padding: 1.3rem 1.4rem !important;
        box-shadow: 0px 2px 5px #0000001f;
        margin-bottom: 1.8rem;
        position: relative;
        display: block
    }

    .list_table .list_card.default_state {
        background: #f0f4f7;
        border: 1px solid #c6d2db
    }

    .list_table .list_card.default_state .list_td {
        border: 0;
        background: transparent
    }

    .list_table .list_card.default_state .list_td:last-child, .list_table .list_card.default_state .list_td:first-child {
        border-right: 0;
        border-left: 0
    }

    .list_table .list_card.status_hit_mobile::before {
        content: "";
        width: 58px;
        height: 58px;
        background-image: url(../images/icon_chosen_1.svg);
        right: 0;
        top: 0;
        position: absolute;
        z-index: 1
    }

    .list_table .list_card .list_td {
        display: block;
        width: auto
    }

    .list_table .list_card .list_td .m_txt {
        display: block
    }

    .list_table .list_card .list_td .m_txt.UI_icon {
        width: 20px;
        height: 20px;
        margin-right: .6rem
    }

    .list_table .list_card .list_td:first-child {
        padding: 0
    }

    .list_table .list_card .list_td.list_title_group .item_title {
        width: 100%;
        padding-left: 0
    }

    .list_table .list_card .list_td.list_company {
        padding: .5rem 0 0 0
    }

    .list_table .list_card .list_td.list_company span {
        width: 100% !important
    }

    .list_table .list_card .list_td.list_title_group.status_hit::before {
        display: none
    }

    .list_table .list_card .list_td .icon_happy_badge {
        margin-right: 1rem;
        position: relative;
        z-index: 1;
        width: 3rem;
        height: 3.5rem
    }

    .list_table .list_card .list_td.td_m {
        padding: 0 0 0 4.2rem;
        display: inline-block;
        margin-top: -1.2rem
    }

    .list_table .list_card .list_td.job_item_detail_salary {
        padding-left: 1rem;
        margin-left: 1rem;
        position: relative
    }

    .list_table .list_card .list_td.job_item_detail_salary::after {
        content: "";
        width: 1px;
        height: 15px;
        position: absolute;
        background: #e2e2e2;
        left: 0px;
        top: 4px
    }

    .list_table .list_card .list_td.list_title_group {
        font-size: 1.8rem
    }

    .list_table .list_card .list_td.list_title_group .search_word {
        font-size: 1.8rem
    }

    .list_table .list_card .list_td.list_title_group.status_hit .item_title {
        padding-left: 0
    }

    .list_table .list_card .td_back {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 68px
    }

    .list_table .list_card .td_back.job_item_date {
        right: 100px;
        top: 71px;
        z-index: 1
    }

    .list_table .list_card .td_back.trans {
        display: flex;
        position: relative;
        top: 0;
        padding: .5rem 0 0 4.2rem
    }

    .list_table .list_card.badge_hidden .list_company .icon_happy_badge {
        display: none
    }

    .list_table .list_card.badge_hidden .list_td.job_item_detail_location, .list_table .list_card.badge_hidden .list_td.trans {
        padding-left: 0
    }

}

@media(max-width:550px) {
    .job-list-item .data_nav {
        top: 146px;
        padding: 1rem 0 1rem;
        margin: 0 -0.4rem .5rem -0.4rem
    }

    .mobile_view_list .job_item .job_item_date {
        display: none
    }

    .mobile_view_list .badge_group {
        display: flex
    }

    .mobile_view_list .card-title {
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block
    }

    .mobile_view_list .card_bottom .item_group {
        display: block !important
    }

    .mobile_view_list .card_bottom .item_group .item_icon {
        display: block
    }

    .mobile_view_list .card_bottom .item_group .item_icon.icon_add {
        margin: 0
    }

    .mobile_view_list .card_bottom .item_group .item_icon.icon_add.icon_add_compare {
        margin-top: 1.8rem
    }

    .list_table .list_card .td_back {
        right: 0;
        top: initial;
        bottom: 0
    }

    .list_table .list_card .td_back.job_item_date {
        display: none
    }

    .list_table .list_card .td_back a {
        display: block
    }

    .list_table .list_card .td_back a .icon_add_compare {
        margin-left: 0 !important;
        margin-top: 1.8rem
    }

    .list_table .list_card .td_back.list_setting_icon {
        padding-bottom: 1.4rem;
        top: initial
    }

    .list_table .list_card .td_back.list_setting_icon a {
        display: block
    }

    .list_table .list_card .list_td.list_setting_icon span {
        display: block
    }

}

@media(max-width:382px) {
    .job-list-item {
        margin-top: 42px
    }

    .job-list-item .data_nav {
        top: 145px;
        padding: 1rem 0 .5rem
    }

}

.view_two_content .card_work_group .row {
    margin-left: 17px;
    margin-right: 17px
}

.view_two_content .card_work_group .card_work_item {
    padding: 0 0 1.5rem
}

.view_two_content .card_work_group .card_work_item:nth-child(odd) {
    padding-left: 1.5rem
}

.view_two_content .card_work_group .card_work_item .UI_card_work {
    padding: 1.5rem 1.8rem
}

.view_two_content .region_left {
    position: -webkit-sticky;
    position: sticky;
    top: 200px;
    margin-right: 4rem;
    max-width: 450px;
    padding-bottom: 3rem
}

.view_two_content .region_left .region_left_inner {
    margin-top: -3rem
}

.view_two_content .region_left .data_nav {
    position: -webkit-sticky;
    position: sticky;
    top: 165px;
    z-index: 1000;
    background: #e6edf2;
    padding: 3rem 0px 1.5rem;
    margin-left: -5px;
    margin-right: -5px
}

.view_two_content .region_left .job_item {
    margin-left: .2rem;
    margin-right: .2rem
}

.view_two_content .region_left .job_item .job_item_info {
    width: 100%;
    border-right: 0;
    padding-right: 0
}

.view_two_content .region_left .badge_group {
    margin: 0 0 1.2rem 0
}

.view_two_content .region_left .job_item_info {
    margin: 0
}

.view_two_content .region_left .job_item_info .card-title {
    margin-bottom: 1rem;
    display: block
}

.view_two_content .region_right_jd {
    position: -webkit-sticky;
    position: sticky;
    top: 200px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    border-radius: .8rem;
    margin-bottom: 6rem
}

.view_two_content .region_right_jd .header_fixed {
    background: #fff;
    margin-left: -3rem;
    margin-right: -3rem;
    padding: 2.2rem 3rem 0;
    border-bottom: 0
}

.view_two_content .region_right_jd .header_fixed.sticky-top {
    top: -1px
}

.view_two_content .region_right_jd .ui_job_header_detail {
    padding: 2.2rem 3rem 1.8rem;
    position: relative
}

.view_two_content .region_right_jd .ui_job_header_detail .UI_card_work_info {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-top: 1.3rem
}

.view_two_content .region_right_jd .ui_job_header_detail .UI_logo_rounded {
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    border: 1px solid #e2e2e2;
    flex-shrink: 0
}

.view_two_content .region_right_jd .ui_job_header_detail .UI_card_work_company {
    flex-shrink: 1;
    width: calc(100% - 4.5rem);
    padding-left: 1rem
}

.view_two_content .region_right_jd .job_application .alert_items {
    background: transparent;
    padding: .75rem 0
}

.view_two_content .region_right_jd .alert_items {
    align-items: baseline
}

.view_two_content .region_right_jd .alert_items .alert_info_description {
    width: 95%
}

.view_two_content .region_right_jd .alert_items .items_info_show {
    white-space: initial
}

.view_two_content .article_footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

.view_two_content .ui_card_company_items_md {
    display: flex
}

.view_two_content .card_content_wrapper .UI_tabs {
    border-bottom: 1px solid #e2e2e2;
    top: 51px;
    position: -webkit-sticky;
    position: sticky;
    background: #fff;
    z-index: 2
}

.view_two_content .card_content_wrapper .UI_tabs .tabs_list a {
    display: inline-block
}

.view_two_content .ui_job_detail .UI_card_work_info .UI_card_work_company::after {
    display: none
}

.view_two_content .UI_card_work_apply_detail {
    border-left: 1px solid #e2e2e2
}

.view_two_content .job_application .UI_card_work_company {
    width: calc(100% - 28.5rem) !important
}

.view_two_content .ui_job_items_group {
    margin-bottom: 3rem
}

.view_two_content .job_recommon, .view_two_content .job_skill_recommon {
    padding-top: 1rem
}

.view_two_content .job_recommon .container, .view_two_content .job_skill_recommon .container {
    padding: 0
}

.view_two_content .job_recommon .title, .view_two_content .job_skill_recommon .title {
    margin-bottom: 2.4rem
}

.view_two_content .job_recommon .same_items_group, .view_two_content .job_recommon .same_company_group, .view_two_content .job_skill_recommon .same_items_group, .view_two_content .job_skill_recommon .same_company_group {
    margin-bottom: 5.5rem
}

.view_two_content .UI_tabs a {
    padding: 1.2rem .6rem;
    margin: 0 1rem
}

.view_two_content .UI_tabs a:first-child {
    padding-left: 0;
    margin-left: 0
}

.view_two_content .UI_tabs a.active {
    color: #000
}

.view_two_content .ui_job_detail {
    padding: 2.2rem 3rem;
    margin-bottom: 2.6rem;
    position: relative
}

.view_two_content .ui_job_detail p {
    color: #000;
    letter-spacing: 0;
    font-size: 1.7rem
}

.view_two_content .ui_job_detail .UI_card_work_info {
    margin-bottom: 2rem;
    align-items: start
}

.view_two_content .ui_job_detail .UI_card_work_info .UI_card_work_company {
    position: relative
}

.view_two_content .ui_job_detail .UI_card_work_info .UI_card_work_company::after {
    width: 1px;
    height: 216px;
    background: #e2e2e2;
    content: "";
    position: absolute;
    right: 0;
    top: 0
}

.view_two_content .ui_job_detail .UI_card_work_info .UI_card_work_apply_detail {
    padding-left: 4rem
}

.view_two_content .ui_job_detail .UI_card_work_info .UI_card_work_apply_detail .detail_items {
    margin-bottom: 3rem
}

.view_two_content .ui_job_detail .UI_logo_rounded {
    width: 5.4rem;
    height: 5.4rem;
    box-shadow: 0 2px 5px #00000029
}

.view_two_content .job_competitor_analyze .analysis_region .block_left {
    padding: 4.2rem
}

.view_two_content .job_competitor_analyze .analysis_region .block_left .job_experience:first-child {
    margin-right: 3.5rem
}

.view_two_content .page_navigation {
    margin: 3.5rem auto
}

.header_fixed {
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    padding-top: 1.8rem
}

.header_fixed.sticky-top {
    top: 30px;
    z-index: 3;
}

.header_title_fixed {
    top: -2px
}

.notice_title {
    color: red;
    font-size: 1.5rem;
    font-weight: 100;
    background: rgb(251 148 148 / 6%);
    padding: 10px 5px;
    border-radius: 2px;
    line-height: 23px;
    text-align: justify;
}

.list4_modal_card {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #000;
    padding-top: 58px
}

.list4_modal_card .modal_content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    padding: 2.4rem 0;
    border-radius: 16px;
    height: 100%
}

.list4_modal_card .icon_close {
    text-align: right;
    position: absolute;
    right: 27px;
    top: 15px;
    opacity: .5
}

.list4_modal_card .icon_close .UI_icon_close_w {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

.list4_modal_card .ui_job_detail {
    width: calc(100% - 30rem)
}

.list4_modal_card .data_trans {
/*    display: none !important
*/}

.list4_card {
    justify-content: space-between
}

.list4_card .job_application .alert_items {
    padding: 0;
    background: transparent
}

.list4_card .ui_job_items_group {
    width: 80%
}

.list4_card .item-thumb::before {
    width: 45px;
    height: 55px;
    left: -28px;
    top: -21px
}

.list4_card .card_content_wrapper {
    display: flex
}

.list4_card .card_content_wrapper .ui_card_content {
    width: calc(100% - 19rem)
}

.list4_card .UI_tabs {
    display: block !important;
    margin-top: 40px;
    padding-right: 40px
}

.list4_card .UI_tabs a {
    display: block;
    width: 90px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0;
    padding: 1.2rem 0
}

.list4_card .UI_tabs a:hover {
    color: #000
}

.list4_card .UI_tabs a:first-child {
    padding: 0 0 1.2rem
}

.list4_card .UI_tabs a.active {
    border-bottom: 2px solid #04aff0
}

.list4_card .UI_tabs .tabs_list {
    top: 130px;
    position: -webkit-sticky;
    position: sticky
}

.list4_card .ui_card_content {
    margin-top: 0
}

.list4_card .ui_card_content .content_items {
    margin-top: 6rem
}

.list4_card .ui_card_content .content_items .description_info {
    padding: 1.2rem 0rem 1.2rem 1.5rem
}

.list4_card .ui_card_content .content_items li .mb-3 {
    margin-bottom: 5px !important
}

.list4_card .ui_card_content .content_items .UI_card_work_info {
    display: flex
}

.list4_card .ui_card_content .content_items .UI_card_work_info .UI_logo_rounded {
    width: 6.3rem;
    height: 6.3rem;
    box-shadow: none;
    margin-right: 2.3rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.list4_card .ui_card_content .content_items .UI_card_work_info>div {
    display: inline-block
}

.list4_card .ui_card_content .content_items.job_application {
    display: block
}

.list4_card .ui_card_content .content_items.job_application .alert_items .alert_info_description {
    align-items: start
}

.list4_card .ui_card_content .content_items.job_application .alert_items .alert_info_description p {
    width: 80% !important
}

.list4_card .ui_card_content .content_items.job_application .alert_items .btn_more {
    align-items: start;
    padding-top: 0
}

.list4_card .ui_card_content .content_items .UI_card_work_company {
    position: relative;
    margin-right: 40px;
    padding-right: 43px;
    white-space: nowrap;
    border-right: 1px solid #e2e2e2;
}

/*.list4_card .ui_card_content .content_items .UI_card_work_company::after {
    width: 1px;
    height: 216px;
    background: #e2e2e2;
    content: "";
    position: absolute;
    right: 0;
    top: 0
}*/
.UI_card_work_company .contacter_info{
    margin-bottom: 20px;
    max-width: 250px;
}
.UI_card_work_company .contacter_info *{
    word-break: break-all;
    white-space: pre-wrap;
}

/*
.list4_card .ui_card_content .content_items .UI_card_work_apply_detail {
    width: 430px
}
*/

.list4_card .ui_card_content .content_items .UI_card_work_apply_detail .detail_items {
    margin-bottom: 30px
}

.list4_card .btn_icon {
    display: inline-block !important;
    width: 178px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center
}

.list4_card .analysis_region {
    display: flex
}

.list4_card .analysis_region .block_left {
    width: calc(100% - 29.9rem)
}

.list4_card .analysis_region .block_right {
    margin-left: 1.9rem;
    padding: 3.2rem 2rem;
    box-sizing: border-box;
    margin-top: 0;
    width: 28rem;
    display: inherit;
    vertical-align: middle
}

.list4_card .analysis_region .block_right .text_region .title {
    text-align: center
}

.list4_card .analysis_region .block_right .text_region p {
    width: 68%;
    margin: 0 auto
}

.list4_card .analysis_region .block_right .btn_more {
    padding-top: 0
}

.list4_card .analysis_region .block_right button {
    margin-top: 2.5rem;
    margin-left: 0
}

.list4_card .analysis_region .block_right.status_logged_in .UI_icon_notice {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1rem
}

.list4_card .analysis_region .block_right.status_logged_in .status_info {
    width: 75%;
    margin: 1.5rem auto 0;
    display: flex
}

.list4_card .analysis_region .block_right.status_logged_in .status_info .txt_content {
    text-align: left !important
}

.list4_card .analysis_region .progress_bar_group {
    display: flex;
    align-items: end;
    margin-top: 1.2rem
}

.list4_card .analysis_region .progress_bar_group .vs_txt {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 1rem .5rem
}

.list4_card .analysis_region .progress_bar_group .bar_items .count {
    color: #3373d0;
    font-size: 1.6rem
}

.list4_card .analysis_region .progress_bar_group .bar_items .count span {
    font-size: 2.5rem;
    font-weight: bold
}

.list4_card .analysis_region .progress_bar_group .bar_items.bar_items_company .percent_bg .percent {
    background: #adadad
}

.list4_card .analysis_region .progress_bar_group .bar_items.bar_items_company .count {
    color: #adadad
}

.list4_card .analysis_region .progress_bar_group .progress_bar_items {
    display: flex;
    align-items: center
}

.list4_card .analysis_region .progress_bar_group .progress_bar_items .user_photo {
    width: 3.9rem;
    height: 3.9rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 2px solid #fff;
    box-shadow: 0px 3px 6px #00000029
}

.list4_card .analysis_region .progress_bar_group .progress_bar_items .user_photo img {
    width: 100%;
    height: 100%
}

.list4_card .analysis_region .progress_bar_group .progress_bar_items .percent_bg {
    width: 10rem;
    height: 2rem;
    background: #e6e6e6;
    border-radius: 4px;
    margin-left: -37px
}

.list4_card .analysis_region .progress_bar_group .progress_bar_items .percent_bg .percent {
    width: 80%;
    height: 100%;
    background: #3373d0;
    border-radius: 4px
}

.list4_card .region_right {
    max-width: 230px;
    margin-left: 7rem
}

.list4_card .region_right .UI_card_work_company {
    margin-top: 15px;
    position: relative;
}
.list4_card .region_right  .UI_card_work_company:hover .title_7{
    color: var(--primary_4);
}

.list4_card .region_right .UI_card_work_company span {
    font-weight: 500
}

.list4_card .region_right .UI_card_work_company p {
    color: #272727
}

.list4_card .badge_group {
    margin-top: 35px;
    padding-left: 26px
}

.list4_card .btn_group .btn_number {
    width: 144px;
    margin-bottom: 10px
}

.list4_card .data_trans {
    display: block
}

.list4_card .data_trans a {
    margin-left: 5px
}

.list4_card .ui_job_detail {
    box-shadow: none;
    padding: 50px 0;
}

.list4_card .ui_job_detail p {
    margin-bottom: 0
}

.list4_card .ui_job_items {
    margin-top: 2.2rem
}

.list4_card .ui_card_top {
    background: #fff
}

.list4_card .ui_card_top .job_info span {
    margin-right: 2rem;
    position: relative
}

.list4_card .ui_card_top .job_info span::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 23px;
    background: #e2e2e2;
    left: -10px;
    top: 0
}

.list4_card .ui_card_top .job_info span:last-child {
    text-decoration: underline
}

.list4_card .ui_card_top .job_info span:first-child::after {
    display: none
}

.job_detail_view2 {
    margin-top: 2.5rem;
    position: relative;
    top: 60pxfle;
}

.job_detail_view2 .list4_card .region_right {
    margin-top: -8.5rem
}

.job_detail_view2 .ui_card_top {
    background: #fff;
    z-index: 3;
    top: 60px
}

.job_detail_view2 .ui_card_top .ui_badge_group {
    position: relative;
    margin-bottom: -2rem;
    z-index: 4
}

.job_detail_view2 .ui_card_top.sticky-top {
    padding-top: .3rem
}

.job_detail_view2 .ui_card_top.sticky-top .header_title_fixed {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.job_detail_view2 .ui_card_top.header_fixed {
    top: 113px
}
.ui_card_top.header_fixed {
    display: none;
}
.job_detail_view2 .UI_tabs .tabs_list {
    top: 250px;
    position: -webkit-sticky;
    position: sticky
}

.job_detail_view2 .ui_card_company_items {
    padding-top: 10.5rem;
    z-index: 1
}

.job_detail_view2 .job_skill_recommon {
    padding-bottom: 7rem
}

.job_detail_view2 .alert_items {
    margin-top: 7rem
}

.job_detail_view2 .alert_items .items_top {
    background: #f2f2f2
}

.job_detail_view2 .alert_items .items_info_show {
    background: #fbfafa
}

.job_detail_view2 .alert_items .alert_info {
    display: flex;
    margin-left: 24px;
    position: relative
}

.job_detail_view2 .alert_items .alert_info::before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    left: -22px;
    top: .9rem;
    border-radius: 50%;
    background: var(--primary_4)
}

.job_detail_view2 .alert_items .alert_info .alert_info_title {
    margin-right: 1.5rem
}

.job_detail_view2 .alert_items .alert_info_description p {
    width: 77% !important
}

.job_detail_view2 .alert_items .UI_icon_notice {
    display: none
}

.job_detail_view2 .job_competitor_analyze .competitor_analyze_region {
    padding-bottom: 0
}

.job_detail_view2 .data_trans {
/*    display: none !important
*/}

.ui_card_company_items {
    position: -webkit-sticky;
    position: sticky;
    padding-top: 7.5rem
}

.ui_card_company_items.sticky-top {
    z-index: 2
}

.ui_card_company_items .ui_company_bg {
    position: relative
}

.ui_card_company_items .bg_cover {
    width: 230px;
    height: 126px;
    overflow: hidden;
    border-radius: 8px
}

.ui_card_company_items .bg_cover img {
    width: 100%
}

.ui_card_company_items .UI_logo_rounded {
    position: absolute;
    left: 15px;
    top: -20px;
    overflow: hidden;
    width: 70px;
    height: 70px;
    box-shadow: 0px 2px 5px #00000029
}

.ui_card_company_items .UI_logo_rounded img {
    width: 100%
}

.ui_card_company_items .ui_company_bg.hidden .UI_logo_rounded {
    position: initial;
    width: 8rem;
    height: 8rem
}

.btn_more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.5rem
}

.btn_more .txt {
    margin-right: .8rem
}

.job_same_vacancies {
    background: #e6edf2;
    padding: 4.3rem 0 7rem
}

.job_same_vacancies .title {
    margin-bottom: 2.4rem
}

.job_same_vacancies .same_company_group {
    margin-top: 4rem
}

.job_same_vacancies .same_company_group .items {
    width: 20%
}

.job_same_vacancies .same_company_group .items .UI_card_company .UI_card_company_info {
    padding: 3rem 1.5rem 1.5rem 1.5rem
}

.job_same_vacancies .same_company_group .items .UI_logo_rounded {
    width: 5.4rem;
    height: 5.4rem
}

.job_same_vacancies .same_company_group .items .UI_card_company_info h5 a {
    text-decoration: underline
}

.job_competitor_analyze {
    margin: 3.5rem 0 4rem
}

.job_competitor_analyze .competitor_analyze_region {
    padding-top: 4rem;
    border-top: 1px solid #e2e2e2
}

.job_skill_recommon {
    padding-top: 5.6rem;
    padding-bottom: 7rem
}

.job_skill_recommon .items {
    padding: 0;
    padding-right: 19px !important
}

.job_skill_recommon .items:nth-child(odd) {
    padding-right: 19px
}

.job_skill_recommon .same_items {
    margin-top: 2.7rem
}

.same_items {
    padding-bottom: 10px
}

.same_items .items {
    padding: 0 .75rem
}

.same_items .items:last-child {
    padding-right: 0
}

.same_items .items:first-child {
    padding-left: 0
}
.text-muted.job_item_date{
    margin-right: 15px;
}
.text-muted.job_item_date b{
    color: #000;
}
.ui_card_company_items_mobile {
    display: none
}

.ui_card_company_items_mobile .items_wrapper {
    padding: 4.3rem 0;
    border-top: 1px solid #e2e2e2
}

.ui_card_company_items_mobile .items_wrapper .ui_card_company_items_md {
    display: flex;
    justify-content: space-between
}

.ui_card_company_items_mobile .items_wrapper .ui_card_company_items_sm {
    display: none
}

.ui_card_company_items_mobile .items_wrapper .UI_logo_rounded {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 2px 5px #00000029;
    margin-right: 1.5rem
}

.ui_card_company_items_mobile .items_wrapper .UI_logo_rounded img {
    width: 100%
}

.ui_card_company_items_mobile .items_wrapper .btn_group a {
    display: block
}

.ui_card_company_items_mobile .items_wrapper .UI_card_work_company {
    margin-top: 1.3rem
}

.ui_card_company_items_mobile .items_wrapper .badge_group {
    margin-top: 0;
    padding-left: 15px
}

.ui_card_company_items_mobile .items_wrapper .item-thumb::before {
    width: 3rem;
    height: 3.6rem;
    top: calc(50% - 1.8rem);
    left: -15px
}

.ui_card_company_items_mobile .items_wrapper .bg_cover {
    width: 27rem;
    height: auto;
    border-radius: 8px;
    overflow: hidden
}

.ui_card_company_items_mobile .items_wrapper .bg_cover img {
    width: 100%
}

.m_info_group .ui_items_group {
    display: flex;
    align-items: start
}

.m_info_group .ui_items_group .grade_items {
    padding: 0 1.5rem;
    border-right: 1px dashed #cbcbcb
}

.m_info_group.conditions .alert_items {
    margin-top: 1.5rem;
    display: inline-flex
}

.m_info_group.conditions .alert_items a {
    padding: 0 !important
}

.m_info_group .ui_items_group_region .items_group {
    display: inline-block;
    margin-bottom: 15px
}

.m_info_group .ui_items_group_region .items_group:last-child .grade_items:last-child {
    border-right: 0 !important
}

.m_info_group .ui_items_group_region .items_group .grade_items {
    display: inline-block
}
.job_items_wapper .item_group{
    justify-content: unset !important;
}
.enviroment-item-video{
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    transition: .25s ease-in-out;
    z-index: 100;
}
.enviroment-item-video div{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    left: 8px;
    top: 5px;
    border-color: transparent transparent transparent #4f4f4f;
    position: absolute;
}
.enviroment-item-video div:hover{
    border-color: transparent transparent transparent #fff;
}
@media(max-width:1189px) {
    .competitor_analyze_region .analysis_description {
/*        width: 75%
*/    }

    .list4_card .ui_job_items_group {
        width: 95%
    }

    .list4_card .region_right {
        max-width: 192px;
        margin-left: 3rem
    }

    .list4_card .region_right .ui_card_company_items .bg_cover {
        width: 192px;
        height: 105px
    }

    .list4_card .region_right .ui_card_company_items .UI_logo_rounded {
        width: 55px;
        height: 55px
    }

    .list4_card .UI_tabs {
        position: -webkit-sticky;
        position: sticky;
        background: #fff;
        z-index: 6;
        top: 65px
    }

    .list4_card .UI_tabs a {
        width: 7.4rem;
        text-align: center;
        border-bottom: 0;
        display: inline-block;
        margin-right: 2.5rem
    }

    .list4_card .header_fixed {
        border-bottom: 0;
        padding-bottom: 0
    }

    .list4_card .card_content_wrapper {
        display: block
    }

    .list4_card .card_content_wrapper .ui_card_content {
        width: calc(100% - 3rem)
    }

    .list4_card .card_content_wrapper .UI_tabs {
        display: flex !important;
        width: 100%;
        border-bottom: 1px solid #e2e2e2;
        padding-right: 0
    }

    .list4_card .card_content_wrapper .UI_tabs a:first-child {
        padding: 1.2rem 0rem
    }

    .list4_modal_card .modal_content .container {
        padding: 0 6.5rem
    }

    .job_detail_view2 .container {
        padding: 0 6.5rem
    }

    .job_detail_view2 .UI_tabs {
        top: 139px
    }

    .job_detail_view2 .ui_card_top {
        top: 60px
    }

    .job_detail_view2 .ui_card_top.header_title_fixed {
        z-index: 4;
        top: 113px
    }

    .job_detail_view2 .ui_card_top.header_fixed {
        top: 113px;
        z-index: 3
    }

    .job_detail_view2 .ui_card_company_items {
        padding-top: 5rem
    }

    .job_detail_view2 .ui_card_company_items.sticky-top {
        padding-top: 9rem
    }

    .job_detail_view2 .ui_card_company_items .UI_logo_rounded {
        width: 8rem !important;
        height: 8rem !important;
        background: white;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

    }

    .job_detail_view2 .job_competitor_analyze .competitor_analyze_region {
        padding: 4rem 0
    }

    .job_competitor_analyze {
        margin-top: 3.5rem
    }

    .analysis_region .job_experience:last-child {
        display: none
    }

}

@media(max-width:1024px) {
    .list4_modal_card .modal_content .container {
        padding: 0 6.5rem
    }

    .list4_modal_card .job_competitor_analyze .competitor_analyze_region {
        padding: 4rem 0 4.2rem 0
    }

    .list4_card .region_right {
        display: none
    }

    .list4_card .analysis_region {
        display: block
    }

    .list4_card .analysis_region .block_left, .list4_card .analysis_region .block_right {
        width: 100% !important
    }

    .list4_card .analysis_region .block_right {
        margin-left: 0;
        margin-top: 1.2rem;
        padding: 2.4rem 2rem
    }

    .list4_card .analysis_region .block_right.status_logged_in .text_region p {
        width: 100%;
        text-align: center
    }

    .list4_card .analysis_region .block_right.status_logged_in .btn_more {
        margin-top: 2.3rem
    }

    .list4_card .analysis_region .block_right.status_logged_in .btn_more button {
        margin-top: 0
    }

    .list4_card .analysis_region .block_right.status_logged_in .progress_bar_group {
        justify-content: center
    }

    .list4_card .analysis_region .block_right.status_not_logged_in .block_wrapper, .list4_card .analysis_region .block_right.status_update_resume .block_wrapper {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .list4_card .analysis_region .block_right.status_not_logged_in .block_wrapper .text_region, .list4_card .analysis_region .block_right.status_update_resume .block_wrapper .text_region {
        margin-right: 3.5rem !important
    }

    .list4_card .analysis_region .block_right.status_not_logged_in .block_wrapper button, .list4_card .analysis_region .block_right.status_update_resume .block_wrapper button {
        margin-top: 0
    }

    .list4_card .analysis_region .block_right.status_update_resume .block_wrapper .txt_content {
        text-align: left !important
    }

    .list4_card .analysis_region .block_right.status_update_resume .text_region .title {
        text-align: left
    }

    .list4_card .analysis_region .block_right.status_update_resume .text_region .status_info {
        width: 100%;
        margin: .5rem -95px 0 0
    }

    .list4_card .ui_job_detail {
        padding: 3.8rem 0;
        width: 100%
    }

    .list4_card .card_content_wrapper .ui_card_content {
        width: 100%
    }

    .job_competitor_analyze .competitor_analyze_region {
        padding-bottom: 2.25rem
    }

    .ui_card_company_items_mobile {
        display: block
    }

    .job_competitor_analyze {
        margin: 0
    }

    .job_competitor_analyze .analysis_description {
/*        width: 70% !important
*/    }

}
@media(max-width:1024px) {
    .job_detail_view2 .ui_job_detail {
        padding: 5rem 0
    }

    .job_detail_view2 .container {
        padding: 0 1.5rem
    }

    .job_detail_view2 .UI_tabs {
        top: 185px
    }

    .job_detail_view2 .ui_card_top {
        top: 105px
    }

    .job_detail_view2 .ui_card_top.header_title_fixed {
        top: 105px
    }

    .job_detail_view2 .ui_card_top.header_fixed {
        top: 158px
    }
}
@media(max-width:810px) {
    .block_right {
        align-items: start !important
    }

    .block_right .text_region {
        text-align: left
    }

    .list4_card .UI_tabs .tabs_list a {
        margin-right: 2rem
    }

    .job_benefits_items .body_2 {
        font-size: 1.6rem
    }

    .job_benefits_items .body_2 .UI_card_article_info {
        line-height: 1.8rem
    }

    .analysis_region {
        display: block !important;
        margin: 12px
    }

    .analysis_region .block_right {
        flex-direction: row;
        margin-left: 0;
        margin-top: 1rem !important;
        padding: 2.3rem 0rem !important;
        margin-left: 0 !important;
        display: flex !important
    }

    .analysis_region .block_right .text_region {
        text-align: left;
        margin-right: 3.5rem !important
    }

    .analysis_region .block_right button {
        margin-top: 0px !important;
        margin-left: 2rem
    }

    .job_same_vacancies .same_company_group .items {
        width: 33.33333%
    }

    .job_skill_recommon .items {
        padding: 0
    }

    .job_skill_recommon .items:nth-child(odd) {
        padding-right: 19px
    }

    .list4_modal_card .modal_content .container {
        padding: 0 4.5rem;
        max-width: 100%
    }
}

@media(max-width:680px) {
    .ui_job_items_group {
        display: block !important
    }

    .ui_job_items_group .ui_job_items:first-child {
        border-right: 0;
        padding: 0;
        max-width: 100%
    }

    .ui_job_items_group .ui_job_items:last-child {
        padding: 2.6rem 0 0 0;
        border-top: 1px solid #e2e2e2;
        max-width: 100%
    }

    .m_info_group {
        display: block !important
    }

    .m_info_group.conditions .alert_items {
        display: block !important;
        white-space: inherit !important
    }

    .m_info_group.conditions .job_info_title {
        margin-bottom: .5rem
    }

    .m_info_group.conditions .description_info {
        width: 100%
    }

    .m_info_group .ui_items_group {
        display: flex;
        align-items: start
    }

    .m_info_group .ui_items_group_region .items_group {
        display: block;
        margin-bottom: 15px
    }

    .m_info_group .ui_items_group_region .items_group .grade_items {
        display: inline-block
    }

    .m_info_group .ui_items_group_region .items_group .grade_items:last-child {
        border-right: 0 !important
    }

    .m_info_group .job_info_title {
        margin-bottom: 1.7rem;
        display: block
    }

    .job_application .alert_items .alert_info_description p {
        width: 80% !important
    }

    .job_application .alert_items .btn_more .txt {
        display: none
    }

    .list4_card .ui_card_content .content_items .UI_logo_rounded {
        width: 5.2rem;
        height: 5.2rem
    }
    .list4_card .ui_card_content .content_items .UI_card_work_company {
        width: 100%;
        border-right: unset;
    }

    .list4_card .ui_card_content .content_items .UI_card_work_company {
        margin-right: 35px;
        padding-right: 30px
    }

    .list4_card .ui_card_content .content_items .UI_card_work_info {
        display: block
    }

    .list4_card .ui_card_content .content_items .UI_card_work_apply_detail {
        padding-top: 30px;
        margin-top: 30px;
        border-top: 1px solid #e2e2e2;
        width: 100%
    }

    .list4_card .ui_card_content .content_items .UI_card_work_company::after {
        display: none
    }

}

@media(max-width:550px) {
    .job_detail_view2 {
        margin-top: 6rem
    }

    .job_detail_view2 .ui_card_top {
        padding-bottom: 1rem;
        top: 88px
    }

    .job_detail_view2 .ui_card_top.sticky-top .header_title_fixed {
        top: 93px;
        padding-top: 1.5rem
    }

    .job_detail_view2 .ui_card_top.header_fixed {
        top: 146px;
        display: block;
    }

    .job_detail_view2 .data_trans {
        display: block !important
    }

    .job_detail_view2 .container {
        padding: 0 2.3rem
    }

    .job_detail_view2 .alert_items {
        margin-top: .5rem
    }

    .job_detail_view2 .alert_items .alert_info {
        display: block
    }

    .job_detail_view2 .UI_tabs {
        top: 180px
    }

    .list4_card .job_competitor_analyze .competitor_analyze_region .company_job_vacancies {
        padding-left: 3.5rem
    }

    .list4_card .ui_job_detail {
        padding: 1rem 0
    }

    .list4_card .ui_job_items {
        margin-top: 2.6rem
    }

    .list4_card .UI_tabs {
        margin-top: 0;
        overflow-x: hidden;
    }

    .list4_card .UI_tabs .tabs_list {
        top: 0;
        display: flex;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
    }

    .list4_card .UI_tabs .tabs_list a {
        display: inline-block;
        margin-right: 2.5rem
    }

    .list4_card .ui_card_content .content_items {
        margin-top: 3rem
    }

    .list4_card .ui_card_content .content_items.job_skill {
        margin-top: 2.2rem
    }

    .list4_card .ui_card_top {
        padding-bottom: 1rem
    }

    .list4_card .ui_card_top .title_4 {
        font-size: 2.2rem
    }

    .list4_card .ui_card_top .ui_job_detail p {
        font-size: 1.7rem
    }

    .list4_card .ui_card_top .job_info span {
        margin-right: 1.5rem
    }

    .list4_card .ui_card_company_items {
        padding-top: 0
    }

    .list4_card .ui_job_items_group {
        width: 100%
    }

    .list4_card .analysis_region .block_left {
        display: block !important;
        padding: 3.6rem 4.2rem !important;
        width: 100% !important
    }

    .list4_card .analysis_region .block_left .job_experience:first-child {
        margin-bottom: 7rem
    }

    .list4_card .analysis_region .block_right {
        margin-left: 0;
        margin-top: 1.2rem;
        padding: 2.4rem 0
    }

    .list4_card .analysis_region .block_right .text_region {
        text-align: center;
        margin-right: 0 !important
    }

    .list4_card .analysis_region .block_right .text_region p {
        width: 100%
    }

    .list4_card .analysis_region .block_right .btn_more {
        margin-top: 2.3rem
    }

    .list4_card .analysis_region .block_right.status_not_logged_in {
        padding: 2.9rem 0 !important
    }

    .list4_card .analysis_region .block_right.status_not_logged_in .block_wrapper {
        display: block !important
    }

    .list4_card .analysis_region .block_right.status_not_logged_in .block_wrapper .btn_more {
        margin-top: 1.2rem
    }

    .list4_card .analysis_region .block_right.status_not_logged_in .block_wrapper .text_region {
        margin-right: 0 !important
    }

    .list4_card .analysis_region .block_right.status_logged_in .block_wrapper {
        display: block
    }

    .list4_card .analysis_region .block_right.status_logged_in .block_wrapper .text_region {
        margin-right: 0 !important
    }

    .list4_card .analysis_region .block_right.status_logged_in .block_wrapper .text_region .title {
        text-align: center
    }

    .list4_card .analysis_region .block_right.status_logged_in .block_wrapper .text_region .txt_content {
        text-align: left
    }

    .list4_modal_card .UI_tabs {
        top: 65px
    }

    .list4_modal_card .data_trans {
        display: block !important
    }

    .list4_modal_card .modal_content .container {
        padding-right: 23px;
        padding-left: 23px;
        margin-right: auto;
        margin-left: auto
    }

    .same_items .items {
        padding: .75rem
    }

    .same_items .items:first-child {
        padding: .75rem
    }

    .job_competitor_analyze .analysis_description {
        width: 100% !important
    }

    .job_competitor_analyze .competitor_analyze_region {
        padding: 2.9rem 0rem
    }

    .job_same_vacancies .same_items_group .items, .job_same_vacancies .same_company_group .items {
        width: 100%
    }

    .job_same_vacancies .UI_card_work .UI_logo_rounded {
        display: none
    }

    .job_same_vacancies .UI_card_work .UI_card_work_company {
        width: 100%
    }

    .job_same_vacancies .UI_card_work .UI_card_work_head h3 {
        font-size: 1.6rem
    }

    .job_skill_recommon .items:nth-child(odd) {
        padding: 0
    }

    .ui_card_company_items_mobile .items_wrapper .ui_card_company_items_md {
        display: none
    }

    .ui_card_company_items_mobile .items_wrapper .ui_card_company_items_sm {
        display: block;
        padding: 0 1.5rem
    }

    .ui_card_company_items_mobile .items_wrapper .ui_card_company_items_sm .ui_company_bg {
        margin-bottom: 2rem
    }
    .ui_card_company_items_mobile .items_wrapper .bg_cover{
        margin-top: 32px;
    }
    .ui_card_company_items_mobile .items_wrapper .bg_cover img{
        margin-top: 20px;
    }
    .ui_card_company_items_mobile .items_wrapper .UI_logo_rounded{
        top: -70px;
    }
}

@media(max-width:480px) {
    .list4_card .ui_card_top .job_info {
        white-space: normal;
    }

    .list4_card .ui_card_top .job_info span {
        margin-right: 1.3rem;
        letter-spacing: -1px
    }

    .list4_card .ui_card_top .job_info span:last-child {
        margin-right: 0
    }

}

@media(max-width:375px) {
    .job_detail_view2 .UI_tabs {
        top: 170px
    }

    .list4_modal_card .list4_card .UI_tabs {
        top: 60px
    }
    /* .job_salary_region .job_info_content .btn-group{
        right: 40px;
    } */
}

@media(max-width:320px) {
    .article_footer ul {
        padding-left: 0px
    }

}

body {
    font-family: "Noto Sans TC"
}

.main_wrap {
    background-color: #e6edf2
}

.main_wrap .container {
    padding-right: 0;
    padding-left: 0
}

.content {
    padding-bottom: 110px
}

.scroll-y {
    overflow-y: auto
}

.mark_txt {
    color: var(--primary_4)
}

@media(max-width:1189px) {
    .content {
        padding-bottom: 90px
    }

}

@media(min-width:1024px)and (max-width:1189px) {
    .main_wrap .container {
        max-width: 892px
    }

}

@media(max-width:1023px) {
    .main_wrap .container {
        padding-right: 15px;
        padding-left: 15px
    }

}

@media(max-width:550px) {
    .content {
        padding-bottom: 50px
    }

}

/*# sourceMappingURL=sophia.css.map */


.crop_content .main_wrap {
    background-color: unset;
}

.crop_content .content {
    padding-bottom: 0px;
}

.crop_content .card_wrap {
    padding: 0px 8px 23px 8px;
    background: #e6edf2;
    border-radius: 8px;
}


.job_qa {
    font-family: "Prompt", "Noto Sans TC", sans-serif;
}
.job_qa .job_ask_info {
    padding: 1.5rem 0 0 0;
}
.job_qa .job_ask_info .UI_icon_notice {
    margin-top: 0.3rem;
}
.job_qa .job_ask_info span {
    color: var(--grey_5);
    line-height: normal;
}
.job_qa .job_ask_textarea {
    position: relative;
    padding-bottom: 2.5rem;
    border: 1px solid #CBCBCB;
    border-radius: 0.6rem;
}
.job_qa .job_ask_textarea textarea {
    font-size: 1.6rem;
    border: none;
    padding: 0.9rem 1.2rem;
    width: 100%;
    resize: none;
    outline: none;
    min-height: 100px;
    background: #fff;
    border-radius: 0.6rem;
}
.job_qa .job_ask_textarea .showTextNum {
    position: absolute;
    right: 1rem;
    bottom: 0.7rem;
    font-size: 1.4rem;
    color: var(--grey_5);
    line-height: 0;
}
.job_qa .job_ask_textarea .result {
    padding: 0 0.2rem;
}
.job_qa .job_ask_button {
    text-align: right;
}
.job_qa .job_ask_button a {
    padding: 0.4rem 2.5rem;
}
.job_qa .job_ask_button .btn_secondary_6 {
    border: none;
}
.job_qa .job_ask_checkbox {
    position: relative;
    padding: 0.5rem 0 0.5rem 2.8rem;
}
.job_qa .job_ask_checkbox .checkbox_items {
    margin-bottom: 0;
}
.job_qa .job_ask_checkbox .checkmark {
    top: calc(50% - 1rem);
}
.job_qa .job_answer_box {
    padding-top: 2rem;
}
.job_qa .job_answer_nodata {
    background: #f4f6f7;
    border-radius: 0.8rem;
    padding: 2rem;
    color: var(--grey_5);
    text-align: center;
    font-size: 1.6rem;
}
.job_answer_data .data_count {
    margin: 0 0 1.5rem 0;
}
.job_answer_data .job_answer_info {
    font-size: 1.6rem;
    color: var(--grey_5);
}
.job_answer_data .job_answer_item {
    line-height: normal;
}
.job_answer_data .job_answer_item+.job_answer_item {
    margin: 1.5rem 0 0 0;
    border-top: #e2e2e2 solid 1px;
    padding: 1.5rem 0 0 0;
}
.job_answer_data .job_answer_card.main {
    margin: 0 0 0.8rem 0;
}
.job_answer_data .job_answer_card.replyA {
    padding: 0 0 0 2.7rem;
}
.job_answer_data .qa_info {
    display: flex;
    align-items: center;
}
.job_answer_data .qa_text {
    padding: 0 0 0 2.7rem;
    color: #212529;
}
.UI_icon_user {
    background-image: url(../images/icon_user.svg);
    width: 2.4rem;
    height: 2.4rem;
}
.job_qa .UI_icon_share2 {
    transform: scaleY(-1);
    width: 2.1rem;
    height: 2.1rem;
}
.job_answer_data .UI_icon_user,.job_answer_data .UI_icon_share2 {
    opacity: 0.4;
    margin: 0 0.5rem 0 0;
}
.job_answer_data .job_answer_no_login {
    margin: 0 0 0 2.7rem;
}
.job_answer_data .job_answer_no_login a {
    color: var(--primary_4);
    text-decoration: underline;
    background: var(--grey_2);
    padding: 1.5rem;
    text-align: center;
    border-radius: 0.6rem;
    display: block;
    font-size: 1.5rem;
}
.job_answer_data .job_answer_no_login a:hover {
    text-decoration: none;
}
.job_answer_data .job_answer_info {
    height: auto;
    -webkit-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.job_answer_data .job_answer_info.hide {
    height: 60px;
    overflow: hidden;
}
.job_answer_data .job_answer_info.hide .qa_text {
    opacity: 0.2;
}
.job_answer_toggle {
    text-align: center;
    padding: 2rem 0 0 0;
}
.job_answer_toggle .btn_answer {
    position: relative;
    color: var(--primary_3);
    font-size: 1.6rem;
}
.job_answer_toggle .btn_answer::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 22px;
    -webkit-mask: url(../images/icon_arrow_2.svg) no-repeat center center;
    mask: url(../images/icon_arrow_2.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--primary_3);
    top: 0;
    margin: 0 0 0 0.3rem;
    -webkit-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.job_answer_toggle .btn_answer.active::after {
    transform: rotate(180deg);
}

.faq_overlay {
    z-index: 999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
}

.faq_modal {
    z-index: 1000;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 40rem;
    transform: translate(-50%, -50%);
}

.faq_modal .card-text {
    text-align: center;
}

.nav_user .dropdown-toggle .resume_off::before {
    content: '';
    display: block;
    position: absolute;
    width: 0.9rem;
    height: 0.9rem;
    background: #FF0001;
    border-radius: 1rem;
    right: -0.3rem;
    top: 0;
}

.dropdown_user_remind {
    background: #F7DEF0;
    padding: 1.2rem 1rem;
    text-align: center;
}

.dropdown_user_remind .title_7 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.dropdown_user_remind .UI_icon_notice2 {
    vertical-align: sub;
    margin-right: 0.5rem;
    cursor: auto;
}

.dropdown_user_remind a.body_4 {
    color: var(--grey_6);
    text-decoration: underline;
}

.dropdown_user_remind a.body_4:hover {
    color: var(--grey_8);
    text-decoration: none;
}

.corp_info .corp_more {
    word-break: break-word;
}

.corp_brank_link a {
    color: var(--primary_4);
    text-decoration: underline;
}

.identity_CAT {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1.2rem;
}

    .identity_CAT .cat_item {
        display: flex;
        align-items: center;
    }

        .identity_CAT .cat_item a {
            text-decoration: underline;
        }

        .identity_CAT .cat_item .tooltip_popup_center {
            width: 30rem;
        }

@media(max-width:550px) {
    .identity_CAT .cat_item .tooltip_popup_center {
        width: 16rem;
    }
}