/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018/11/09, 1:28:17
    Author     : th
*/

.basictable1 {
    border-collapse: collapse;
    width: 100%;
    background: white;
}




.basictable1 th {
    background: #f9fafc;
    text-align: left;
    width: 150px;
    background-color: #f2f3f5;
}

@media all and ( min-width: 376px ) {
    .basictable1{

    }
    .basictable1 th,
    .basictable1 td {
        border:1px lightgray solid;
        padding: 8px;
    }
    .basictable1 th {
        background: #f9fafc;
        text-align: left;
        width: 120px;
        background-color: #f2f3f5;
        vertical-align: top;
    }
}

@media all and ( max-width: 375px ) {

    .basictable1 th {
        background: #f9fafc;
        text-align: left;
        background-color: #f2f3f5;
        vertical-align: top;
    }

    .basictable1 th,
    .basictable1 td {
        border: 1px lightgray solid;
        padding: 3px 6px;
    }

    .basictable1 tr,
    .basictable1 th,
    .basictable1 td {
        display: block;
        width: auto;
    }

    .basictable1 tr:first-child {
        border-top: 1px lightgray solid;
    }

    .basictable1 th,
    .basictable1 td {
        border-top: none;
    }
}