.section-hero .hero-headline {
    max-width: none;
}
.hero-headline.typography-headline-standalone.centerall {
    padding-left: 0.5em;
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content {
    width: 100%;
}
}
@media only screen and (max-width: 734px) {
    .section-hero  .section-content {
    width: 87.5%;
}
}


html[lang=zh-TW] .centerall {
    padding-left: 0.5em;
}

.section-hero .hero-copy {
    line-height: 1.3;
}
.ffpingfang {
    font-family: 'PingFang TC' !important;
}
.section-hero .hero-copy {
    margin-right: auto;
    max-width: 870px;
}
@media only screen and (max-width: 1068px) {
    .section-hero .hero-copy {
        max-width: 550px;
    }
}

/*bts*/
@media only screen and (min-width: 1069px){
    .section-spotlight .card-bts-2021 .column-copy{
        padding-left: 0;
        padding-right: 0;
    }

}

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

.icon-wrapper {
    position: relative;
}






.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")
    }
}

@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: relative;

}

/* 2024/7/9 */

/* epp */
html[data-segment-code="internal-epp-discounted"] section.ac-gf-sosumi {
    border: 0 !important;
}
/* epp */

/* 2024/7/9 */



/* 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 */