@media screen and (min-width: 768px) and (max-width: 1344px) and (min-width: 100vh) {

    /* nav */
    @media screen {
        .cbcn-nav-tab {
            /* background: rgba(255, 255, 255, 0.30);
            backdrop-filter: blur(15px); */
            background: rgba(255, 255, 255);
            position: sticky;
            top: 0;
            left: 0;
            z-index: 999;
            width: 100%;
            height: 2.8em;
            justify-content: space-between;
            padding: 0 3em;
            align-items: center;
        }

        .cbcn-nav-logo {
            width: 6.2em;
            height: 0.8em;
        }

        .cbcn-nav-list {
            gap: 3em;
        }

        .cbcn-nav-list a {
            color: #1D1D1F !important;
            opacity: 0.55;
            cursor: pointer;
            text-decoration: none;
        }
    }

    /* kv */
    @media screen {
        .cbcn-kv-imgDiv {
            width: 100%;
            height: 100%;
        }

        .cbcn-kv-imgDiv img {
            position: absolute;
            transition: transform 0.5s;
        }


        .cbcn-kv-img-bg1 {
            z-index: 8;
        }

        .cbcn-kv-img-bg2 {
            z-index: 7;
        }

        .cbcn-kv-img-bg3 {
            z-index: 6;
        }

        .cbcn-kv-img-bg4 {
            z-index: 5;
        }

        .cbcn-kv-img-bg5 {
            z-index: 4;
        }

        .cbcn-kv-img-bg6 {
            z-index: 3;
        }

        .cbcn-kv-img1 {
            width: 16.7em;
            height: 16.25em;
            z-index: 20;
        }

        .cbcn-kv-txt1 {
            width: 100%;
            margin-top: 20.05em;
            z-index: 20;
        }

        .cbcn-kv-p1 {
            font-size: 3.79045em;
            font-style: normal;
            /* 3.6009rem */
            background: linear-gradient(289deg, #FFF 119.43%, #9ADFFF 151.26%, #4682FF 168.35%, #9ADFFF 184.14%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-kv-link {
            transition: margin-left 0.5s;
            background: linear-gradient(0deg, #9ADFFF -66.67%, #4682FF 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            cursor: pointer;
        }

        .cbcn-kv-icon {
            bottom: 7.6em;
            width: 3.5em;
            height: 3.5em;
            cursor: pointer;
        }
    }

    .cbcn-section-group1 {
        background: linear-gradient(180deg, #91C2F2 0%, #FFF 24.06%, #FFF 41.19%);
    }


    /* JoyofNature */
    @media screen {
        .cbcn-JoyofNature-screen.wt {
            background-color: transparent;
            padding-top: 15em;
            padding-bottom: 12.45em;
        }

        .cbcn-JoyofNature-txt1 p {
            white-space: noWrap;
        }
    }


    /* UITitle */
    @media screen {
        .cbcn-UITitle-screen.wt {
            background-color: transparent;
        }

        .cbcn-UITitle-txt1 {
            width: 100%;
        }
    }


    /* UI */
    @media screen {
        .cbcn-UI-screen.wt {
            background-color: transparent;
            height: 45em;
            margin-top: 7.6em;
        }

        .cbcn-UI-img-div {
            gap: 3.15em;
        }

        .cbcn-UI-img-col {
            gap: 2.45em;
            min-width: 11.095em;
            min-height: 24.57em;
            position: relative;
        }

        .cbcn-UI-img {
            width: 100%;
            height: 45em;
        }
    }

    /* NaturalLighting */
    @media screen {
        .cbcn-NaturalLighting-screen {
            height: 38.5em;
            background-image: url("../img/pad/NaturalLightingBg.png");
            background-repeat: no-repeat;
            background-size: cover;
        }

        .cbcn-NaturalLighting-p1 {
            width: 13em;
            position: absolute;
            top: 7em;
            left: 0;
        }


        .cbcn-NaturalLighting-p2 {
            width: 14.1em;
            position: absolute;
            bottom: 11em;
            right: 0;
        }

        .cbcn-NaturalLighting-video-box {
            height: 100%;
            justify-content: center;
            align-items: center;
            gap: 1em;
            position: relative;
        }

        .cbcn-NaturalLighting-videoDiv {
            position: relative;
        }

        .cbcn-NaturalLighting-video {
            width: 10.3611em;
            height: 22.4335em;
            border-radius: 1em;
            overflow: hidden;
        }

        .cbcn-NaturalLighting-img-bg {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%) scale(1.03);
            width: 10.3611em;
            height: 22.4335em;
        }
    }

    /* VideoWallpaper */
    @media screen {
        .cbcn-VideoWallpaper-screen {
            height: 35em;
        }

        .cbcn-VideoWallpaper-txt1 {
            z-index: 99;
            justify-content: center;
            gap: 27.55em;
            opacity: 0;
        }

        .cbcn-VideoWallpaper-txt1 p {
            color: #FFF !important;
            font-size: 6.02em;
            font-style: normal;
        }

        .cbcn-VideoWallpaper-txt2 {
            width: 100%;
            justify-content: space-between;
            align-items: center;
        }


        .cbcn-VideoWallpaper-txt2-p1 {
            width: 11.1em;
            position: relative;
            top: 2em;
        }


        .cbcn-VideoWallpaper-txt2-p2 {
            width: 12em;
            position: relative;
            top: 2em;
        }

        .cbcn-VideoWallpaper-videoBox {
            height: 100%;
            justify-content: center;
            align-items: center;
            gap: 1em;
        }

        .cbcn-VideoWallpaper-video {
            width: 12.7005em;
            height: 27.4993em;
            margin: 0;
        }

        .cbcn-VideoWallpaper-videoBox .cbcn-wap-videoControl {
            position: absolute;
            right: 28.5%;
            bottom: 18%;
        }
    }

    /* Personalization */
    @media screen {
        .cbcn-Personalization-swiper-div {
            width: 100%;
            overflow: hidden;
        }

        .cbcn-Personalization-swiper {
            height: 24em;
        }

        .cbcn-Personalization-swiper-content {
            gap: 0.6em;
            position: absolute;
            left: 0;
            top: 0;
        }

        .cbcn-Personalization-swiper-item {
            width: 46.2em;
            min-height: 24em;
            padding-left: 2em;
            box-sizing: border-box;
            justify-content: space-between;
            gap: 0.5em;
            border-radius: 1em;
            background: #F7F7F7;
            flex-shrink: 0;
            position: relative;
            overflow: hidden;
        }

        .cbcn-Personalization-txt {
            width: 100%;
            padding: 2.5em 0;
        }

        .cbcn-Personalization-video {
            width: 22em;
            height: 100%;
            flex-shrink: 0;
            display: block;
        }

        .cbcn-Personalization-switchBtn-list {
            margin-top: 2em;
            gap: 0.5em;
            width: 100%;
            justify-content: flex-end;
        }

        .cbcn-Personalization-switchBtn {
            width: 2em;
            height: 2em;
            cursor: pointer;
        }

        .cbcn-Personalization-switchBtn.left {
            transform: rotate(180deg);
        }

        .cbcn-Personalization-switchBtn.disabled {
            opacity: 0.3;
        }
    }

    /* ControlSystem */
    @media screen {
        .cbcn-ControlSystem-screen {
            box-sizing: border-box;
        }

        .cbcn-ControlSystem-txt1 {
            width: 41em;
            position: relative;
        }

        .cbcn-ControlSystem-list {
            gap: 1em;
            margin-top: 4.65em;
        }

        .cbcn-ControlSystem-col {
            gap: 0.85em;
        }

        .cbcn-ControlSystem-item {
            width: 15em;
            height: 11.95em;
            border-radius: 1em;
            overflow: hidden;
            position: relative;
        }

        .cbcn-ControlSystem-item.index1 {
            height: 24.5em;
            background: #F7F7F7;
        }

        .cbcn-ControlSystem-item.index4 {
            background: #F7F7F7;
        }

        .cbcn-ControlSystem-item.index5 {
            background: #1F1F1F;
        }

        .cbcn-ControlSystem-item p {
            position: absolute;
            z-index: 99;
            left: 20px;
            top: 20px;
        }

        .cbcn-ControlSystem-item.index3 p,
        .cbcn-ControlSystem-item.index5 p {
            top: auto;
            bottom: 20px;
        }

        .cbcn-ControlSystem-circle1 {
            width: 18.96375em;
            height: 18.96375em;
            flex-shrink: 0;
            border-radius: 18.96375em;
            border: 58.5px solid #3670FF;
            mix-blend-mode: multiply;
            position: absolute;
            z-index: 20;
            left: -10.8em;
            bottom: -6.89em;
            opacity: 0;
        }

        .cbcn-ControlSystem-circle2 {
            width: 12.1875em;
            height: 12.1875em;
            border-radius: 12.1875em;
            background: #B1C7FF;
            mix-blend-mode: multiply;
            position: absolute;
            z-index: 50;
            left: 12.15em;
            top: 3.24em;
            opacity: 0;
        }

        .cbcn-ControlSystem-img1 {
            z-index: 98;
            width: 10.86795em;
            height: 23.54715em;
            bottom: -12.2em;
        }


        .cbcn-ControlSystem-img4 {
            width: 14.2em;
            height: 13.5em;
            bottom: -6.75em;
            opacity: 0;
        }

        .cbcn-ControlSystem-img5 {
            width: 21.7em;
            height: 19.85em;
            position: absolute;
            top: 5.4em;
            left: 13.15em;
            opacity: 0;
        }
    }

    /* iconLibTxt */
    @media screen {
        .cbcn-iconLibTxt-txt1 {
            width: 880px;
        }

        .cbcn-iconLibTxt-p1 {
            font-size: 8.4em;
            font-style: normal;
            font-weight: 500;
            background: linear-gradient(0deg, #9ADFFF -66.67%, #4682FF 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 29.5px;
        }
    }

    /* iconLib */
    @media screen {
        .cbcn-iconLib-screen {
            height: 35em;
        }

        .cbcn-iconLib-imgDiv {
            width: 100%;
            height: 35em;
        }

        .cbcn-iconLib-img {
            transition: all 0.35s;
            position: relative;
            flex-shrink: 0;
            vertical-align: middle;
        }

        .cbcn-iconLib-img.index2 {
            opacity: 0;
        }

        .cbcn-iconLib-btnDiv {
            justify-content: center;
            align-items: center;
            gap: 1em;
            border-radius: 2.05em;
            border: 0.7px solid rgba(204, 204, 204, 0.10);
            background: rgba(204, 204, 204, 0.30);
            backdrop-filter: blur(25px);
            z-index: 999;
            bottom: 3.25em;
            padding: 0.25em;
            box-sizing: content-box;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        .cbcn-iconLib-btn {
            width: 2.5em;
            height: 2.5em;
            position: relative;
            cursor: pointer;
            z-index: 99;
        }

        .cbcn-iconLib-btn.index2 {
            opacity: 0.7;
        }

        .cbcn-iconLib-btnActive {
            width: 2.5em;
            height: 2.5em;
            background: #FFF;
            overflow: hidden;
            border-radius: 1.25em;
            left: 0.25em;
            transition: left 0.5s;
        }

        .cbcn-iconLib-btn svg {
            width: 1.5em;
            height: 1.5em;
        }
    }

    /* Smooth */
    @media screen {
        .cbcn-Smooth-txt1 {
            width: 100%;
            background: linear-gradient(273deg, #9ADFFF 45.51%, #4682FF 88.31%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-top: 12em;
            margin-bottom: 7em;
        }
    }

    /* WaterLike */
    @media screen {
        .cbcn-WaterLike-screen {
            width: 100%;
            height: 38.5em;
        }

        .cbcn-WaterLike-txt1 {
            width: 100%;
            position: relative;
            z-index: 20;
        }

        .cbcn-WaterLike-img {
            width: 60em;
            height: 33.25em;
            position: absolute;
            top: 7.3em;
            right: 10.8em;
        }
    }

    /* HumanFactors */
    @media screen {
        .cbcn-HumanFactors-num{
            line-height: 1em ;
        }
        .cbcn-HumanFactors-screen {
            width: 100%;
            height: 34.25em;
        }

        .cbcn-HumanFactors-content {
            align-items: center;
            justify-content: space-between;
        }

        .cbcn-HumanFactors-BG {
            width: 67.2em;
            height: 49.035em;
        }

        .cbcn-HumanFactors-txt1 {
            width: 18.9em;
            gap: 2.5em;
        }

        .cbcn-HumanFactors-videoBox {
            position: relative;
        }

        .cbcn-HumanFactors-videoBox .cbcn-wap-videoControl {
            position: absolute;
            right: -3em;
            bottom: 0.1em;
        }

        .cbcn-HumanFactors-video {
            width: 22em;
            height: 21.75em;
            flex-shrink: 0;
        }

        .cbcn-HumanFactors-imgDiv {
            padding-top: 15px;
            justify-content: center;
            gap: 45%;
        }

    }

    /* AnimationEngine */
    @media screen {
        .cbcn-AnimationEngine-screen {
            height: 31.5em;
        }

        .cbcn-AnimationEngine-img {
            width: 100%;
            height: 31.5em;
        }

        .cbcn-AnimationEngine-txt1 {
            width: 22.8em;
            gap: 2.5em;
            right: 0;

            opacity: 0;
            margin-top: 3em;
        }
    }

    /* UnfairScheduling */
    @media screen {
        .cbcn-UnfairScheduling-screen {
            height: 41em;
        }

        .cbcn-UnfairScheduling-img {
            width: 40em;
            height: 22.5em;
            left: 13.65em;

            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        .cbcn-UnfairScheduling-txt1 {
            width: 18.9em;
            gap: 2.5em;
            left: 0;
            position: relative;
            z-index: 9;
        }

        .cbcn-UnfairScheduling-txt1 .cbcn-param {
            width: 90%;
            white-space: wrap !important;
        }
    }

    /* Memory */
    @media screen {
        .cbcn-Memory-screen {
            height: 55.98em;
        }

        .cbcn-Memory-img {
            width: 67.2em;
            height: 34.3em;
            bottom: 0em;
            right: 0;
        }

        .cbcn-Memory-txt1 {
            width: 38.4em;
            gap: 2.5em;
            top: 4em;

            opacity: 0;
            margin-top: 3em;
        }
    }

    /* BePro */
    @media screen {
        .cbcn-BePro-mask {
            width: 100%;
            height: 200vh;
            z-index: 1;
            background: linear-gradient(180deg, #000 61.53%, rgba(0, 0, 0, 0.00) 100%);
            filter: blur(0 50px);
        }

        .cbcn-BePro-txt1 {
            z-index: 2;
        }
    }

    /* AIImageLab */
    @media screen {
        .cbcn-AIImageLab-screen {
            padding-bottom: 9.55em;
            overflow: visible;
        }

        .cbcn-AIImageLab-content {
            align-items: start;
            justify-content: center;
            width: 100%;
            gap: 0.66em;
            opacity: 0;
            overflow: visible;
        }

        .cbcn-AIImageLab-svg {
            width: 2.88em;
            height: 1.8em;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -2em;
        }
    }

    /* UltraClearImage */
    @media screen {
        .cbcn-UltraClearImage-content {
            justify-content: space-between;
        }

        .cbcn-UltraClearImage-imgDiv {
            width: 26.7em;
            height: 16.3em;
            position: relative;
            border-radius: 0.87295em;
            overflow: hidden;
            user-select: none;
            flex-shrink: 0;
        }


        .cbcn-UltraClearImage-img2 {
            width: 50%;
            height: 100%;
            right: 0;
            overflow: hidden;
        }

        .cbcn-UltraClearImage-img2 img {
            width: 26.7em;
            height: 16.3em;
            right: 0;
        }

        .cbcn-UltraClearImage-txt1 {
            width: 15em;
            opacity: 0;
            position: relative;
            top: 4em;
        }

        .cbcn-UltraClearImage-controlBtn {
            position: absolute;
            top: 0;
            left: 50%;
            width: 0.15em;
            height: 100%;
            background-color: #fff;
            cursor: ew-resize;
            z-index: 99;
        }

        .cbcn-UltraClearImage-controlBtn span {
            width: 1em;
            height: 1em;
            background-color: #fff;
            border-radius: 50%;
        }
    }

    /* RemoveShadows */
    @media screen {
        .cbcn-RemoveShadows-screen {
            height: 33.55em;
        }

        .cbcn-RemoveShadows-content {
            justify-content: space-between;
            align-items: center;
            position: relative;
        }

        .cbcn-RemoveShadows-txt1 {
            position: relative;
            width: 15em;
            z-index: 9;
        }

        .cbcn-RemoveShadows-img {
            width: 26.7em;
            height: 19.55em;
        }
    }

    /* MovieAlbum */
    @media screen {
        .cbcn-MovieAlbum-txt1 {
            width: 35.5em;
            padding: 3.6em 0;

            opacity: 0;
            position: relative;
            top: 3em;
        }
    }

    /* AIImage */
    @media screen {
        .cbcn-AIImage-screen {
            height: 36.75em;
        }

        .cbcn-AIImage-p1 {
            width: 14.8em;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
        }


        .cbcn-AIImage-p2 {
            width: 11.1em;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
        }

        .cbcn-AIImage-p2 .cbcn-pc-videoControl {
            position: static;
            display: block;
            margin-top: 20px;
        }

        .cbcn-AIImage-videoBox {
            position: relative;
            align-items: center;
            gap: 1em;
            height: 100%;
        }

        .cbcn-AIImage-video {
            width: 12.7em;
            height: 27.5em;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .cbcn-AIImage-videoControl {
            position: absolute;
            top: calc(50% + 8em);
            right: 9em;
        }
    }

    /* EfficiencyTools */
    @media screen {
        .cbcn-EfficiencyTools-screen {
            position: relative;
            z-index: 9;
        }

        .cbcn-EfficiencyTools-swiper-content {
            gap: 1em;
        }

        .cbcn-EfficiencyTools-swiper-itemRow {
            gap: 1em;
        }

        .cbcn-EfficiencyTools-swiper-item {
            gap: 0.75em;
            border-radius: 1.5em;
            background: #F7F7F7;
            box-sizing: border-box;
            align-items: center;
            justify-content: space-between;
        }

        .cbcn-EfficiencyTools-swiper-item.index1 {
            width: 100%;
            padding-left: 2em;
        }

        .cbcn-EfficiencyTools-swiper-item.index2 {
            width: 22.8em;
            padding-top: 2em;
            min-height: 32.5em;
        }

        .cbcn-EfficiencyTools-swiper-item.index3 {
            width: 22.8em;
            padding-bottom: 2em;
            min-height: 32.5em;
        }

        .cbcn-EfficiencyTools-txt1 {
            width: 16.9em;
            height: 18.5em;
            justify-content: space-between;
        }

        .cbcn-EfficiencyTools-txt2 {
            width: 18.8em;
        }

        .cbcn-EfficiencyTools-txt3 {
            width: 18.5em;
        }

        .cbcn-EfficiencyTools-img{
            width: 19.8em;
            height: 17em;
        }
        .cbcn-EfficiencyTools-img1 {
            width: 27em;
            height: 24.35em;
            position: relative;
        }

        .cbcn-EfficiencyTools-video {
            width: 100%;
            position: relative;
        }

        .cbcn-EfficiencyTools-img3 {
            width: 22.875em;
            height: 19.42217em;
        }
    }

    /* Game */
    @media screen {
        .cbcn-Game-screen {
            min-height: 38.5em;
            height: auto;
            overflow: visible;
            position: relative;
            z-index: 2;
        }

        .cbcn-Game-content {
            width: 100%;
            min-height: 38.5em;
            overflow: visible;
        }

        .cbcn-Game-content2 {
            min-height: 57.9em;
        }

        .cbcn-Game-txt1 {
            width: 46em;
            top: 5em;
            z-index: 9;
        }

        .cbcn-Game-phone1 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 38.5em;
            overflow: hidden;
        }

        #cbcn-all-c .cbcn-Game-content {
            position: relative;
            top: 0;
            left: 0;
            transform: none;
        }

        .cbcn-Game-GameBorder {
            height: 18.9em;
            width: 40.9em;
            z-index: 30;
        }

        .cbcn-Game-img2 {
            left: 3.1em;
            width: 15.7379em;
            height: 16.6287em;
            box-shadow: 0px 3.959px 23.26px 0px rgba(0, 0, 0, 0.25);
            z-index: 20;
            margin-left: -20em;
        }

        .cbcn-Game-txt2 {
            width: 41em;
            top: 5em;
            margin-top: 2.5em;
        }

        .cbcn-Game-phone2 {
            width: 15.9em;
            height: 34.4em;
            margin-top: 12em;
            position: absolute;
            top: 8em;
            left: 50%;
            transform: translateX(-50%);
        }

        .cbcn-Game-phone2 .cbcn-pc-videoControl {
            top: 0;
            right: -4em;
        }
    }

    /* Amazing */
    @media screen {

        .cbcn-Amazing-txt1 {
            position: static;
            transform: none;
            width: 100%;
            height: 28.5em;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    /* PowerSaving */
    @media screen {
        .cbcn-PowerSaving-content {
            width: 100%;
            height: 100%;
        }

        .cbcn-PowerSaving-txt1 {
            position: relative;
            z-index: 99;
            opacity: 0;
            padding-top: 8em;
        }

        .cbcn-PowerSaving-txt1 .cbcn-param .cbcn-pc-p100 {
            background: linear-gradient(294deg, #4DF9E8 32.49%, #3CA4F9 118.21%, #003EDE 195.76%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            align-items: center;
            gap: 5px;
        }

        .cbcn-PowerSaving-paramGroup {
            margin-top: 2em;
            justify-content: center;
            gap: 14em;
        }

        .cbcn-PowerSaving-paramGroup .cbcn-pad-p100 {
            background: linear-gradient(294deg, #4DF9E8 32.49%, #3CA4F9 118.21%, #003EDE 195.76%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            align-items: center;
            gap: 5px;
        }

        .cbcn-PowerSaving-svg {
            width: 57px;
        }

        .cbcn-PowerSaving-img {
            width: 80.35255em;
            height: 34.5em;
            bottom: 0;
            z-index: 10;
        }

        .cbcn-PowerSaving-txt2 {
            z-index: 99;
            gap: 0.6em;
        }

        .cbcn-PowerSaving-txt2-item {
            height: 31.5em;
            width: 18.9em;
            padding: 2em;
            border-radius: 0.5em;
            background: rgba(64, 64, 64, 0.30);
            backdrop-filter: blur(40px);
        }

        .cbcn-PowerSaving-icon1 {
            position: relative;
            width: 2.25em;
            height: 2.7em;
            margin-bottom: 1em;
        }

        .cbcn-PowerSaving-icon2 {
            position: relative;
            width: 2.7em;
            height: 2.7em;
            margin-bottom: 1em;
        }
    }

    /* OfficeAssistant */
    @media screen {
        .cbcn-OfficeAssistant-swiper-content {
            gap: 1em;
        }

        .cbcn-OfficeAssistant-swiper-itemRow {
            gap: 1em;
        }

        .cbcn-OfficeAssistant-swiper-item {
            gap: 0.6em;
            border-radius: 1em;
            background: #F7F7F7;
            box-sizing: border-box;
            align-items: center;
            justify-content: space-between;
        }

        .cbcn-OfficeAssistant-swiper-item.index1 {
            width: 100%;
            padding-left: 2em;
        }

        .cbcn-OfficeAssistant-swiper-item.index2 {
            width: 22.8em;
            padding-top: 2em;
            min-height: 39em;
        }

        .cbcn-OfficeAssistant-swiper-item.index3 {
            width: 22.8em;
            padding-top: 2em;
            min-height: 39em;
        }

        .cbcn-OfficeAssistant-txt1 {
            width: 16.9em;
            height: 20.5em;
            justify-content: space-between;
        }

        .cbcn-OfficeAssistant-txt2 {
            width: 18.8em;
        }

        .cbcn-OfficeAssistant-txt3 {
            width: 18.8em;
        }

        .cbcn-OfficeAssistant-img1 {
            width: 28.25455em;
        }

        .cbcn-OfficeAssistant-img2 {
            width: 100%;
        }

        .cbcn-OfficeAssistant-img3 {
            width: 100%;
        }
    }

    /* remark */
    @media screen {
        .cbcn-remark-screen {
            position: relative;
            z-index: 2;
            opacity: 0.6;
        }

        .cbcn-remark-screen ul,
        .cbcn-remark-screen ol {
            padding-inline-start: 20px;
            margin: 0;
        }

        .cbcn-remark-screen ul li {
            list-style: none;
            position: relative;
        }

        .cbcn-remark-screen li {
            color: #1D1D1F !important;
        }

        .cbcn-remark-screen ul li::before {
            content: '*';
            position: absolute;
            left: -12px;
            top: 1px;
        }

        .cbcn-remark-screen ol li {
            list-style: decimal;
        }
    }
}