@charset "UTF-8";

.c-compatible {
    display: none;
}

.mainTitle03_main {
    color: #111;
}

.mainTitle01_main_text {
    color: #111;
}

.mainTitle01_main_color {
    background-image: none;
    background-color: #47a2cc;
}

.mainTitle01_text {
    color: #505050;
}

.p-text {
    display: block;
    width: 100%;
    /* font-size: 18px; */
    font-size: 16px;
    /* line-height: 1.45; */
    line-height: 1.8;
    color: #505050;
    font-family: inherit;
    font-weight: 300;
    text-align: left;
    /* letter-spacing: -1px; */
}

/* .contents[data-lang="sc"] .p-text,
.contents[data-lang="jp"] .p-text,
.contents[data-lang="ko"] .p-text,
.contents[data-lang="tw"] .p-text {
    text-align: justify;
} */

/****banner****/
.banner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    background: #fff;
}

.banner__box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

.banner__box .slick-list,
.banner__box .slick-track {
    height: 100%;
}

.banner__box .slick-dots {
    position: absolute;
    top: 780px;
    left: 0;
    margin: 0;
    z-index: 100;
}

.banner__box .slick-dots li {
    width: auto;
    height: auto;
    min-width: 120px;
    max-width: 100%;
    margin: 0 10px;
    padding: 10px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    font-family: inherit;
    border-radius: 0;
    border: 2px solid transparent;
    background: none;
    opacity: .6;
    transition: border-color .4s ease-in-out, opacity .4s ease-in-out;
}

.banner__box .slick-dots li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #111;
}

.banner__box .slick-dots li[data-style="white"] {
    color: #111;
    border: 2px solid transparent;
}

.banner__box .slick-dots li[data-style="white"]::before {
    background: #fff;
}

.banner__box .slick-dots li::after {
    content: attr(data-text);
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
}

.banner__box .slick-dots li.slick-active {
    border-color: #989898;
    opacity: 1;
}

.banner__box__item {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex: 0 0 auto;
}

.banner__box__item.slick-slide {
    display: flex;
}

.banner img {
    display: block;
    width: 100%;
    height: auto;
}

.banner_bg {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner_bg img {
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.banner_bg .pad,
.banner_bg .mb {
    display: none;
}

.banner_content {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    max-width: 1200px;
}

.banner_content_logo {
    display: block;
    width: 100%;
    max-width: 233px;
    margin: 0 auto 20px auto;
}

.banner_content_logo_text1 {
    display: block;
    width: 100%;
    margin: 0 auto 30px auto;
    font-size: 20px;
    line-height: 1.2;
    color: #627492;
    font-family: inherit;
    font-weight: 400;
}

.banner_content_logo_text2 {
    display: inline-block;
    width: auto;
    max-width: 100%;
    font-size: 26px;
    line-height: 1.2;
    /* color: #627492; */
    font-family: inherit;
    font-weight: 700;

    color: transparent;
    background: linear-gradient(25deg, #627492 0%, rgba(98, 116, 146, .5) 30%, #627492 45%, #627492 55%, rgba(98, 116, 146, .5) 100%);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    background-clip: text;
}

.banner_content_product {
    display: block;
    width: 100%;
    max-width: 685px;
    margin: 70px auto 0 auto;
}

.banner__box__item[data-style="black"] .banner_content_logo_text1,
.banner__box__item[data-style="black"] .banner_content_logo_text2 {
    color: #fff;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, .7);
}

.banner__box__item[data-style="white"] .banner_content_product img {
    transform: translateY(-10%);
}

.banner__box__item[data-style="black"] .banner_content_product img {
    position: relative;
    margin: 0 0 -35.6% 0;
    left: 9%;
    transform: none;
}

/****speed****/
.speed {
    display: block;
    width: 100%;
    overflow: hidden;
}

.speed img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.speed_inner {
    position: relative;
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-items: flex-start;
    justify-content: flex-start;
    width: calc(100% - 25px);
    max-width: calc(50% + 860px);
}

.speed_inner_main,
.speed_inner_main_bg {
    width: 54.65%;
    max-width: max(calc(60% - 30px), calc(100% - 530px));
}

.speed_inner_main {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-items: center;
    justify-content: center;
    padding: min(414px, 25.52vw) 0 45px 0;
}

.speed_inner_main_bg {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
}

.speed_inner_main_bg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: max(0px, calc((min(-525px, calc(-25.52vw - 45px)) / 2 + 15vw) * -1 + 50px));
    background: linear-gradient(to top, #000 calc(100% - 25px), rgba(0, 0, 0, 0) 100%);
}

.speed_inner_main_bg img {
    top: min(0px, calc(min(-525px, calc(-31.52vw - 45px)) / 2 + 15vw));
    object-fit: cover;
    object-position: center;
    height: 110%;
}

.speed_inner_main_bg .pad,
.speed_inner_main_bg .mb {
    display: none;
}

.speed_inner_main_content {
    position: absolute;
    top: 50%;
    right: max(0px, calc(25vw - 375px));
    width: 40%;
    max-width: 500px;
    transform: translateY(-50%);
}

.speed_inner_main_content_title {
    margin: 0 0 15px 0;
}

.speed_inner_main_box {
    position: relative;
    display: block;
    width: calc(100% - 80px);
    max-width: 690px;
    margin: 0 40px 0 auto;
    padding: 50px 40px 60px 45px;
    background: rgba(34, 34, 42, .85);
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, .5);
}

.speed_inner_main_box_title {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 1.2;
    color: #4ab2e2;
    font-weight: 700;
    text-align: left;
    /* letter-spacing: -1px; */
}

.speed_inner_main_box_item {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: left;
}

.speed_inner_main_box_item:last-child {
    margin: 0;
}

.speed_inner_main_box_item_title {
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    /* letter-spacing: -1px; */
    opacity: .5;
}

.speed_inner_main_box_item_speed {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.speed_inner_main_box_item_speed_bar {
    position: relative;
    display: block;
    width: 100%;
    height: 15px;
    border-radius: 4px;
    background: #383e4c;
    overflow: hidden;
    flex: 0 1 auto;
}

.speed_inner_main_box_item_speed_bar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(199, 199, 199, .44);
}

.speed_inner_main_box_item_speed_text {
    display: block;
    width: auto;
    min-width: 77px;
    max-width: 100%;
    margin: 0 0 0 15px;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    font-style: italic;
    text-align: left;
    opacity: .3;
    flex: 0 0 auto;
}

.speed_inner_main_box_item_speed_text::after {
    content: 'MT/s';
    font-size: 12px;
    transform-origin: bottom right;
    transform: scale(.9);
}

.speed_inner_main_box_item.main .speed_inner_main_box_item_title,
.speed_inner_main_box_item.main .speed_inner_main_box_item_speed_text {
    opacity: 1;
}

.speed_inner_main_box_item.main .speed_inner_main_box_item_speed_text {
    font-size: 22px;
}

.speed_inner_main_box_item.main .speed_inner_main_box_item_speed_bar::before {
    width: 94.12%;
    background: #4ab2e2;
}

.speed_inner_main_box_item:nth-child(3) .speed_inner_main_box_item_speed_bar::before {
    width: 70.59%;
}

.speed_inner_main_box_item:nth-child(4) .speed_inner_main_box_item_speed_bar::before {
    width: 47.06%;
}

/****ultra****/
.ultra {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.ultra_inner {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 42vw;
    max-width: calc(50% + 960px);
    max-height: 750px;
    margin: 0 0 0 auto;
}

.ultra_inner__bg {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 98.667%;
}

.ultra_inner__bg img {
    object-fit: contain;
    object-position: right center;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 0 0 auto;
}

.ultra_inner__bg .pad,
.ultra_inner__bg .mb {
    display: none;
}

.ultra_inner__content {
    position: relative;
    display: block;
    width: calc(100% - 25px);
    max-width: min(calc(50% + 725px), calc(75% + 250px));
    margin: 0 0 0 auto;
    padding: 0 calc(51.5vw + 30px) 0 0;
}

.ultra_inner__content_title {
    margin: 0 0 15px 0;
}

.ultra_inner__content_title .mainTitle03_main_color {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

/****compatible****/
.compatible {
    position: relative;
    display: block;
    width: 100%;
    margin: -1px auto;
    padding: 100px 0;
    background: #202429;
    overflow: hidden;
}

.compatible__inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 100px);
    max-width: 1560px;
    margin: 0 auto;
}

.compatible__inner__title {
    width: calc(45% - 25px);
    z-index: 10;
}

.compatible__inner__title .mainTitle01_main_text,
.compatible__inner__title .mainTitle01_text {
    color: #fff;
}

.compatible__inner__title .mainTitle01_text {
    max-width: 605px;
}

.contents[data-lang="en"] .compatible__inner__title .mainTitle01_text {
    max-width: 585px;
}

.contents[data-lang="jp"] .compatible__inner__title .mainTitle01_text {
    max-width: 655px;
}

.contents[data-lang="ko"] .compatible__inner__title .mainTitle01_text {
    max-width: none;
}

.compatible__inner__brand {
    position: relative;
    display: block;
    width: 50%;
    z-index: 0;
    overflow: visible;
}

.compatible__inner__brand__bg {
    position: relative;
    left: -22.5%;
    display: block;
    width: 145%;
    margin: max(-95px, -6vw) auto max(-220px, -12vw) auto;
    z-index: 0;
}

.compatible__inner__brand__bg>img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-mask-image: linear-gradient(to top, transparent, black 20%), linear-gradient(to right, transparent, black 15%), linear-gradient(to bottom, transparent, black 30%), linear-gradient(to left, transparent, black 15%);
    -webkit-mask-composite: intersect;
    mask-composite: intersect;
    mask-image: linear-gradient(to top, transparent, black 20%), linear-gradient(to right, transparent, black 15%), linear-gradient(to bottom, transparent, black 30%), linear-gradient(to left, transparent, black 15%);
    mask-composite: intersect;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}

.compatible__inner__brand .optimized_amd {
    position: absolute;
    top: 45.5%;
    left: 64.2%;
    width: 12.2%;
    max-width: none;
    margin: 0;
    z-index: 10;
}

.compatible__inner__brand__content {
    left: -9%;
    position: relative;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: center;
    justify-content: center;
    width: 118%;
}

.compatible__inner__brand__content__text {
    display: block;
    width: calc(50% - 20px);
    margin: 0 10px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    text-align: center;
}

.compatible__inner__brand__content__text::after {
    content: '';
    position: relative;
    display: block;
    width: 50px;
    height: 2px;
    margin: 15px auto 0 auto;
    background: #969696;
}

/****performance****/
.performance {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.performance img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.performance_inner {
    position: relative;
    display: block;
    width: calc(100% - 25px);
    max-width: calc(50% + 860px);
}

.performance_inner_main,
.performance_inner_main_bg {
    width: 54.65%;
    max-width: max(calc(60% - 30px), calc(100% - 530px));
}

.performance_inner_main {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    max-height: 750px;
    padding: 90px 0;
}

.performance_inner_main_bg {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
}

.performance_inner_main_bg img {
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.performance_inner_main_bg .pad,
.performance_inner_main_bg .mb {
    display: none;
}

.performance_inner_main_pic {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    max-width: 765px;
    margin: 0 auto;
}

.performance_inner_main_pic_logo {
    display: block;
    width: 80%;
    max-width: 650px;
    margin: 0 auto;
}

.performance_inner_main_pic_product {
    position: relative;
    display: block;
    width: 100%;
    margin: min(60px, 5.2vw) auto 0 auto;
}

.performance_inner_main_pic_product .shadow {
    position: absolute;
    top: 0;
    left: -8.1%;
    width: 116.2%;
    pointer-events: none;
}

.performance_inner_main__content {
    position: absolute;
    top: 50%;
    right: max(0px, calc(25vw - 375px));
    width: 40%;
    max-width: 500px;
    transform: translateY(-50%);
}

.performance_inner_main__content_title {
    margin: 0 0 15px 0;
}

.performance_inner_main__content_title .mainTitle03_main_color {
    color: #111;
}

.performance_inner_main__content_notice,
.performance_inner_main_notice {
    position: relative;
    display: block;
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 0 0 0 calc(1em - 1px);
    font-size: 15px;
    line-height: 1.73;
    color: #848484;
    font-family: inherit;
    font-weight: 400;
    text-align: left;
    /* letter-spacing: -1px; */
}

.performance_inner_main__content_notice::before,
.performance_inner_main_notice::before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0;
}

.performance_inner_main_notice {
    display: none;
    width: calc(100% - 100px);
    color: rgba(255, 255, 255, .5);
}

.performance_inner_main__content_notice+.performance_inner_main__content_notice,
.performance_inner_main_notice+.performance_inner_main_notice {
    margin: 10px auto 0 auto;
}

/****part****/
.part {
    display: block;
    width: 100%;
    overflow: hidden;
}

.part_inner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 25px);
    max-width: calc(50% + 960px);
    width: 100%;
    margin: 0 0 0 auto;
}

.part_inner_content {
    display: block;
    width: 48%;
    max-width: 920px;
    padding: 50px max(30px, calc(25% - 250px));
    flex: 0 0 auto;
}

.part_inner_content_title {
    margin: 0 0 20px 0;
}

.part_inner_box {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    max-height: 750px;
    padding: min(180px, 9.375vw) 0;
    background: linear-gradient(37deg, #efefef 0%, #fff 65%);
    flex: 0 1 auto;
    overflow: hidden;
}

.part_inner_box img {
    display: block;
    width: 100%;
    height: auto;
}

.part_inner_box_pic {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    max-width: 700px;
}

.part_inner_box_pic img {
    pointer-events: none;
}

.part_inner_box_pic_text {
    position: absolute;
    display: block;
    width: auto;
    max-width: 100%;
    font-size: 15.8px;
    line-height: 1.2;
    color: #545454;
    font-family: inherit;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    transform-origin: left top;
    transform: translateY(-.6em);
}

.part_inner_box_pic_text:nth-child(2),
.part_inner_box_pic_text:nth-child(3),
.part_inner_box_pic_text:nth-child(4),
.part_inner_box_pic_text:nth-child(5) {
    text-align: right;
    transform-origin: right top;
}

.part_inner_box_pic_text:nth-child(1) {
    top: 1.75%;
    left: 56.5%;
}

.part_inner_box_pic_text:nth-child(2) {
    top: 1.75%;
    right: 54.5%;
}

.part_inner_box_pic_text:nth-child(3) {
    top: 16%;
    right: 78.5%;
}

.part_inner_box_pic_text:nth-child(4) {
    top: 87.7%;
    right: 75%;
}

.part_inner_box_pic_text:nth-child(5) {
    top: 98.2%;
    right: 41.4%;
}

.part_inner_box_pic_text:nth-child(6) {
    top: 81%;
    left: 77.8%;
}

/****brand****/
.brand {
    display: block;
    width: 100%;
    overflow: hidden;
}

.brand_inner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 25px);
    max-width: calc(50% + 860px);
}

.brand_inner_content {
    display: block;
    width: 40%;
    max-width: 500px;
    margin: 0 max(0px, calc(25vw - 375px)) 0 30px;
    padding: 50px 0;
    order: 10;
    flex: 0 0 auto;
}

.brand_inner_content_title {
    margin: 0 0 20px 0;
}

.brand_inner_content_logo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 15px 0 0 0;
}

.brand_inner_content_logo_item {
    display: block;
    width: auto;
    height: 17px;
    max-width: 100%;
    margin: 0 25px 20px 0;
}

.brand_inner_content_logo_item:last-child {
    margin: 0 0 20px 0;
}

.brand_inner_content_logo_item img {
    display: block;
    width: auto;
    height: 100%;
}

.brand_inner_pic {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1000px;
    flex: 0 1 auto;
}

.brand_inner_pic img {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1400px) {

    /****part****/
    .part_inner_box_pic_text {
        font-size: 13px;
    }
}

@media screen and (max-width: 1200px) {

    /*banner*/
    .banner__box .slick-dots {
        top: auto;
        bottom: 75px;
    }

    /****part****/
    .part_inner_box_pic_text {
        font-size: 12px;
    }

    /****compatible****/
    .compatible__inner {
        display: block;
        width: calc(100% - 120px);
    }

    .compatible__inner__title {
        width: 100%;
        text-align: center;
    }

    .compatible__inner__title .mainTitle01_text {
        margin: 15px auto 0 auto;
        text-align: center;
    }

    .compatible__inner__brand {
        width: 100%;
    }

    .compatible__inner__brand__content {
        margin: -25vw 0 0 0;
    }

}

@media screen and (max-width: 991px) {

    /****banner****/
    .banner_bg .pc {
        display: none;
    }

    .banner_bg .pad {
        display: block;
    }

    .banner__box__item[data-style="white"] .banner_content_product img {
        transform: translateY(-8%);
    }

    /****speed****/
    .speed .mainTitle01_main_text,
    .speed .mainTitle01_text {
        color: #fff;
    }

    .speed_inner {
        display: block;
        width: 100%;
        padding: 130px 50px 75px 50px;
        background: #000;
    }

    .speed_inner_main,
    .speed_inner_main_bg {
        width: 100%;
        max-width: none;
    }

    .speed_inner_main {
        display: block;
        padding: 0;
    }

    .speed_inner_main_bg {
        align-items: flex-end;
        align-content: flex-end;
    }

    .speed_inner_main_bg::after {
        display: none;
    }

    .speed_inner_main_bg img {
        top: 0;
        object-position: bottom center;
        height: 100%;
    }

    .speed_inner_main_bg .pc {
        display: none;
    }

    .speed_inner_main_bg .pad {
        display: block;
    }

    .speed_inner_main_content {
        position: relative;
        top: auto;
        right: 0;
        width: 100%;
        max-width: 560px;
        margin: 0 auto 45.57vw 0;
        transform: none;
    }

    .speed_inner_main_content_title .mainTitle03_main {
        color: #fff;
    }

    .speed_inner_main_content_text {
        color: #fff;
    }

    .speed_inner_main_box {
        position: relative;
        display: block;
        width: calc(100% - 100px);
        max-width: none;
        margin: 0 auto;
        padding: 35px 30px 45px 40px;
    }

    .speed_inner_main_box_title {
        font-size: 15px;
    }

    .speed_inner_main_box_item_title {
        font-size: 13px;
    }

    .speed_inner_main_box_item_speed_bar {
        height: 12px;
    }

    .speed_inner_main_box_item_speed_text {
        min-width: 68px;
        font-size: 15px;
    }

    .speed_inner_main_box_item.main .speed_inner_main_box_item_speed_text {
        font-size: 18px;
    }

    /****ultra****/
    .ultra_inner {
        align-items: flex-start;
        align-content: flex-start;
        width: calc(100% - 100px);
        height: 104.17vw;
        max-width: none;
        max-height: none;
        margin: 0 auto;
        padding: 0 0 40px 0;
    }

    .ultra_inner__bg {
        right: -50px;
        width: 100vw;
    }

    .ultra_inner__bg img {
        object-position: top right;
    }

    .ultra_inner__bg .pc {
        display: none;
    }

    .ultra_inner__bg .pad {
        display: block;
    }

    .ultra_inner__content {
        width: 100%;
        margin: 155px 0 0 0;
        padding: 0;
    }

    .ultra_inner__content_text {
        color: transparent;
        background: url(../../../kimg/prd_details/memory/FITV/FITV_ultra_pic_white_pad.png) top -219.5px right -50px #111;
        background-size: 100vw auto;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /****performance****/
    .performance .mainTitle01_main_text,
    .performance .mainTitle01_text {
        color: #fff;
    }

    .performance_inner {
        width: 100%;
        max-width: none;
    }

    .performance_inner_main,
    .performance_inner_main_bg {
        width: 100%;
        max-width: none;
    }

    .performance_inner_main {
        display: block;
        max-height: none;
        padding: 100px 0 85px 0;
    }

    .performance_inner_main_bg .pc {
        display: none;
    }

    .performance_inner_main_bg .pad {
        display: block;
    }

    .performance_inner_main_pic {
        width: calc(100% - 100px);
        max-width: 655px;
    }

    .performance_inner_main_pic_logo {
        max-width: none;
    }

    .performance_inner_main_pic_product {
        margin: calc((100vw - 100px) * .061) auto 0 auto;
    }

    .performance_inner_main__content {
        position: relative;
        top: auto;
        right: 0;
        width: calc(100% - 100px);
        max-width: none;
        margin: 0 auto 60px auto;
        transform: none;
    }

    .performance_inner_main__content_title .mainTitle03_main_color {
        color: #fff;
    }

    .performance_inner_main__content_text {
        color: rgba(255, 255, 255, .5);
    }

    .performance_inner_main__content_notice {
        display: none;
    }

    .performance_inner_main_notice {
        display: block;
    }

    /****part****/
    .part {
        margin: 110px auto 0 auto;
    }

    .part_inner {
        display: block;
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }

    .part_inner_content {
        width: calc(100% - 100px);
        max-width: none;
        margin: 0 auto 75px auto;
        padding: 0;
    }

    .part_inner_box {
        max-height: none;
        padding: 0 0 max(40px, 8vw) 0;
    }

    .part_inner_box_pic {
        max-width: 665px;
    }

    .part_inner_box_pic_text {
        font-size: 14.83px;
    }

    /****brand****/
    .brand {
        padding: 115px 0 0 0;
    }

    .brand_inner {
        display: block;
        width: 100%;
        max-width: none;
    }

    .brand_inner_content {
        width: calc(100% - 100px);
        max-width: none;
        margin: 0 auto 50px auto;
        padding: 0;
    }

    .brand_inner_content_logo {
        margin: 30px 0 0 0;
    }

    .brand_inner_pic {
        max-width: none;
    }

    .brand[data-style="black"] {
        background: #111;
    }

    .brand[data-style="black"] .mainTitle01_text {
        color: #fff;
    }

    .brand[data-style="black"] .brand_inner_content_logo {
        filter: brightness(0) invert(1);
    }

    .brand[data-style="black"] .brand_inner_pic::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 35%;
        background: linear-gradient(to bottom, #111 5%, #11111100 100%);
        pointer-events: none;
    }
}

@media screen and (max-width: 812px) {

    /****banner****/
    .banner_content_logo {
        max-width: 195px;
    }

    .banner_content_logo_text1 {
        margin: 0 auto 30px auto;
    }

    .banner_content_product {
        max-width: 570px;
        margin: 90px auto 0 auto;
    }

    /****compatible****/
    .compatible__inner {
        width: calc(100% - 100px);
    }

    .compatible__inner__brand {
        width: 100%;
    }

    .compatible__inner__brand__content {
        margin: -25vw 0 0 0;
    }

    .compatible__inner__brand__content__text {
        padding: 0 1.5vw;
    }
}

@media screen and (max-width: 767px) {

    /****speed****/
    .speed_inner_main_box {
        width: 100%;
    }

    /****ultra****/
    /* .ultra_inner__bg::after {
        content: '';
        position: absolute;
        top: -5px;
        left: 0;
        display: block;
        width: 100%;
        height: 140px;
        background: linear-gradient(to bottom, #fff 30%, rgba(255, 255, 255, 0) 70%);
    } */

    .ultra_inner__content {
        margin: 50px 0 0 0;
    }

    .ultra_inner__content_text {
        background-position: top -115.5px right -50px;
    }
}

@media screen and (max-width: 640px) {
    .p-text {
        font-size: 12px;
        /* line-height: 2.1; */
    }

    /****banner****/
    .banner {
        max-height: 524px;
    }

    .banner__box .slick-dots {
        bottom: 30px;
    }

    .banner__box .slick-dots li {
        min-width: 100px;
        margin: 0 5px;
        padding: 7.5px 10px;
        font-size: 12px;
    }

    .banner_content {
        width: calc(100% - 50px);
        transform: translateY(-15px);
    }

    .banner_content_logo {
        max-width: 123px;
        margin: 0 auto 15px auto;
    }

    .banner_content_logo_text1 {
        margin: 0 auto 12.5px auto;
        font-size: 13px;
    }

    .banner_content_logo_text2 {
        font-size: 16px;
    }

    .banner_content_product {
        width: calc(100% - 50px);
        width: 100%;
        max-width: 400px;
        margin: 30px auto 0 auto;
    }

    .banner__box__item[data-style="white"] .banner_content_product img {
        transform: translateY(2%);
    }

    /****features*****/
    .contents[data-lang="en"] .features article li {
        width: calc(50% - 5px);
        margin: 0 2.5px 50px 2.5px;
    }

    .features article li p br {
        display: none;
    }

    /****speed****/
    .speed_inner {
        padding: 75px 25px 45px 25px;
    }

    .speed_inner_main_bg {
        align-items: center;
        align-content: center;
    }

    .speed_inner_main_bg img {
        object-position: center 65%;
    }

    .speed_inner_main_bg .pad {
        display: none;
    }

    .speed_inner_main_bg .mb {
        display: block;
    }

    .speed_inner_main_content {
        max-width: none;
        margin: 0 auto 42vw 0;
    }

    .speed_inner_main_content_title {
        margin: 0 0 10px 0;
    }

    .speed_inner_main_box {
        left: -10px;
        width: calc(100% + 20px);
        padding: 20px 20px 30px 25px;
    }

    .speed_inner_main_box_title {
        margin: 0 0 10px 0;
        font-size: 14px;
    }

    .speed_inner_main_box_item_title {
        font-size: 13px;
    }

    .speed_inner_main_box_item_speed_bar {
        height: 8px;
    }

    .speed_inner_main_box_item_speed_text {
        min-width: 57px;
        font-size: 12px;
    }

    .speed_inner_main_box_item.main .speed_inner_main_box_item_speed_text {
        font-size: 13px;
    }

    /****ultra****/
    .ultra_inner {
        width: calc(100% - 50px);
        height: calc(128.17vw + 30px);
        margin: 0 auto;
        padding: 0;
    }

    .ultra_inner__bg {
        right: -75px;
        width: calc(100vw + 50px);
    }

    .ultra_inner__bg .pad {
        display: none;
    }

    .ultra_inner__bg .mb {
        display: block;
    }

    .ultra_inner__content {
        margin: 50px 0 0 0;
    }

    .ultra_inner__content_title {
        margin: 0 0 5px 0;
    }

    .ultra_inner__content_text {
        background-image: url(../../../kimg/prd_details/memory/FITV/FITV_ultra_pic_white_mb.png?20240619);
        background-position: top -46.5px right -75px;
        background-size: calc(100vw + 50px) auto;
    }

    /****compatible****/
    .compatible {
        padding: 40px 0;
    }

    .compatible__inner {
        width: calc(100% - 50px);
    }

    .compatible__inner__brand__content {
        margin: -24vw 0 0 0;
    }

    .compatible__inner__brand__content__text {
        padding: 0 10px;
        font-size: 10px;
    }

    .compatible__inner__brand__content__text::after {
        width: 30px;
        margin: 10px auto 0 auto;
    }

    /****performance****/
    .performance_inner_main {
        padding: 40px 0;
    }

    .performance_inner_main_bg .pad {
        display: none;
    }

    .performance_inner_main_bg .mb {
        display: block;
    }

    .performance_inner_main_pic {
        width: calc(100% - 50px);
    }

    .performance_inner_main_pic_product {
        margin: calc((100vw - 50px) * .061) auto 0 auto;
    }

    .performance_inner_main__content {
        width: calc(100% - 50px);
        margin: 0 auto 10px auto;
    }

    .performance_inner_main_notice {
        width: calc(100% - 50px);
        margin: 30px auto 0 auto;
        font-size: 12px;
    }

    /****part****/
    .part {
        margin: 55px auto 0 auto;
    }

    .part_inner_content {
        width: calc(100% - 50px);
        margin: 0 auto 50px auto;
    }

    .part_inner_content_title {
        margin: 0 0 10px 0;
    }

    .part_inner_box_pic {
        max-width: 330px;
    }

    .part_inner_box_pic_text {
        font-size: 12px;
        transform: translateY(-.5em) scale(.75);
    }

    /****brand****/
    .brand {
        padding: 60px 0 0 0;
    }

    .brand_inner_content {
        width: calc(100% - 60px);
        margin: 0 auto 20px auto;
    }

    .brand_inner_content_title {
        margin: 0 0 10px 0;
    }

    .brand_inner_content_logo {
        margin: 20px 0 0 0;
    }

    .brand_inner_content_logo_item {
        height: 11px;
        margin: 0 20px 15px 0;
    }

    .brand_inner_content_logo_item:last-child {
        margin: 0 0 15px 0;
    }
}

@media screen and (max-width: 575px) {

    /****banner****/
    .banner_bg .pad {
        display: none;
    }

    .banner_bg .mb {
        display: block;
    }
}

/****觸控螢幕****/
@media (any-hover: none) {}

/****IOS樣式****/
@supports (-webkit-touch-callout: none) {}