/*Giao diện điện thoại*/
@media only screen and (max-width:768px) {

    /*Responsive cho table dọc hoặc chỉ có dòng cột chứ ko có header*/
    .table {
        margin: 0 10px;
        width: auto;
    }

        .table th,
        .table td {
            text-align: left;
            display: block;
            border-bottom: none;
            width: 100%;
            font-size: 14px;
        }
        /*table th {
       background-color: #f3f3f3;
    }*/
        /*dòng cuối cùng có đường viền 1px*/
        .table tr:last-child td {
            border-bottom: 1px solid #ccc;
        }
    /*Responsive cho table ngang, có header*/
    /* Cho <thead> thoát khỏi vùng hiển thị (ẩn các <th>) */
    .table1 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table1 tr:nth-child(odd) {
        background: #ccc;
    }

    .table1 td {
        border: none;
        border-bottom: 0px solid #eee;
        position: relative;
        /*padding-left: 50%;*/
    }

        /* Chèn dữ liệu <th> vào trước từng mục của <td> */
        .table1 td:before {
            /*position: absolute;
        top: 0;
        left: 6px;
        width: 100%;
        padding-right: 10px;
        white-space: nowrap;*/
            font-weight: bold;
        }

    .table1 td {
        text-align: left;
    }

        .table1 td:nth-of-type(1):before {
            content: "Mã ngành:";
        }

        .table1 td:nth-of-type(2):before {
            content: "Tên ngành:";
        }

        .table1 td:nth-of-type(3):before {
            content: "Điểm chuẩn trúng tuyển:";
        }


.tbl

{
    margin: 0;
    width: auto;
}

.tbl th,
.tbl td {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 14px;
}
}
.tbl {
    margin: 0;
    width: auto;
}
    .tbl th,
    .tbl td {
        text-align: center;
        font-size: 14px;
    }
/*=============the end===============*/