@charset "UTF-8";
.bbs-type-12A													{box-sizing:border-box; position: relative; height: 210px; overflow: hidden; padding:25px}
.bbs-type-12A > ul												{position: relative;}
.bbs-type-12A > ul > li											{float: left}
.bbs-type-12A > ul > li .recentBbsTab						{position: relative; color: #7f7f7f; font-size: 30px; font-weight: bold; background-color: #40454a;}
.bbs-type-12A > ul > li.active .recentBbsTab				{font-size:30px; color:#fff; background:none}

.bbs-type-12A > ul > li > ul									{display: none; width: 100%; position: absolute; top: 60px; left: 0;}
.bbs-type-12A > ul > li.active > ul							{display: block;}
.bbs-type-12A > ul > li > ul > li								{background: url(./../images/m_bbs_list.png) left 16px no-repeat;  position: relative; margin-top: 0;}
.bbs-type-12A > ul > li > ul > li a							{color: #cfd0d2; display: block; font-size:15px; }
.bbs-type-12A > ul > li > ul > li a:hover strong			{text-decoration: underline;}
.bbs-type-12A > ul > li > ul > li a strong					{ display: block; margin-right:130px; font-weight: normal; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bbs-type-12A > ul > li > ul > li a strong .newArtcl		{display: inline-block; vertical-align: middle; margin-left: 5px; background: url(./../images/share.png) left top no-repeat; width: 11px; height: 11px; text-indent: -5000px;}
.bbs-type-12A > ul > li > ul > li a span.data				{position: absolute; top: 2px; right: 5px; font-size: 1.1em;}
.bbs-type-12A > ul > li > ul > li.recentBbsNoData		{color: #fff; background: none; text-align: center; padding: 20px 0; width: 100%; border-bottom: 0;}
.bbs-type-12A .recentBbsMore								{display: none; position: absolute; top: 10px; right: 0; background: url(./../images/m_bbs_more.png) left top no-repeat; width: 24px; height: 24px; text-indent: -5000px;}
.bbs-type-12A > ul > li.active .recentBbsMore				{display: block;}


@media screen and (max-width: 1200px) {}



@media screen and (max-width: 768px) {
	.bbs-type-12A{height:140px !important}
	.bbs-type-12A{padding:15px 10px !important}
	.bbs-type-12A > ul > li .recentBbsTab{font-size:15px !important}
	.bbs-type-12A > ul > li > ul{top:30px}
	.bbs-type-12A .recentBbsMore{top:0 !important}
	.bbs-type-12A > ul > li > ul > li a{font-size:13px}
}