@media (min-width: 1px) {
    .nav-card-text-len {
        max-width: 12rem;
    }
    .nav-text-len {
        width: auto;
    }
}

@media (min-width: 576px) {
    .container-card {
        width: 30rem;
    }

    .detail-min-h {
        min-height: auto;
    }
    .nav-card-text-len {
        max-width: 22rem;
    }
    .nav-text-len {
        width: auto;
    }

}

@media (min-width: 768px) {
    .container-card {
        width: 35rem;
    }

    .detail-min-h {
        min-height: 800px;
    }

    .nav-text-len {
        max-width: 10rem;
    }

    .nav-card-text-len {
        width: auto;
    }
}

@media (min-width: 992px) {
    .container-card {
        width: 40rem;
    }

    .detail-min-h {
        min-height: 900px;
    }

    .nav-text-len {
        max-width: 10rem;
    }

    .nav-card-text-len {
        width: auto;
    }
}

@media (min-width: 1200px) {
    .container-card {
        width: 45rem;
    }

    .detail-min-h {
        min-height: 1000px;
    }

    .nav-text-len {
        max-width: 10rem;
    }

    .nav-card-text-len {
        width: auto;
    }
}

.rounded-search-right {
    border-radius: 0 50rem 50rem 0 !important;
}

.rounded-search-left {
    border-radius: 50rem 0 0 50rem !important;
}

.product-class {
    /* 文本色/系统灰 */
    color: #A1A1A1;
}

.card-header-top {
    padding-top: 0.5rem;
}

.card-footer-bottom {
    padding-bottom: 0.5rem;
}

.font-size-xs {
    font-size: 0.8rem !important;
}

.font-size-s {
    font-size: 0.9rem !important;
}

.font-size-m {
    font-size: 1.2rem !important;
}

.font-size-l {
    font-size: 1.3rem !important;
}

.font-size-xxs{
    font-size: 0.7rem !important;
}

.bg-black {
    background-color: black !important;
}

.bg-nav {
    background-color: white !important;
}

.bg-org {
    background-color: #EA500C !important;
}

.bg-blue {
    background-color: #283692 !important;
}

.border-org {
    border-color: #EA500C !important;
}

.border-big-org {
    border: 3px solid #EA500C !important;
}

.text-blue {
    color: #283692 !important;
}

.text-org {
    color: #EA500C !important;
}



.text-black {
    color: black;
    text-decoration: none;
    background-color: transparent;
}

.bg-img-product {
    background-image: url("../../img/product_top.png");
}

.bg-img-dynamic {
    background-image: url("../../img/dynamic_top.png");
}

.bg-img-us {
    background-image: url("../../img/us_top.png");
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #283692 !important;
}

a:hover {
    color: #283692;
    text-decoration: underline;
}

a {
    color: #283692;
    text-decoration: none;
    background-color: transparent;
}

.btn-blue {
    color: #fff;
    background-color: #283692;
    border-color: #283692;
}

.btn-blue:hover {
    color: #fff;
    background-color: #283692;
    border-color: #283692;
}

.btn-outline-blue {
    color: #283692;
    border-color: #283692;
}

.btn-outline-blue:hover {
    color: #fff;
    background-color: #283692;
    border-color: #283692;
}