.resp-tabs-list > a {
    font-family: 'Roboto Slab', Helvetica, Arial, 'LiHei Pro', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif !important;
    color: rgba(25,47,61,1) !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    line-height: 1.28571429em !important;
    margin: 0 !important;
    text-align: center !important;
    position: relative !important;
}

#menu1 .resp-tab-active#yrd_info, #menu1 .resp-tab-active#yrd_info::after {
    background-color: #977347 !important;
    color: white !important
}

#menu1 .resp-tab-active#yrd_jobs, #menu1 .resp-tab-active#yrd_jobs::after {
    background-color: #86A37C !important;
    color: white !important
}

#menu1 .resp-tab-active#yrd_sharing, #menu1 .resp-tab-active#yrd_sharing::after {
    background-color: #7E7E5A !important;
    color: white !important;
}

#menu1 .resp-tab-active#yrd_serviceproviders, #menu1 .resp-tab-active#yrd_serviceproviders::after {
    background-color: #A88E7A !important;
    color: white !important
}

#menu1 .resp-tab-active#yrd_resourcescorner, #menu1 .resp-tab-active#yrd_resourcescorner::after {
    background-color: #AD6B4B !important;
    color: white !important
}

.resp-tabs-list > .resp-tab-active {
    background-color: #7A7AA6 !important;
    color: white !important
}

@media (min-width: 768px) {
    .resp-tabs-list > .resp-tab-active::after {
        visibility: visible !important;
        position: absolute !important;
        content: '';
        top: 100% !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) !important;
        transform: translateX(-50%) translateY(-50%) rotate(45deg) !important;
        background: none !important;
        margin: 0 !important;
        width: 1em !important;
        height: 1em !important;
        border: none !important;
        z-index: 2 !important;
        -webkit-transition: background 0.1s ease !important;
        transition: background 0.1s ease !important;
        background-color: #4D4D73;
    }
}

@media (max-width: 767px) {
    h1.ui.right.floated.huge.header.ini-width {
        width: initial !important;
    }
}

.bg_YRD {
    background-image: url('/assets/img/YRD/bg.jpg') !important;
    background-position: top center !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

@media only screen and (max-width:480px) {
    .bg_YRD {
        background-image: url('/assets/img/YRD/bg.jpg') !important;
        background-position: 100% 0 !important;
        background-size: 100% auto !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }
}

.bg_YRD2 {
    background-image: url('/assets/img/YRD/bg2.jpg') !important;
    background-position: top center !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

@media only screen and (max-width:480px) {
    .bg_YRD2 {
        background-image: url('/assets/img/YRD/bg2.jpg') !important;
        background-position: 100% 0 !important;
        background-size: 100% auto !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }
}

.resp-tab-content-active .content {
    font-size: 1.2rem;
    vertical-align: middle !important;
}

.cus_YRD {
    /*color: #5E8EC2 !important;*/
}

.opaque {
    background-color: rgba(255, 255, 255, 1) !important;
}

.ui.grid {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}