/*F5-3-1​*/
.color_blue {
    color: var(--primary-orange) !important;
}

.color_red {
    color: #CF7D00 !important;
}

.color_orange {
    color: #1BA0AB !important;
}

.color_green {
    color: #4A7759 !important;
}

.color_purple {
    color: #434344 !important;
}

/* 表格預設樣式 - 深藍色表頭（加強版）*/
.table_cus thead th,
.table_cus tbody th,
.table_cus thead {
    color: #fff !important;
    background-color: #456d87 !important;
    font-weight: 600;
    border-color: #3a5c73;
}

.table_cus thead th {
    padding: 12px 8px;
    vertical-align: middle;
}

.table_cus.blue thead th,
.table_cus.red thead th,
.table_cus.orange thead th,
.table_cus.green thead th,
.table_cus.purple thead th {
    background-color: #E3E3E3 !important;
    color: #282828 !important;
}

/* 註解掉個別顏色樣式，統一使用灰底黑字 */
/*
.table_cus.blue thead th {
    background-color: #75CAFF !important;
    color: #fff !important;
}

.table_cus.red thead th {
    background-color: #F5568B !important;
    color: #fff !important;
}

.table_cus.green thead th {
    background-color: #62C7C2 !important;
    color: #fff !important;
}

.table_cus.orange thead th {
    background-color: #FF9160 !important;
    color: #fff !important;
}

.table_cus.purple thead th {
    background-color: #AB81EB !important;
    color: #fff !important;
}
*/

.btn-navy {
    background-color: #5F5F5F;
    border-color: #5F5F5F;
    color: #FFF !important;
}

.btn-navy:hover {
    background-color: #2f2f2f;
    border-color: #2f2f2f;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgb(237 237 237 / 30%);
}

.custom-outer-nav.hrefstyle .nav-link {
    color: #4A4A4A;
}

.custom-outer-nav.hrefstyle .nav-link.active {
    color: #FFF;
}

.custom-outer-nav.hrefstyle .nav-link:hover {
    color: #FFF;
    background-color: var(--primary-orange);
}

.pagination .page-link {
    border: 0;
    color: #616161;
}

.page-item.active .page-link {
    background-color: var(--primary-orange);
    color: #FFF;
}

.page-item.disabled .page-link {
    color: #A9A9A9;
}

/* F5-4-1-F5-4-3 */
.nav.nav-tabs.nav-fill.gray .nav-item .nav-link {
    background-color: #FFF;
    border: 1px solid #5F5F5F;
    color: #5F5F5F;
    border-radius: 20px;
}

.nav.nav-tabs.nav-fill.gray {
    border: 0;
    gap: 3px;
    margin-bottom: .725rem;
}

.nav-tabs .nav-link {
    border-radius: 20px;
}

.nav.nav-tabs.nav-fill.gray .nav-item .nav-link.active,
.nav.nav-tabs.nav-fill.gray .nav-item .nav-link:hover {
    color: #FFF;
    background-color: var(--primary-orange);
    border-color: var(--primary-orange);
}

.btn-blue,
.btn-red,
.btn-orange,
.btn-green,
.btn-purple {
    background-color: #FFF;
    border: 1px solid #CBCBCB;
    color: #5F5F5F;
}

.panel-title a.btn.active,
.panel-title a.btn:hover {
    color: #FFF;
    background-color: var(--primary-orange);
    border-color: var(--primary-orange);
}

.sec_title {
    color: var(--primary-orange);
}

.card-header h4 a {
    color: #5F5F5F;
    background-color: #FAFCFF;
}

.table.cus .color_red,
.table.cus .color_blue,
.table.cus .color_green,
.table.cus .color_navy,
.table.cus .color_orange {
    color: #434344 !important;
}

p {
    color: #4b4b4b;
}

.card.acc a {
    padding: .75rem 0.55rem;
}

.table a {
    color: var(--primary-orange);
}

.table a:hover {
    color: #892205;
}

@media (max-width:768px) {
    .acc.ctr-padding .card-body {
        padding: 0;
    }
}

/*F0-2-1*/
.guide_list .badge.badge-light {
    font-weight: 700;
    color: #D24119;
    background-color: #FFF;
    border-color: #D24119;
    border-radius: 50rem;
}

.glink_list.ch {
    width: 25%;
    max-width: 25%;
}

.glink_list a {
    display: block;
    padding: .4rem .75rem;
}

.glink_list span {
    pointer-events: none;
}

@media (max-width: 1440px) {
    .glink_list.ch {
        width: 33.3333%;
        max-width: 33.3333%;
    }
}

@media (max-width: 992px) {
    .glink_list.ch {
        width: 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .glink_list.ch {
        width: 100%;
        max-width: 100%;
    }
}

.glink_list .btn-red {
    background-color: #FFEEE9;
    border: 0;
    border-bottom: 1px solid #FF5629;
    color: #242424 !important;
    border-radius: 0;
    text-align: center !important;
}

.glink_list .btn-red:hover {
    color: #FFF !important;
    background-color: #D24119;
}

/*F0-2-4*/
.btn-orange {
    background-color: #D24119;
    color: #FFF;
}

.rounded-pill {
    border-radius: 50rem !important;
}

/*F0-2-4*/
.modal-content .nice-select .list {
    max-height: 280px !important;
    overflow-y: auto !important;
    width: 100%;
}

@media (max-width: 576px) {
    .modal-content .nice-select .list {
        font-size: 0.9rem;
    }
}

/*F6-3-1*/
.badge-warning {
    color: #fff;
    background-color: #D24119;
}

.card-img-top img {
    height: auto !important;
    width: 100% !important;
    transition: .5s;
    object-fit: cover;
}

/* 手機版預設隱藏篩選區塊 */
@media (max-width: 767px) {
    #mobile-filter-wrapper {
        display: none;
        margin-top: 10px;
    }
}

/* 桌機版一律顯示，不論有沒有下 style="display:none" */
@media (min-width: 768px) {
    #mobile-filter-wrapper {
        display: block !important;
    }
}

/* 讓手機版按鈕好看一點 */
#toggleFilter {
    background-color: #ff7b00;
    color: white;
    font-weight: bold;
}

/*F6-3-2*/
.badge-success {
    background-color: #D24119;
}

.btn-purple {
    color: #fff !important;
    background-color: #D24119;
    border-color: #D24119;
    font-weight: 400 !important;
}

.btn-purple:hover {
    color: #fff !important;
    background-color: #8C2B10;
    border-color: #8C2B10;
}

.qq_img .carousel-inner .carousel-item img {
    height: auto;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

/*F6-2-1-F-6-2-3.html*/

.sp03_box h6 {
    color: #FF5629;
}

.sp03_box::before {
    border: 5px solid #FF5629;
}

.sp03_box {
    border-left: 4px dotted #FF5629;
}

.sp03_box.bus span {
    background-color: #0D808B;
}

.sp03_box.bus {
    border-left: 4px solid #0D808B;
}

.sp03_box.bus::before {
    background-color: #0D808B;
}

.sp03_box.bus span::after {
    border-color: transparent #0D808B transparent transparent;
}