/* 標準桌面：≤1200px */
@media (max-width: 1200px) {
    .header .header-bar .right-div{
        width: 30%;
    }
}

@media (max-width: 1000px) {
    .home-page-div .page-block-div{
        padding: 6% 7%;
    }
}

/* 平板/小型桌面：≤768px */
@media (max-width: 768px) {
    .home-banner-text .block-content{
        display: none;
    }

    .header-banner{
        width: 100%;
        height: 40vw;
        object-position: center;
        object-fit: cover;
    }

    .header .header-bar .inner{
        flex-direction: column;
        align-items: center;
    }

    .header .header-bar .left-div{
        padding-bottom: 4%;
    }

    .header .header-bar .right-div{
        width: 100%;
        justify-content: center;
        padding-bottom: 2%;
    }

    .home-banner-text{
        width: 92%;
    }

    .home-banner{
        background-size: cover;
    }

    .mobile-home-banner-text{
        display: block;
    }

    .title-div{
        padding-top: 10%;
    }

    .page-block-div.highlighted-news .title-div{
        padding-bottom: 30%;
    }

    .featured-story-div > .cms-container-inside{
        flex-direction: column;
    }
    
    .featured-story-div > .cms-container-inside .cms-container-item{
        width: 100% !important;
    }
    
    .featured-story-div .featured-story-person-img .image-item{
        padding: 10vw;
    }

    .featured-story-div .featured-story-person-img .cms-block-item .light-box-div{
        width: 10vw;
        height: 10vw;
    }

    .btn-read-more .block-content{
        width: 100%;
        text-align: center;
        padding: 7% 15%;
    }

    .alumni-benefits-list-div .list-div .list-items{
        padding-bottom: 12%;
    }

    .alumni-benefits-list-div .list-div .list-items .items-main{
        gap: 15px;
    }

    .alumni-benefits-list-div .list-div .list-items .items-main .infos-box .infos-div{
        min-height: 90px;
    }

    .alumni-activities-list-div .list-div{
        padding-top: 10%;
    }

    .alumni-activities-list-div .list-div .list-items:nth-child(2n + 1){
        transform: unset;
    }

    .alumni-activities-list-div .list-div .list-items{
        margin-bottom: 3%;
    }
    
    .footer-div .footer-bg{
        height: 100vw;
        width: 100%;
        object-fit: cover;
    }

    .footer-div .footer-inner .infos-div .footer-mask{
        width: 100%;
        padding-top: 6%;
    }

    .footer-div .footer-inner .infos-div .copyright-div .media-div .inner{
        width: 100%;
        justify-content: space-evenly;
        padding-left: 5%;
        padding-right: 5%;
    }

    .page-block-div.alumni-benefits .title-div .block-content{
        transform: translateY(100%);
        bottom: -20%;
    }

    .page-block-div.study-opportunities .title-div .block-content{
        transform: translateY(100%);
        bottom: -20%;
    }

    .top-title-bar .title-box{
        padding: 3.5% 5%;
    }

    .top-title-bar{
        padding-bottom: 4%;
    }

    .btn-back{
        padding-bottom: 15%;
    }

    .btn-back .block{
        width: 100%;
        padding: 5% 15%;
    }

    .bottom-img img{
        width: 100%;
    }

}

@media (max-width: 690px) {

    .page-block-div.featured-story .title-div .block-content{
        left: 57%;
        top: 100%;
    }

    .page-block-div.featured-story .title-div .title-line{
        left: 61%;
        top: 100%;
        transform: translateY(100%);
    }

    html[lang="en"] .page-block-div.featured-story .title-div .title-line {
        left: unset;
        top: 40%;
        right: -21%;
    }

    .page-block-div.highlighted-news .title-div .title-line{
        left: unset;
        top: 25%;
        transform: translateY(100%);
        right: -9%;
    }

    .page-block-div.v2 .title-div .block-title{
        text-align: left;
        justify-content: left;
    }

    .title-div .block-title > .cms-resource{
        width: 45%;
    }

    .page-block-div.highlighted-news .title-div .block-content{
        right: 10%;
        top: 100%;
    }

    .page-block-div.alumni-benefits .title-div{
        padding-bottom: 30%;
    }
    
    .page-block-div.alumni-benefits .title-div .block-title{
        padding-left: 6%;
    }

    .page-block-div.alumni-benefits .title-div .block-content{
        left: unset;
        bottom: -10%;
        transform: translateY(100%);
        right: 0%;
    }

    .page-block-div.alumni-benefits .title-div .title-line{
        left: 60%;
        transform: translateY(100%);
        bottom: -25%;
        top: unset;
    }

    .page-block-div.alumni-activities .title-div{
        padding-bottom: 30%;
    }

    .page-block-div.alumni-activities .title-div .block-title{
        padding-left: 6%;
    }

    .page-block-div.alumni-activities .title-div .block-content{
        right: 5%;
        bottom: 0;
        transform: translateY(100%);
    }

    .page-block-div.alumni-activities .title-div .title-line{
        left: 60%;
        transform: translateY(100%);
        bottom: -25%;
        top: unset;
    }

    html[lang="en"] .page-block-div.alumni-activities .title-div .title-line {
        top: unset;
        left: unset;
        right: -10%;
    }

    .page-block-div.study-opportunities .title-div{
        padding-bottom: 30%;
    }

    .page-block-div.study-opportunities .title-div .block-content{
        right: 5%;
        bottom: 0;
        transform: translateY(100%);
        left: unset;
    }

    .page-block-div.study-opportunities .title-div .title-line{
        left: 60%;
        transform: translateY(100%);
        bottom: -25%;
        top: unset;
    }

    html[lang="en"] .page-block-div.study-opportunities .title-div .title-line {
        left: unset;
        top: unset;
        right: -5%;
    }
    
}

/* 手機：≤576px */
@media (max-width: 576px) {
    
}

@media (max-width: 350px) {
    .title-div .block-title{
        font-size: calc(clamp(30px, 5.2084vw, 100px));
    }
}