@charset "UTF-8";

.product__box {
    position: relative;
    display: block;
    width: 100%;
}

/****基本設定****/
.product__box * {
    position: relative;
}

.product__box img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/****背景****/
.product__box__item {
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-items: center;
    justify-content: center;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
    z-index: 1;
}

.product__box__item__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%;
}

.product__box__item__bg img {
    object-fit: cover;
    object-position: center;
    max-width: none;
    height: 100%;
}

.product__box__item__bg .pc-even,
.product__box__item__bg .pad,
.product__box__item__bg .mb {
    display: none;
}

/****主內容****/
.product__box__item__inner {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: flex-start;
    justify-content: space-between;
    width: calc(90% - 120px);
    max-width: 1200px;
    margin: 0 auto;
}

/****圖片****/
.product__box__item__inner__pic {
    display: block;
    width: 50%;
    overflow: visible;
}

.product__box__item__inner__pic .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
}

/****文案****/
.product__box__item__inner__content {
    display: block;
    width: 50%;
    z-index: 10;
}

.product__box__item__inner__content__logo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-content: flex-end;
    justify-items: flex-start;
    justify-content: flex-start;
    width: auto;
    height: 40px;
    margin: 0 0 15px 0;
}

.product__box__item__inner__content__logo img {
    width: auto;
    height: 100%;
    margin: 0 0 10px 0;
    flex: 0 1 auto;
}

.product__box__item__inner__content__logo img:last-child {
    margin: 0;
}

.product__box__item__inner__content__text {
    display: block;
    width: 100%;
    font-size: 21px;
    line-height: 1.3;
    color: #b7b7b7;
    font-family: inherit;
    font-style: italic;
    text-align: right;
}

.product__box__item__inner__content__color {
    display: block;
    width: 100%;
    margin: 5px 0 0 0;
    font-size: 18px;
    line-height: 1.3;
    color: #fff;
    font-family: inherit;
    font-style: italic;
    text-align: right;
}

.product__box__item__inner__content__link {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 100%;
    max-width: 145px;
    margin: 20px 0 0 auto;
    padding: 15px 10px;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
    font-family: inherit;
    border: 1px solid #fff;
}

.product__box__item__inner__content__link::after {
    content: '';
    position: relative;
    display: block;
    width: 4px;
    height: 4px;
    margin: 0 0 2px 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: center;
    transform: rotate(45deg);
    flex: 0 0 auto;
}

.product__box__item__inner__content__link:hover {
    background: #00acc8;
    border-color: #00acc8;
}

.product__box__item__inner__content__link span {
    display: block;
    width: auto;
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    flex: 0 1 auto;
}

/****個別樣式****/
/**URBANE V RGB**/
.product__box__item[data-style="urbane_v_rgb"] {
    background: #7b8ba1;
}

.product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::before,
.product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::after {
    content: '';
    position: absolute;
    top: 0;
    display: none;
    width: 500px;
    height: 100%;
    background: linear-gradient(to right, #7b8ba1 15%, rgba(123, 139, 161, 0) 100%);
    z-index: 10;
}

.product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::before {
    left: -10px;
}

.product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::after {
    right: -10px;
    transform: scaleX(-1);
}

.product__box__item[data-style="urbane_v_rgb"] .product__box__item__inner__pic {
    z-index: 10;
}

.product__box__item[data-style="urbane_v_rgb"] .product__box__item__inner__content__text {
    color: #fff;
}

/**CRAS V RGB ROG**/
.product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__pic .shadow {
    top: auto;
    bottom: 0;
    left: -6.56%;
    width: 113.12%;
    mix-blend-mode: overlay;
    opacity: .7;
}

.product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__content__logo {
    justify-content: space-between;
    height: 80px;
}

.product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__content__logo img {
    height: 50%;
    margin: 0;
}

.product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__content__logo img:last-child {
    height: 30%;
}

/**BOLT V**/
.product__box__item[data-style="bolt_v_mix"] {
    background: #000;
}

.product__box__item[data-style="bolt_v_mix"] .product__box__item__inner__pic img {
    left: 50%;
    max-width: none;
    transform: translateX(-50%);
}

/**FIT V**/
.product__box__item[data-style="fit_v"],
.product__box__item[data-style="fit_v_mix"] {
    background: #253147;
}

/**CRAS V RGB**/
.product__box__item[data-style="cras_v_rgb"] .product__box__item__inner__pic .shadow {
    top: -9%;
    left: 5%;
    width: 59.19%;
}

/**BOLT V**/
.product__box__item[data-style="bolt_v"] .product__box__item__inner__pic .shadow {
    top: 1%;
}

/**CRAS XR5 RGB**/
.product__box__item[data-style="cras_xr5_rgb"] .product__box__item__inner__pic .shadow {
    top: -17%;
    left: -22%;
    width: 174.24%;
}

/**CU-DIMM**/
.product__box__item[data-style="cu_dimm"] {
    background: #01050d;
}

.product__box__item[data-style="cu_dimm"] .product__box__item__bg::before,
.product__box__item[data-style="cu_dimm"] .product__box__item__bg::after {
    content: '';
    position: absolute;
    display: none;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, #01050d 25%, #01050d00 100%);
    z-index: 10;
}

.product__box__item[data-style="cu_dimm"] .product__box__item__bg::after {
    right: -5px;
    transform: scale(-1);
}

.product__box__item[data-style="cu_dimm"] .product__box__item__bg::before {
    left: -5px;
}

.product__box__item[data-style="cu_dimm"] .product__box__item__inner__content__logo {
    filter: drop-shadow(2px 2px 7px #000);
}

.product__box__item[data-style="cu_dimm"] .product__box__item__inner__content__text {
    color: #fff;
    text-shadow: 2px 2px 7px #000;
}

/**CSO-DIMM**/
.product__box__item[data-style="cso_dimm"] {
    background: #01050d;
}

.product__box__item[data-style="cso_dimm"] .product__box__item__bg::before,
.product__box__item[data-style="cso_dimm"] .product__box__item__bg::after {
    content: '';
    position: absolute;
    display: none;
    width: 200px;
    height: 100%;
    background: linear-gradient(to right, #01050d 25%, #01050d00 100%);
    z-index: 10;
}

.product__box__item[data-style="cso_dimm"] .product__box__item__bg::after {
    right: -5px;
    transform: scale(-1);
}

.product__box__item[data-style="cso_dimm"] .product__box__item__bg::before {
    left: -5px;
}

/**DDR5 U-DIMM**/
.product__box__item[data-style="ddr5_u_dimm"] .product__box__item__inner__pic .shadow {
    top: 15%;
    left: -5%;
    width: 107.14%;
}

/**DDR5 SO-DIMM**/
.product__box__item[data-style="ddr5_so_dimm"] .product__box__item__inner__pic .shadow {
    top: 11%;
    left: -2%;
    width: 106.67%;
}

/**BOLT XR**/
.product__box__item[data-style="bolt_xr"] .product__box__item__inner__pic {
    filter: drop-shadow(17px -5px 13px rgba(0, 0, 0, .42));
}

/**CRAS X RGB**/
.product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic .shadow {
    top: 58%;
    left: auto;
    right: 4%;
    width: 89%;
}

/**DDR4 U-DIMM**/
.product__box__item[data-style="ddr4_u_dimm"] .product__box__item__inner__pic {
    filter: drop-shadow(0 0 60px rgba(255, 255, 255, .7));
}

/**DDR4 SO-DIMM**/
.product__box__item[data-style="ddr4_so_dimm"] .product__box__item__inner__pic {
    filter: drop-shadow(0 0 60px rgba(255, 255, 255, .7));
}

/**s1_portable_ssd**/
.product__box__item[data-style="s1_portable_ssd"] .product__box__item__inner__pic .shadow {
    top: -9%;
    left: 5%;
    width: 59.19%;
}

/**G560**/
.product__box__item[data-style="g560"] {
    background: #eaeaee;
}

.product__box__item[data-style="g560"] .product__box__item__inner__content__text {
    color: #666;
}

.product__box__item[data-style="g560"] .product__box__item__inner__content__link {
    color: #010101;
    border: 1px solid #010101;
}

.product__box__item[data-style="g560"] .product__box__item__inner__content__link::after {
    border-color: #010101;
}

.product__box__item[data-style="g560"] .product__box__item__inner__content__link:hover {
    color: #fff;
    border: 1px solid #fff;
}

.product__box__item[data-style="g560"] .product__box__item__inner__content__link:hover::after {
    border-color: #fff;
}

/**cras_c925**/
.product__box__item[data-style="cras_c925"] .product__box__item__inner__pic .shadow {
    top: 87%;
    z-index: 10;
}

/**cras_c910**/
.product__box__item[data-style="cras_c910"] .product__box__item__inner__pic .shadow {
    top: -119%;
    left: -50%;
    width: 230%;
}

/**cras_c730**/
.product__box__item[data-style="cras_c730"] .product__box__item__inner__pic .shadow {
    top: -17%;
    left: -4%;
    width: 109%;
}

/**cras_c715**/
.product__box__item[data-style="cras_c715"] {
    background: #000;
}

.product__box__item[data-style="cras_c715"] .product__box__item__bg {
    background: #000;
}

.product__box__item[data-style="cras_c715"] .product__box__item__inner__pic .shadow {
    width: 81.05%;
    top: 32%;
    left: 16.5%;
}

/**neo_n400**/
.product__box__item[data-style="neo_n400"] .product__box__item__inner__pic .shadow {
    width: 325%;
    top: -61%;
    left: -119%;
}

@media screen and (min-width: 1921px) {

    /****個別樣式****/
    /**URBANE V RGB**/
    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::before,
    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::after,
    .product__box .product__box__item[data-style="urbane_v_rgb"]:nth-child(even) .product__box__item__bg::after {
        display: block;
    }

    /* BOLT V */
    .product__box .product__box__item[data-style="bolt_v_mix"] .product__box__item__bg {
        display: block;
    }

    .product__box .product__box__item[data-style="bolt_v_mix"] .product__box__item__inner__pic::before {
        display: none;
    }

    .product__box__item[data-style="bolt_v"] .product__box__item__bg::before,
    .product__box__item[data-style="bolt_v_mix"] .product__box__item__bg::before,
    .product__box__item[data-style="bolt_v"] .product__box__item__bg::after,
    .product__box__item[data-style="bolt_v_mix"] .product__box__item__bg::after {
        content: '';
        position: absolute;
        top: 0;
        right: -100px;
        display: block;
        width: 300px;
        height: 100%;
        background: linear-gradient(to left, #000 25%, #00000000 100%);
        z-index: 10;
    }

    /* FIT V */
    .product__box__item[data-style="fit_v"] .product__box__item__bg::before,
    .product__box__item[data-style="fit_v_mix"] .product__box__item__bg::before,
    .product__box__item[data-style="fit_v"] .product__box__item__bg::after,
    .product__box__item[data-style="fit_v_mix"] .product__box__item__bg::after {
        content: '';
        position: absolute;
        width: 200px;
        height: 100%;
        z-index: 10;
    }

    .product__box__item[data-style="fit_v"]:nth-child(odd) .product__box__item__bg::before,
    .product__box__item[data-style="fit_v_mix"]:nth-child(odd) .product__box__item__bg::before {
        left: 0;
        display: block;
        background: linear-gradient(to right, #253147 25%, #25314700 100%);
    }

    .product__box__item[data-style="fit_v"]:nth-child(even) .product__box__item__bg::after,
    .product__box__item[data-style="fit_v_mix"]:nth-child(even) .product__box__item__bg::after {
        right: 0;
        display: block;
        background: linear-gradient(to left, #253147 25%, #25314700 100%);
    }

    /**CU-DIMM**/
    .product__box__item[data-style="cu_dimm"]:nth-child(odd) .product__box__item__bg::before,
    .product__box__item[data-style="cu_dimm"]:nth-child(even) .product__box__item__bg::after {
        display: block;
    }

    /**CSO-DIMM**/
    .product__box__item[data-style="cso_dimm"] .product__box__item__bg::before,
    .product__box__item[data-style="cso_dimm"] .product__box__item__bg::after {
        display: block;
    }
}

@media screen and (min-width: 992px) {

    /****雙數樣式****/
    .product__box__item:nth-child(even) .product__box__item__bg .pc-even~.pc {
        display: none;
    }

    .product__box__item:nth-child(even) .product__box__item__bg .pc-even {
        display: block;
    }

    .product__box__item:nth-child(even) .product__box__item__inner__pic {
        order: 10;
    }

    .product__box__item:nth-child(even) .product__box__item__inner__content__logo {
        align-items: flex-start;
        align-content: flex-start;
    }

    .product__box__item:nth-child(even) .product__box__item__inner__content__text,
    .product__box__item:nth-child(even) .product__box__item__inner__content__color {
        text-align: left;
    }

    .product__box__item:nth-child(even) .product__box__item__inner__content__link {
        margin: 20px 0 0 0;
    }

    /****個別樣式****/
    /*================*/
    /*=====記憶體=====*/
    /*================*/
    /**URBANE V RGB**/
    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__inner__pic {
        width: 35%;
    }

    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg {
        left: calc(50% - 960px);
        width: 1920px;
    }

    /* .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::before,
    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::after {
        width: 650px;
    }

    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg::after {
        display: block;
    } */

    .product__box__item[data-style="urbane_v_rgb"]:nth-child(even) .product__box__item__bg img {
        transform: scaleX(-1);
    }

    /* .product__box__item[data-style="urbane_v_rgb"]:nth-child(even) .product__box__item__bg::before {
        display: block;
    }

    .product__box__item[data-style="urbane_v_rgb"]:nth-child(even) .product__box__item__bg::after {
        display: none;
    } */

    /**CRAS V RGB ROG**/
    .product__box__item[data-style="cras_v_rgb_rog"] {
        background: #000;
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__bg {
        width: 1920px;
        background: #000;
    }

    .product__box__item[data-style="cras_v_rgb_rog"]:nth-child(odd) .product__box__item__bg {
        left: min(calc(50% - 960px), 40%);
        transform: translateX(max(calc(50% - 960px), -40%));
    }

    .product__box__item[data-style="cras_v_rgb_rog"]:nth-child(even) .product__box__item__bg {
        left: min(calc(50% - 960px), 60%);
        transform: translateX(max(calc(50% - 960px), -60%));
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__bg img {
        object-fit: fill;
        width: auto;
        max-width: 1920px;
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__pic {
        width: 45%;
        max-width: 550px;
    }

    /**FIT V**/
    .product__box__item[data-style="fit_v"] .product__box__item__bg,
    .product__box__item[data-style="fit_v_mix"] .product__box__item__bg {
        left: calc(50% - 960px);
        max-width: 1920px;
    }

    .product__box__item[data-style="fit_v"] .product__box__item__inner__pic {
        width: 44.17%;
    }

    .product__box__item[data-style="fit_v_mix"] .product__box__item__inner__pic {
        width: 70%;
        transform: translateX(12.5%);
    }

    .product__box__item[data-style="fit_v"] .product__box__item__inner__content__logo img,
    .product__box__item[data-style="fit_v_mix"] .product__box__item__inner__content__logo img {
        filter: brightness(0) invert(1);
    }

    .product__box__item[data-style="fit_v_mix"]:nth-child(odd) .product__box__item__inner__pic {
        transform: translateX(-12.5%);
    }

    .product__box__item[data-style="fit_v_mix"] .product__box__item__inner__pic::before {
        content: '';
        position: absolute;
        top: calc(50% - 250px);
        display: block;
        width: 1920px;
        height: 500px;
        background: center/100% auto no-repeat;
    }

    .product__box__item[data-style="fit_v_mix"]:nth-child(odd) .product__box__item__inner__pic::before {
        left: calc(50% - 622px);
        background-image: url(/kimg/product_list/memory/fit_v_bg.png);
    }

    .product__box__item[data-style="fit_v_mix"]:nth-child(even) .product__box__item__inner__pic::before {
        right: calc(50% - 622px);
        background-image: url(/kimg/product_list/memory/fit_v_bg_even.png);
    }

    /**BOLT V**/
    .product__box__item[data-style="bolt_v"]:nth-child(odd) .product__box__item__bg,
    .product__box__item[data-style="bolt_v_mix"]:nth-child(odd) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="bolt_v_mix"] .product__box__item__bg {
        display: none;
        top: calc(-50% + 115px);
        left: calc(50% - 960px);
        width: 1920px;
        height: 130%;
    }

    .product__box__item[data-style="bolt_v_mix"] .product__box__item__inner__pic::before {
        content: '';
        position: absolute;
        top: calc(85% - 440px);
        display: block;
        width: 1920px;
        height: 650px;
        background: url(/kimg/product_list/memory/bolt_v_bg_mix.png) center/100% auto no-repeat;
    }

    .product__box__item[data-style="bolt_v_mix"]:nth-child(odd) .product__box__item__inner__pic::before {
        left: calc(50% - 660px);
        transform: scaleX(-1);
    }

    .product__box__item[data-style="bolt_v_mix"]:nth-child(even) .product__box__item__inner__pic::before {
        right: calc(50% - 660px);
    }

    .product__box__item[data-style="bolt_v_mix"] .product__box__item__inner__pic img {
        width: 115%;
    }

    /**CRAS XR5 RGB**/
    .product__box__item[data-style="cras_xr5_rgb"] .product__box__item__bg img {
        object-position: 37% center;
    }

    .product__box__item[data-style="cras_xr5_rgb"]:nth-child(even) .product__box__item__bg img {
        object-position: 63% center;
    }

    .product__box__item[data-style="cras_xr5_rgb"] .product__box__item__inner__pic {
        width: 44.17%;
    }

    /**CU-DIMM**/
    .product__box__item[data-style="cu_dimm"] .product__box__item__bg {
        left: max(calc((90vw - 120px) * -.525 + 60px), calc(50% - 960px));
        width: 1920px;
    }

    .product__box__item[data-style="cu_dimm"]:nth-child(even) .product__box__item__bg {
        left: auto;
        right: max(calc((90vw - 120px) * -.525 + 60px), calc(50% - 960px));
    }

    /* .product__box__item[data-style="cu_dimm"] .product__box__item__inner__pic {
        width: 44.17%;
    } */

    /**CSO-DIMM**/
    .product__box__item[data-style="cso_dimm"] .product__box__item__bg {
        left: max(calc((90vw - 120px) * -.54 + 60px), calc(50% - 960px));
        width: 1920px;
    }

    .product__box__item[data-style="cso_dimm"]:nth-child(even) .product__box__item__bg {
        left: auto;
        right: max(calc((90vw - 120px) * -.525 + 60px), calc(50% - 960px));
    }

    .product__box__item[data-style="cso_dimm"] .product__box__item__inner__pic img {
        left: calc(50% - 300px);
        width: 600px;
        max-width: none;
    }

    /**DDR5 U-DIMM**/
    .product__box__item[data-style="ddr5_u_dimm"]:nth-child(odd) .product__box__item__bg {
        transform: scaleX(-1);
    }

    /**DDR5 SO-DIMM**/
    .product__box__item[data-style="ddr5_so_dimm"] .product__box__item__bg img {
        object-position: left center;
    }

    .product__box__item[data-style="ddr5_so_dimm"] .product__box__item__inner__pic {
        width: 36.25%;
    }

    /**CRAS XR RGB**/
    .product__box__item[data-style="cras_xr_rgb"]:nth-child(odd) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="cras_xr_rgb"] .product__box__item__inner__pic {
        top: -9%;
    }

    /**BOLT XR**/
    .product__box__item[data-style="bolt_xr"]:nth-child(even) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="bolt_xr"] .product__box__item__bg img {
        object-position: 37% center;
    }

    .product__box__item[data-style="bolt_xr"]:nth-child(even) .product__box__item__bg img {
        object-position: 45% center;
    }

    .product__box__item[data-style="bolt_xr"] .product__box__item__inner__pic {
        width: 48.75%;
    }

    /**CRAS X RGB**/
    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic {
        top: 5%;
    }

    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic img {
        width: 110%;
        max-width: none;
    }

    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic .shadow {
        top: 57%;
        width: 105%;
        right: -5%;
    }

    .product__box__item[data-style="cras_x_rgb"]:nth-child(odd) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic img {
        left: -5%;
    }

    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic .shadow {
        right: auto;
        left: -5%;
    }

    /**BOLT X**/
    .product__box__item[data-style="bolt_x"]:nth-child(even) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="bolt_x"] .product__box__item__inner__pic {
        width: 47.5%;
    }

    /**DDR4 U-DIMM**/
    .product__box__item[data-style="ddr4_u_dimm"] .product__box__item__inner__pic {
        width: 53%;
        filter: drop-shadow(0 0 60px rgba(255, 255, 255, .7));
    }

    .product__box__item[data-style="ddr4_u_dimm"] .product__box__item__inner__contnet {
        width: 47%;
    }

    /**DDR4 SO-DIMM**/
    .product__box__item[data-style="ddr4_so_dimm"] .product__box__item__inner__pic {
        top: -1%;
        width: 28.33%;
    }

    /*=============*/
    /*=====SSD=====*/
    /*=============*/
    /**S1 Portable SSD**/
    .product__box__item[data-style="s1_portable_ssd"]:nth-child(even) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="s1_portable_ssd"] .product__box__item__inner__pic {
        width: 31.67%;
    }

    /**R1 Portable SSD**/
    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__bg {
        align-items: flex-end;
        align-content: flex-end;
    }

    .product__box__item[data-style="r1_portable_ssd"]:nth-child(odd) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__bg img {
        object-position: 100% bottom;
        height: 150%;
    }

    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__inner__pic {
        top: 7%;
        left: 9.5%;
        width: 55%;
    }

    .product__box__item[data-style="r1_portable_ssd"]:nth-child(odd) .product__box__item__inner__pic {
        left: -15%;
    }

    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__inner__content {
        width: 45%;
    }

    /**G560**/
    .product__box__item[data-style="g560"] .product__box__item__bg {
        left: max(0px, calc(50% - 944px));
        max-width: 1920px;
    }

    .product__box__item[data-style="g560"] .product__box__item__inner__pic {
        left: max(0%, min(8%, calc(50% - 435px)));
        width: 32%;
        max-width: 350px;
    }

    .product__box__item[data-style="g560"]:nth-child(even) .product__box__item__inner__pic {
        left: auto;
        right: max(0%, min(8%, calc(50% - 435px)));
    }

    /**cras_c930**/
    .product__box__item[data-style="cras_c930"] .product__box__item__inner__pic {
        top: 3.5%;
        width: 34.17%;
    }

    /**cras_c925**/
    .product__box__item[data-style="cras_c925"] .product__box__item__inner__pic {
        width: 35%;
    }

    /**cras_c910_lite**/
    .product__box__item[data-style="cras_c910_lite"] .product__box__item__inner__pic {
        left: -5%;
        width: 26.67%;
    }

    .product__box__item[data-style="cras_c910_lite"]:nth-child(odd) .product__box__item__inner__pic {
        left: 0;
    }

    /**cras_c910**/
    .product__box__item[data-style="cras_c910"] .product__box__item__inner__pic {
        width: 35.83%;
    }

    /**CRAS C730**/
    .product__box__item[data-style="cras_c730"] .product__box__item__inner__pic {
        width: 40.58%;
        bottom: 4%;
    }

    /**cras_c715**/
    .product__box__item[data-style="cras_c715"] .product__box__item__bg {
        left: max(-34%, calc(50% - 960px));
        width: 1920px;
    }

    .product__box__item[data-style="cras_c715"]:nth-child(even) .product__box__item__bg {
        left: auto;
        right: max(-36%, calc(50% - 960px));
    }

    .product__box__item[data-style="cras_c715"] .product__box__item__bg img {
        transform: translateX(7%);
    }

    .product__box__item[data-style="cras_c715"]:nth-child(even) .product__box__item__bg img {
        transform: translateX(6%);
    }

    .product__box__item[data-style="cras_c715"] .product__box__item__inner__pic {
        width: 40.83%;
        bottom: 2%;
    }

    /**cras_c710**/
    .product__box__item[data-style="cras_c710"]:nth-child(even) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="cras_c710"] .product__box__item__inner__pic {
        width: 40.83%;
        bottom: 2%;
    }

    /**neo_n400**/
    .product__box__item[data-style="neo_n400"]:nth-child(odd) .product__box__item__bg {
        transform: scaleX(-1);
    }

    .product__box__item[data-style="neo_n400"] .product__box__item__inner__pic {
        width: 19.17%;
    }
}

@media screen and (max-width: 1320px) and (min-width: 992px) {

    /****個別樣式****/
    /*================*/
    /*=====記憶體=====*/
    /*================*/
    /**URBANE V RGB**/
    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg {
        left: 0;
        /* transform: translateX(calc(60px + calc((100vw - 120px) * .35 / 2) - 30%)); */
        transform: translateX(calc(60px + calc((90vw - 120px)* .35 / 2) - 27%));
    }

    .product__box__item[data-style="urbane_v_rgb"]:nth-child(even) .product__box__item__bg {
        left: auto;
        right: 0;
        /* transform: translateX(calc(-60px - calc((100vw - 120px) * .35 / 2) + 30%)); */
        transform: translateX(calc(-60px - calc((90vw - 120px)* .35 / 2) + 27%));
    }
}

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

    /****背景****/
    .product__box__item {
        min-height: 450px;
        padding: 20px 0 40px 0;
    }

    .product__box__item__bg .pc,
    .product__box__item__bg .pc-even {
        display: none;
    }

    .product__box__item__bg .pad {
        display: block;
    }

    /****主內容****/
    .product__box__item__inner {
        flex-direction: column;
        justify-items: center;
        justify-content: center;
        width: calc(100% - 60px);
    }

    /**圖片**/
    .product__box__item__inner__pic {
        width: 100%;
        max-width: 390px;
        margin: auto;
        order: 0;
    }

    /**文案**/
    .product__box__item__inner__content {
        width: 100%;
    }

    .product__box__item__inner__content__logo {
        align-items: center;
        align-content: center;
        height: 35px;
        margin: 0 auto 10px auto;
    }

    .product__box__item__inner__content__text {
        font-size: 15px;
        text-align: center;
    }

    .product__box__item__inner__content__color {
        font-size: 15px;
        text-align: center;
    }

    .product__box__item__inner__content__link {
        margin: 20px auto 0 auto;
    }

    /*================*/
    /*=====記憶體=====*/
    /*================*/
    /**URBANE V RGB**/
    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__inner__pic {
        max-width: 280px;
    }

    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg {
        left: 50%;
        width: auto;
        transform: translateX(-50%);
    }

    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__bg img {
        object-fit: fill;
        width: auto;
    }

    /**CRAS V RGB ROG**/
    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__bg::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 50%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
        pointer-events: none;
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__bg .pad {
        transform-origin: center;
        transform: scale(1.15);
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__pic {
        max-width: 350px;
        margin: auto auto -.3vw auto;
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__content {
        margin: 20px 0 0 0;
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__content__logo {
        height: 70px;
    }

    /**BOLT V**/
    .product__box__item[data-style="bolt_v_mix"] .product__box__item__bg {
        top: -65px;
        left: calc(50% - 495px);
        width: 990px;
        height: 120%;
    }

    .product__box__item[data-style="bolt_v_mix"] .product__box__item__inner__pic img {
        margin: 0 0 25px 0;
    }

    /**FIT V**/
    .product__box__item[data-style="fit_v"] .product__box__item__bg::after,
    .product__box__item[data-style="fit_v_mix"] .product__box__item__bg::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(37, 49, 71, .3)0%, rgba(37, 49, 71, 0) 100%);
    }

    .product__box__item[data-style="fit_v"] .product__box__item__inner__content__text,
    .product__box__item[data-style="fit_v_mix"] .product__box__item__inner__content__text {
        color: #627492;
    }

    .product__box__item[data-style="fit_v"] .product__box__item__inner__pic {
        max-width: 320px;
        margin: 15px auto;
    }

    .product__box__item[data-style="fit_v_mix"] .product__box__item__inner__pic {
        max-width: 365px;
        margin: 30px auto 50px auto;
    }

    /**CRAS XR5 RGB**/
    .product__box__item[data-style="cras_xr5_rgb"] .product__box__item__inner__pic {
        max-width: 320px;
    }

    /**DDR5 SO-DIMM**/
    .product__box__item[data-style="ddr5_so_dimm"] .product__box__item__inner__pic {
        max-width: 280px;
    }

    /**CRAS XR RGB**/
    .product__box__item[data-style="cras_xr_rgb"] .product__box__item__inner__pic {
        top: -6%;
        max-width: 380px;
    }

    /**CRAS X RGB**/
    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic {
        max-width: 420px;
    }

    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic img {
        width: 93%;
        margin: 0 0 0 auto;
    }

    /**BOLT X**/
    .product__box__item[data-style="bolt_x"] .product__box__item__inner__pic {
        top: -3%;
    }

    /**CU-DIMM**/
    /* .product__box__item[data-style="cu_dimm"] .product__box__item__bg {
        left: max(0px, calc(50% - 384px));
        max-width: 768px;
    } */

    .product__box__item[data-style="cu_dimm"] .product__box__item__bg img {
        object-fit: fill;
        width: auto;
        margin: 0 auto;
    }

    /* .product__box__item[data-style="cu_dimm"] .product__box__item__bg::before,
    .product__box__item[data-style="cu_dimm"] .product__box__item__bg::after {
        display: block;
    }

    .product__box__item[data-style="cu_dimm"] .product__box__item__bg::before {
        left: -100px;
    }

    .product__box__item[data-style="cu_dimm"] .product__box__item__bg::after {
        right: -100px;
    } */

    /* .product__box__item[data-style="cu_dimm"] .product__box__item__inner__pic {
        max-width: 320px;
        margin: 15px auto;
    } */

    /**DDR4 U-DIMM**/
    .product__box__item[data-style="ddr4_u_dimm"] .product__box__item__inner__pic {
        top: -4%;
        max-width: 400px;
    }

    /**DDR4 SO-DIMM**/
    .product__box__item[data-style="ddr4_so_dimm"] .product__box__item__inner__pic {
        top: -1.5%;
        max-width: 205px;
    }


    /*=============*/
    /*=====SSD=====*/
    /*=============*/
    .product__box__item[data-style="s1_portable_ssd"],
    .product__box__item[data-style="r1_portable_ssd"],
    .product__box__item[data-style="cras_c930"],
    .product__box__item[data-style="cras_c910_lite"],
    .product__box__item[data-style="cras_c910"],
    .product__box__item[data-style="cras_c730"],
    .product__box__item[data-style="cras_c710"],
    .product__box__item[data-style="neo_n400"] {
        height: 480px;
    }

    /**S1 Portable SSD**/
    .product__box__item[data-style="s1_portable_ssd"] .product__box__item__inner__pic {
        top: -3%;
        left: -4%;
        max-width: 240px;
    }

    /**R1 Portable SSD**/
    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__bg {
        align-items: flex-end;
        align-content: flex-end;
        justify-items: flex-end;
        justify-content: flex-end;
    }

    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__bg img {
        object-position: right bottom;
        height: 120%;
    }

    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__inner__pic {
        left: -5%;
        top: 3%;
        max-width: 415px;
    }

    /**G560**/
    .product__box__item[data-style="g560"] .product__box__item__inner__pic {
        width: 38%;
        max-width: 250px;
    }

    /**cras_c930**/
    .product__box__item[data-style="cras_c930"] .product__box__item__inner__pic {
        top: -5%;
        left: -1%;
        max-width: 305px;
    }

    /**cras_c925**/
    .product__box__item[data-style="cras_c925"] .product__box__item__inner__pic {
        width: 40.5%;
        max-width: 280px;
    }

    /**cras_c910_lite**/
    .product__box__item[data-style="cras_c910_lite"] .product__box__item__inner__pic {
        max-width: 250px;
    }

    /**cras_c910**/
    .product__box__item[data-style="cras_c910"] .product__box__item__inner__pic {
        max-width: 280px;
    }

    .product__box__item[data-style="cras_c910"] .product__box__item__inner__pic .shadow {
        top: -72%;
        left: -40%;
        width: 140%;
    }

    /**cras_c730**/
    .product__box__item[data-style="cras_c730"] .product__box__item__inner__pic {
        max-width: 280px;
        bottom: 4%;
        left: 2%;
    }

    /**cras_c715**/
    .product__box__item[data-style="cras_c715"] .product__box__item__bg {
        left: calc(50% - 495px);
        width: 990px;
    }

    .product__box__item[data-style="cras_c715"] .product__box__item__inner__pic {
        max-width: 300px;
        bottom: 3%;
    }

    [data-demo="1"] .product__box__item[data-style="cras_c715"] .product__box__item__inner__pic {
        max-width: 380px;
    }

    /**cras_c710**/
    .product__box__item[data-style="cras_c710"] .product__box__item__inner__pic {
        max-width: 300px;
        bottom: 3%;
    }

    /**neo_n400**/
    .product__box__item[data-style="neo_n400"] .product__box__item__inner__pic {
        max-width: 135px;
        top: -4%;
        right: -.5%;
    }

    .product__box__item[data-style="neo_n400"] .product__box__item__inner__pic::before {
        content: '';
        position: absolute;
        top: -89.68%;
        left: -150%;
        width: 400%;
        height: 279.36%;
        border-radius: 50%;
        background: radial-gradient(ellipse at center, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 60%);
    }

    .product__box__item[data-style="neo_n400"] .product__box__item__inner__pic .shadow {
        display: none;
    }
}

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

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

    /****背景****/
    .product__box__item {
        min-height: 290px;
        padding: 5px 0 30px 0;
    }

    .product__box__item__bg .pad {
        display: none;
    }

    .product__box__item__bg .mb {
        display: block;
    }

    /****主內容****/
    .product__box__item__inner {
        width: calc(100% - 40px);
    }

    /**圖片**/
    .product__box__item__inner__pic {
        max-width: 255px;
    }

    /**文案**/
    .product__box__item__inner__content__logo {
        height: 15px;
        margin: 0 auto 10px auto;
    }

    .product__box__item__inner__content__logo img {
        margin: 0 0 7.5px 0;
    }

    .product__box__item__inner__content__text {
        font-size: 12px;
    }

    .product__box__item__inner__content__color {
        margin: 2px 0 0 0;
        font-size: 12px;
    }

    .product__box__item__inner__content__link {
        margin: 10px auto 0 auto;
        padding: 7.5px 10px;
        font-size: 12px;
    }

    /*================*/
    /*=====記憶體=====*/
    /*================*/
    /**URBANE V RGB**/
    .product__box__item[data-style="urbane_v_rgb"] .product__box__item__inner__pic {
        max-width: 180px;
    }

    /**CRAS V RGB ROG**/
    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__pic {
        max-width: 230px;
        margin: auto;
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__bg .mb {
        transform-origin: center;
        transform: scale(1.15);
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__content {
        margin: 0;
    }

    .product__box__item[data-style="cras_v_rgb_rog"] .product__box__item__inner__content__logo {
        height: 30px;
    }

    /**BOLT V**/
    .product__box__item[data-style="bolt_v_mix"] .product__box__item__bg {
        top: -35px;
        left: calc(50% - 287.5px);
        width: 575px;
        height: 110%;
    }

    .product__box__item[data-style="bolt_v_mix"] .product__box__item__inner__pic {
        max-width: 270px;
    }

    .product__box__item[data-style="bolt_v_mix"] .product__box__item__inner__pic img {
        margin: 0 0 10px 0;
    }

    /**FIT V**/
    .product__box__item[data-style="fit_v"] .product__box__item__inner__pic {
        max-width: 215px;
        margin: 0 auto 15px auto;
    }

    .product__box__item[data-style="fit_v_mix"] .product__box__item__inner__pic {
        max-width: 250px;
        margin: 0 auto 22.5px auto;
    }

    /**CRAS XR5 RGB**/
    .product__box__item[data-style="cras_xr5_rgb"] .product__box__item__inner__pic {
        max-width: 215px;
    }

    /**CU-DIMM**/
    /* .product__box__item[data-style="cu_dimm"] .product__box__item__bg {
        left: max(0px, calc(50% - 187.5px));
        max-width: 375px;
    }

    .product__box__item[data-style="cu_dimm"] .product__box__item__bg::before,
    .product__box__item[data-style="cu_dimm"] .product__box__item__bg::after {
        display: block;
        width: 100px;
    }

    .product__box__item[data-style="cu_dimm"] .product__box__item__bg::before {
        left: -50px;
    }

    .product__box__item[data-style="cu_dimm"] .product__box__item__bg::after {
        right: -50px;
    } */

    /**DDR5 SO-DIMM**/
    .product__box__item[data-style="ddr5_so_dimm"] .product__box__item__inner__pic {
        max-width: 185px;
    }

    /**CRAS XR RGB**/
    .product__box__item[data-style="cras_xr_rgb"] .product__box__item__inner__pic {
        max-width: 255px;
    }

    /**CRAS X RGB**/
    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic {
        top: 4%;
        max-width: 270px;
    }

    .product__box__item[data-style="cras_x_rgb"] .product__box__item__inner__pic img {
        width: 106%;
        margin: 0 -4% 0 auto;
    }

    /**BOLT X**/
    .product__box__item[data-style="bolt_x"] .product__box__item__inner__pic {
        top: -2%;
    }

    /**CU-DIMM**/
    /* .product__box__item[data-style="cu_dimm"] .product__box__item__inner__pic {
        max-width: 215px;
        margin: 0 auto 15px auto;
    } */

    /**DDR4 U-DIMM**/
    .product__box__item[data-style="ddr4_u_dimm"] .product__box__item__inner__pic {
        top: 3%;
        max-width: 255px;
    }

    /**DDR4 SO-DIMM**/
    .product__box__item[data-style="ddr4_so_dimm"] .product__box__item__inner__pic {
        top: -1.5%;
        max-width: 140px;
    }

    /*=============*/
    /*=====SSD=====*/
    /*=============*/
    .product__box__item[data-style="s1_portable_ssd"],
    .product__box__item[data-style="r1_portable_ssd"],
    .product__box__item[data-style="cras_c930"],
    .product__box__item[data-style="cras_c910_lite"],
    .product__box__item[data-style="cras_c910"],
    .product__box__item[data-style="cras_c730"],
    .product__box__item[data-style="cras_c710"],
    .product__box__item[data-style="neo_n400"] {
        height: 315px;
    }

    /**S1 Portable SSD**/
    .product__box__item[data-style="s1_portable_ssd"] .product__box__item__inner__pic {
        top: 0;
        left: 0;
        max-width: 145px;
    }

    /**R1 Portable SSD**/
    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__bg img {
        object-position: center 20%;
    }

    .product__box__item[data-style="r1_portable_ssd"] .product__box__item__inner__pic {
        top: 4%;
        max-width: 240px;
    }

    /**cras_c930**/
    .product__box__item[data-style="cras_c930"] .product__box__item__inner__pic {
        max-width: 170px;
        top: -2%;
        left: -1%;
    }

    /**cras_c910_lite**/
    .product__box__item[data-style="cras_c910_lite"] .product__box__item__inner__pic {
        top: 8%;
        left: -5%;
        max-width: 153px;
        transform-origin: center;
        transform: rotate(25deg);
    }

    /**cras_c925**/
    .product__box__item[data-style="cras_c925"] .product__box__item__inner__pic {
        max-width: 195px;
    }

    /**cras_c910**/
    .product__box__item[data-style="cras_c910"] .product__box__item__inner__pic {
        max-width: 170px;
    }

    /**cras_c730**/
    .product__box__item[data-style="cras_c730"] .product__box__item__inner__pic {
        max-width: 195px;
        bottom: 0;
    }

    /**cras_c715**/
    .product__box__item[data-style="cras_c715"] .product__box__item__bg {
        left: calc(50% - 320px);
        width: 640px;
    }

    .product__box__item[data-style="cras_c715"] .product__box__item__inner__pic {
        max-width: 195px;
    }

    [data-demo="1"] .product__box__item[data-style="cras_c715"] .product__box__item__inner__pic {
        max-width: 260px;
    }

    /**cras_c710**/
    .product__box__item[data-style="cras_c710"] .product__box__item__inner__pic {
        max-width: 195px;
    }

    /**neo_n400**/
    .product__box__item[data-style="neo_n400"] .product__box__item__inner__pic {
        max-width: 100px;
        top: 1%;
        right: 0;
    }

    .product__box__item[data-style="neo_n400"] .product__box__item__inner__pic::before {
        top: -19.5%;
        left: -46.64%;
        width: 193.28%;
        height: 139%;
    }
}

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

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