html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
figure,
figcaption {
    margin: 0;
    padding: 0
}

.screen .title,
.screen .titles,
.screen .text,
.screen .tips,
.screen .number,
.screen .productname,
.screen .icontext,
.screen .txt {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 2s ease, opacity 2s ease;
    color: #000;
}

.setUp .title,
.setUp .titles,
.setUp .text,
.setUp .tips,
.setUp .number,
.setUp .productname,
.setUp .icontext,
.setUp .txt {
    opacity: 1;
    transform: translateY(0);
    transition: transform 2s ease, opacity 2s ease;
}


@media screen and (min-width: 1081px) {
    .screen1 {
        background: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg1.png");
        background-size: cover;
        padding-top: 7.0313vw;
        width: 100%;
        height: 58.5938vw;
        opacity: 1;
    }

    .screen1 .productname {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .screen1 .productname .logo {
        width: 12.7345vw;
        height: 2.5391vw;
    }

    .screen1 .productname .model {
        width: 5.0781vw;
        height: 1.9531vw;
        margin-top: -2.5vw;
        margin-left: .9375vw;
    }

    .screen1 .productname .name {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 3.5938vw;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        margin-left: 1.5625vw;
    }

    .screen1 .text {
        font-size: 1.0938vw !important;
        margin: auto;
        width: 36.4063vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.5625vw;
    }

    .screen1 .text .text1 {
        position: relative;
        padding: 0vw 2.3438vw;
    }

    .screen1 .text .text1::before {
        content: '';
        position: absolute;
        left: 0;
        top: .5469vw;
        width: 0.0391vw;
        height: 1.5625vw;
        background-color: #000000;
    }

    .screen1 .text .text1::after {
        content: '';
        position: absolute;
        right: 0;
        top: .5469vw;
        width: 0.0391vw;
        height: 1.5625vw;
        background-color: #000000;
    }

    body {
        width: 100%;
        height: 100%;
        background-image: url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg-1.png), url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg-2.png), url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg-3.png), url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg-4.png);
        background-position: center 0%, center 31%, center 62.1%, center 96.5%;
        background-repeat: no-repeat;
        background-size: 100% 25%;
        position: relative;
        z-index: -1;

    }

    .screen2 {
        padding: 7.0313vw 8.8vw 0vw 8.8vw;

    }

    .screen2 span {
        color: #544FC9;
    }

    .screen2 .contents {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .screen2 img {
        width: 100%;
    }

    .screen2 .left,
    .screen2 .middle,
    .screen2 .right {
        height: 42.1875vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .screen2 .up,
    .screen2 .mid,
    .screen2 .down-left,
    .screen2 .down-middle,
    .screen2 .down-right {
        position: relative;
        text-align: center;
    }

    .screen2 .title,
    .screen2 .number {
        position: absolute;
        font-family: Hurme Geometric Sans 3;
        font-style: SemiBold;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen2 .number {
        color: #544FC9;
    }


    .screen2 .text,
    .screen2 .middle .up .name {
        position: absolute;
        font-family: Hurme Geometric Sans 3;
        font-style: SemiBold;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen2 .left .up {
        width: 24.4531vw;
        height: 16.7188vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .left .up .title {
        font-size: 1.25vw;
        margin-top: 1.9531vw;
        margin-left: 1.5625vw;
        z-index: 1;
    }

    .screen2 .left .up .number {

        font-size: 1.6406vw;
        margin-top: 3.6719vw;
        margin-left: 1.5625vw;

    }

    .screen2 .left .mid {
        width: 24.4531vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;

    }

    .screen2 .left .mid .title {
        text-align: left;
        margin-top: 4.5313vw;
        margin-left: 1.5625vw;
        width: 9.4141vw;
        opacity: 1;
        font-size: 1.25vw;
    }

    .screen2 .left .down {
        width: 24.4531vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .screen2 .left .down-left {
        width: 11.875vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .left .down-left .title {
        font-size: 1.25vw;
        margin-top: 1.1719vw;
        margin-left: 1.5625vw;
        width: 9.4141vw;
        opacity: 1;
    }

    .screen2 .left .down-right {
        width: 11.875vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .left .down-right .title {
        font-size: 1.25vw;
        margin-top: 1.1719vw;
        margin-left: 1.25vw;
        width: 9.4141vw;
        opacity: 1;
    }

    .screen2 .middle .up {
        width: 30.7031vw;
        height: 16.7188vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .middle .up .logo {
        position: absolute;
        margin-top: 2.4219vw;
        margin-left: 2.9297vw;
        width: 5.8594vw;
        height: 1.1719vw;
        opacity: 1;
    }

    .screen2 .middle .up .model {
        position: absolute;
        width: 2.3438vw;
        height: .9375vw;
        margin-top: 1.9531vw;
        margin-left: 25.4297vw;
    }

    .screen2 .middle .up .name {
        margin-top: 1.9531vw;
        margin-left: 9.5703vw;
        font-size: 1.7188vw;
        line-height: 120%;
    }

    .screen2 .middle .mid {
        width: 30.7031vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .middle .mid .title {
        margin-top: 1.5625vw;
        margin-left: 1.5625vw;
        width: 13.8594vw;
        font-size: 1.0156vw;
        text-align: left;
    }

    .screen2 .middle .mid .tips {
        position: absolute;
        margin-top: 10.8333vw;
        margin-left: 20.4444vw;
    }

    .screen2 .middle .mid .number {
        margin-left: 1.5625vw;
        font-size: 1.0156vw;

    }

    .screen2 .middle .mid .nb0 {
        margin-top: 5.1563vw;
    }

    .screen2 .middle .mid .nb1 {
        margin-top: 6.6797vw;
    }

    .screen2 .middle .mid .nb2 {
        margin-top: 8.2031vw;
    }

    .screen2 .middle .down {
        width: 30.7031vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .screen2 .middle .down-left {
        width: 12.1094vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .middle .down-left .title {
        margin-top: 1.1719vw;
        margin-left: 1.1328vw;
        width: 9.4141vw;
        font-size: 1.25vw;
    }

    .screen2 .middle .down-left .text {
        margin-top: 4.5313vw;
        margin-left: 2.4609vw;
        width: 6.7188vw;
        font-size: .7031vw;
    }

    .screen2 .middle .down-middle {
        width: 8.5938vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .middle .down-right {
        width: 8.5938vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .middle .down-middle .title,
    .screen2 .middle .down-right .title {
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: 2.2266vw;
        font-size: 1.25vw;
    }

    .screen2 .middle .down-middle .number,
    .screen2 .middle .down-right .number {
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: 4.4141vw;
        font-size: 2.6563vw;
    }

    .screen2 .middle .down-middle .text,
    .screen2 .middle .down-right .text {
        width: 6.7641vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: 8.0078vw;
        font-size: .7422vw;
    }

    .screen2 .right .up {
        width: 24.6875vw;
        height: 16.7188vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .right .up .title {
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: 1.9531vw;
        font-size: 1.25vw;
    }

    .screen2 .right .up .content {
        position: absolute;
        width: 100%;
        padding: 0 2.2266vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        top: 13.0859vw;
        /* 使用top而不是margin-top */
        left: 0;
    }

    .screen2 .right .up .content .part2 {
        position: relative;
        padding: 0vw 1.1719vw;
    }

    .screen2 .right .up .content .part2::before {
        content: "";
        position: absolute;
        left: 0;
        top: .3516vw;
        width: 0.0391vw;
        height: 1.1719vw;
        background-color: #000000;
    }

    .screen2 .right .up .content .part2::after {
        content: "";
        position: absolute;
        right: 0;
        top: .3516vw;
        width: 0.0391vw;
        height: 1.1719vw;
        background-color: #000000;
    }

    .screen2 .right .up .content .number,
    .screen2 .right .up .content .text {
        text-align: left;
        position: static;
    }

    .screen2 .right .up .content .number {

        font-size: 1.0156vw;
    }

    .screen2 .right .up .content .text {
        font-size: .7031vw;
    }

    .screen2 .right .mid {
        width: 24.6875vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .right .mid .title {
        text-align: center;
        width: 100%;
        margin-top: 1.5625vw;
        font-size: 1.25vw;
    }

    .screen2 .right .mid .content {
        position: absolute;
        width: 100%;
        padding: 0 1.9531vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 5.3906vw;
        left: 0;
    }

    .screen2 .right .mid .content img {
        width: 2.9297vw;
        height: 2.9297vw;
    }

    .screen2 .right .mid .content .text {
        margin-top: .4688vw;
        font-size: .625vw;
    }

    .screen2 .right .mid .content .part0,
    .screen2 .right .mid .content .part0 .text {
        width: 3.7891vw;
    }

    .screen2 .right .mid .content .part1,
    .screen2 .right .mid .content .part1 .text {
        width: 2.9297vw;
    }

    .screen2 .right .mid .content .part2,
    .screen2 .right .mid .content .part2 .text {
        width: 3.5156vw;
    }

    .screen2 .right .mid .content .part3,
    .screen2 .right .mid .content .part3 .text {
        width: 4.4141vw;
    }

    .screen2 .right .down {
        width: 24.6875vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .screen2 .right .down-left {
        width: 7.7344vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .right .down-left .title,
    .screen2 .right .down-right .title {
        margin-top: 1.1719vw;
        text-align: center;
        width: 100%;
        font-size: .8594vw;
    }

    .screen2 .right .down-left .image {
        position: absolute;
        width: 3.7891vw;
        height: 4.2969vw;
        margin-top: 6.25vw;
        margin-left: 1.9531vw;
    }

    .screen2 .right .down-middle {
        width: 7.7344vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .right .down-middle .title {
        margin-top: 1.1719vw;
        margin-left: .3906vw;
        width: 4.4922vw;
        text-align: left;
        font-size: .8594vw;
    }

    .screen2 .right .down-right {
        width: 7.7344vw;
        height: 12.0313vw;
        opacity: 1;
        border-radius: .7813vw;
    }

    .screen2 .tips {
        margin-top: 2.7344vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 350;
        font-style: Light;
        font-size: .625vw;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        color: #666666;
    }

    .screen .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 700;
        font-style: Bold;
        font-size: 2.7344vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        margin-bottom: 1.5625vw;
    }

    .screen .text {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.1719vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen .tips {
        font-family: Hurme Geometric Sans 3;
        font-weight: 350;
        font-style: Light;
        font-size: .625vw;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        color: #666666;
    }

    .screen img {
        width: 100%;
        height: 100%;
    }

    .screen3 {
        padding: 9.7656vw 9.375vw 0vw 9.375vw;
        position: relative;
    }

    .screen3 .text {
        width: 46.5625vw;
    }

    .screen3 .tips {
        margin-top: 54.6484vw;
    }

    .screen3 .bg {
        position: absolute;
        width: 88.9453vw;
        height: 59.2969vw;
        opacity: 1;
        margin-top: 7.5vw;
        margin-left: -3.8672vw;
    }

    .screen3 .bg-number {
        position: absolute;
        width: 12.9727vw;
        height: 3.9749vw;
        opacity: 1;
        margin-top: 44.1055vw;
        margin-left: 54.3828vw;
    }

    .screen4 {
        padding: 6.25vw 9.375vw 10.9375vw 9.375vw;
    }

    .screen4 .text {
        width: 34.0625vw;
        margin-bottom: 4.8438vw;
    }

    .screen4 .content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 1.5625vw;
    }

    .screen4 .content .up {
        width: 100%;
        height: 41.6406vw;
    }

    .screen4 .content .down {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1.5625vw;
    }

    .screen4 .content .down>div {
        width: 39.4438vw;
        height: 22.0313vw;
    }

    .screen5 {
        width: 100%;
        height: 64.8828vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg5.png");
        background-size: cover;
    }

    .screen5 .title {
        text-align: center;
    }

    .screen5 .text {
        width: 48.2813vw;
        margin: auto;
        text-align: center;
    }

    .screen5 .content {
        margin: 43.2422vw 20vw 0vw 20vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: .7031vw;
    }

    .screen5 .content .part {
        width: 19.5313vw;
        height: 7.7344vw;
        margin: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        opacity: 0.85;
        border-radius: .7813vw;
        background-color: #FFFFFF;
        gap: 1.25vw;
    }

    .screen5 .content .part .number {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 1.9531vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen5 .content .part .txt {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.1719vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen5 .content .part0 .icon {
        width: 3.0078vw;
        height: 1.875vw;
    }

    .screen5 .content .part1 .icon {
        width: 3.3203vw;
        height: 3.3203vw;
    }

    .screen5 .content .part2 .icon {
        width: 3.3594vw;
        height: 2.5391vw;
    }

    .screen6 {
        padding: 9.375vw 9.375vw 0vw 9.375vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .screen6 .title {
        width: 35.9688vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 700;
        font-style: Bold;
        font-size: 2.7344vw;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
    }

    .screen6 .text {
        width: 62.2656vw;
        font-size: 1.1719vw;
        text-align: center;
        margin-bottom: 3.9063vw;
    }

    .screen6 .bg {
        width: 81.25vw;
        height: 48.5156vw;
        border-radius: 1.2813vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg6%20%282%29.png");
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .screen6 .bg .content {
        width: 60vw;
        height: 7.7344vw;
        opacity: 0.8;
        border-radius: .7813vw;
        margin-top: 36.4844vw;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
        justify-content: center;
        background-color: #FFFFFF;
    }

    .screen6 .bg .content .number {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        font-size: 1.9531vw;
        color: #544FC9;
    }

    .screen6 .bg .content .number span {
        font-size: 2.7344vw;
    }

    .screen6 .bg .content .number1 {
        border-left: 0.0391vw solid #000000;
        border-right: 0.0391vw solid #000000;
    }

    .screen6 .contents {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 2.3438vw;
    }

    .screen6 .contents .part {
        text-align: center;
        width: 39.0625vw;
        height: 9.375vw;
        opacity: 0.8;
        border-radius: .7813vw;
        background-color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .screen6 .contents .part .title {
        width: 100%;
        font-size: 1.9531vw;
        margin-bottom: 0vw;
    }

    .screen6 .contents .part .text {
        width: 9.9844vw;
        font-size: 1.1719vw;
        margin: auto;
    }


    .screen6 .tips {
        width: 100%;
        margin-top: 2.3438vw;
    }

    .screen7 {
        padding: 9.375vw 9.375vw 0vw 9.375vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .screen7 .title {
        font-size: 3.5156vw;
        font-weight: 600;
    }

    .screen7 .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 2.0313vw;
        gap: 3.125vw;
    }

    .screen7 .content .up {
        padding: 6.25vw 8.8906vw 7.6875vw 8.2031vw;
        background-image: url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg7-1.png);
        background-size: cover;
        width: 104.5%;
        margin-left: -1.9vw;
    }

    .screen7 .content .up .title_icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: .7813vw;
    }

    .screen7 .content .up .title_icon .icontext {
        font-family: Hurme Geometric Sans 3;
        font-weight: 700;
        font-style: Bold;
        font-size: 1.5625vw;
        line-height: 120%;
        letter-spacing: 0%;
        margin-left: 1.1328vw;
        color: #3E5DC3;
    }

    .screen7 .content .up .image {
        width: 3.3203vw;
        height: 3.3203vw;
    }

    .screen7 .content .up .text_icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 4.7656vw;
    }

    .screen7 .content .up .text_icon .icon {
        display: grid;
        grid-template-rows: 1fr 1fr 1fr;
        align-items: center;
        justify-content: center;
        height: 11.9531vw;
    }

    .screen7 .content .up .text_icon .icon .icons {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .screen7 .content .up .text_icon .icons .text {
        width: 8.4219vw;
        margin-left: 1.4844vw;
    }

    .screen7 .content .up .text_icon .icon .icons img {
        width: 1.8359vw;
        height: 1.8359vw;
    }

    .screen7 .content .up .text {
        font-size: 1.1719vw;
    }

    .screen7 .content .up .text_icon .picture0 {
        width: 36.7969vw;
        height: 19.5703vw;
    }

    .screen7 .content .down {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.0156vw;
    }

    .screen7 .content .down .part {
        padding: 4.6875vw 2.3047vw 0vw 2.3047vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 31.25vw;
        border: 2px solid #E9EAEC;
        border-radius: .7813vw;
        border-width: .0781vw;

    }

    .screen7 .content .down .part1 {
        background: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg7-2.png");
        background-size: cover;
    }

    .screen7 .content .down .part2 {
        background: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg7-3.png");
        background-size: cover;
    }

    .screen7 .content .down .part3 {
        background: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg7-4.png");
        background-size: cover;
    }

    .screen7 .content .down .part .title_icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 2.7344vw;
        margin-bottom: 1.25vw;
    }

    .screen7 .content .down .part .title_icon .image {
        width: 2.3438vw;
        height: 2.3438vw;
    }

    .screen7 .content .down .part .title_icon .titles {
        font-family: Hurme Geometric Sans 3;
        font-weight: 700;
        font-style: Bold;
        font-size: 1.5625vw;
        line-height: 120%;
        letter-spacing: 0%;
        margin-left: 1.25vw;
    }

    .screen7 .content .down .part1 .title_icon .titles {
        color: #736FC4;
    }

    .screen7 .content .down .part2 .title_icon .titles {
        color: #58ABBD;
    }

    .screen7 .content .down .part3 .title_icon .titles {
        color: #E38D2D;
    }

    .screen7 .content .down .part .picture {
        width: 20.625vw;
        height: 11.5625vw;
    }

    .screen7 .content .down .part .text {
        font-size: .8594vw;
        font-style: Regular;
    }

    .screen8 {
        padding: 10.4688vw 9.375vw 0vw 9.375vw;
    }

    .screen8 .title {
        font-size: 2.7344vw;
        text-align: center;
    }

    .screen8 .text {
        font-size: 1.1719vw;
        width: 70.3906vw;
        text-align: center;
        margin: auto;
    }

    .screen8 .content {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 4.6875vw;
    }

    .screen8 .content .part0 {
        padding: 3.1875vw 5.0156vw 3.1969vw 3.3594vw;
        width: 25.7188vw;
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        align-items: center;
        justify-content: center;
        gap: 1.1719vw;
        background: linear-gradient(180deg, #EDF4FC 0%, #E6E7FC 100%);
        border-radius: .7813vw;
    }

    .screen8 .content .part0 .icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .screen8 .content .part0 .icon img {
        width: 2.3828vw;
        height: 2.3828vw;
    }

    .screen8 .content .part0 .icon .text {
        margin-left: .9375vw;
        width: 15.0625vw;
        text-align: left;
    }

    .screen8 .content .part1 {
        width: 53.75vw;
        height: 33.2031vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #EDF4FC 0%, #E6E7FC 100%);
        border-radius: .7813vw;
    }

    .screen8 .content .part1 .bg {
        width: 43.0078vw;
        height: 24.0625vw;
    }

    .screen8 .tips {
        margin-top: 2.9688vw;
    }

    .screen9 {
        padding-top: 12.6953vw;
    }

    .screen9 .title {
        font-size: 2.7344vw;
        text-align: center;
    }

    .screen9 .text {
        font-size: 1.1719vw;
        width: 70.3906vw;
        margin: auto;
        text-align: center;
        margin-bottom: 3.9063vw;
    }

    .screen9 .bg {
        width: 100%;
        height: 47.8125vw;
    }

    .screen10 {
        padding: 5.8594vw 9.375vw 0vw 9.375vw;
    }

    .screen10 .content {
        width: 100%;
        height: 50vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg10.png");
        background-size: cover;
    }

    .screen10 .title {
        font-size: 2.7344vw;
        text-align: center;
    }

    .screen10 .text {
        font-size: 1.1719vw;
        width: 63.9063vw;
        margin: auto;
        text-align: center;
        margin-bottom: 3.9063vw;
    }

    .screen10 .tips {
        width: 100%;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: .7031vw;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 37.1875vw;
    }

    .screen11 {
        padding-top: 33.9844vw;
        padding-left: 9.375vw;
        height: 50.7031vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg11.png");
        background-size: cover;
    }

    .screen11 .title {
        font-size: 2.7344vw;
        width: 33.4375vw;
    }

    .screen11 .text {
        font-size: 1.1719vw;
        width: 44.4531vw;
    }

    .screen12 {
        padding: 11.7188vw 9.375vw 0vw 9.375vw;
    }

    .screen12 .title {
        text-align: center;
        font-size: 2.7344vw;
    }

    .screen12 .text {
        font-size: 1.1719vw;
        width: 71.875vw;
        margin: auto;
        text-align: center;
    }

    .screen12 .bg {
        width: 100%;
        height: 43.9063vw;
        margin-top: 4.6875vw;
    }

    .screen12 .tips {
        margin-top: 2.3438vw;
    }

    .screen13 {
        padding: 8.5938vw 9.375vw 0vw 9.375vw;
    }

    .screen13 .title {
        font-size: 2.7344vw;
    }

    .screen13 .text {
        font-size: 1.1719vw;
        width: 54.375vw;
        margin-bottom: 4.1016vw;
    }

    .screen13 .bg {
        width: 70.5469vw;
        height: 32.6563vw;
        margin: auto;
        display: block;
    }

    .screen14 {
        padding: 7.0313vw 9.375vw 0vw 9.375vw;
    }

    .screen14 .title {
        font-size: 2.7344vw;
        width: 44.8828vw;
    }

    .screen14 .text {
        font-size: 1.1719vw;
        width: 63.2813vw;
        margin-bottom: 4.6875vw;
    }

    .screen14 .bg {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg14-1.png");
        background-size: cover;
        border-radius: .7813vw;
    }

    .screen14 .bg img {
        width: 53.7109vw;
        height: 25.8984vw;
        margin: 5.9375vw 14.2188vw;
    }

    .screen15 {
        padding: 5vw 9.375vw 0vw 9.375vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: .9375vw;
    }

    .screen15 .content {
        width: 100%;
        height: 38.5156vw;
        display: grid;
        grid-template-rows: 1fr auto;
    }

    .screen15 .content0 .title {
        font-size: 2.7344vw;
        width: 22.5781vw;
    }

    .screen15 .content1 .title {
        font-size: 2.7344vw;
        width: 31.3672vw;
    }

    .screen15 .content .text {
        font-size: 1.1719vw;
        width: 38.5156vw;
    }

    .screen15 .content .bg {
        width: 40.1563vw;
        height: 23.8281vw;
    }

    .screen16 {
        padding-top: 9.1406vw;
        padding-bottom: 12.5vw;
        overflow: hidden;
        position: relative;
    }

    .screen16 .title {
        font-size: 2.7344vw;
        text-align: center;
    }

    .screen16 .text {
        font-size: 1.1719vw;
        width: 55.0781vw;
        text-align: center;
        margin: auto;
    }

    .screen16 .product1 {
        margin-top: 12.2656vw;
        margin-left: 35.4688vw;
        width: 82.8125vw;
        height: 6.2109vw;
    }

    .screen16 .product2 {
        margin-top: 4.6875vw;
        width: 64.5313vw;
        height: 6.2109vw;
    }

    .screen16 .date img {
        position: absolute;
        width: .0391vw;
    }

    .screen16 .date {
        position: absolute;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.5625vw;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
    }

    .screen16 .date0 {
        margin-top: 5.5859vw;
        margin-left: 47.4922vw;
    }

    .screen16 .date0 img {
        height: 6.25vw;
    }

    .screen16 .date1 {
        margin-top: 5.5859vw;
        margin-left: 58.4922vw;
    }

    .screen16 .date1 img {
        height: 2.8438vw;
    }

    .screen16 .date2 {
        margin-top: 33.3594vw;
        margin-left: 34.2578vw;
    }

    .screen16 .date2 img {
        height: 6.25vw;
        margin-top: -8vw;
        margin-left: 3.5vw;
    }

    .screen16 .date3 {
        margin-top: 33.3594vw;
        margin-left: 50vw;
    }

    .screen16 .date3 img {
        height: 6.25vw;
        margin-top: -8vw;
        margin-left: -3vw;
    }

    .screen16 .line {
        position: absolute;
        width: .0391vw;
    }

    .screen16 .line1 {
        height: 3.5156vw;
        margin-top: 10.8203vw;
        margin-left: 59.7578vw;
    }

    .screen16 .line2 {
        width: .0391vw;
        height: 8.9141vw;
        margin-top: 6.303vw;
        margin-left: 64.1878vw;
        transform: rotate(-90deg);
    }

    .screen16 .line3 {
        height: 3.5156vw;
        margin-top: 10.8203vw;
        margin-left: 68.5937vw;
    }
}

@media screen and (max-width: 1080px) {
    .screen .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 700 !important;
        font-style: Bold;
        font-size: 5.5556vw !important;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        margin-bottom: 3.7037vw;
    }

    .screen .text {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen .tips {
        font-family: Hurme Geometric Sans 3;
        font-weight: 350;
        font-style: Light;
        font-size: 1.2963vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: right;
        color: #666666;
    }

    .screen img {
        width: 100%;
        height: 100%;
    }

    .screen1 {
        background: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg1-m.png");
        background-size: cover;
        padding-top: 14.8148vw;
        width: 100%;
        height: 148.1481vw;
        opacity: 1;
    }

    .screen1 .productname {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .screen1 .productname .logo {
        width: 19.4444vw;
        height: 3.8889vw;
    }

    .screen1 .productname .model {
        width: 7.4074vw;
        height: 2.963vw;
        border-radius: .5556vw;
        margin-top: -4.5vw;
        margin-left: 1.1111vw;
    }

    .screen1 .productname .name {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 5.5556vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        margin-left: 3.7037vw;
    }

    .screen1 .text {
        font-size: 2.4074vw !important;
        margin: auto;
        width: 81.6667vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 3.7037vw;
    }

    .screen1 .text .text1 {
        position: relative;
        padding: 0vw 5.5556vw;
    }

    .screen1 .text .text1::before {
        content: '';
        position: absolute;
        left: 0;
        top: .5469vw;
        width: .0926vw;
        height: 3.7037vw;
        background-color: #000000;
    }

    .screen1 .text .text1::after {
        content: '';
        position: absolute;
        right: 0;
        top: .5469vw;
        width: .0926vw;
        height: 3.7037vw;
        background-color: #000000;
    }

    body {
        width: 100%;
        height: 100%;
        background-image: url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bgm-1.png), url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bgm-2.png), url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bgm-3.png), url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bgm-4.png), url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bgm-5.png), url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bgm-6.png);
        background-position: center 0%, center 14.6365%, center 42.9%, center 60.4%, center 84%, center 93%;
        background-repeat: no-repeat;
        background-size: 100% 13.6365%, 100% 24.62%, 100% 17.31%, 100% 15.55%, 100% 22.5%, 100% 6.47%;
        position: relative;
        z-index: -1;
    }

    .screen2 {
        padding: 14.8148vw 5.5556vw 0vw 5.5556vw;

    }

    .screen2 span {
        color: #544FC9;
    }

    .screen2 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600 !important;
        font-style: SemiBold;
        font-size: 2.963vw !important;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        margin-bottom: 0vw !important;
    }

    .screen2 .number {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen2 .text {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.6667vw !important;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
    }

    .screen2 .content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 1.8519vw;
    }

    .screen2 .content .part {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1.8519vw;
    }

    .screen2 .content .part1 .left,
    .screen2 .content .part1 .right {
        width: 43.5185vw;
        height: 35.1852vw;
        border-radius: 1.8519vw;
    }

    .screen2 .content .part1 .left {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-1m.png");
        background-size: cover;
        padding-left: 2.7778vw;
        padding-top: 2.7778vw;
    }

    .screen2 .content .part1 .right {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-2m.png");
        background-size: cover;
        padding: 2.7778vw 0vw;
        text-align: center;
    }

    .screen2 .content .part1 .right .date {
        margin-top: 21.2037vw;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0vw 1.2037vw;
        text-align: center;
    }

    .screen2 .content .part1 .right .date>div:nth-child(2) {
        padding: 0vw 1.8519vw;
        position: relative;
    }

    .screen2 .content .part1 .right .date>div:nth-child(2)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 1.0516vw;
        width: 0.0391vw;
        height: 2.7778vw;
        background-color: #000000;
    }

    .screen2 .content .part1 .right .date>div:nth-child(2)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 1.0516vw;
        width: 0.0391vw;
        height: 2.7778vw;
        background-color: #000000;
    }

    .screen2 .content .part1 .right .date .number {
        font-size: 2.2222vw;
    }

    .screen2 .number {
        color: #544FC9;
    }

    .screen2 .content .part2 {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-3m.png");
        background-size: cover;
        padding-top: 2.7778vw;
        padding-left: 2.7778vw;
        width: 100%;
        height: 28.5185vw;
        border-radius: 1.8519vw;
    }

    .screen2 .content .part2 .title {
        width: 45.5556vw;
        padding-bottom: 2.7778vw;
    }

    .screen2 .content .part2 .number {
        font-size: 2.2222vw;
        padding-bottom: .9259vw;
    }

    .screen2 .content .part2 .tips {
        margin-top: 2.5vw;
        margin-right: 1vw;
    }

    .screen2 .content .part3 .left,
    .screen2 .content .part3 .right {
        width: 43.5185vw;
        height: 28.5185vw;
        border-radius: 1.8519vw;
    }

    .screen2 .content .part3 .left {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-4m.png");
        background-size: cover;
        padding-left: 2.7778vw;
        padding-top: 7.2222vw;
    }

    .screen2 .content .part3 .left .title {
        width: 16.4815vw;
        margin: auto 0;
    }

    .screen2 .content .part3 .right {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-5m.png");
        background-size: cover;
        padding-top: 2.7778vw;
    }

    .screen2 .content .part3 .right .title {
        width: 22.3148vw;
        margin: auto;
        text-align: center;
    }

    .screen2 .content .part4 .left,
    .screen2 .content .part4 .right {
        width: 43.5185vw;
        height: 25.9259vw;
        border-radius: 1.8519vw;
    }

    .screen2 .content .part4 .left {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-6m.png");
        background-size: cover;
        padding: 2.7778vw .7407vw 0vw .7407vw;
    }

    .screen2 .content .part4 .left .title {
        text-align: center;
    }

    .screen2 .content .part4 .left .contents {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 1.4074vw;
        margin-top: 5.0926vw;
    }

    .screen2 .content .part4 .left .contents img {
        width: 6.9444vw;
        height: 6.9444vw;
    }

    .screen2 .content .part4 .left .contents .parts {
        display: block;
        text-align: center;
    }

    .screen2 .content .part4 .left .contents .text {
        margin-top: 1.1111vw;
        font-size: 1.4815vw;
    }

    .screen2 .content .part4 .right {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        gap: 1.8519vw;
    }

    .screen2 .content .part4 .right>div {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-78m.png");
        background-size: cover;
        width: 20.8333vw;
        height: 100%;
        padding-top: 3.9815vw;
        text-align: center;
        border-radius: 1.8519vw;
    }

    .screen2 .content .part4 .right .number {
        margin-top: 1.6667vw;
        margin-bottom: .9259vw;
    }

    .screen2 .content .part4 .right .text {
        width: 13.4259vw;
        margin: auto;
    }

    .screen2 .content .part5 .left,
    .screen2 .content .part5 .right {
        width: 43.5185vw;
        height: 25.9259vw;
        border-radius: 1.8519vw;
    }

    .screen2 .content .part5 .left {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-9m.png");
        background-size: cover;
        padding-top: 2.7778vw;
        text-align: center;
    }

    .screen2 .content .part5 .right {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-10m.png");
        background-size: cover;
        padding-top: 2.7778vw;
        text-align: center;
    }

    .screen2 .content .part5 .right .text {
        margin-top: .9259vw;
    }

    .screen2 .content .part6 {
        width: 100%;
        height: 24.0741vw;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .screen2 .content .part6>div {
        padding-top: 2.7778vw;
        height: 100%;
    }

    .screen2 .content .part6>div:nth-child(1) {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-11m.png");
        background-size: cover;
        text-align: center;
    }

    .screen2 .content .part6>div:nth-child(2) {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-12m.png");
        background-size: cover;
        padding-left: 2.7778vw;
    }

    .screen2 .content .part6>div:nth-child(3) {
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg2-13m.png");
        background-size: cover;
        text-align: center;
    }

    .screen2 .content .part6>div:nth-child(1) .title,
    .screen2 .content .part6>div:nth-child(2) .title,
    .screen2 .content .part6>div:nth-child(3) .title {
        font-size: 2.037vw !important;
    }

    .screen2 .content .part6>div:nth-child(1) .title {
        text-align: center;
        margin-bottom: 5vw;
    }

    .screen2 .content .part6>div:nth-child(1) img {
        width: 8.9815vw;
        height: 10.1852vw;
        margin-top: 5vw;
    }

    .screen2 .content .part6>div:nth-child(2) .title {
        width: 16.6481vw;
    }

    .screen2 .tips {
        margin-top: 5.5556vw;
    }

    .screen3 {
        padding-top: 22.2222vw;
        position: relative;
    }

    .screen3 .text,
    .screen3 .title {
        margin-left: 5.5556vw;
    }

    .screen3 .text {
        width: 83.8889vw;
    }

    .screen3 .tips {
        margin-top: 5.5556vw;
        padding-right: 5.5556vw;
    }

    .screen3 .bg {
        margin-top: 3.7037vw;
        width: 100%;
        height: 74.2593vw;
    }

    .screen3 .bg-number {
        position: absolute;
        width: 20.037vw;
        height: 8.158vw;
        margin-top: 71.1055vw;
        margin-left: 64.3828vw;
    }

    .screen4 {
        padding: 29.6296vw 5.5556vw 0 5.5556vw;
    }

    .screen4 .text {
        width: 80.7407vw;
    }

    .screen4 .content {
        margin-top: 7.4074vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 3.7037vw;
    }

    .screen4 .content .up {
        width: 100%;
        height: 98.7037vw;
    }

    .screen4 .content .down {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1.8519vw;
    }

    .screen4 .content .down>div {
        width: 43.5185vw;
        height: 33.3333vw;
    }

    .screen5 {
        margin-top: 29.6296vw;
        padding: 0vw 5.5556vw;
        width: 100%;
        height: 116.1111vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg5m.png");
        background-size: cover;
    }

    .screen5 .text {
        width: 80.7407vw;
    }

    .screen5 .content {
        margin-top: 72.2222vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1.8519vw;
    }

    .screen5 .content .part {
        padding-top: 2.7778vw;
        width: 28.3333vw;
        height: 20.3704vw;
        opacity: 0.85;
        border-radius: 1.8519vw;
        text-align: center;
        background-color: #FFFFFF;
    }

    .screen5 .content .part0 .icon {
        width: 7.1296vw;
        height: 4.4444vw;
    }

    .screen5 .content .part1 .icon {
        width: 6.1111vw;
        height: 6.1111vw;
    }

    .screen5 .content .part2 .icon {
        width: 7.963vw;
        height: 6.0185vw;
    }

    .screen5 .content .part .right {
        margin-top: 2.2222vw;
    }

    .screen5 .content .part .right .number {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 3.7037vw;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen5 .content .part .right .txt {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.2222vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .screen6 {
        padding-top: 29.6296vw;
    }

    .screen6 .title {
        margin-left: 5.5556vw;
        width: 73.3148vw;
    }

    .screen6 .text {
        margin-left: 5.5556vw;
        width: 78.7037vw;
    }

    .screen6 .bg {
        margin-top: 11.1111vw;
        padding: 61.1111vw 5.5556vw 0 5.5556vw;
        width: 100%;
        height: 83.3333vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg6m.png");
        background-size: cover;
        text-align: center;
    }

    .screen6 .bg .content {
        width: 100%;
        height: 14.8148vw;
        opacity: 0.8;
        border-radius: 1.8519vw;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
        justify-content: center;
        background-color: #FFFFFF;
    }

    .screen6 .bg .content .number {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 2.963vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        font-size: 2.963vw;
        color: #544FC9;
    }

    .screen6 .bg .content .number span {
        font-size: 5.5556vw;
    }

    .screen6 .bg .content .number1 {
        border-left: 0.0391vw solid #000000;
        border-right: 0.0391vw solid #000000;
    }

    .screen6 .contents {
        padding: 5.5556vw;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.8519vw;
    }

    .screen6 .contents .part {
        text-align: center;
        width: 43.5185vw;
        height: 22.2222vw;
        opacity: 0.8;
        border-radius: 1.8519vw;
        background-color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .screen6 .contents .part .title {
        width: 100%;
        margin-left: 0;
        margin-bottom: .9259vw;
        font-weight: 600 !important;
        font-size: 4.6296vw !important;
    }

    .screen6 .contents .part .text {
        width: 21.2037vw;
        font-size: 2.7778vw;
        margin: auto;
    }

    .screen6 .tips {
        width: 100%;
        padding-right: 5.5556vw;
    }

    .screen7 {
        padding: 29.6296vw 5.5556vw 0 5.5556vw;
    }

    .screen7 .title {
        font-size: 5.5556vw;
        margin-bottom: 7.4074vw;
    }

    .screen7 .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3.7037vw;
    }

    .screen7 .content .up {
        width: 105%;
        height: 103.7037vw;
        padding: 7.4074vw 7.4074vw;
        background-image: url(https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg7-1m.png);
        background-size: cover;
        margin-left: -2.7778vw;
        text-align: center;
    }

    .screen7 .content .up .text {
        text-align: left;
    }

    .screen7 .content .up .title_icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 3.7037vw;
    }

    .screen7 .content .up .title_icon .icontext {
        font-family: Hurme Geometric Sans 3;
        font-weight: 700;
        font-style: Bold;
        font-size: 3.7037vw;
        line-height: 120%;
        letter-spacing: 0%;
        margin-left: 2.7778vw;
        color: #3E5DC3;
    }

    .screen7 .content .up .image {
        width: 7.8704vw;
        height: 7.8704vw;
    }

    .screen7 .content .up .text_icon {
        margin-top: 7.4074vw;
    }

    .screen7 .content .up .text_icon .icon {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
        justify-content: center;
        margin-top: 7.4074vw;
    }

    .screen7 .content .up .text_icon .icon .icons {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .screen7 .content .up .text_icon .icons .text {
        margin-left: 2.5926vw;
    }

    .screen7 .content .up .text_icon .icon .icons img {
        width: 3.7037vw;
        height: 3.7037vw;
    }

    .screen7 .content .up .text_icon .picture0 {
        width: 65.3704vw;
        height: 34.8148vw;
        margin-top: 7.4074vw;
    }

    .screen7 .content .down {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 3.7037vw;
    }

    .screen7 .content .down .part {
        padding: 5.6481vw 1.8519vw 3.7037vw 5.6481vw;
        height: 31.25vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border: .1852vw solid #E9EAEC;
        border-radius: 1.8519vw;
        border-width: .0926vw;

    }

    .screen7 .content .down .part1 {
        background: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg7-2m.png");
        background-size: cover;
    }

    .screen7 .content .down .part2 {
        background: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg7-3m.png");
        background-size: cover;
    }

    .screen7 .content .down .part3 {
        background: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg7-4m.png");
        background-size: cover;
    }

    .screen7 .content .down .part .title_icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 2.2222vw;
    }

    .screen7 .content .down .part .title_icon .image {
        width: 5.5556vw;
        height: 5.5556vw;
    }

    .screen7 .content .down .part .title_icon .titles {
        font-family: Hurme Geometric Sans 3;
        font-weight: 700;
        font-style: Bold;
        font-size: 3.7037vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        margin-left: 2.963vw;
    }

    .screen7 .content .down .part1 .title_icon .titles {
        color: #736FC4;
    }

    .screen7 .content .down .part2 .title_icon .titles {
        color: #58ABBD;
    }

    .screen7 .content .down .part3 .title_icon .titles {
        color: #E38D2D;
    }

    .screen7 .content .down .part .picture {
        width: 42.5926vw;
        height: 23.8889vw;
    }

    .screen7 .content .down .part .text {
        font-size: 1.6667vw;
    }

    .screen8 {
        padding: 29.6296vw 5.5556vw 0 5.5556vw;
    }

    .screen8 .title {
        width: 54.537vw;
    }

    .screen8 .text {
        margin: auto;
    }

    .screen8 .content {
        margin-top: 7.4074vw;
        padding: 7.4074vw 3.8889vw;
        width: 100%;
        height: 92.2222vw;
        margin-top: 11.1111vw;
        border-radius: 1.8519vw;
        background-color: rgba(139, 199, 255, 0.1);
    }

    .screen8 .content .part {
        margin-top: 7.4074vw;
        padding: 0vw 1.5741vw;
        width: 100%;
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        column-gap: 1.5741vw;
        row-gap: 3.7037vw;
        align-items: center;
        justify-content: center;
    }

    .screen8 .content .part .icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .screen8 .content .part .icon img {
        width: 5.6481vw;
        height: 5.6481vw;
    }

    .screen8 .content .part .icon0 .text,
    .screen8 .content .part .icon1 .text,
    .screen8 .content .part .icon3 .text {
        width: 7.4074vw;
    }

    .screen8 .content .part .icon2 .text,
    .screen8 .content .part .icon4 .text,
    .screen8 .content .part .icon5 .text {
        width: 15.0625vw;
    }

    .screen8 .content .part .icon .text {
        margin-left: 2.2222vw;
        font-size: 2.4074vw;
        text-align: left;
    }

    .screen8 .content .part .icon6 .text {
        width: 30.037vw;
    }

    .screen8 .content .bg {
        width: 100%;
        height: 45.3704vw;
        opacity: 1;
    }

    .screen8 .tips {
        margin-top: 5.5556vw;
        padding-left: 37.037vw;
    }

    .screen9 {
        padding-top: 29.6296vw;
        padding-bottom: 7.4074vw;
    }

    .screen9 .title,
    .screen9 .text {
        margin-left: 5.5556vw;
        width: 88.7963vw;
    }

    .screen9 .bg {
        margin-top: 11.1111vw;
        width: 100%;
        height: 55.5556vw;
    }

    .screen10 {
        position: relative;
        width: 100%;
        height: 139.3519vw;
        padding-top: 25.9259vw;
    }

    .screen10 .bg {
        position: absolute;
        width: 100%;
        height: 92.6852vw;
        margin-top: 20.037vw;
        z-index: -1;
    }

    .screen10 .title {
        margin-left: 5.5556vw;
        width: 52.2222vw;
    }

    .screen10 .text {
        margin-left: 5.5556vw;
        width: 88.8889vw;
        margin-bottom: 72.2222vw;
    }

    .screen10 .tips {
        width: 70.9259vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.6667vw;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        margin: auto;
    }

    .screen11 {
        padding-top: 18.5185vw;
        padding-left: 5.5556vw;
        height: 157.4074vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg11m.png");
        background-size: cover;
    }

    .screen11 .title {
        width: 67.963vw;
    }

    .screen11 .text {
        width: 70.9259vw;
    }

    .screen12 {
        padding: 25.9259vw 5.5556vw 0 5.5556vw;
    }

    .screen12 .title {
        width: 61.0185vw;
    }

    .screen12 .bg {
        width: 100%;
        height: 92.5926vw;
        margin-top: 4.6875vw;
    }

    .screen12 .tips {
        margin-top: 5.5556vw;
        margin-left: 33.3333vw;
    }

    .screen13 {
        padding-top: 25.9259vw;
    }

    .screen13 .title {
        margin-left: 5.5556vw;
    }

    .screen13 .text {
        padding: 0 5.5556vw;
    }

    .screen13 .bg {
        margin-top: 11.1111vw;
        width: 100%;
        height: 46.2963vw;
    }

    .screen14 {
        padding-top: 25.9259vw;
    }

    .screen14 .title {
        padding: 0 5.5556vw;
    }

    .screen14 .text {
        margin-left: 5.5556vw;
        width: 73.2407vw;
    }

    .screen14 .bg {
        width: 100%;
        height: 65vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-t14-air-amd/images/bg14-1.png");
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 11.1111vw;
    }

    .screen14 .bg img {
        width: 88.8889vw;
        height: 42.8704vw;
    }

    .screen15 .content {
        padding: 16.6667vw 5.5556vw 0 5.5556vw;
    }

    .screen15 .content0 .title {
        width: 45.8333vw;
    }

    .screen15 .content1 .title {
        width: 63.7963vw;
    }

    .screen15 .content0 .text {
        width: 64.4444vw;
    }

    .screen15 .content1 .text {
        width: 78.7037vw;
    }

    .screen15 .content .bg {
        margin-top: 7.4074vw;
        width: 100%;
        height: 64.8148vw;
    }

    .screen16 {
        padding-top: 29.6296vw;
        padding-bottom: 19.6296vw;
        overflow: hidden;
        position: relative;
    }

    .screen16 .title {
        margin-left: 5.5556vw;
        width: 61.1111vw;
    }

    .screen16 .text {
        margin-left: 5.5556vw;
        width: 67.5vw;
    }

    .screen16 .product1 {
        width: 110.463vw;
        height: 8.2407vw;
        margin-top: 20.6481vw;
        margin-left: 18.4259vw;
    }

    .screen16 .product2 {
        width: 86.1111vw;
        height: 8.2407vw;
        margin-top: 11.1111vw;
        margin-left: -28.8889vw;
    }

    .screen16 .date img {
        position: absolute;
        width: .0926vw;
    }

    .screen16 .date {
        position: absolute;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.963vw;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
    }

    .screen16 .date0 {
        margin-top: 11.5859vw;
        margin-left: 33.4922vw;
    }

    .screen16 .date0 img {
        height: 7.4074vw;
    }

    .screen16 .date1 {
        margin-top: 10.5859vw;
        margin-left: 45.9922vw;
    }

    .screen16 .date1 img {
        height: 3.7037vw;
    }

    .screen16 .date2 {
        margin-top: 54.3594vw;
        margin-left: 14.5578vw;
    }

    .screen16 .date2 img {
        height: 7.4074vw;
        margin-top: -12vw;
        margin-left: 3.5vw;
    }

    .screen16 .date3 {
        margin-top: 58.3594vw;
        margin-left: 34vw;
    }

    .screen16 .date3 img {
        height: 10.4074vw;
        margin-top: -15vw;
        margin-left: -3vw;
    }

    .screen16 .line {
        position: absolute;
        width: .0926vw;
    }

    .screen16 .line1 {
        height: 3.7037vw;
        margin-top: 18.8203vw;
        margin-left: 50.7578vw;
    }

    .screen16 .line2 {
        width: .0926vw;
        height: 12.2593vw;
        margin-top: 12.303vw;
        margin-left: 56.6878vw;
        transform: rotate(-90deg);
    }

    .screen16 .line3 {
        height: 3.7037vw;
        margin-top: 18.8203vw;
        margin-left: 62.5937vw;
    }
}