/* Giao diện màn hình lớn dùng chung cho toàn website. */
@media (min-width: 1024px) {
    body {
        font-size: 14px;
    }

    table {
        font-size: 14px;
    }

    .body_body {
        box-sizing: border-box;
        width: calc(100% - 48px);
        max-width: 1480px;
    }

    .snowEffect {
        display: none !important;
    }

    .a {
        height: 68px;
    }

    .a img {
        height: 112px;
    }

    tr.menu td a {
        display: block;
        padding: 7px 4px;
        font-size: 15px;
    }

    div#columns figure {
        margin-right: 10px;
        margin-left: 10px;
    }

    div#columns figure img {
        height: 46px;
    }

    div#columns figure figcaption {
        margin-top: 3px;
        font-size: 11px;
    }

    .bg-content {
        box-sizing: border-box;
        padding: 22px 30px;
    }

    .bg-content .title {
        font-size: 20px;
    }

    .bg-content .title h4 {
        font-size: 23px;
    }

    .bg-content .content,
    .bg-content > p {
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
    }

    .bg-content .content {
        padding: 12px 0;
    }

    .bg-content p,
    .bg-content li {
        font-size: 15px !important;
        line-height: 1.7;
    }

    #box_forums {
        box-sizing: border-box;
        font-size: 14px;
    }

    #box_forums .box_list_chuyenmuc {
        line-height: 1.55;
    }

    #box_forums .box_list_chuyenmuc .box_botsss {
        line-height: 1.5;
    }

    #box_forums .box_list_chuyenmuc .box_botsss .topic_name {
        box-sizing: border-box;
        padding: 9px 12px;
    }

    #box_forums .topic_name a {
        font-size: 15px;
    }

    #box_forums .box_name_eman {
        font-size: 13px !important;
    }

    .pagination a,
    .pagination span {
        font-size: 14px;
    }

    input,
    textarea,
    select,
    button {
        font-size: 14px;
    }

    .w3-small {
        font-size: 13px !important;
    }

    .box_detai {
        font-size: 14px;
    }

    .box_detai table th,
    .box_detai table td {
        font-size: 14px;
    }

    /* Đăng nhập và đăng ký giữ chiều dài dòng dễ đọc nhưng không còn quá nhỏ. */
    #loginform-container,
    #registerform-container {
        box-sizing: border-box;
        width: min(100%, 820px);
        margin: 0 auto;
        padding: 30px 34px;
    }

    #loginform-container > center > div,
    #registerform-container > div,
    #registerform-container > p {
        font-size: 14px !important;
        line-height: 1.6;
    }

    #loginform-container .form-group {
        margin-bottom: 15px !important;
    }

    #loginform-container .form-group label {
        width: 120px !important;
        margin-right: 14px !important;
        font-size: 15px;
    }

    #loginform-container .form-group input {
        box-sizing: border-box;
        width: 340px !important;
        padding: 11px 12px !important;
        font-size: 15px !important;
    }

    #loginform-container button[type="submit"],
    #registerform-container button[type="submit"] {
        padding: 11px 22px;
        font-size: 15px;
    }

    #registerform-container table {
        max-width: 720px;
        font-size: 15px !important;
    }

    #registerform-container td {
        padding: 8px 10px;
    }

    #registerform-container input[type="text"],
    #registerform-container input[type="password"] {
        box-sizing: border-box;
        width: min(100%, 420px) !important;
        padding: 10px 12px !important;
        font-size: 15px;
    }

    /* Bảng xếp hạng tại Diễn Đàn. */
    .ranking-heading {
        padding: 31px 36px !important;
    }

    .ranking-kicker {
        font-size: 12px !important;
    }

    .ranking-heading h2 {
        font-size: 30px !important;
    }

    .ranking-heading p {
        font-size: 14px !important;
    }

    .ranking-live {
        padding: 9px 13px !important;
        font-size: 12px !important;
    }

    .ranking-tab {
        min-height: 62px !important;
        font-size: 14px !important;
    }

    .ranking-tab i {
        font-size: 20px !important;
    }

    .ranking-panel {
        padding: 30px 34px 24px !important;
    }

    .ranking-panel-icon {
        flex-basis: 54px !important;
        height: 54px !important;
    }

    .ranking-panel-icon i {
        font-size: 24px !important;
    }

    .ranking-panel-heading span {
        font-size: 11px !important;
    }

    .ranking-panel-heading h3 {
        font-size: 23px !important;
    }

    .ranking-panel-heading p {
        font-size: 13px !important;
    }

    .ranking-table th {
        padding: 14px 16px !important;
        font-size: 11px !important;
    }

    .ranking-table td {
        padding: 14px 16px !important;
        font-size: 14px !important;
    }

    .ranking-player b {
        font-size: 14px !important;
    }

    .ranking-avatar {
        flex-basis: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
    }

    .ranking-task-badge,
    .ranking-task-index {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }

    .ranking-footnote,
    .ranking-empty span {
        font-size: 11px !important;
    }

    /* Các trang boss cũ và trang quản trị vẫn đọc tốt khi truy cập trực tiếp. */
    .boss-page,
    .boss-rank-page,
    .boss-admin-page {
        padding: 26px !important;
    }

    .boss-page-title,
    .boss-rank-heading h2,
    .boss-admin-page h2 {
        font-size: 26px !important;
    }

    .boss-card,
    .boss-rank-page,
    .boss-admin-page,
    .boss-admin-form,
    .boss-admin-table {
        font-size: 14px !important;
    }

    .boss-rank-table th,
    .boss-rank-table td,
    .boss-admin-table th,
    .boss-admin-table td {
        padding: 12px !important;
        font-size: 13px !important;
    }

    .copyright {
        font-size: 13px;
        line-height: 1.5 !important;
    }
}