@media screen and (max-width: 1680px) {
    .InnerGIGABYTEContent h4 {
        margin: 0;
        padding: 0;
        font-family: "Titillium Web", 'Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1.0rem;
        text-align: left;
        line-height: 1;
        letter-spacing: 0;
        word-spacing: 0;
        color: #ddd;
    }

    .diagram.diagram1 .spectext[data-spectext="1"] {
        left: -24.5221%;
        top: -6.0463%;
    }

    .diagram.diagram1 .spectext[data-spectext="2"] {
        left: -24.5221%;
        top: 5.37963%;
    }

    .diagram.diagram1 .spectext[data-spectext="3"] {
        left: -24.7738%;
        top: 25.6412%;
    }

    .diagram.diagram1 .spectext[data-spectext="4"] {
        left: -24.445%;
        top: 34.5278%;
    }

    .diagram.diagram1 .spectext[data-spectext="5"] {
        left: -24.6414%;
        top: 41.6736%;
    }

    .diagram.diagram1 .spectext[data-spectext="6"] {
        left: -24.7957%;
        top: 52%;
    }

    .diagram.diagram1 .spectext[data-spectext="7"] {
        left: -24.4274%;
        top: 64.1875%;
    }

    .diagram.diagram1 .spectext[data-spectext="8"] {
        left: -24.1091%;
        top: 85.9433%;
    }

    .diagram.diagram1 .spectext[data-spectext="9"] {
        left: 98.3446%;
        top: 81.1898%;
    }

    .diagram.diagram1 .spectext[data-spectext="10"] {
        left: 97.85%;
        top: 3.24653%;
    }

    .diagram.diagram1 .spectext[data-spectext="11"] {
        left: 97.7808%;
        top: 23.75%;
    }

    .diagram.diagram1 .spectext[data-spectext="12"] {
        left: 97.7843%;
        top: 34.3264%;
    }

    .diagram.diagram1 .spectext[data-spectext="13"] {
        left: 97.8369%;
        top: 54.206%;
    }

    .diagram.diagram1 .spectext[data-spectext="14"] {
        left: 98.1464%;
        top: 69.9097%;
    }

    .diagram.diagram1 .spectext[data-spectext="15"] {
        left: -24.3739%;
        top: 72.4398%;
    }

    .diagram.diagram1 .spectext[data-spectext="16"] {
        left: 98.2578%;
        top: 97.6204%;
    }

    .diagram.diagram1 .specpoint[data-spectext="1"] {
        left: 35.1852%;
        top: 2.2963%;
    }

    .diagram.diagram1 .specpoint[data-spectext="2"] {
        left: 6.74979%;
        top: 6.25%;
    }

    .diagram.diagram1 .specpoint[data-spectext="3"] {
        left: 9.14703%;
        top: 32.5139%;
    }

    .diagram.diagram1 .specpoint[data-spectext="4"] {
        left: 10.7183%;
        top: 41.25%;
    }

    .diagram.diagram1 .specpoint[data-spectext="5"] {
        left: 4.49986%;
        top: 41.25%;
    }

    .diagram.diagram1 .specpoint[data-spectext="6"] {
        left: 10.9989%;
        top: 52.75%;
    }

    .diagram.diagram1 .specpoint[data-spectext="7"] {
        left: 38.1033%;
        top: 64.956%;
    }

    .diagram.diagram1 .specpoint[data-spectext="8"] {
        left: 23.2499%;
        top: 92%;
    }

    .diagram.diagram1 .specpoint[data-spectext="9"] {
        left: 81.9988%;
        top: 94.75%;
    }

    .diagram.diagram1 .specpoint[data-spectext="10"] {
        left: 40.1235%;
        top: 33.7014%;
    }

    .diagram.diagram1 .specpoint[data-spectext="11"] {
        left: 82.4986%;
        top: 24.75%;
    }

    .diagram.diagram1 .specpoint[data-spectext="12"] {
        left: 60.7499%;
        top: 30%;
    }

    .diagram.diagram1 .specpoint[data-spectext="13"] {
        left: 65.4987%;
        top: 57.5%;
    }

    .diagram.diagram1 .specpoint[data-spectext="14"] {
        left: 67.7469%;
        top: 62.5%;
    }

    .diagram.diagram1 .specpoint[data-spectext="15"] {
        left: 45.7334%;
        top: 94.1366%;
    }

    .diagram.diagram1 .specpoint[data-spectext="16"] {
        left: 53.2495%;
        top: 94.25%;
    }

    @media screen and (max-width: 1366px) {
        .InnerGIGABYTEContent h3 {
            letter-spacing: 4px;
        }

        .InnerGIGABYTEContent h4 {
            letter-spacing: 1px;
        }

        .InnerGIGABYTEContent h5 {
            letter-spacing: 1px;
            line-height: 1.2;
        }

        #keyf,
        .keyf {
            padding: 3rem;
        }

        .keyf>div {
            flex-direction: column;
            gap: 3rem;
        }

        .keyf>div .text h3,
        .keyf>div .text p {
            text-align: center;
        }

        .keyf>div .text {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        #overview,
        .overview {
            padding: 3rem;
            gap: 2rem;
        }

        .overview>div {
            flex-direction: column;
            gap: 2rem;
        }

        .diagram .spectext {
            display: none;
            pointer-events: none;
            opacity: 0;
        }

        :root {
            --pointsize: 20px;
        }

        .diagram .specpoint span {
            max-width: var(--pointsize);
            max-height: var(--pointsize);
            color: var(--linecolor);
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 900;
            z-index: 2;
            clip-path: unset;
        }

        .diagram .specpoint::after {
            width: var(--pointsize);
            height: var(--pointsize);
            background-color: transparent;
        }

        .diagram .specpoint span.topright {
            border-top: unset;
            border-right: unset;
            right: unset;
            bottom: unset;
        }

        .diagram .specpoint span.topleft {
            border-top: unset;
            border-left: unset;
            left: unset;
            bottom: unset;
        }

        .diagram .specpoint span.bottomright {
            border-bottom: unset;
            border-right: unset;
            right: unset;
            top: unset;
        }

        .diagram .specpoint span.bottomleft {
            border-bottom: unset;
            border-left: unset;
            left: unset;
            top: unset;
        }

        .overview ul.diagram-list {
            list-style-type: decimal;
            width: 90%;
            display: flex;
            flex-direction: column;
            gap: .4rem;
        }

        .overview ul.diagram-list li {
            cursor: unset;
        }

        .overview ul.diagram-list li ul li {
            font-size: .9rem;
        }

        .overview ul.diagram-list h4 {
            font-weight: normal;
            font-size: 1rem;
            letter-spacing: 2px;
        }

        #ud,
        .ud {
            padding: 0 3rem;
        }

        .ud section>div {
            display: flex;
            flex-direction: column-reverse;
            justify-content: flex-end;
        }

        .ud .cols>div.col .text {
            position: relative;
            padding: 5rem 2rem 0;
        }

        .ud .cols>div {
            width: 100%;
        }

        .ud section>div svg {
            display: none;
        }

        .ud section>div p,
        .ud section>div ul {
            opacity: 1;
        }

        .ud .cols>div>div.pgsbar {
            width: 100%;
            padding: 0;
            bottom: unset;
            top: 1rem;
        }

        #slidecard,
        .slidecard {
            padding: 0 3rem;
        }

        .slidecard .spacers {
            display: none;
        }

        .slidecard .camera {
            gap: 5vw;
            height: unset;
            position: relative;
            overflow: unset;
            padding: 10vw 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .slidecard .camera>img {
            margin: unset;
            inset: unset;
            object-fit: cover;
        }

        .slidecard .sliders {
            width: 100%;
            flex-direction: column;
            align-items: center;
        }

        .slidecard .slider {
            width: 100%;
            padding: 2rem 2rem 0;
        }

        .slidecard .text {
            padding: 0;
            min-width: unset;
        }

        .slidecard .text h4,
        .slidecard .text p {
            max-width: 100%;
        }

        .slidecard .text span {
            display: none;
        }

        .slidecard .imgs {
            height: 50%;
            bottom: 0;
        }

        .slidecard .audio .imgs img {
            opacity: .2;
        }

        #easy,
        .easy {
            padding: 0 3rem;
        }

        .easy .main .text h3,
        .easy .main .text h5 {
            text-align: center;
        }

        .easybg {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .easybg img {
            width: unset;
            height: 100%;
            top: unset;
            left: unset;
        }

        .easy .cols {
            display: flex;
            flex-direction: column;
        }

        .easy .cols>div {
            width: 100%;
        }

        .easy .col:not(.gcc):not(.smartfan):nth-child(even),
        .easy .col:not(.gcc):not(.smartfan):nth-child(odd) {
            transform: translateX(0);
        }

        .easy .cols>div.smartfan {
            flex-direction: column;
        }

        .easy .cols>div.gcc img {
            width: 190%;
        }

        .brandslide {
            padding: 3rem;
        }

        .brandslide .spacers {
            display: none;
        }

        .brandslide .camera {
            position: relative;
            height: unset;
        }

        .brandslide .camera>img {
            display: none;
        }

        .brandslide .sliders {
            width: 100%;
            flex-direction: column;
        }

        .brandslide .slider {
            width: 100%;
            height: unset;
            border-radius: unset;
        }

        .brandslide .imgs {
            position: relative;
        }

        div.dots {
            display: none;
        }
    }

    @media screen and (max-width: 768px) {
        .keyf>div .text aside {
            gap: 1rem;
        }

        .keyf>div .text aside p {
            letter-spacing: 0;
        }

        .easy .cols>div.gcc .text,
        .easy .cols>div.gcc .text .title,
        .easy .cols>div.gcc .text ul {
            align-items: flex-start;
        }

        .easy .cols>div.gcc .text p {
            text-align: left;
        }
    }