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

.recommendation_inner {
    background: #FADBE7 !important;
}

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

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

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

/*/recommendation*/

/*product_nav*/
.product_nav li {
    box-shadow: 0px 5px 10px 0px rgb(125 125 125 / 30%) !important;
}

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

.product_nav li a::after {
    background: #E01A42 !important;
}

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

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

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

.product_hero .product_copy h2.highlight01 {
    color: #AF082C
}

.product_hero .product_copy h2.highlight02 {
    color: #986C25
}

.product_hero .product_copy h2.highlight03 {
    color: rgba(153, 109, 5, 1);
}

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

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

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

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

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

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

.user_info .note {
    color: rgba(34, 34, 34, 1) !important;
}

.feedback_list li .text b {
    color: rgba(153, 109, 5, 1)
}

.feedback_list li figure img {
    padding: 20px;
}

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

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

.indent {
    padding-left: 14px
}

.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;
    height: 524px;
    margin: 30px auto 0 auto;
    padding-top: 47px;
    background: url(/img/goods/br0012/pic1.webp) no-repeat;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-right: 30px;
}

.pic_1>p {
    color: #fff;
    width: 43%;
    margin-top: 29%;
    font-size: 20px;
    line-height: 1.7;
}

.pic_2 {
    width: 900px;
    height: 540px;
    margin: 0 auto;
    background: url(/img/goods/br0012/area2_bg.webp) no-repeat #77051e;
}

.pic_2 .h1 {
    font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
    font-size: 38px;
    text-align: center;
    font-weight: 600;
    text-shadow: 1px 4px 4px #00000059;
    color: #F9ECCB;
    padding-top: 22px;
}

.pic_2 .flex_box2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 90%;
    margin: 24px auto 0 auto;
    height: 444px;
    gap: 19px;
}

.pic_2 .flex_box2 div:first-child {
    width: 36%;
    text-align: center;
    padding-top: 255px;
    color: #AF082C;
    font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
    font-weight: 600;
    font-size: 28px;
    padding-left: 14px;
}

.pic_2 .flex_box2 div:first-child p {
    font-size: 35px;
    line-height: 1;
}

.pic_2 .flex_box2 div:last-child {
    flex: 1
}

.pic_2 .flex_box2 div:last-child :first-child {
    font-size: 24px;
    font-weight: 600;
    line-height: 2.5;
}

.pic_2 .flex_box2 div:last-child :last-child {
    line-height: 1.7;
    font-size: 16px;
}

.pic_3 {
    width: 900px;
    height: 663px;
    margin: 0 auto;
    background: url(/img/goods/br0012/area3_bg.webp) no-repeat #77051e;
    padding-top: 18px;
}

.pic_3>.h1 {
    font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
    font-size: 38px;
    text-align: center;
    font-weight: 600;
    text-shadow: 1px 4px 4px #00000059;
    color: #F9ECCB;
    line-height: 1.2;
}

.pic_3 .flex_left {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 63px;
    margin-top: 42px;
}

.pic_3 .flex_left div {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.pic_3 .flex_left div p.h1 {
    color: #AF082C;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}

.pic_3 .flex_left div img {
    width: 100%
}

.pic_3 .flex_left div span {
    font-size: 12px;
    line-height: 1.6;
}

.pic_3 .flex_right {
    display: flex;
    gap: 18px;
    margin-top: 11px;
    width: 89%;
    margin-left: 41px;
}

.pic_3 .flex_right img {
    width: 34.8%;
}

.pic_3 .flex_right p.h1 {
    color: #AF082C;
    font-weight: bold;
    font-size: 31px;
    text-align: center;
    line-height: 1.3;
    width: fit-content;
    padding: 15px 0px 19px 0px;
}

.pic_3 .flex_right p.h3 {
    font-size: 14px;
    line-height: normal;
    width: fit-content;
    padding: 18px 0px 12px 0px;
}

.pic_3 .flex_right p.h2 {
    font-size: 16px;
    line-height: 1.5;
    width: fit-content;
}

.pic_4 {
    width: 900px;
    height: 467px;
    margin: 0 auto;
    background: url(/img/goods/br0012/area4_bg.webp) no-repeat #77051e;
}

.pic_4>.h1 {
    font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
    font-size: 38px;
    text-align: center;
    font-weight: 600;
    text-shadow: 1px 4px 4px #00000059;
    color: #F9ECCB;
    padding-top: 11px;
}

.pic_4 .grid4_div {
    display: grid;
    padding: 41px 47px 0 47px;
    grid-template-columns: 33% 33% 1fr;
    grid-template-areas:
        "aa bb cc";
    align-items: center;
}

.pic_4 .grid4_div .grid_1 {
    grid-area: aa;
    text-align: center;
}

.pic_4>p>b {
    font-size: 14px;
    color: #E01A42;
}

.pic_4 img {
    width: 100%;
    grid-area: bb;
}

.pic_4 .grid4_div .grid_3 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 68%;
    padding-top: 10px;
    grid-area: cc;
}

.pic_4 .grid_1 p:first-child {
    line-height: 1.6;
    font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
    font-size: 36px;
    text-align: center;
    color: #AF082C;
    font-weight: 600;
}

.pic_4 .grid_1 p:last-child {
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    border-top: #AF082C solid 1px;
    padding-top: 9px;
}

.pic_4 div p b {
    font-size: 14px;
    line-height: 1.6;
    color: #E01A42;
}

.pic_5 {
    width: 900px;
    height: 437px;
    margin: 0 auto;
    background: url(/img/goods/br0012/area5_bg.webp) no-repeat #77051e;
}

.pic_5>.h1 {
    font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
    font-size: 38px;
    text-align: center;
    font-weight: 600;
    text-shadow: 1px 4px 4px #00000059;
    color: #F9ECCB;
    padding-top: 9px;
}

.pic_5 div.pic_5_in {
    flex: 1;
    display: flex;
    padding: 54px 37px 0 49px;
    gap: 57px;
    height: 77%;
    align-items: center;
}

.pic_5 div.pic_5_in div {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pic_5 div ul li {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    list-style-type: none;
    position: relative;
    padding-left: 18px;
    padding-bottom: 7px;
}

.pic_5 div ul li:before {
    position: absolute;
    content: "\25C6";
    left: 0;
    top: -2%;
    font-size: 18px;
}

.pic_5 div ul li:first-child:before {
    top: 10%;
}

.pic_5 div ul {
    width: 45%
}

.pic_5 div ul li b {
    font-size: 24px;
    vertical-align: 0px;
    padding-right: 3px;
}

.pic_5 div ul p {
    font-size: 13px;
    padding-left: 17px;
}

.pic_5 div p {
    color: #fff;
    font-size: 16px;
}

.pic_5 div p:first-child {
    font-size: 20px;
    font-weight: bold;
}

.pic_6 div ul li {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    list-style-type: none;
    position: relative;
    padding-left: 18px;
    padding-bottom: 7px;
}

.pic_6 div ul li:before {
    position: absolute;
    content: "\25C6";
    left: 0;
    top: 0%;
    font-size: 18px;
}

.pic_6 {
    width: 900px;
    height: 1060px;
    margin: 0 auto;
    background: url(/img/goods/br0012/area6_bg.webp) no-repeat #77051e bottom;
    padding-top: 0;
}

.pic_6>.h1 {
    font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
    font-size: 38px;
    text-align: center;
    font-weight: 600;
    text-shadow: 1px 4px 4px #00000059;
    color: #F9ECCB;
    margin-top: -5px;
    margin-bottom: 48px;
}

.pic_6 div.txt1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 95%;
}

.pic_6 div.txt1 p {
    width: 50%;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.pic_6 div.txt2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 90%;
    margin: 94px auto 0 auto;
}

.pic_6 div.txt2 div {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.pic_6 div.txt2 div p {
    width: fit-content;
    color: #fff;
    font-size: 17px;
}

.pic_6 div.txt3 {
    display: flex;
    justify-content: flex-end;
    padding-top: 165px;
    width: 92%;
}

.pic_6 div.txt3 ul {
    width: 60%
}

.pic_6 div.txt4 {
    display: flex;
    justify-content: flex-end;
    width: 86%;
    padding-top: 95px;
}

.pic_6 div.txt4 p {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.pic_6 div.txt5 {
    display: flex;
    justify-content: flex-end;
    width: 83%;
    padding-top: 83px;
}

.pic_6 div.txt5 p {
    color: #fff;
    font-size: 15px;
    width: 51%;
}

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

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

    .product_hero .product_copy h2.highlight02 {
        color: #986C25;
    }

    .product_hero .product_copy h2.highlight03 {
        color: rgba(153, 109, 5, 1);
    }

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

    .recommendation_inner {
        background: #FADBE7 !important;
    }

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

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

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

    /*/recommendation*/

    /*product_nav*/
    .product_nav li {
        box-shadow: 0px 5px 10px 0px rgb(125 125 125 / 30%) !important;
    }

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

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

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

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

    /*/product_nav*/

    /*product_feedback*/

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

    /*/product_feedback*/

    /*user_info*/

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

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

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

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



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

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

    .user_info .note {
        color: rgba(34, 34, 34, 1) !important;
    }

    .feedback_list li figure img {
        padding: 0px;
        width: 100% !important;
    }

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

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


    /*main*/
    .pic_1 {
        width: auto;
        height: 56vw;
        margin: -8vw auto 0 auto;
        padding-top: 11vw;
        background: url(/img/goods/br0012/pic1_sp.webp) no-repeat;
        background-size: 100% auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        padding-right: 4vw;
    }

    .pic_1>p {
        color: #fff;
        width: 44%;
        margin-top: 18%;
        font-size: 3vw;
        line-height: 1.7;
    }

    .pic_2 {
        width: auto;
        height: 120vw;
        margin: 0 auto;
        background: url(/img/goods/br0012/area2_bg_sp.webp) no-repeat #77051e;
        background-size: 100% auto;
    }

    .pic_2 .h1 {
        font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
        font-size: 6vw;
        text-align: center;
        font-weight: 700;
        text-shadow: 1px 4px 4px #00000059;
        color: #F9ECCB;
        padding-top: 2vw;
    }

    .pic_2 .flex_box2 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 88%;
        margin: 6vw auto 0 auto;
        height: auto;
        gap: 5vw;
        flex-direction: column-reverse;
    }

    .pic_2 .flex_box2 div:first-child {
        width: auto;
        text-align: center;
        padding-top: 2vw;
        color: #AF082C;
        font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
        font-weight: 700;
        font-size: 5vw;
        padding-left: 41vw;
        margin-top: 11vw;
    }

    .pic_2 .flex_box2 div:first-child p {
        font-size: 7vw;
        line-height: 1;
    }

    .pic_2 .flex_box2 div:last-child {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .pic_2 .flex_box2 div:last-child :first-child {
        font-size: 4.8vw;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 1vw;
    }

    .pic_2 .flex_box2 div:last-child :last-child {
        line-height: 1.7;
        font-size: 3.5vw;
    }

    .pic_3 {
        width: auto;
        height: 124vw;
        margin: 0 auto;
        background: url(/img/goods/br0012/bg_sp_common.webp) no-repeat #77051e;
        background-size: 100% auto;
        padding-top: 1.5vw;
    }

    .pic_3>.h1 {
        font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
        font-size: 6vw;
        text-align: center;
        font-weight: 700;
        text-shadow: 1px 4px 4px #00000059;
        color: #F9ECCB;
        line-height: 1.2;
    }

    .pic_3 .flex_left {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        padding-left: 6vw;
        margin-top: 4vw;
    }

    .pic_3 .flex_left div {
        width: calc(100% - 6vw);
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    .pic_3 .flex_left div p.h1 {
        color: #AF082C;
        font-weight: bold;
        font-size: 5vw;
        text-align: center;
    }

    .pic_3 .flex_left div img {
        width: 100%;
        height: auto;
    }

    .pic_3 .flex_left div span {
        font-size: 2.5vw;
        line-height: 1.6;
    }

    .pic_3 .flex_right {
        display: flex;
        gap: 2vw;
        margin-top: 0;
        width: calc(100% - 12vw);
        margin-left: 6vw;
        align-items: center;
        flex-direction: row;
    }

    .pic_3 .flex_right img {
        width: 34.8%;
        display: none;
    }

    .pic_3 .flex_right p.h1 {
        color: #AF082C;
        font-weight: bold;
        font-size: 5.5vw;
        text-align: center;
        line-height: 1.3;
        width: auto;
        padding: 1.5vw 0px;
    }

    .pic_3 .flex_right p.h3 {
        font-size: 3.5vw;
        line-height: normal;
        width: fit-content;
        padding: 2vw 0px;
    }

    .pic_3 .flex_right p.h2 {
        font-size: 3.5vw;
        line-height: 1.5;
        width: fit-content;
    }

    .pic_4 {
        width: auto;
        height: 124vw;
        margin: 0 auto;
        background: url(/img/goods/br0012/area4_bg_sp.webp) no-repeat #77051e;
        background-size: 100% auto;
    }

    .pic_4>.h1 {
        font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
        font-size: 6vw;
        text-align: center;
        font-weight: 700;
        text-shadow: 1px 4px 4px #00000059;
        color: #F9ECCB;
        padding-top: 4.5vw;
    }

    .pic_4 .grid4_div {
        display: grid;
        align-items: center;
        padding: 9vw 7vw 4vw 7vw;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "aa aa"
            "bb cc";
        row-gap: 5vw;
        column-gap: 2vw;
    }

    .pic_4 .grid4_div .grid_1 {
        grid-area: aa;
        text-align: center;
    }

    .pic_4>p>b {
        font-size: 14px;
        color: #E01A42;
    }

    .pic_4 img {
        width: 100%;
        height: auto;
        grid-area: bb;
    }

    .pic_4 .grid4_div .grid_3 {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 68%;
        padding-top: 0;
        grid-area: cc;
    }

    .pic_4 .grid4_div .grid_3 p {
        font-size: 3.5vw
    }

    .pic_4 .grid_1 p:first-child {
        line-height: 1.6;
        font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
        font-size: 7vw;
        text-align: center;
        color: #AF082C;
        font-weight: 700;
    }

    .pic_4 .grid_1 p:last-child {
        font-size: 3.5vw;
        line-height: 1.6;
        text-align: left;
        border-top: #AF082C solid 1px;
        padding-top: 2vw;
    }

    .pic_4 div p b {
        font-size: 14px;
        line-height: 1.6;
        color: #E01A42;
    }

    .pic_5 {
        width: auto;
        height: 128vw;
        margin: 0 auto;
        background: url(/img/goods/br0012/area5_bg_sp.webp) no-repeat bottom #77051e;
        background-size: 100% auto;
    }

    .pic_5>.h1 {
        font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
        font-size: 6vw;
        text-align: center;
        font-weight: 700;
        text-shadow: 1px 4px 4px #00000059;
        color: #F9ECCB;
        padding-top: 3vw;
        padding-bottom: 2vw
    }

    .pic_5 div.pic_5_in {
        flex: 1;
        display: flex;
        padding: 3vw 5vw 0 5vw;
        gap: 2.5vw;
        height: 77%;
        align-items: center;
        flex-direction: column;
    }

    .pic_5 div.pic_5_in div {
        flex: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .pic_5 div ul li {
        color: #fff;
        font-size: 3.5vw;
        line-height: 1.3;
        list-style-type: none;
        position: relative;
        padding-left: 4vw;
        padding-bottom: 2vw;
    }

    .pic_5 div ul li:before {
        position: absolute;
        content: "\25C6";
        left: 0;
        top: 1%;
        font-size: 3.4vw;
    }

    .pic_5 div ul li:first-child:before {
        top: 17%;
    }

    .pic_5 div ul {
        width: auto;
    }

    .pic_5 div ul li b {
        font-size: 24px;
        vertical-align: 0px;
        padding-right: 3px;
    }

    .pic_5 div ul p {
        font-size: 3.5vw;
        padding-left: 4vw;
    }

    .pic_5 div p {
        color: #fff;
        font-size: 4.5vw;
        font-weight: bold;
    }

    .pic_5 div p:first-child {
        font-size: 4.5vw;
        font-weight: normal;
    }

    .pic_6 div ul li {
        color: #fff;
        font-size: 16px;
        line-height: 1.6;
        list-style-type: none;
        position: relative;
        padding-left: 18px;
        padding-bottom: 7px;
    }

    .pic_6 div ul li:before {
        position: absolute;
        content: "\25C6";
        left: 0;
        top: 0%;
        font-size: 18px;
    }

    .pic_6 {
        width: auto;
        height: 99vw;
        margin: 0 auto;
        background: url(/img/goods/br0012/area6_bg_sp.webp) no-repeat #77051e bottom;
        background-size: 100% auto;
        padding-top: 0;
    }

    .pic_6>.h1 {
        font-family: "Noto Serif TC", "Songti TC", "Times New Roman", serif;
        font-size: 6vw;
        text-align: center;
        font-weight: 700;
        text-shadow: 1px 4px 4px #00000059;
        color: #F9ECCB;
        padding-top: 1vw;
        margin-bottom: -2vw;
        line-height: 1.2;
    }

    .pic_6>.h1>b {
        display: block;
        font-size: 8vw;
        padding-bottom: 2vw;
    }

    .pic_6 div.txt1 {
        display: flex;
        align-items: center;
        width: auto;
        padding: 32vw 0 0 0;
    }

    .pic_6 div.txt1 p {
        width: auto;
        color: #fff;
        font-size: 3.2vw;
        text-align: center;
        padding-right: 2vw;
    }

    .pic_6 div.txt2 {
        display: none;
    }

    .pic_6 div.txt3 {
        display: none;
    }

    .pic_6 div.txt4 {
        display: none;
    }

    .pic_6 div.txt5 {
        display: flex;
        justify-content: flex-end;
        width: 97%;
        padding-top: 13.6vw;
    }

    .pic_6 div.txt5 p {
        color: #fff;
        font-size: 2.8vw;
        width: 68%;
    }

    /*例外處理*/
    .feedback_list li {
        position: relative
    }


    .feedback_list li .text {
        margin: 0 !important;
    }


    .feedback_list li figure {
        position: absolute;
        width: 20vw !important;
        height: 20vw;
        top: 0;
        right: 0;
        padding: 10px 10px 0 0
    }

    .user_info {
        margin-bottom: 8vw !important;
    }
}