@import "4710255451255.css";
@import "4710255451255_outsourcing.css?v=20261030-02";
@import "4710255450043.css";
@import "4710255450043_outsourcing.css";
@import "4710255451217.css";
@import "4710255451217_outsourcing.css";


.groupProductMenu .taab1.list-group-item.active { background: #000000; border-color: #000000 }
.groupProductMenu .taab2.list-group-item.active { background: #0080bb; border-color: #0080bb;}
.groupProductMenu .taab3.list-group-item.active { background: #334a44; border-color: #334a44;}

.goodsDetailInfo .goodsDetailInfoTag span {
    background: #ff0000;
    display: inline-block;
    margin: 5px 0;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 100px;
}


.hightlightBox {
    padding: 0px;
}

.fishoilTe th.hightlight, .fishoilTe td.hightlight {
    background: #0e6bb6;
    color: #ffffff;
}

.table-striped tbody tr:nth-of-type(odd) .hightlight {
    background-color: #2180cd;
}

.goodsDetailInfo ul{font-weight: normal;color: #df7830}
.goodsDetailInfo ul .square{list-style-type:square;color: #666666}
.goodsDetailInfo ul li span{font-weight:normal;color: #666666}

.list-group-item+.list-group-item {
    border-top-width: 1px;
}
 
@media screen and (max-width: 576px) {
    .content-row {
		min-width: 100%;
    }
}
@media (min-width: 576px) {
    .tab1 .recommendBox { font-size: 19px; margin-bottom: 80px}
}

/*
 * This page combines three independently designed product landing pages.
 * Keep the first (black maca) hero isolated from the styles imported later
 * for the B-complex and ginseng products.
 */
.maca_black_drink .sec_1 .text-1 {
    top: 4.7% !important;
    left: 52% !important;
    font-size: 78px !important;
    color: #ffe396 !important;
}

.maca_black_drink .sec_1 .text-2 {
    top: 13% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    font-size: 125px !important;
    line-height: 143px !important;
    letter-spacing: 7px !important;
    color: #fff !important;
}

.maca_black_drink .sec_1 .text-2 span {
    font-size: 155px !important;
    color: #ffd565 !important;
}

.maca_black_drink .sec_1 .text-3 {
    top: 41% !important;
    left: 11.5% !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    font-size: 46px !important;
    line-height: 70px !important;
    letter-spacing: 4px !important;
}

.maca_black_drink .sec_1 .text-3 span:nth-of-type(2) {
    margin-top: 15px !important;
    color: #fff !important;
}

/* Fourth black-maca panel: preserve the two-line centred headline. */
.maca_black_drink .sec_4 .text-1 {
    top: 3.5% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    color: #fff !important;
    font-size: 110px !important;
    line-height: 105px !important;
    letter-spacing: 10px !important;
    text-align: center !important;
}

.maca_black_drink .sec_4 .text-1 > span:not(.text-2) {
    color: #ffd866 !important;
}

.maca_black_drink .sec_4 .text-1 .text-2 {
    position: static !important;
    display: inline !important;
    color: #ffd866 !important;
    font-size: 83px !important;
    line-height: inherit !important;
    letter-spacing: 10px !important;
}

/* Fifth black-maca panel: keep the Maca Max editorial layout intact. */
.maca_black_drink .sec_5 {
    /* The B-complex stylesheet fixes .sec_5 at 1635px and crops this taller image. */
    height: auto !important;
}

.maca_black_drink .sec_5 .text-1 {
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    font-size: 65px !important;
    letter-spacing: 32px !important;
}

.maca_black_drink .sec_5 .text-1 span:nth-of-type(1) {
    position: relative !important;
    top: -10px !important;
    font-size: 56px !important;
}

.maca_black_drink .sec_5 .text-1 span:nth-of-type(2) {
    letter-spacing: 6px !important;
}

.maca_black_drink .sec_5 .text-2 {
    top: 16.5% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    font-size: 70px !important;
    letter-spacing: 12px !important;
    color: #452e00 !important;
}

.maca_black_drink .sec_5 .text-3,
.maca_black_drink .sec_5 .text-5,
.maca_black_drink .sec_5 .text-7 {
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 4px !important;
}

.maca_black_drink .sec_5 .text-3 {
    top: 47.5% !important;
    left: 11% !important;
    transform: none !important;
}
.maca_black_drink .sec_5 .text-5 { top: 70% !important; left: 46% !important; }
.maca_black_drink .sec_5 .text-7 { top: 85.5% !important; left: 11% !important; }

.maca_black_drink .sec_5 .text-4,
.maca_black_drink .sec_5 .text-6,
.maca_black_drink .sec_5 .text-8 {
    width: 45% !important;
    font-size: 30px !important;
    line-height: 38px !important;
    letter-spacing: 4px !important;
    text-align: justify !important;
    text-wrap: wrap !important;
}

.maca_black_drink .sec_5 .text-4 { top: 53.7% !important; left: 10.5% !important; }
.maca_black_drink .sec_5 .text-6 { top: 74.3% !important; left: 45.8% !important; }
.maca_black_drink .sec_5 .text-8 { top: 89.7% !important; left: 10.5% !important; }

.maca_black_drink .sec_5 .text-5 span,
.maca_black_drink .sec_5 .text-7 span { color: #92740c !important; }

/* Sixth black-maca panel: restore the centred PrimalBoost composition. */
.maca_black_drink .sec_6 .text-1 {
    top: 1.7% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    font-size: 65px !important;
    letter-spacing: 32px !important;
}
.maca_black_drink .sec_6 .text-1 span:nth-of-type(1) { position: relative !important; top: -10px !important; font-size: 56px !important; }
.maca_black_drink .sec_6 .text-1 span:nth-of-type(2) { letter-spacing: 6px !important; }

.maca_black_drink .sec_6 .text-2 {
    top: 27% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    color: #452e00 !important;
    font-size: 70px !important;
    letter-spacing: 12px !important;
}
.maca_black_drink .sec_6 .text-3 {
    top: 30.5% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    font-size: 30px !important;
    line-height: 38px !important;
    letter-spacing: 6px !important;
    text-align: center !important;
}
.maca_black_drink .sec_6 .text-4,
.maca_black_drink .sec_6 .text-5 {
    top: 38.5% !important;
    font-size: 56px !important;
    line-height: 68px !important;
    letter-spacing: 4px !important;
    text-align: center !important;
    transform: none !important;
}
.maca_black_drink .sec_6 .text-4 { left: 18% !important; }
.maca_black_drink .sec_6 .text-5 { left: 57% !important; }
.maca_black_drink .sec_6 .text-4 span,
.maca_black_drink .sec_6 .text-5 span { font-size: 76px !important; color: #442e01 !important; }

.maca_black_drink .sec_6 .text-6,
.maca_black_drink .sec_6 .text-7 {
    left: 50.5% !important;
    width: 72% !important;
    font-size: 60px !important;
    letter-spacing: 10px !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.maca_black_drink .sec_6 .text-6 { top: 52.5% !important; }
.maca_black_drink .sec_6 .text-7 { top: 77.8% !important; }
.maca_black_drink .sec_6 .text-6 span:nth-of-type(1) { color: #ffd965 !important; }
.maca_black_drink .sec_6 .text-7 span:nth-of-type(1) { color: #ff9cef !important; }

/* Seventh black-maca panel: keep the two NO ingredients in separate rings. */
.maca_black_drink .sec_7 .text-1 {
    top: 1.4% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    font-size: 65px !important;
    letter-spacing: 32px !important;
}
.maca_black_drink .sec_7 .text-1 span:nth-of-type(1) { position: relative !important; top: -10px !important; font-size: 56px !important; }
.maca_black_drink .sec_7 .text-1 span:nth-of-type(2) { letter-spacing: 6px !important; }

.maca_black_drink .sec_7 .text-2 {
    top: 4.5% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    color: #fff !important;
    font-size: 90px !important;
    letter-spacing: 15px !important;
}
.maca_black_drink .sec_7 .text-2 span { color: #ffd965 !important; }
.maca_black_drink .sec_7 .text-3,
.maca_black_drink .sec_7 .text-4 {
    font-size: 49px !important;
    line-height: 54px !important;
    letter-spacing: 6px !important;
    text-align: center !important;
    transform: none !important;
}
.maca_black_drink .sec_7 .text-3 { top: 11% !important; left: 19% !important; color: #f1eb25 !important; }
.maca_black_drink .sec_7 .text-4 { top: 11.5% !important; left: 61% !important; color: #62e1f2 !important; }

.maca_black_drink .sec_7 .text-5 {
    top: 26.5% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    color: #9d1f4a !important;
    font-size: 78px !important;
    letter-spacing: 8px !important;
}
.maca_black_drink .sec_7 .text-6 {
    top: 29.5% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    font-size: 30px !important;
    line-height: 38px !important;
    letter-spacing: 4px !important;
    text-align: center !important;
}

/* Final comparison panel: isolate both product cards from imported styles. */
.maca_black_drink .sec_11 .text-1 {
    top: 4% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    font-size: 78px !important;
    letter-spacing: 4px !important;
    text-align: center !important;
}
.maca_black_drink .sec_11 .text-2,
.maca_black_drink .sec_11 .text-7 {
    top: 38.5% !important;
    font-size: 54px !important;
    letter-spacing: 4px !important;
    transform: none !important;
    right: auto !important;
    bottom: auto !important;
}
.maca_black_drink .sec_11 .text-2 { left: 10% !important; }
.maca_black_drink .sec_11 .text-7 { left: 54.7% !important; }

.maca_black_drink .sec_11 .text-3,
.maca_black_drink .sec_11 .text-8 {
    top: 46.3% !important;
    font-size: 30px !important;
    transform: none !important;
    right: auto !important;
    bottom: auto !important;
}
.maca_black_drink .sec_11 .text-3 { left: 18% !important; }
.maca_black_drink .sec_11 .text-8 { left: 71% !important; }

.maca_black_drink .sec_11 .text-4,
.maca_black_drink .sec_11 .text-9 {
    top: 52% !important;
    font-size: 30px !important;
    line-height: 40px !important;
    text-align: center !important;
    transform: none !important;
    right: auto !important;
    bottom: auto !important;
}
.maca_black_drink .sec_11 .text-4 { left: 9% !important; }
.maca_black_drink .sec_11 .text-9 { left: 58% !important; }

.maca_black_drink .sec_11 .text-5,
.maca_black_drink .sec_11 .text-10 {
    top: 61.5% !important;
    font-size: 30px !important;
    line-height: 40px !important;
    text-align: center !important;
    transform: none !important;
    right: auto !important;
    bottom: auto !important;
}
.maca_black_drink .sec_11 .text-5 { left: 6.5% !important; }
.maca_black_drink .sec_11 .text-10 { left: 53.5% !important; }

.maca_black_drink .sec_11 .text-6,
.maca_black_drink .sec_11 .text-11 {
    top: 85.7% !important;
    color: #fff !important;
    font-size: 34px !important;
    letter-spacing: 2px !important;
    transform: none !important;
    right: auto !important;
    bottom: auto !important;
}
.maca_black_drink .sec_11 .text-6 { left: 16% !important; }
.maca_black_drink .sec_11 .text-11 { left: 66.5% !important; }

/* Black-maca FAQ: black question bars on the existing white panel. */
.maca_black_drink #accordion {
    background: #fff !important;
    padding: 0 !important;
}
.maca_black_drink #accordion .card,
.maca_black_drink #accordion .card-body {
    background-color: #fff !important;
}
.maca_black_drink #accordion .card-header {
    background: #000 !important;
    border-color: #000 !important;
}
.maca_black_drink #accordion .card-header .btn {
    color: #fff !important;
}

/* The ginseng page imports a global no-wrap rule.  B-complex testimonial
   copy must wrap so each card expands to its intended height. */
.gummies .content-row,
.gummies .sec_15 .card p {
    white-space: normal !important;
    text-wrap: wrap !important;
}

/* Male B-complex FAQ uses the product blue, independent of the other tabs. */
.gummies #accordion .goodsItemTitle.color {
    color: #0080bb !important;
}
.gummies #accordion .card-header {
    background-color: #0080bb !important;
    border-color: #0080bb !important;
}
.gummies #accordion .card-header .btn {
    color: #fff !important;
}