/* 商品 條列顯示 | 圖片顯示 切換 */
body {
    --tbc: #dfe6fa; /*標題欄列色*/
    --tbx: #eee; /*#d7e0f9; #edf5eb;  */
    --tbz: #d7e0f9;
}

.destr {
    /*--background-color: #d7e0f9; */
    /*background-color: #eee; */
    background-color:#dfe6fa;
    text-align:center;

}



.main {
    
    width: 100%;
    margin: 10px auto;
    height: 60px;

}

table {
    <!-- border-spacing: 0; -->
    border: #eee 1px solid;
    width:inherit;
    line-height: 22px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    
}

    table tbody {
        
        table-layout: fixed;
        
    }

table thead {
        
        background-color: var(--tbc);
    }



tr {
    text-align: left;
}

th {
    padding: 10px;
}

table tbody tr:nth-child(odd) { /**table body row:2 change color*/
    
    background-color:var(--tbx);
}

table tbody tr:first-child { /**標題列*/
    /*background-color: #dfe6fa;  **/
    /*text-align: center; */
    line-height: 40px;
    text-align: center;
    font-family: 'Open Sans', Arial, sans-serif;
    background-color: var(--tbc);
}

table tbody td:first-child { /**標題欄*/
    
    background-color:var(--tbc);
    text-align: center;
    width:80px;
}

table tbody th:first-child {
    background-color: var(--tbc);
    text-align: center;
}

table thead th:first-child {
    border-radius: 5px 0 0 0;
    border: #eee 1px solid;
    
}

table thead th td:last-child {
        border-radius: 0 5px 0 0;
        
    }

table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
   
}

table tbody tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}

#rightBar {
    z-index: 9999;
    width: 50px;
    position: fixed;
    right: 10px;
    bottom: 5%;
    height: auto;
}

    #rightBar .btn {
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 20px;
        display: inline-block;
        border-radius: 10px;
        cursor: pointer;
    }