.pc {background-image: url(pc.jpg);background-repeat: no-repeat;display: block;}.pc-mc1 {width: 270px;height: 195px;background-position: 0 0;}.pc-mc2 {width: 220px;height: 168px;background-position: 0 -195px;}.pc-mc3 {width: 260px;height: 130px;background-position: -220px -195px;}.pc-mc4 {width: 250px;height: 141px;background-position: -220px -325px;}.pc-pec1 {width: 200px;height: 133px;background-position: -270px 0;}.pc-pec2 {width: 130px;height: 162px;background-position: -470px 0;}.pc-pec3 {width: 150px;height: 200px;background-position: -600px 0;}

.pc-mc1,.pc-mc2,.pc-mc3,.pc-mc4,
.pc-pec1,.pc-pec2,.pc-pec3
{display:block;margin:0 auto;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}
@media screen and (min-width: 640px) and (max-width: 959px) {
.pc-mc1,.pc-mc3,
.pc-pec1
{float:left;margin:10px 10px 0 0;}
.pc-mc2,.pc-mc4,
.pc-pec2,.pc-pec3
{float:right;margin:10px 0 0 10px;}}
@media screen and (min-width: 960px) {
.pc-mc1,.pc-mc3,
.pc-pec1
{float:left;margin:10px 10px 0 0;}
.pc-mc2,.pc-mc4,
.pc-pec2,.pc-pec3
{float:right;margin:10px 0 0 10px;}}