@media screen and (min-width:1025px){.courselist{width:100%;height:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.courselist li.courselist2{width:47.85%;height:auto;display:block;margin:0 1% 40px}.courselist li.courselist3{width:31.23333333333%;height:auto;display:block;margin:0 1% 40px}.courselist li a{width:100%;height:auto;display:block;text-decoration:none;padding:10px}.courselist li a img{width:30%;height:auto;display:block;float:left}.courselist li a .cmcc{width:65%;height:auto;display:block;float:right}.courselist li a .cmcc h3.cmtitle{font-size:22px;font-weight:400;line-height:1.4em;color:#151515;margin-bottom:5px}.courselist li a .cmcc p.cmcom{font-size:14px;font-weight:400;line-height:1.8em;color:#333;margin-bottom:5px}.courselist li a .cmcc p.cmbn{width:110px;height:22px;display:block;font-size:.8em;color:#fff;text-align:center;font-weight:400;line-height:20px;background-color:#4884b7;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}.courselist li a:hover .cmcc p.cmbn{width:120px;background-color:#1eb15f}}@media screen and (min-width:769px) and (max-width:1024px){.courselist{width:100%;height:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.courselist li.courselist2{width:100%;height:auto;display:block;margin:0 0 40px}.courselist li.courselist3{width:47.85%;height:auto;display:block;margin:0 1% 40px}.courselist li a{width:100%;height:auto;display:block;text-decoration:none;padding:10px}.courselist li a img{width:30%;height:auto;display:block;float:left}.courselist li a .cmcc{width:65%;height:auto;display:block;float:right}.courselist li a .cmcc h3.cmtitle{font-size:22px;font-weight:400;line-height:1.4em;color:#151515;margin-bottom:5px}.courselist li a .cmcc p.cmcom{font-size:14px;font-weight:400;line-height:1.8em;color:#333;margin-bottom:5px}.courselist li a .cmcc p.cmbn{width:110px;height:22px;display:block;font-size:.8em;color:#fff;text-align:center;font-weight:400;line-height:20px;background-color:#4884b7;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}.courselist li a:hover .cmcc p.cmbn{width:120px;background-color:#1eb15f}}@media screen and (max-width:768px){.courselist{width:100%;height:auto;display:block}.courselist li.courselist2{width:100%;height:auto;display:block;margin:0 0 40px}.courselist li.courselist3{width:100%;height:auto;display:block;margin:0 0 40px}.courselist li a{width:100%;height:auto;display:block;text-decoration:none;padding:10px}.courselist li a img{width:30%;height:auto;display:block;float:left}.courselist li a .cmcc{width:65%;height:auto;display:block;float:right}.courselist li a .cmcc h3.cmtitle{font-size:22px;font-weight:400;line-height:1.4em;color:#151515;margin-bottom:5px}.courselist li a .cmcc p.cmcom{font-size:14px;font-weight:400;line-height:1.8em;color:#333;margin-bottom:5px}.courselist li a .cmcc p.cmbn{width:110px;height:22px;display:block;font-size:.8em;color:#fff;text-align:center;font-weight:400;line-height:20px;background-color:#4884b7;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}.courselist li a:hover .cmcc p.cmbn{width:120px;background-color:#1eb15f}}