.section .pc,
.product_spec .pc {
    display: block;
}

.section .mobile,
.product_spec .mobile {
    display: none;
}

.overview_chopin-max .section {
    position: relative;
}

.section {
    background-color: #d4d4d4;
    color: #000;
    position: relative;
    text-align: center;
}

.overview_f3 .section_banner {
    background: linear-gradient(to bottom, #4f4f4f 10%, #ffffff 100%);
    padding: 8rem 0;
}

.overview_f3 .section_banner .case {
    width: 80%;
    margin: 0 auto;
}

.overview_f3 .section_banner .logo {
    width: 65%;
    margin: 0 auto;
}

.section .content {
    margin-bottom: 5rem;
}

.section01 {
    background-color: #d4c7c2;
    color: #000;
}

.section01 .content,
.section04 .content {
    margin-top: 5rem;
}

.section02 .case,
.section03 .case,
.section03 .icon {
    width: 80%;
    margin: 2rem auto;
}

.section03 {
    background-color: #676767;
    color: #fff;
}

.section04 {
    background-color: #000;
    color: #fff;
}

.section07 {
    background-color: #dddfde;
    color: #000;
}

.section04 .content {
    width: 78%;
    text-align: left;
    padding-bottom: 35%;
    top: 1%;
    left: 14%;
}

.overview_f3 .section04 .content .title {
    width: 75%;
}

.overview_f3 .section06 .btn {
    display: inline-block;
    color: #fff;
    background-color: #294163;
    padding: 1.2rem 1.8rem;
    letter-spacing: .5px;
}

.product_spec .spec_table .text_center {
    text-align: center;
}

@media (max-width: 992px) {
    .section .mobile,
    .product_spec .mobile {
        display: block;
    }
    .section .pc,
    .product_spec .pc {
        display: none;
    }
    .overview_f3 .section04 {
        background-image: url("https://www.in-win.com/uploads/Product/gaming-chassis/f3/geforce-sff-ready-card-nv-gf-module-640-p-layout.jpg");
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 95%;
    }
}

@media (min-width: 992px) {
    .product_overview .scroll_active .product_img {
        opacity: 1;
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .section.scroll_active .logo,
    .section.scroll_active .list_title {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }
    .section.scroll_active .icon {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }
    .section .content,
    .section .pc .product_img,
    .logo,
    .case,
    .icon {
        position: absolute;
    }
    .section .content,
    .section .pc .product_img,
    {
        margin-bottom: 0;
    }
    .overview_f3 .span {
        font-size: 1.5rem;
    }
    .overview_f3 .content span {
        font-size: 15px;
        line-height: 0.5;
        font-weight: bold;
    }
    .overview_f3 .section_banner {
        padding: 0;
    }
    .overview_f3 .section_banner .case {
        width: 50%;
        left: 5%;
        bottom: 0;
    }
    .overview_f3 .section_banner .logo {
        width: 20%;
        right: 16%;
        bottom: 41%;
    }
    .overview_f3 .section01 .case {
        width: 42%;
        left: 4%;
        top: 34%;
        max-width: 1061px;
    }
    .overview_f3 .section01 .content {
        width: 49%;
        right: 3%;
        bottom: 27%;
        text-align: left;
        font-size: 20px;
    }
    .overview_f3 .section02 .content {
        width: 38%;
        left: 5%;
        bottom: 0%;
        text-align: left;
        font-size: 20px;
    }
    .overview_f3 .section02 .case {
        width: 55%;
        left: 43%;
        top: 10%;
    }
    .overview_f3 .section03 .case {
        width: 48%;
        top: 9%;
        left: 0;
        left: 5%;
    }
    .overview_f3 .section03 .icon {
        width: 24%;
        top: 16%;
        left: 60%;
        max-width: 404px;
    }
    .overview_f3 .section03 .content {
        width: 80%;
        left: 11%;
        bottom: -5%;
        text-align: left;
        font-size: 20px;
    }
    .overview_f3 .section04 .content {
        width: 34%;
        text-align: left;
        top: 5%;
        left: 7%;
    }
    .overview_f3 .section04 .content .title {
        width: 75%;
    }
    .overview_f3 .section05 .case {
        width: 47%;
        top: 7%;
        left: 0;
    }
    .overview_f3 .section05 .content {
        width: 48%;
        right: 4%;
        top: 20%;
        text-align: left;
    }
    .overview_f3 .section05 .content {
        width: 48%;
        right: 4%;
        top: 20%;
        text-align: left;
    }
    .overview_f3 .section06 .case {
        width: 61%;
        top: 3%;
        right: 2%;
    }
    .overview_f3 .section06 .content {
        width: 34%;
        left: 4%;
        bottom: 20%;
        text-align: left;
    }
    .overview_f3 .section06 .btn {
        padding: 1.6rem 2rem;
    }
    .overview_f3 .section06 .btn:hover {
        color: #ffffff;
        background-color: #00a4c3;
    }
    .overview_f3 .section07 .block_0,
    .overview_f3 .section07 .block_1,
    .overview_f3 .section07 .block_2,
    .overview_f3 .section07 .block_3 {
        position: relative;
    }
    .overview_f3 .section07 .content_title {
        right: 0;
        left: 0;
        top: 0%;
        z-index: 99;
    }
    .overview_f3 .section07 .block_0 .content {
        width: 33%;
        bottom: 35%;
        right: 6%;
    }
    .overview_f3 .section07 .block_1 .content {
        width: 32%;
        bottom: 24%;
        left: 3%;
    }
    .overview_f3 .section07 .block_2 .content {
        width: 28%;
        top: 28%;
        right: 9%;
    }
}

@media (min-width: 1200px) {
    .overview_f3 .section04 .content {
        width: 32%;
        top: 18%;
        left: 7%;
    }
    .overview_f3 .section04 .content .title {
        width: 67%;
    }
}

@media (min-width: 1300px) {
    .overview_f3 .section04 .content .title {
        width: 96%;
    }
}

@media (min-width: 1400px) {
    .overview_f3 .section04 .content {
        width: 30%;
        top: 35%;
        left: 14%;
    }
    .overview_f3 .section04 .content .title {
        width: 93%;
    }
}

@media (min-width: 1500px) {
    .overview_f3 .section01 .content {
        width: 38%;
        right: 10%;
        bottom: 28%;
    }
    .overview_f3 .section02 .content {
        width: 35%;
        left: 10%;
        bottom: 4%;
    }
    .overview_f3 .section03 .content {
        width: 80%;
        left: 11%;
        bottom: 0%;
    }
    .overview_f3 .section04 .content .title {
        width: 80%;
    }
    .overview_f3 .section05 .content {
        width: 40%;
        right: 10%;
        top: 31%;
    }
    .overview_f3 .section06 .content {
        width: 29%;
        left: 7%;
        bottom: 28%;
    }
}

@media (min-width: 1600px) {
    .overview_f3 .section04 .content {
        width: 30%;
        top: 35%;
        left: 14%;
    }
}

@media (min-width: 1800px) {
    .overview_f3 .section01 .content {
        width: 34%;
        right: 14%;
        bottom: 28%;
    }
    .overview_f3 .section02 .content {
        bottom: 7%;
    }
    .overview_f3 .section03 .content {
        bottom: 3%;
    }
}