@charset "UTF-8";
.color-name>a.A1:before{
    content:"■";
    color:#FF0000;
}

.color-name>a.B1:before{
    content:"■";
    color:#FD4804;
}

.color-name>a.C1:before{
    content:"■";
    color:#FFFF42;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.D1:before{
    content:"■";
    color:#00B000;
}

.color-name>a.E1:before{
    content:"■";
    color:#32CD80;
}

.color-name>a.F1:before{
    content:"■";
    color:#1562af;
}

.color-name>a.G1:before{
    content:"■";
    color:#4b3591;
}

.color-name>a.H1:before{
    content:"■";
    color:#FF66E8;
}

.color-name>a.I1:before{
    content:"■";
    color:#FFF;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.A2:before{
    content:"■";
    color:#FD6464;
}

.color-name>a.B2:before{
    content:"■";
    color:#FF850B;
}

.color-name>a.C2:before{
    content:"■";
    color:#FFFF97;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.D2:before{
    content:"■";
    color:#A6EC15;
}

.color-name>a.E2:before{
    content:"■";
    color:#86FFCE;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.F2:before{
    content:"■";
    color:#268dce;
}

.color-name>a.G2:before{
    content:"■";
    color:#7d62a8;
}

.color-name>a.H2:before{
    content:"■";
    color:#FE8FD1;
}

.color-name>a.I2:before{
    content:"■";
    color:#d3d3d4;
}

.color-name>a.A3:before{
    content:"■";
    color:#FF8D8D;
}

.color-name>a.B3:before{
    content:"■";
    color:#FFA244;
}

.color-name>a.C3:before{
    content:"■";
    color:#FFFFBF;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.D3:before{
    content:"■";
    color:#E0FD13;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.E3:before{
    content:"■";
    color:#CDF3E0;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.F3:before{
    content:"■";
    color:#76b7e5;
}

.color-name>a.G3:before{
    content:"■";
    color:#aa98c8;
}

.color-name>a.H3:before{
    content:"■";
    color:#F2BFE7;
}

.color-name>a.I3:before{
    content:"■";
    color:#bfc0c0;
}

.color-name>a.A4:before{
    content:"■";
    color:#FFCACA;
}

.color-name>a.B4:before{
    content:"■";
    color:#FFDAA2;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.C4:before{
    content:"■";
    color:#EEEFB6;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.D4:before{
    content:"■";
    color:#E2FD6E;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.E4:before{
    content:"■";
    color:#DEFDBB;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.F4:before{
    content:"■";
    color:#aad0ee;
}

.color-name>a.G4:before{
    content:"■";
    color:#d6c6e9;
}

.color-name>a.H4:before{
    content:"■";
    color:#FFD0F8;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.I4:before{
    content:"■";
    color:#949495;
}

.color-name>a.A5:before{
    content:"■";
    color:#F1ADAB;
}

.color-name>a.B5:before{
    content:"■";
    color:#EBB776;
}

.color-name>a.C5:before{
    content:"■";
    color:#DFD25B;
}

.color-name>a.D5:before{
    content:"■";
    color:#C6D542;
}

.color-name>a.E5:before{
    content:"■";
    color:#B9DE7A;
    text-shadow:1px 1px 0 #ccc,-1px 1px 0 #ccc,1px -1px 0 #ccc,-1px -1px 0 #ccc;
}

.color-name>a.F5:before{
    content:"■";
    color:#6F93CE;
}

.color-name>a.G5:before{
    content:"■";
    color:#c290bf;
}

.color-name>a.H5:before{
    content:"■";
    color:#FF7DAB;
}

.color-name>a.I5:before{
    content:"■";
    color:#7d7c7d;
}

.color-name>a.A6:before{
    content:"■";
    color:#D8746B;
}

.color-name>a.B6:before{
    content:"■";
    color:#A37A36;
}

.color-name>a.C6:before{
    content:"■";
    color:#BEAF2E;
}

.color-name>a.D6:before{
    content:"■";
    color:#A3B138;
}

.color-name>a.E6:before{
    content:"■";
    color:#9AC58D;
}

.color-name>a.F6:before{
    content:"■";
    color:#4254a3;
}

.color-name>a.G6:before{
    content:"■";
    color:#a4599f;
}

.color-name>a.H6:before{
    content:"■";
    color:#FD0487;
}

.color-name>a.I6:before{
    content:"■";
    color:#595757;
}

.color-name>a.A7:before{
    content:"■";
    color:#A7352C;
}

.color-name>a.B7:before{
    content:"■";
    color:#934900;
}

.color-name>a.C7:before{
    content:"■";
    color:#6D5C1B;
}

.color-name>a.D7:before{
    content:"■";
    color:#516B25;
}

.color-name>a.E7:before{
    content:"■";
    color:#2E7827;
}

.color-name>a.F7:before{
    content:"■";
    color:#002fb0;
}

.color-name>a.G7:before{
    content:"■";
    color:#4c2076;
}

.color-name>a.H7:before{
    content:"■";
    color:#CA0065;
}

.color-name>a.I7:before{
    content:"■";
    color:#3f3b3a;
}

.color-name>a.A8:before{
    content:"■";
    color:#67201B;
}

.color-name>a.B8:before{
    content:"■";
    color:#5B2E00;
}

.color-name>a.C8:before{
    content:"■";
    color:#464337;
}

.color-name>a.D8:before{
    content:"■";
    color:#27432F;
}

.color-name>a.E8:before{
    content:"■";
    color:#274243;
}

.color-name>a.F8:before{
    content:"■";
    color:#1d2b56;
}

.color-name>a.G8:before{
    content:"■";
    color:#3d1e56;
}

.color-name>a.H8:before{
    content:"■";
    color:#800040;
}

.color-name>a.I8:before{
    content:"■";
    color:#000;
}
.color-name>a:before{
	margin-right: 5px;
}