div.DL { margin-bottom: 50px; }
div.DL > hr { border: 1px dashed #999; }
div.DL > ul { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; }
div.DL > ul > li { /*flex-grow: 1;*/ width: 300px; border: 1px solid #CCC; background: #fff; padding: 5px; margin: 10px; border-radius: 5px; /*box-shadow: 0 0 10px 3px #999;*/ }
div.DL > ul > li > img { width: 98%; border: 1px solid #999; margin: 5px auto 0; display: block; border-radius: 5px; }
div.DL > ul > li > h3 { padding-left:15px; color: #333; height: 50px; }
div.DL > ul > li > h5 { padding-left:15px; color: #333; font-size: 15px;margin: -13px 0 0 0; }
div.DL > ul > li > a { margin: 15px auto 10px; text-decoration: none; font-weight: bold; display: block; width: calc(100% - 20px); padding: 8px 0; /*background: linear-gradient(to bottom, #552E31 0%,#352421 100%);*/ background: #fff; color: #B81C22; border: 2px solid #B81C22; border-radius: 5px; text-align: center; }
div.DL > ul > li > a > i { display: inline-block; width: 20px; height: 20px; background: url(../img/ico/icon_download-r.png) no-repeat; background-size: contain; vertical-align: middle; margin-right: 5px; }
div.DL > ul > li > a:hover { background: #B81C22; color: #fff; }
div.DL > ul > li > a:hover > i { background: url(../img/ico/icon_download-w.png) no-repeat; background-size: contain; }
div.DL > ul > li > span > a {margin: 13px 0 0 0; text-decoration: none; display: block; height: 30px; line-height: 30px; background: #552E31; text-align: center; color: #FFF; padding: 5px 0 5px 0; }