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