/*#bo_list .profile_img {display:inline-block;margin-right:2px}*/

#list_basic .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;}

#list_basic  .title_icon{margin-right:2px}
#list_basic  .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#list_basic  .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#list_basic  .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#list_basic  .fa-heart{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal}
#list_basic  .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}

@media (max-width:737px){
#list_basic  .tb thead{display:none;}
#list_basic  .tb tbody{border-bottom:1px solid #DDD;  }
#list_basic  .tb tbody tr{position:relative; display:block; border-top:1px solid #DDD; padding:10px 0; padding-left:10%;  }
#list_basic  .tb tbody tr:after {display:block;visibility:hidden;clear:both;content:""}
#list_basic  .tb tbody td{display:block; border:0; width:auto; padding:0; height:auto; float:left; margin-right:10px; background:#FFF;}
#list_basic  .tb tbody td:before{content:  attr(title) " : "; color:#aaa}
#list_basic  .tb tbody td.chk{position:absolute; top: 10px; right:0; }
#list_basic  .tb tbody td.chk:before{display:none; }
#list_basic  .tb tbody td.num{position:absolute; top:10px; left:0; width:10%; }
#list_basic  .tb tbody td.num:before{display:none}
#list_basic  .tb tbody td.subject{float:none; clear:both; padding:0 !important }
#list_basic  .tb tbody td.subject:before{display: none}
}
	.sub_tab {  }
	.sub_tab dd {color:#a8a8a8; border-bottom:1px solid #EEE; padding:1em; text-align:center; font-size:1.1em; cursor:pointer}
	.sub_tab dd.on {border-bottom:3px solid #333; color:#333; font-weight:600}
	#list_wrap .th {  text-align:center;color:#333;  border-bottom:1px solid #AAA;border-top:1px solid #042f6e;}
	#list_wrap dl{border-bottom:1px solid #EEE; position:relative;  display: -webkit-flex; display: flex; text-align:center; color:#878787}
	#list_wrap dl dd{padding:.6em 0;  display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; line-height:120%; border-left:1px solid #DDD;}
	#list_wrap dl dd:nth-child(1){width:7em; border-left:0}
	#list_wrap dl dd:nth-child(2){width:13em}
	#list_wrap dl dd:nth-child(3){width:calc(100% - 69em); }
	#list_wrap dl dd:nth-child(4){width:5em}
	#list_wrap dl dd:nth-child(5){width:8em}
	#list_wrap dl dd:nth-child(6){width:5em}
	#list_wrap dl dd:nth-child(7){width:5em}
	#list_wrap dl dd:nth-child(8){width:5em}
	#list_wrap dl dd:nth-child(9){width:5em}
	#list_wrap dl dd:nth-child(10){width:5em}
	#list_wrap dl dd:nth-child(11){width:6em}
	#list_wrap dl dd:nth-child(12){width:5em}

	#list_wrap dl input{position:absolute; top:0; right:0;}
	#list_wrap article{position:relative; overflow:auto; max-height:630px; display:none;}
	#list_wrap article.scrollbar-inner{min-height:630px; }
	#list_wrap article.on{display:block;}

@media (max-width:736px){
	#list_wrap .th {display:none;}
	#list_wrap dl{ flex-flow:wrap; text-align:left; padding:.2em 0}
	#list_wrap dl dd{padding:.1em 0}
	#list_wrap dl dd:nth-child(1){width:100%}
	#list_wrap dl dd:nth-child(2){width:100%}
	#list_wrap dl dd:nth-child(3){width:33.33%}
	#list_wrap dl dd:nth-child(4){width:33.33%}
	#list_wrap dl dd:nth-child(5){width:33.33%}
	#list_wrap dl dd:nth-child(6){width:100%}

	#list_wrap  dl dd:before{content:  attr(title) " : "; display:inline-block; width:3.5em; color:#aaa}


}