@charset 'utf-8';


.downfile-board .article-section {font-size: 0; line-height: 0; border-top: 1px solid #e5e5e5; }
.downfile-board .article-section .article { margin: 15px 1%; width: 18%; display: inline-block; vertical-align: top; }
.downfile-board .article-section .article a, .downfile-board .article-section .article span { display: inline-block; }
.downfile-board .article-section .article .thumb { font-size: 0; line-height: 0; border:1px solid #dddddd;}
.downfile-board .article-section .article .thumb:hover {box-shadow:2px 2px 2px #ddd; transition:0.3s all ease}
.downfile-board .article-section .article .thumb a { height: 220px; display: block; }
.downfile-board .article-section .article .thumb a img { width: 100%; height: 100%; }
.downfile-board .article-section .article .desc_, .downfile-board .article-section .article .etc { margin-top: 5px; }
.downfile-board .article-section .article .title { margin-top: 8px; }
.downfile-board .article-section .article .title a { font-size: 13px; color: #333; font-weight: 600; line-height: 18px; word-break: break-all; word-wrap: break-word; width:168px; height:20px}
.downfile-board .article-section .article .title label { display: block; }
.downfile-board .article-section .article .file_down {text-align:center; font-size: 12px; width:100%; margin-top:5px}
.downfile-board .article-section .article .file_down a {display:block; width:100px; padding:8px 0; background:#555; border-radius:15px; color:#fff; margin:0 auto}
.downfile-board .article-section .article .file_down a:hover {background:#257FEF; transition:0.3s all ease}
.downfile-board .article-section .article .file_down, .downfile-board .article-section .article .name, .downfile-board .article-section .article .date { line-height: normal; }
.downfile-board .article-section .article .name { margin-right: 10px; font-size: 11px; font-weight: 600; }
.downfile-board .article-section .article .date { font-family: "Nunito", "Trebuchet MS", verdana, tahoma, sans-serif; font-size: 11px; font-weight: 300; letter-spacing: 0; }

@media (max-width: 1200px) { .downfile-board .article-section .article { margin: 15px 1.5% 0; width: 17%; } }
@media (max-width: 960px) { .downfile-board .article-section .article { margin: 15px 2% 0; width: 21%; } }
@media (max-width: 720px) { .downfile-board .article-section .article { width: 29.300%; } }
@media (max-width: 560px) { .downfile-board .article-section .article { width: 46%; } }
@media (max-width: 360px) { .downfile-board .article-section .article { margin: 15px 15px 15px 0px; width: 45%; } }


@media all and (max-width: 767px) 
{
.downfile-board .article-section {border-top:0; margin-bottom:5%}
.downfile-board .article-section .article .title {width:100%; height:15px; line-height:15px; overflow:hidden; margin:5% 0}


}


.manage-btn {padding-top:10px; border-top:1px solid #e5e5e5;clear:both}
.manage-btn a {display:inline-block; font-size:0; line-height:0}
.manage-btn{margin-top:10px; height:35px; *zoom:1}
.manage-btn:after {content:""; clear:both; display:block}
.manage-btn .left-area {float:left}
.manage-btn .left-area a {margin-right:3px}
.manage-btn .right-area {float:right}
.manage-btn .right-area a {margin-left:3px}








.ebook_btn {text-align:center; font-size: 14px;margin:0 auto;width:90%;}
.ebook_btn a {display:block;padding:8px 0!important; background:#555; border-radius:15px; color:#fff; margin:0 auto}
.ebook_btn a:hover {background:#257FEF; transition:0.3s all ease}