#listaap * { box-sizing: border-box; }
#listaap {  background-color:#ffffff; width:100%; margin:0 auto; }
#listaap div.ap1 {  }
#listaap div.ap2 { clear:both; padding-top:10px; padding-bottom:10px; height:100px; width:100%; display:table;   }
#listaap div.ap2:hover { background-color:#f7f8f8; cursor: pointer; }
#listaap div.ap3 { min-width:100px; min-height:100px; float:left; display:block; text-align: center;}
#listaap div.ap3 img { height: 100px; width: 80px; border: 1px solid #c0c0c0; }
#listaap div.ap4 { max-width:510px; min-height:100px; float:left; display:block; }
#listaap li.aa { padding:1px 0 0 0; }
#listaap li.aa a { font:bold 16px arial,verdana,sans-serif; color:#205c98; }
#listaap li.aaa a { font:bold 13px arial,verdana,sans-serif; color:#205c98; }
#listaap li.ab { padding:1px 0; font:bold 13px arial,verdana,sans-serif; color:#000000; }
#listaap li.ac { padding:1px 0; font:bold 14px arial,verdana,sans-serif; color:#999999; font-size: 14px; }
#listaap li.ac a { color:#999999; }
#listaap li.ac span { font-size: 12px; }
#listaap li.ad { padding:1px 0; font:bold 18px arial,verdana,sans-serif; color:#205c98; }
#listaap li.ad span { padding:1px 0 1px 20px; font:normal 12px arial,verdana,sans-serif; color:#000000; }
#listaap li.ae { padding:5px 0 0 0; }
#listaap .btn1-ap { background:#205c98 none; color:#ffffff; padding:5px 20px; font:bold 11px verdana,arial,sans-serif; border-radius:20px; }
#listaap .btn1-ap:hover { color:#ffff00; text-decoration:none; }

@media screen and (max-width: 768px) {
    #listaap div.ap2 { width:100%; text-align: center; padding-top:20px; padding-bottom: 20px; margin-bottom: 10px; }
    #listaap div.ap3 { width:100%; text-align: center; float: none; }
    #listaap div.ap3 img { height: 252px; width: 180px; margin-bottom: 10px; }
    #listaap div.ap4 { margin:0 auto; float:none; }
    #listaap li.aaa a { font:bold 16px arial,verdana,sans-serif; color:#205c98; }
    #listaap .btn1-ap { font-size: 13; padding: 10px 20px; }
    #listaap li.ae { padding:15px 0 10px 0; }
}