.xb1, .xb2, .xb3 { display: block; height: 1px; font-size: 0px; overflow: hidden; border: solid 0px black; border-right: #fff 1px solid; background: #e1e1e1; }

.xb1 { border-right-width: 5px; }
.xb2 { border-right-width: 2px; }
.xb3 { border-right-width: 1px; height: 3px; }


.tb1, .tb2, .tb3 { display: block; height: 1px; font-size: 0px; overflow: hidden; border: solid 0px #fff; border-right: #fff 1px solid; border-left: #fff 1px solid; background: transparent; }

.tb1 { border-right-width: 4px;border-left-width: 4px; }
.tb2 { border-right-width: 2px; border-left-width: 2px; }
.tb3 { border-right-width: 1px; border-left-width: 1px; height: 2px; }

.bb1, .bb2, .bb3 { display: block; height: 1px; font-size: 0px; overflow: hidden; border: solid 0px #fff; border-right: #fff 1px solid; border-left: #fff 1px solid; background: #27b0ff; }

.bb1 { border-right-width: 4px;border-left-width: 4px; }
.bb2 { border-right-width: 2px; border-left-width: 2px; }
.bb3 { border-right-width: 1px; border-left-width: 1px; height: 2px; }