.cent TD {text-align:center; height:150px; padding:10px; width:25%;}
.cent A {text-decoration:none; font-size:14px; font-weight:bold;}
.cent A:hover {text-decoration:underline;}

.paintitemlist {
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.paintitem {border: #82befb 1px solid; margin: 3px;}

.paintlist {
display:flex;
flex-wrap: wrap;
justify-content: center;
}

.paintlist div {margin: 0.7em; font-weight: bold; width:170px; border-radius: 15px; padding: 10px; box-shadow: 3px 3px 5px rgba(122,122,122,0.5); border: #C1C1C1 1px solid;}
@media only screen and (max-width : 800px) {font-size: 0.8em;}
@media only screen and (min-width : 801px) {font-size: 1.2em;}

.color1 {background-color:#FFCBB3;}
.color1 IMG {border: #FF8F59 3px solid;}
.color1 A {color:#D54500;}

.color2 {background-color:#DFDFFF;}
.color2 IMG {border: #7777FF 3px solid;}
.color2 A {color:#0000E8;}

.color3 {background-color:#FFFFCC;}
.color3 IMG {border:#FFFF64 3px solid;}
.color3 A {color:#B3B300;}

.color4 {background-color:#A6E7A3;}
.color4 IMG {border:#67D661 3px solid;}
.color4 A {color:#2C9526;}

.color5 {background-color:#B1E8F8;}
.color5 IMG {border:#00CCFF 3px solid;}
.color5 A {color:#0F89AC;}

.color6 {background-color:#FFBFBF;}
.color6 IMG {border:#FF5E5E 3px solid;}
.color6 A {color:#D70000;}

.color7 {background-color:#E4FFCA;}
.color7 IMG {border:#B1FF64 3px solid;}
.color7 A {color:#65CA00;}

.color8 {background-color:#FFD2FF;}
.color8 IMG {border:#FF71FF 3px solid;}
.color8 A {color:#D900D9;}

.color9 {background-color:#EAD5FF;}
.color9 IMG {border:#B871FF 3px solid;}
.color9 A {color:#6600CC;}

.color10 {background-color:#FFCCE1;}
.color10 IMG {border:#FF64A2 3px solid;}
.color10 A {color:#CE0053;}

.color11 {background-color:#B6D6FC;}
.color11 IMG {border:#5580FF 3px solid;}
.color11 A {color:#0033CC;}