@charset "UTF-8";

.bbs-type-12A {min-height: 210px;padding: 20px 0;border-top:2px solid #6f6fb9;border-bottom:1px solid #e0e0e0;}
.bbs-type-12A > ul {position: relative;}
.bbs-type-12A > ul:after {content: "";display: block;clear: both;}
.bbs-type-12A > ul > li {margin-left: 10px;float:left;}
.bbs-type-12A > ul > li:first-child {margin-left: 0;}
.bbs-type-12A > ul > li .recentBbsTab {font-size:24px;color: #7f7f7f;background-color: transparent;line-height: 30px;}
.bbs-type-12A > ul > li.active .recentBbsTab {color: #4e4e82;}
.bbs-type-12A > ul > li .recentBbsMore {width: 24px;height: 24px;background: url('./../images/m_bbs_more.png') 0 0 no-repeat;position: absolute;top:0;right:0;text-indent: -9999px;display: none;}
.bbs-type-12A > ul > li.active .recentBbsMore {display: block;}
.bbs-type-12A > ul > li > ul {width: 100%;position: absolute;top:50px;left:0;display: none;}
.bbs-type-12A > ul > li.active > ul {display: block;}
.bbs-type-12A > ul > li > ul > li {margin-top: 8px;}
.bbs-type-12A > ul > li > ul > li:first-child {margin-top: 0;}
.bbs-type-12A > ul > li > ul > li > a {padding-right: 80px;display: block;font-size: 0;position: relative;}
.bbs-type-12A > ul > li > ul > li > a strong, .bbs-type-12A > ul > li > ul > li > a .data {display: inline-block;font-size:14px;color: #666;line-height: 20px;}
.bbs-type-12A > ul > li > ul > li > a strong {padding-right: 30px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;position: relative;font-family: 'noto-light'}
.bbs-type-12A > ul > li > ul > li > a strong .newArtcl {width: 20px;height: 20px;margin-top: -10px;background-color: #6f6fb9;color: #fff;line-height: 20px;text-align: center;border-radius: 50%;display: inline-block;font-size:13px;position: absolute;top:50%;right:0;}
.bbs-type-12A > ul > li > ul > li > a .data {position: absolute;top:0;right:0;right:0;}
.bbs-type-12A .recentBbsNoData {font-size:14px;color: #666;line-height: 20px;}

@media screen and (max-width:768px) {
    .bbs-type-12A {min-height: 140px;padding: 10px 0;border-top:1px solid #6f6fb9;}
    .bbs-type-12A > ul > li .recentBbsTab {font-size:15px;line-height: 20px;}
    .bbs-type-12A > ul > li .recentBbsMore {width: 24px;height: 24px;background: url('./../images/m_bbs_more.png') 0 0 no-repeat;position: absolute;top:0;right:0;text-indent: -9999px;display: none;}
    .bbs-type-12A > ul > li.active .recentBbsMore {display: block;}
    .bbs-type-12A > ul > li > ul {top:30px;}
    .bbs-type-12A > ul > li > ul > li {margin-top: 5px;}
    .bbs-type-12A > ul > li > ul > li > a {padding-right: 55px;}
    .bbs-type-12A > ul > li > ul > li > a strong, .bbs-type-12A > ul > li > ul > li > a .data {font-size:11px;line-height: 18px;}
    .bbs-type-12A > ul > li > ul > li > a strong {padding-right: 20px;}
    .bbs-type-12A > ul > li > ul > li > a strong .newArtcl {width: 14px;height: 14px;margin-top: -7px;line-height: 14px;font-size: 11px;}
    .bbs-type-12A .recentBbsNoData {font-size:11px;line-height: 18px;}
}