.info_footer {
    padding-bottom: 0
}

body {
    --all-pd: calc((190 / 19.2) * 1%)
}

.image-container {
    padding-bottom: calc((550 / 670) * 100%);
    background: #f6f6f6
}

.image-container .thumbnail {
    object-fit: contain
}

.image-container:hover .thumbnail {
    display: none
}

.full-image {
    display: none;
    height: auto;
    max-width: none !important;
    max-height: none !important;
    transform-origin: 0 0
}

.arc_info {
    margin-top: calc((100 / 19.2) * 1%)
}

.download {
    margin-left: 15px
}

.arc_info_main {
    --l-w: calc((613 / 16.8) * 1%);
    --pd: 80px
}

.arc_info_main .lll .arc_swiper_main {
    position: relative
}

.arc_info_main .lll .arc_swiper_main .swiper-button-next,
.arc_info_main .lll .arc_swiper_main .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 26px;
    object-fit: contain;
    z-index: 99;
    margin: 0
}

.arc_info_main .lll .arc_swiper_main .swiper-button-prev {
    left: -32px;
    background: url(../images/color/sw_left_.webp) no-repeat center / cover
}

.arc_info_main .lll .arc_swiper_main .swiper-button-next {
    right: -32px;
    background: url(../images/color/sw_right_.webp) no-repeat center / cover
}

.arc_info_main .lll .arc_swiper {
    margin-top: 11px
}

.arc_info_main .lll .arc_swiper .item2 {
    background: #f6f6f6
}

.arc_info_main .lll .arc_swiper .item2 .img {
    padding-bottom: 100%
}

.arc_info_main .lll .arc_swiper .item2 .img img {
    object-fit: contain
}

.arc_info_main .rrr .title {
    font-family: Cambria;
    font-size: 24px
}

.arc_info_main .rrr .desc {
    margin-top: 40px
}

.arc_info_main .rrr .desc * {
    line-height: 34px
}

.arc_info_main .rrr .desc ul {
    padding-left: 20px
}

.arc_info_main .rrr .desc li {
    list-style-type: disc
}

.arc_info_main .rrr .share_btn {
    display: flex;
    align-items: center;
    margin-top: calc((133 / 9.8) * 1%)
}

.arc_info_main .rrr .share_btn>span {
    margin-right: 10px
}

.arc_info_main .rrr .btn_box {
    margin-top: 45px;
    display: flex;
    align-items: flex-end
}

.arc_info_main .rrr .btn_box .btn_link {
    display: inline-flex;
    padding: 20px 35px;
    background: #000000;
    color: #fff;
    font-weight: bold;
    border: 2px solid #000000
}

.arc_info_main .rrr .btn_box .download {
    background: #fff;
    color: #000
}

.arc_info_main .rrr .btn_box .download::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 19px;
    background: url(../images/color/download2.webp) no-repeat center / contain;
    margin-right: 10px
}

.detail_list_par {
    display: flex;
    align-items: center;
    margin-top: 78px
}

.detail_list_par .item {
    font-family: Cambria;
    font-size: 24px;
    padding-bottom: 16px;
    position: relative;
    margin: 0 22px;
    text-transform: capitalize
}

.detail_list_par .item:first-child {
    margin-left: 0
}

.detail_list_par .item:last-child {
    margin-right: 0
}

.detail_list_par .item.active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 1px;
    background: #000000
}

.detail_body_item .content_bodys {
    height: 0;
    padding: 0;
    overflow: hidden
}

.detail_body_item .content_bodys.active {
    height: auto;
    padding-top: 60px
}

@media screen and (max-width:1366px) {
    .arc_info_main {
        --pd: 30px
    }

    .arc_info_main .lll .arc_swiper_main .swiper-button-next {
        right: -15px
    }

    .arc_info_main .lll .arc_swiper_main .swiper-button-prev {
        left: -15px
    }

    .arc_info_main .rrr .share_btn {
        margin-top: 30px
    }

    .arc_info_main .rrr .desc {
        margin-top: 10px
    }
}

@media screen and (max-width:950px) {
    .arc_info_main .lll .arc_swiper_main .swiper-button-next,
    .arc_info_main .lll .arc_swiper_main .swiper-button-prev{border: 1px solid #000; background-color: #fff; width: 30px; height: 30px; border-radius: 50% !important;}
    .image-container {
        display: none
    }

    .download {
        display: none !important
    }

    .detail_list_par {
        margin-top: 50px;
        overflow-x: auto;
        padding-bottom: 10px
    }

    .detail_list_par .item {
        white-space: nowrap
    }

    .detail_body_item .content_bodys.active {
        padding-top: 50px
    }
}