.bapf_sfilter.bapf_cksquare .bapf_body ul {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: start;
}
.bapf_sfilter.bapf_cksquare .bapf_body ul li {
width: 70px;
height: 70px;
position: relative;
z-index: 1;
}
.bapf_sfilter.bapf_cksquare.bapf_cksquareprice .bapf_body ul li {
width: 100%;
}
.bapf_sfilter.bapf_cksquare .bapf_body ul li input {
display: none;
}
.bapf_sfilter.bapf_cksquare .bapf_body ul li label {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
line-height: 1.2em;
vertical-align: middle;
text-align: center;
border: 2px solid #CECEFF;
z-index: 10;
background-color: #EFEFFF;
overflow: hidden;
display: flex !important;
align-items: center;
justify-content: center;
padding: 4px;
word-wrap: anywhere;
}
.bapf_sfilter.bapf_cksquare .bapf_body ul li input:checked + label {
background-color: #CECEFF;
}
.bapf_sfilter.bapf_cksquare .bapf_body ul li span {
position: absolute;
top: -5px;
left: -5px;
z-index: 20;
background-color: #EFEFFF;
border: 2px solid #CECEFF;
font-size: 12px;
line-height: 12px;
padding: 2px;
}
.bapf_sfilter.bapf_cksquare .bapf_body ul li span.rightpcs {
left: initial;
right: -5px;
}