.olpt {margin: 0 auto;width:1050px;text-align:center;}
.olpt ul {list-style: none;padding:0;margin:0}
.olpt li {float: left;padding:0;margin:0}
.topp {border:2px solid #000;border-radius:5px;text-align:center;padding:1px;background-color:#fff;margin:2px;width:200px;height:150px;}
A:hover .topp, A:active .topp {border:2px solid #9A0606;background-color:#000;}
@media screen and (max-width:1000px) {body {min-width:768px;}.olpt {width: 760px;}}
@media screen and (max-width:788px) {body {min-width:620px;}.olpt {width: 610px;}}
@media screen and (max-width:620px) {body {min-width:500px;}.olpt {width: 490px;}}
@media screen and (max-width:520px) {body {min-width:300px;}.olpt {width: 300px;}}