@charset "big5";
/* CSS Document */
 #bigtable.table-responsive{
        border: 0;   
    }
    #bigtable #selectContain{
        display: none;
    }
    #bigtable table th, #bigtable table td{
        font-size: 1.4rem !important;
/*        vertical-align: middle;*/
              padding: 8px 9px 8px;
    }
    
    
    #bigtable tr:hover td, #bigtable tr:hover th{
        background-color: #f5f5f5
    }
    
    #bigtable .datahead, #bigtable .data{
        display: table-cell;
        vertical-align: middle;
    }
    #bigtable .tablehead{
        color: #2e2e2e;
        font-weight: bold;
        background-color: #f5f5f5;
        vertical-align: middle;
    }
@media (max-width: 767px){
    #bigtable #selectContain {
        display: block;
    }
    #bigtable #selectContain select{
        display: block;
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #f33;
        padding: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        overflow: hidden;
        background-image: url(../../media/images/promotions/loan/body/drop_arrow_on.jpg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: auto 100%;
        border: 1px solid #f33;
        transition: all 0.3s;
    }
    #bigtable #selectContain select:focus{
        background-image: url(../../media/images/promotions/loan/body/drop_arrow_off.jpg);
        outline: none;
    }
    #bigtable .datahead{
        display: none;
    }
    #bigtable .data{
        display: none;
    }
    #bigtable .datahead.active, #bigtable .data.active{
        display: table-cell;
        border-right:0;
    }
    #bigtable .tablehead{
        width: 30%;
    }
}