.board-btm-btn { width: 100%; margin-top: 15px; }
.board-btm-btn.right { text-align: right; }
.board-btm-btn.center { text-align: center; }

.board-btn { padding: 7px 10px; color: #fff; background-color: #7d7d7d; }
.board-icon { vertical-align: middle; }

.board-tr:after,
.board-th:after,
.board-td:after { content: ''; display: block; float: none; clear: both; }

.board-btm { margin-top: 1.25em; }
.board-btm div { float: left; }
.board-btm .board-file-input { width: 50%; }
.board-btm .board-btm-btn { width: auto; float: right; margin-top: 0; }
.board-btm .board-btm-btn .board-btn { float: left; margin-left: 10px; padding: 1em 0; width: 8.75em; background-color: #cccccc; }
.board-btm .board-btm-btn .board-btn:first-child { margin-left: 0; }
.board-btm .board-btm-btn .board-btn.point { background-color: #0d0d0d; }

.board-tool-wrap { position: relative; }
.board-tool-wrap .board-tool-btn { width: 40px; height: 40px; color: #999; }
.board-tool-wrap .board-tool-btn::after { content: '\e949'; font-family: 'xeicon'; text-align: center; line-height: 40px; color: #999; }
.board-tool-wrap > ul { position: absolute; top: 100%; right: 18px; display: none; }
.board-tool-wrap > ul.active { display: block; }
.board-tool-wrap > ul > li { border: solid 1px #ececec; border-top: none; }
.board-tool-wrap > ul > li:first-child { border-top: solid 1px #ececec; }
.board-tool-wrap > ul > li .board-btn { border: none; background-color: #fff; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 0.85em; color: #333; padding: 0; }
.board-tool-wrap > ul > li .board-btn:hover { background-color: #fafafa; }
.board-tool-wrap > ul > li .board-btn.article-modify-btn { color: #488ccb; }
.board-tool-wrap > ul > li .board-btn.article-delete-btn { color: #ec6446; }

@media (max-width:1200px){
  .board-btm .board-file-input { width: 100%; }
}