.mp學校資料5 {
    --font-size: 1rem;
    --font-color: #FFFFFF;
    --animation-duration: 0.5s;
    --max-width: 500px;
    --school-logo-name-width: 40%;
    --school-logo-height: 150px;
    --school-logo-shadow: drop-shadow(0 0 0.25em #FFFFFF);
    --middle-text-column-width: 50%;
    --text-enlarge-hover: scale(1.1);

    font-size: var(--font-size);
    color: var(--font-color);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 1vw;
}

    .mp學校資料5 .innerShell {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .mp學校資料5 .schoolLogo {
        max-height: var(--school-logo-height);
        filter: var(--school-logo-shadow);
        margin-right : 1em;
    }
        .mp學校資料5 .link
        {
            flex-grow : 0
        }
        .mp學校資料5 .textInfo  {
            flex-grow: 1;
            /*flex-basis: var(--middle-text-column-width);*/
        }


            .mp學校資料5 .textInfo > div {
                padding-bottom: 0.3em;
                /* 2024-11-02 */
                transition: all var(--animation-duration);
                display : flex;
                
            }

                .mp學校資料5 .textInfo .label {
                    margin-right: 1em;
                    display : block;
                }

.mp學校資料5 .textInfo .content
{
  display : block;
}


@media (max-width: 480px) {
    .mp學校資料5 {
        --school-logo-height: 100px;
    }

    .mp學校資料5 .innerShell {
        display: block;
    }

    .mp學校資料5 .schoolLogo {
        max-height: var(--school-logo-height);
    }

    .mp學校資料5 .textInfo {
        padding: 0 1em 1em 1em;
    }

    .mp學校資料5 .copyright {
        text-align: right;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .mp學校資料5 {
        --school-logo-height: 100px;
    }

    .mp學校資料5 .innerShell {
        display: block;
    }

        .mp學校資料5 .schoolLogo {
            max-height: var(--school-logo-height);
            margin-right: 1em;
        }
    .mp學校資料5 .textInfo {
        padding: 0 1em 1em 1em;
    }

    .mp學校資料5 .copyright {
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
}

@media (min-width: 980px) and (max-width:1199px) {
}

@media (min-width: 1200px) and (max-width:1919px) {
}

@media (min-width: 1920px) {
}