<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.content .container.news {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}
.content .container.choose {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}
.content .introduce {
    width: 65%;
}
.content .datails {
    width: 65%;
}
.content .subsidiary {
    width: 30%;
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
    /* #primary { width:100%; } */
    /* #secondary { width:100%; margin:0; border:none; } */
    .content .container.news {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-content: center;
    }
    .content .container.choose {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }
    .content .container.news .introduce {
        width: 100%;
    }
    .content .container.choose .datails {
        width: 100%;
    }
    .content .container .subsidiary {
        display: flex;
        flex-direction: column;
        /* flex-wrap: wrap; */
        justify-content: center;
        width: 100%;
    }
    .content .container .subsidiary .Categories {
        order: 0;
    }
}

/* é€‚é…æ‰‹æœº */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 812px) {
    .content .container.choose&gt;.datails&gt;p:not(.date) {
        padding: 0 10px;
    }
}
</pre></body></html>