.project-sort{padding: 1%;border: 1px solid #ddd;}
.project-sort p{font-weight: bold;font-size: 16px;color: #286da8;}
.sort-list{margin-top: 10px;border-bottom: 1px dashed #ddd;}
.sort-list a{display: inline-block;padding: 0 5px;margin-bottom: 5px;}
.example{border-top: 2px solid #286da8;margin-top: 15px;}
.example-box{float: left;width: 31.33%;margin: 0 1%;margin-top: 15px;border-bottom: 1px solid #a3a3a3;position: relative;}
.example-box a{display: inline-block;}
.example-box img{width: 100%;margin: 20px 0;}
.example-box h4{position: absolute;background: #fff;padding: 5px 15px;border: 2px solid #286da8;border-top-left-radius: 10px;border-bottom-right-radius: 10px;top: 5px;left: 20px;right: auto;bottom: auto;}
@media (max-width: 999px) {
  .example-box{width: 100%;}
}