/* ==========================================================================
   mobile.css - Toi uu hien thi cho thiet bi di dong (dien thoai).

   LUU Y QUAN TRONG:
   Toan bo quy tac trong file nay deu nam trong @media (max-width: 640px),
   nghia la chung CHI co tac dung khi be ngang man hinh tu 640px tro xuong.
   Tren may PC (man hinh rong hon 640px) khong co bat ky quy tac nao duoc
   ap dung, nen hien thi cua 102 trang tren PC giu nguyen y nhu truoc.

   File nay tach rieng, KHONG sua style.css, vi style.css dang duoc ca 102
   trang dung chung.
   ========================================================================== */

@media (max-width: 640px) {

    /* Khung trang chinh cua MasterPage khong duoc rong hon man hinh dien thoai.
       table-layout:fixed buoc bang khung phai theo dung be ngang duoc cap,
       thay vi tu gian rong ra theo noi dung ben trong. */
    .pageFrame {
        table-layout: fixed;
        width: 100%;
    }

    /* Vung noi dung. Neu trang nao co bang qua rong thi bang do se cuon ngang
       ben trong khung nay, thay vi lam vo bo cuc ca trang. */
    .contentScroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Anh khong bao gio rong hon khung chua no.
       Da kiem tra: toan bo ung dung khong co the <img> nao khai bao thuoc tinh
       height, nen height:auto o day khong the lam meo anh. */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Safari tren iPhone TU DONG PHONG TO trang khi nguoi dung cham vao mot o
       nhap co co chu duoi 16px. style.css dang dat font-size:x-small cho o nhap
       nen moi lan go so tai khoan la man hinh bi nhay zoom.
       Dat 16px de chan han hanh vi do. */
    input, select, textarea {
        font-size: 16px;
    }


    /* ==================================================================
       Rieng trang Tra cuu phi (ThemKhachHangGuiTien_forUser.aspx):
       chuyen bang 3 cot thanh bo cuc 1 cot doc.
       ================================================================== */

    /* Bien cac o cua bang thanh khoi xep doc.
       height:auto !important la BAT BUOC: the <table> co inline style
       height:100px, neu khong huy thi khi xep doc noi dung se tran ra
       ngoai va de len phan ben duoi. */
    .formTraCuu,
    .formTraCuu tbody,
    .formTraCuu tr,
    .formTraCuu td {
        display: block;
        width: 100%;
        height: auto !important;
    }

    /* Dat khoang cach va duong ke o HANG chu khong o O, vi nhieu o trong
       bang nay von de trong - neu dat o o thi se sinh ra khoang ho thua. */
    .formTraCuu tr {
        padding: 8px 0;
        border-bottom: 1px solid #dcdcdc;
    }

    .formTraCuu td {
        padding: 0;
    }

    /* O dau tien cua moi hang la nhan mo ta -> in dam cho de doc */
    .formTraCuu td:first-child {
        font-weight: bold;
        padding-bottom: 4px;
    }

    /* O nhap chiem tron be ngang.
       Dung !important vi ASP.NET dich thuoc tinh Width="212px" / "297px"
       thanh inline style, ma inline style thi manh hon quy tac thuong. */
    .formTraCuu input[type="text"],
    .formTraCuu textarea {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Nut bam du to de cham bang ngon tay */
    .formTraCuu input[type="submit"] {
        width: 100%;
        min-height: 44px;
        font-size: 16px;
    }

    /* Anh minh hoa: khong bao gio rong hon man hinh, va khong phong to
       vuot kich thuoc goc. Huy inline style Width="500px". */
    .formTraCuu img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Ket qua quan trong nhat: Gia ban */
    .ketQuaChinh {
        font-size: 20px;
        font-weight: bold;
        color: #990000;
    }

    /* Ket qua phu: Tinh trang so */
    .ketQuaPhu {
        font-size: 17px;
        font-weight: bold;
    }
}