.ColourSelector{margin-top: 50px;}
.ColourSelector .mbox1{width: 100%;overflow: hidden;}
.ColourSelector .mbox2{width: 100%;overflow: hidden;}
.ColourSelector .mbox3{width: 24%;height: 120px;margin: 0px 1% 5px 0px;float: left;background-size: 100%;}
.ColourSelector .mbox4{width: 15%;height: 32px;margin:0 4px 4px 0;float: left;background-size: 100%;border: 1px solid #ccc;cursor:pointer;}
.ColourSelector .mbox5{    height: 28px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
    width: 48%;
    float: left;
    margin-right: 2px;}
.selector-1{margin-bottom: 20px}
.selector-1 .hd h3,.selector-2 .hd h3{background-color: #888;color: #fff;font-size: 16px;padding: 8px;margin: 0px 0px 10px 0px;width: 100%;}
.selector-1 .bd,.selector-2 .bd{overflow: hidden;padding-left: 5px;}
.cz1{background:url(bom/img-1.png) no-repeat 0 0;}
.cz2{background:url(bom/img-2.png) no-repeat 0 0;}
.cz3{background:url(bom/img-3.png) no-repeat 0 0;}
.cz4{background:url(bom/img-4.png) no-repeat 0 0;}
.cz5{background:url(bom/img-5.png) no-repeat 0 0;}
.cz6{background:url(bom/img-6.png) no-repeat 0 0;}
.cz7{background:url(bom/img-7.png) no-repeat 0 0;}
.cz8{background:url(bom/img-8.png) no-repeat 0 0;}
.cz9{background:url(bom/img-9.png) no-repeat 0 0;}
.cz10{background:url(bom/img-10.png) no-repeat 0 0;}
.cz11{background:url(bom/img-11.png) no-repeat 0 0;}
.cz12{background:url(bom/img-12.png) no-repeat 0 0;}
.cz13{background:url(bom/img-13.png) no-repeat 0 0;}
.cz14{background:url(bom/img-14.png) no-repeat 0 0;}
.cz15{background:url(bom/img-15.png) no-repeat 0 0;}
.cz16{background:url(bom/img-16.png) no-repeat 0 0;}
.cz17{background:url(bom/img-17.png) no-repeat 0 0;}
.cz18{background:url(bom/img-18.png) no-repeat 0 0;}
.cz19{background:url(bom/img-19.png) no-repeat 0 0;}
.cz20{background:url(bom/img-20.png) no-repeat 0 0;}
.cz21{background:url(bom/img-21.png) no-repeat 0 0;}
.cz22{background:url(bom/img-22.png) no-repeat 0 0;}
.cz23{background:url(bom/img-23.png) no-repeat 0 0;}
.cz24{background:url(bom/img-24.png) no-repeat 0 0;}
.cz25{background:url(bom/img-25.png) no-repeat 0 0;}
.cz26{background:url(bom/img-26.png) no-repeat 0 0;}
.cz27{background:url(bom/img-27.png) no-repeat 0 0;}
.cz28{background:url(bom/img-28.png) no-repeat 0 0;}
.cz29{background:url(bom/img-29.png) no-repeat 0 0;}
.cz30{background:url(bom/img-30.png) no-repeat 0 0;}
.cz31{background:url(bom/img-31.png) no-repeat 0 0;}
.cz32{background:url(bom/img-32.png) no-repeat 0 0;}

.ys1{background-color: #fff}
.ys2{background-color: #faf7d8}
.ys3{background-color: #e5cab9}
.ys4{background-color: #eaeae8}
.ys5{background-color: #fbefd9}
.ys6{background-color: #926953}
.ys7{background-color: #c0c0c0}
.ys8{background-color: #fcead6}
.ys9{background-color: #86483b}
.ys10{background-color: #969696}
.ys11{background-color: #fbdcbf}
.ys12{background-color: #c1dabd}
.ys13{background-color: #383735}
.ys14{background-color: #cba99f}
.ys19{background-color: #719ec8}
.ys20{background-color: #cacbc5}
.ys21{background-color: #f3f3f1}
.ys22{background-color: #f9f7d4}
.ys23{background-color: #f3e9c4}
.ys24{background-color: #cdcdc6}
.ys25{background-color: #010101}
.ys15{background: url(ys15.jpg);}
.ys16{background: url(ys16.jpg);}
.ys17{background: url(ys17.jpg);}
.ys18{background: url(ys18.jpg);}


@media (max-width: 660px)
{
.ColourSelector .mbox3{height: 80px;}
}

@media (max-width: 600px)
{
.ColourSelector .mbox3{height: 70px;}
}