html[lang=zh-HK] .centerall {
    padding-left: 0.5em;
}
.section-hero .hero-headline {
    max-width: none;
}
.ffpingfang {
    font-family: 'PingFang HK' !important;
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content {
        /* margin-left: auto;
        margin-right: auto;
        width: 100%; */
    }
}

@media only screen and (min-width: 1068px) {
    .section-how-to-buy .row {
    padding-left: 3%;
}
}
@media only screen and (max-width: 1068px) {
    .typography-headline-standalone span.ofsetleft {
        transform: translateX(-5%);
    }
}
    /* @media only screen and (max-width: 734px) {
        .typography-headline-standalone span.ofsetleft {
            transform: none
        }
    } */

    .icon-wrapper .icon.headline-center-l {
        position: absolute;
    }
    .cards .card .card-cta {
        position: relative;
    }

    .icon-wrapper {
        position: relative;
    }


    html[lang=zh-HK] .typography-intro-elevated .cl_06 {
        padding-left: 0em;
    }

    @media only screen and (min-width: 734px) {
        html[lang=zh-HK] .typography-intro-elevated .cl_06 {
            padding-left: 0.6em;
        }
    }

    
    
    .section-spotlight .card .image-spotlight-inspiring-students {
        width: 610px;
        height: 420px;
        background-size: 610px 420px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_large.jpg")
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 1.5dppx),
    (-webkit-min-device-pixel-ratio: 1.5),
    (min-resolution: 144dpi) {
        .section-spotlight .card .image-spotlight-inspiring-students {
            background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_large_2x.jpg")
        }
    }
    
    @media only screen and (max-width: 1068px) {
        .section-spotlight .card .image-spotlight-inspiring-students {
            width: 397px;
            height: 330px;
            background-size: 397px 330px;
            background-repeat: no-repeat;
            background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_medium.jpg")
        }
    }
    
    @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
        .section-spotlight .card .image-spotlight-inspiring-students {
            background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_medium_2x.jpg")
        }
    }
    
    @media only screen and (max-width: 734px) {
        .section-spotlight .card .image-spotlight-inspiring-students {
            width: 500px;
            height: 290px;
            background-size: 500px 290px;
            background-repeat: no-repeat;
            background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_small.jpg")
        }
        .headline-center-nom {
            position: absolute;
        }
    }
    @media only screen and (min-width: 1068px) {

        .headline-center-nom {
            position: absolute;
        }
    }
    
    @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 734px) and (min-resolution: 144dpi) {
        .section-spotlight .card .image-spotlight-inspiring-students {
            background-image: url("/v/education/home/k/images/overview/spotlight_inspiring_students__c68ste27ji6a_small_2x.jpg")
        }
    }

    .f600 {
        font-weight: 600 !important;
    }

    .section-spotlight .card .icon-after.icon-playcircle::after {
        position: absolute;
        top: 0.05em;
    }
    
    .section-spotlight .card .icon-after.more::after {
        position: absolute;
        top: 0.04em;
    }
/* epp */
html[data-segment-code="internal-epp-discounted"] section.ac-gf-sosumi {
    border: 0!important
}





/* card mac / */


.section-hero .card-mac {
    background:#fff
}

@media only screen and (min-width: 1069px) {
    .section-hero .card-mac {
        grid-column: span 3;
        --padding: 40px 20px 50px 20px
    }
}

.section-hero .card-mac .image {
    position: relative;
    left: 50%;
    margin-left:-607.5px
}

@media only screen and (max-width: 1068px) {
    .section-hero .card-mac .image {
        left: 50%;
        margin-left:-289px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .card-mac .image {
        left: 50%;
        margin-left:-250px
    }
}

@media only screen and (min-width: 1069px) {
    .section-hero .card-mac .card-headline {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-weight:700
    }

    .section-hero .card-mac .card-headline:lang(ja) {
        line-height: 1.34375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ko) {
        line-height: 1.375;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh) {
        line-height:1.3125
    }

    .section-hero .card-mac .card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (min-width: 1069px) and(max-width: 1068px) {
    .section-hero .card-mac .card-headline {
        font-size: 28px;
        line-height: 1.28583;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ko) {
        line-height: 1.39286;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (min-width: 1069px) and(max-width: 734px) {
    .section-hero .card-mac .card-headline {
        font-size: 24px;
        line-height: 1.33341;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ja) {
        line-height: 1.41667;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ko) {
        line-height: 1.45841;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-hero .card-mac .card-copy {
    margin-left: auto;
    margin-right: auto;
    font-weight:400
}

@media only screen and (min-width: 1069px) {
    .section-hero .card-mac .card-copy {
        margin-block: 20px 0px;
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-weight:400
    }

    .section-hero .card-mac .card-copy:lang(ja) {
        line-height: 1.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(ko) {
        line-height: 1.2858;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh) {
        line-height:1.3334
    }

    .section-hero .card-mac .card-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (min-width: 1069px) and(max-width: 734px) {
    .section-hero .card-mac .card-copy {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(ko) {
        line-height: 1.31579;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(th) {
        line-height: 1.36844;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh) {
        line-height:1.36844
    }

    .section-hero .card-mac .card-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro AR Display", "SF Pro Display", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .section-hero .card-mac .card-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}



.section-hero .card-mac .image {
    position: relative;
    left: 50%;
    margin-left:-607.5px
}

@media only screen and (max-width: 1068px) {
    .section-hero .card-mac .image {
        left: 50%;
        margin-left:-289px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .card-mac .image {
        left: 50%;
        margin-left:-250px
    }
}



.image-macbook {
    width: 1215px;
    height: 450px;
    background-size: 1215px 450px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .image-macbook {
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-macbook {
        width: 578px;
        height: 330px;
        background-size: 578px 330px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .image-macbook {
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-macbook {
        width: 500px;
        height: 320px;
        background-size: 500px 320px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_small.jpg")
    }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 734px) and(min-resolution: 1.5dppx), only screen and(max-width: 734px) and(min-resolution: 144dpi) {
    .image-macbook {
        background-image: url("/v/education/home/ak/images/overview/macbook__chpcyed0sppy_small_2x.jpg")
    }
}


/* card mac */