/*recommendation*/
.recommendation {
    background: #FDF4EE !important;
}

.recommendation_inner {
    background: #FBE8DA !important;
}

.recommendation_list li {
    background: linear-gradient(to right, #ffffff, #fdf3ec) !important;
}

.recommendation_list li .emphasis {
    color: #B4560E !important;
}

.recommendation_list li::before {
    background-color: #B4560E !important;
}

/*/recommendation*/

/*product_nav*/
.product_nav li a::before {
    background: #E36807 !important;
}

.product_nav li a::after {
    background-color: #E36807 !important;
}

.product_nav li a:hover {
    background: linear-gradient(to bottom, #fff 0%, #fff 38%, #FDF4EE 100%) !important;
}

.product_nav li a:hover::before {
    background: #B4560E !important;
}

.product_hero .product_copy h2 {
    font-size: 22px;
    font-weight: bold;
}

.product_hero .product_copy h2.highlight01 {
    color: #B4560E;
}

.product_hero .product_copy h2.highlight02 {
    color: #D40C19;
}

.product_hero .product_copy h2.highlight03 {
    color: #0F684A;
}

.price_list .price_list_table caption {
    background: #B4560E !important
}

.price_list .price_list_table td.number,
.price_list .price_list_table td.price {
    color: #B4560E !important
}

.product_feedback .sub_title {
    color: #B4560E !important
}

.user_info .name {
    color: #B4560E !important;
}

.user_info .age {
    color: #686868 !important
}

.user_info .note {
    color: #D40C19 !important
}

.feedback_list li .info_block {
    flex: 1 !important;
}

.feedback_list li figure {
    width: 260px !important;
}

.product_feedback {
    background: linear-gradient(to bottom, #fff 0%, #EEF7FF 15%, #EEF7FF 75%, #EEF7FF 100%) !important
}

.nav_all_pc button::before {
    background-color: #cfad39 !important
}

.nav_all_pc button::after {
    position: absolute !important;
    background: #cfad39 !important;
    content: '';
    width: 100%;
    height: 5px;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*main*/
.pic_1 {
    width: 900px;
    margin: 30px auto 0 auto;
}

.pic_1 img {
    width: 100%;
}

.pic_3 {
    width: 900px;
    height: 1045px;
    margin: 0 auto;
    position: relative;
    background: url(/img/goods/br0006/pic3.webp);
    text-align: center;
}

.pic_3:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 354px;
    background: url(/img/goods/br0006/pic3_bottom.webp)no-repeat;
    background-size: 100% auto;
    bottom: -156px;
    z-index: 1;
    left: 0;
}

.pic_3 .flex_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px;
}

.pic_3 .pic3_txt {
    width: 70%;
}

.pic_3 .pic3_pro {
    width: 44%;
    z-index: 1;
}

.pic_3 .ball1,
.pic_3 .ball2,
.pic_3 .ball3 {
    position: absolute;
}

.pic_3 .ball1 {
    top: 27%;
    left: 1%;
    width: 260px;
    animation: float 1s linear infinite alternate;
}

.pic_3 .ball2 {
    top: 56%;
    left: 2%;
    width: 243px;
    animation: float 1s linear infinite alternate;
}

.pic_3 .ball3 {
    top: 40%;
    right: 2%;
    width: 278px;
    animation: float 1s -0.5s linear infinite alternate;
}

.pic_3 .detail_small {
    font-size: 13px;
    text-align: right;
    padding-right: 3%;
    margin-top: -7%;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(5%);
    }
}

.pic_4 {
    width: 900px;
    margin: auto;
    background: #f3e9c1 no-repeat;
}

.pT1 {
    padding-top: 169px;
}

.pT2 {
    padding-top: 41px;
    padding-bottom: 40px;
}

.bg1 {
    background-image: url(/img/goods/br0006/pic4.webp);
    background-position: right 20px;
    background-size: 34%;
}

.bg2 {
    background-image: url(/img/goods/br0006/pic4_1.webp);
    background-position: right 3px;
    background-size: 34%;
}

.pic_4_area1 {
    width: 45%;
    margin-left: 63px;
    padding-bottom: 1px;
}

.pic_4_area1>p.h1 {
    font-size: 45px;
    font-weight: 600;
    font-family: "arial";
}

.pic_4_area1 .label1 {
    background: #d92625;
    margin-top: 9px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-family: "arial";
    font-weight: 600;
    letter-spacing: 4px;
    padding: 4px 0;
    border-radius: 18px 0;
}

.pic_4_area1+p,
.pic_4 .box2 p,
.pic_5 p:nth-child(2) {
    font-size: 20px;
    line-height: 1.7;
    margin: 0 63px;
    padding-bottom: 0;
    color: #474642;
    font-weight: 600;
}

.pic_4_area1+p b,
.pic_4 .box2 p b,
.pic_5 p:nth-child(2) b {
    text-decoration: underline;
    text-decoration-color: #fff60e;
    /* 紅色下劃線 */
    text-decoration-thickness: 10px;
    text-underline-offset: -6px;
}

.pic_4 .box4 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 8px;
    margin: 25px 0;
}

.pic_4 .box4 p {
    width: calc(50% - 8px);
    background: #fff;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: 700;
    border-left: #d92625 6px solid;
}

.dotted {
    width: 60%;
    height: 1px;
    border-bottom: #222 dotted 1px;
    margin-left: 7%;
    padding-bottom: 29px;
}

.pic_4 .box2 {
    display: flex;
    width: 86%;
    margin: 39px auto 0 auto;
    align-items: center;
    gap: 30px;
}

.pic_4 .box2 img {
    width: 31%;
}

.pic_4 .box2>p {
    flex: 1;
    margin: 0
}

.pic_5 {
    width: 900px;
    height: 1650px;
    margin: 0 auto;
    position: relative;
    background: url(/img/goods/br0006/pic5.webp);
    text-align: center;
}

.pic_5 img:nth-child(1) {
    width: 55%;
    margin-right: -258px;
    margin-top: 35px;
}

.pic_5 p:nth-child(2) {
    margin: 1138px auto 0 auto;
    width: 82%;
    font-size: 29px;
    text-align: left;
}

.pic_6 {
    width: 900px;
    margin: 0 auto;
    position: relative;
    background: url(/img/goods/br0006/pic6.webp)no-repeat;
    display: block;
}

.pic_6 b.detail {
    font-size: 10px;
    position: absolute;
    right: 20px;
    top: 15%;
}

.pic_6 img {
    width: 90%;
    margin-top: 200px;
}

.pic_6 .box5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    margin: auto;
    column-gap: 20px;
    padding-bottom: 130px;
}

.pic_6 .box5 div {
    width: calc((100% / 3) - 14px);
    margin: 0;
    text-align: center;
}

.pic_6 .box5 div img {
    margin: 0
}

.pic_6 .box5 div p {
    font-weight: bold;
    font-size: 32px
}

.pic_7 {
    width: 900px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.pic_7 .h1 {
    color: #8D5E3D;
    font-weight: 600;
    font-size: 48px
}

.pic_7 .h2 {
    color: #8D5E3D;
    font-weight: 400;
    font-size: 32px
}

.pic_7 .label {
    width: 764px;
}

.pic_7 .round {
    width: 584px;
    margin: 20px auto 40px auto;
}

.pic_7 .paper {
    width: auto;
}

@media print,
screen and (max-width: 768px) {

    .product_hero .product_copy h2.highlight01 {
        color: #B4560E;
    }

    .product_hero .product_copy h2.highlight02 {
        color: #D40C19;
    }

    .product_hero .product_copy h2.highlight03 {
        color: #0F684A;
    }

    /*recommendation*/
    .recommendation {
        background: #FDF4EE !important;
    }

    .recommendation_inner {
        background: #FBE8DA !important;
    }

    .recommendation_list li {
        background: linear-gradient(to right, #ffffff, #fdf3ec) !important;
    }

    .recommendation_list li .emphasis {
        color: #B4560E !important;
    }

    .recommendation_list li::before {
        background-color: #B4560E !important;
    }

    /*/recommendation*/

    /*product_nav*/
    .product_nav li a::before {
        background: #E36807 !important;
    }

    .product_nav li a::after {
        background-color: #E36807 !important;
    }

    .product_nav li a:hover {
        background: linear-gradient(to bottom, #fff 0%, #fff 38%, #FDF4EE 100%);
        !important;
    }

    .product_nav li a:hover::before {
        background: #B4560E !important;
    }

    /*/product_nav*/

    /*product_feedback*/

    .product_feedback {
        background: linear-gradient(to bottom, #fff 0%, #EEF7FF 15%, #EEF7FF 75%, #EEF7FF 100%) !important;
    }

    .product_feedback .sub_title {
        color: #B4560E !important;
    }

    /*/product_feedback*/

    /*user_info*/

    .user_info {
        border-left: 2px #e03400 solid !important;
    }

    .user_info .name {
        color: #B4560E !important;
    }

    .user_info .age {
        color: #a86800 !important;
    }

    .user_info .note {
        color: #e03400 !important;
    }

    .feedback_list li figure {
        width: 100% !important;
    }

    .feedback_list li .info_block {
        flex: 1 !important;
    }

    /*main*/

    .pic_1 {
        width: auto;
        margin: -8vw auto 0 auto;
    }

    .pic_1 img {
        width: 100%;
    }


    .pic_3 {
        width: auto;
        height: 111vw;
        margin: 0 auto;
        position: relative;
        background: url(/img/goods/br0006/pic3.webp);
        text-align: center;
    }

    .pic_3:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 39vw;
        background: url(/img/goods/br0006/pic3_bottom.webp)no-repeat;
        background-size: 100% auto;
        bottom: -19vw;
        z-index: 1;
        left: 0;
    }

    .pic_3 .flex_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5vw;
    }

    .pic_3 .pic3_txt {
        width: 70%;
        height: auto;
    }

    .pic_3 .pic3_pro {
        width: 42%;
        z-index: 1;
    }

    .pic_3 .ball1,
    .pic_3 .ball2,
    .pic_3 .ball3 {
        position: absolute;
    }

    .pic_3 .ball1 {
        top: 29%;
        left: 1%;
        width: 28vw;
        height: auto;
        animation: float 1s linear infinite alternate;
    }

    .pic_3 .ball2 {
        top: 62%;
        left: 5%;
        width: 26vw;
        height: auto;
        animation: float 1s linear infinite alternate;
    }

    .pic_3 .ball3 {
        top: 44%;
        right: 4%;
        width: 30vw;
        height: auto;
        animation: float 1s -0.5s linear infinite alternate;
    }

    .pic_3 .detail_small {
        font-size: 2vw;
        text-align: right;
        padding-right: 3%;
        margin-top: -22%;
    }

    .pic_4 {
        width: auto;
        margin: auto;
        background: #f3e9c1 no-repeat;
    }

    .pT1 {
        padding-top: 18vw;
    }

    .pT2 {
        padding-top: 4vw;
        padding-bottom: 3vw;
    }

    .bg1 {
        background-image: url(/img/goods/br0006/pic4.webp);
        background-position: right 20px;
        background-size: 39%;
    }

    .bg2 {
        background-image: url(/img/goods/br0006/pic4_1.webp);
        background-position: right 3px;
        background-size: 34%;
    }

    .pic_4_area1 {
        width: 56%;
        margin-left: 30px;
        padding-bottom: 1px;
    }

    .pic_4_area1>p.h1 {
        font-size: 6vw;
        font-weight: 600;
        font-family: "arial";
    }

    .pic_4_area1 .label1 {
        background: #d92625;
        margin-top: 2vw;
        color: #fff;
        text-align: center;
        font-size: 4vw;
        font-family: "arial";
        font-weight: 600;
        letter-spacing: 4px;
        padding: 4px 0;
        border-radius: 18px 0;
    }

    .pic_4_area1+p,
    .pic_4 .box2 p,
    .pic_5 p:nth-child(2) {
        font-size: 3.8vw;
        line-height: normal;
        margin: 0 30px;
        padding-bottom: 0;
        color: #474642;
        font-weight: 500;
    }

    .pic_4_area1+p b,
    .pic_4 .box2 p b,
    .pic_5 p:nth-child(2) b {
        text-decoration: underline;
        text-decoration-color: #fff60e;
        /* 紅色下劃線 */
        text-decoration-thickness: 10px;
        text-underline-offset: -6px;
    }

    .pic_4 .box4 {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2vw;
        row-gap: 1vw;
        margin: 4vw 0;
    }

    .pic_4 .box4 p {
        width: calc(50% - 1vw);
        background: #fff;
        padding: 1vw 2vw;
        font-size: 3.4vw;
        font-weight: 700;
        border-left: #d92625 6px solid;
    }

    .dotted {
        width: 60%;
        height: 1px;
        border-bottom: #222 dotted 1px;
        margin-left: 7%;
        padding-bottom: 4vw;
    }

    .pic_4 .box2 {
        display: flex;
        width: auto;
        margin: 5vw 30px 0 30px;
        align-items: flex-start;
        gap: 30px;
    }

    .pic_4 .box2 img {
        width: 25%;
        height: auto;
    }

    .pic_4 .box2>p {
        flex: 1;
        margin: 0
    }

    .pic_5 {
        width: auto;
        height: 183.5vw;
        margin: 0 auto;
        position: relative;
        background: url(/img/goods/br0006/pic5.webp)no-repeat;
        text-align: center;
        background-size: 100% auto;
    }

    .pic_5 img:nth-child(1) {
        width: 57%;
        height: auto;
        margin-right: -34vw;
        margin-top: 6vw;
    }

    .pic_5 p:nth-child(2) {
        margin: 122vw auto 0 auto;
        width: 82%;
        font-size: 4vw;
        text-align: left;
        line-height: 1.4;
    }

    .pic_6 {
        width: auto;
        margin: 0 auto;
        position: relative;
        background: url(/img/goods/br0006/pic6.webp)no-repeat;
        background-size: 100% auto;
        display: block;
    }

    .pic_6 b.detail {
        font-size: 2.2vw;
        position: absolute;
        right: 20px;
        top: 10%;
    }

    .pic_6 img {
        width: 90%;
        height: auto;
        margin-top: 19vw;
    }

    .pic_6 .box5 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 93%;
        margin: auto;
        column-gap: 2vw;
        padding-bottom: 13vw;
    }

    .pic_6 .box5 div {
        width: calc((100% / 3) - 14px);
        margin: 0;
        text-align: center;
    }

    .pic_6 .box5 div img {
        margin: 0
    }

    .pic_6 .box5 div p {
        font-weight: bold;
        font-size: 3.4vw;
    }

    .pic_7 {
        width: auto;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

    .pic_7 .h1 {
        color: #8D5E3D;
        font-weight: 600;
        font-size: 7vw;
    }

    .pic_7 .h2 {
        color: #8D5E3D;
        font-weight: 400;
        font-size: 4vw;
    }

    .pic_7 .label {
        width: 85%;
        height: auto;
    }

    .pic_7 .round {
        width: 71%;
        height: auto;
        margin: 3vw auto;
    }

    .pic_7 .paper {
        width: auto;
        height: auto;
    }

    .feedback_list li figure {
        width: 60% !important;
        margin: auto;
    }

}