.tableTitle{
    background-color: #84c8ff;
    color:black;
    font-weight: bold;
}

.tables{
    width:100%;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    
}

th, td {
    border: 1px solid black; /* 边框样式 */
    padding: 5px;
    text-align: center;
    font-size: 1em;
    height: 1em;
    
  }
  
  div{
      text-align: center;
  }
  
  #Container{
      margin-left:3%;
      margin-right:3%
  }
  
  #header{
      text-align: center;
      font-size: 2vh;
  }

@media print{
    .noprint{
       display:none;
    }
    
    .print{ 
        display:block;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact; 
    }
    }

    .oilTables{
        width:100%;
        border-color: black;
        border-style: solid;
        border-width: 1px;
        border-collapse: collapse;
        margin-top: 1em;
        margin-bottom: 1em;    
    }
    
    #oilInput{
        width:3em;	
        font-size: 1em;
    }
    
    #oilBtn{        
        font-size:1em;
    }
    
    #oneBucket{        
        font-size:1em;
    }
    
    #oilTip{
        font-size: 1em;
        color:blue
    }