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