.container {  
    width: 100%;  
    max-width: 900px;  
    margin: 0 auto;  
    #border: 1px solid #000;  
    overflow: auto;  
}  

img{
    width:100%;
}

.table {  
    list-style-type: none;  
    padding: 0;  
    margin: 0;  
    width: 100%;  
    border-collapse: collapse;  
}  
  
.table-row {  
    display: flex;  
    justify-content: space-between;  
    height: 200px;  
    align-items: center;  
    padding: 0;  
    border: 1px solid #000; 
    margin-bottom: 3px;
    background-color: #fff; 
    color: #000;
}  
@media screen and (max-width: 600px){
    .table-row{
        height: 150px; 
    }
}

  
.table-cell {  
    padding: 10px;  
    text-align: left;  
    vertical-align: middle;  
    border: none; 
}  
  
.table-cell:first-child {  
    flex: 18%;  
	font-size:30px;
}  
@media screen and (max-width: 600px){
    .table-cell:first-child {  
        flex: 30%;  
    	font-size:15px;
    } 
}
  
.table-cell:nth-child(2) {  
    flex: 64%;  
    text-align: center;  
	font-size:75px;
}  
@media screen and (max-width: 600px){
    .table-cell:nth-child(2) {  
    flex: 60%;  
	font-size:25px;
    }
}
.tableCell40 {  
	font-size:40px;
	z-index: 9999;
}
@media screen and (max-width: 600px){
    .tableCell40{font-size:20px;} 
}
.tableCell60{font-size:50px;}
  
.table-cell:last-child {  
    flex: 18%;  
    text-align: right;  
	font-size:30px;
}  
@media screen and (max-width: 600px){
    .table-cell:last-child {  
        flex: 30%;  
    	font-size:15px;
    }  
}
.rowCustomRed {  
    background-color: #ff0000; 
    color: #ffffff; 
}
.CustomYellow{  
    color: #ffff00; 
}  
  
.rowCustomOrange {  
    background-color: #ff7f00;  
    color: #ffffff; 
}  

.rowCustomYellow {  
    background-color: #ffff00; 
    color: #000000; 
}
.CustomBlue {  
    color: #0000ff; 
}

.rowCustomGreen {  
    background-color: #00ff00; 
    color: #000000; 
}

.rowCustomCyan {  
    background-color: #00ffff; 
    color: #000000; 
}

.rowCustomBlue {  
    background-color: #0000ff; 
    color: #ffffff; 
}

.rowCustomPurple {  
    background-color: #8b00ff; 
    color: #ffffff; 
}

.rowCustomBlack {  
    background-color: #000000; 
    color: #00ff00; 
}

.rowCustomWhite {  
    background-color: #ffffff; 
    color: #0000ff; 
}

.rowCustomPink {  
    background-color: #ff00dd; 
    color: #000000; 
}

.rowCustomPink2 {  
    background-color: #feb0b0; 
    color: #000000; 
}

.multi-line-cell {  
    white-space: normal; 
    word-wrap: break-word;
}  


@media (max-width: 900px) {  
    .container {  
        width: 100%;  
    }  
}

.hongbai {  
    background-color: #b40000;
    color: #ffffff; 
}
.heilv{  
    background-color: #09090a;
    color: #06f26f; 
}
.huanghei{  
    background-color: #d5fb04;
    color: #050505; 
}
.lanbai{  
    background-color: #260bf4;
    color: #ffffff; 
}
.qinghei{  
    background-color: #06d3f8;
    color: #020202; 
}
.huanghei{  
    background-color: #e6fa03;
    color: #020202; 
}
.hongjin{  
    background-color: #fd0303;
    color: #edf605; 
}
.hongjing{  
   
    color: #ffffff; 
}