.mp學校資料4 .ptStyle104 {
    --gap-width: 2em;
    --bg-color: #FFFFFF;
    --block-padding: 2em;
    --icon-color: #e66a2c;
    --font-color: #000000;
    background-image: url(/download/Resource/BGImage/soil01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3em 0;
}

    .mp學校資料4 .ptStyle104 .theGrid {
        display: grid;
        column-gap: var(--gap-width);
        row-gap: var(--gap-width);
        max-width: 1300px;
        margin: 0 auto;
    }

    .mp學校資料4 .ptStyle104 .block {
        background-color: var(--bg-color);
        border-radius: 15px;
        text-align: center;
        padding: var(--block-padding);
    }

    .mp學校資料4 .ptStyle104 .icon {
        font-size: 3em;
        color: var(--icon-color);
    }

    .mp學校資料4 .ptStyle104 .datatype {
        font-size: 1.2em;
        font-weight: 800;
        margin: 1em 0;
    }

    .mp學校資料4 .ptStyle104 .content {
        color: var(--font-color);
        line-break: anywhere;
    }

        .mp學校資料4 .ptStyle104 .content a {
            color: var(--font-color);
            text-decoration: none;
        }

@media (max-width: 767px) {
    .mp學校資料4 .ptStyle104 .theGrid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }

    .mp學校資料4 .ptStyle104 {
        padding: 3em 1em;
    }
  
    .mp學校資料4 .ptStyle104 .block {
        padding: 1em;
    }
    .mp學校資料4 .ptStyle104 .datatype {
        margin: 0.5em 0;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .mp學校資料4 .ptStyle104 .theGrid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }

    .mp學校資料4 .ptStyle104 {
        padding: 3em 1em;
    }
}

@media (min-width: 980px) and (max-width:1199px) {
    .mp學校資料4 .ptStyle104 .theGrid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
    }

    .mp學校資料4 .ptStyle104 {
        padding: 3em 1em;
    }
}

@media (min-width: 1200px) {
    .mp學校資料4 .ptStyle104 .theGrid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
    }
}