@charset "utf-8";
[class^="jb-"],
[class*=" jb-"] {
    position: relative;
}

/* 下方移上來的 */
.card_wrap {
    padding: 23px;
    background: #e6edf2;
    border-radius: 8px;
}

.card_wrap .job-list-item {
    margin: 0;
}

/* 工作機會-工作(移過來的) */
.badge.item-thumb.happiness-hidd,
.job_item .card-body .job_item_info .card-subtitle.happiness-hidd::before {
    visibility: hidden;
}

/* 錨點 (往上移抵銷置頂 nav bar) */
.anchor-nav {
    position: relative;
    top: -7rem;
    height: 0px !important;
}

/* 觸控模式/非觸控 切換點 */
@media (max-width: 1024px) {
    /* 
    .none-touch-mode {
        display: none; 
    }
    */
}

@media (min-width: 1025px) {
    .touch-mode {
        display: none;
    }
}

.job-loading {
    text-align: center;
}

/* 顯示淡入效果 */
.fade-on-show {
    animation: fader 2s;
}

@keyframes fader {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* 瀑布式讀取點 */
.bar-loader {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 40px;
}

.bar-loader .bar1111 {
    display: inline-block;
    position: absolute;
    width: 15%;
    background: #d8121a;
    animation: bar-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.bar-loader .bar1111:nth-child(1) {
    left: 5%;
    animation-delay: 0;
}

.bar-loader .bar1111:nth-child(2) {
    left: 30%;
    animation-delay: 0.12s;
}

.bar-loader .bar1111:nth-child(3) {
    left: 55%;
    animation-delay: 0.24s;
}

.bar-loader .bar1111:nth-child(4) {
    left: 80%;
    animation-delay: 0.36s;
}

@keyframes bar-loader {
    0% {
        top: 0;
        bottom: 0;
        margin: auto;
        height: 80%;
    }

    50%,
    100% {
        top: 0;
        bottom: 0;
        margin: auto;
        height: 40%;
    }
}

/** 符文書 */
.txtFont {
    font-family: 'runes', Noto Sans TC, Tahoma;
}

.bootstrap-select .dropdown-menu.inner {
    max-height: 200px;
}

.corp-collect:after {
    display: none;
}

@media (min-width: 768px) {
    .corp-collect:after {
        display: inline;
        content: attr(aria-label);
    }
}