@charset "UTF-8";

.album-type-13A {min-height: 210px;padding: 20px 0;border-top:2px solid #6f6fb9;border-bottom:1px solid #e0e0e0;}
.album-type-13A > ul {position: relative;}
.album-type-13A > ul:after {content: "";display: block;clear: both;}
.album-type-13A > ul > li {margin-left: 10px;float:left;}
.album-type-13A > ul > li:first-child {margin-left: 0;}
.album-type-13A > ul > li .recentPhotoTab {font-size:24px;color: #7f7f7f;background-color: transparent;line-height: 30px;}
.album-type-13A > ul > li.active .recentPhotoTab {color: #4e4e82;}
.album-type-13A > 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;}
.album-type-13A > ul > li.active .recentBbsMore {display: block;}
.album-type-13A > ul > li > ul {width: 100%;position: absolute;top:50px;left:0;display: none;}
.album-type-13A > ul > li.active > ul {display: block;}
.album-type-13A > ul > li > ul:after {content: "";display: block;clear: both;}
.album-type-13A > ul > li > ul > li {width: 23.5%;margin-left: 2%;float:left;}
.album-type-13A > ul > li > ul > li:first-child {margin-left: 0;}
.album-type-13A > ul > li > ul > li a {display: block;}
.album-type-13A > ul > li > ul > li a .recentBbsThumb {height: 100px;overflow: hidden;position: relative;font-size: 0;}
.album-type-13A > ul > li > ul > li a .recentBbsThumb img {width: 100%;height: 100%;}
.album-type-13A > ul > li > ul > li a .recentBbsTitle {margin-top: 5px;font-size: 0;text-align: center;}
.album-type-13A > ul > li > ul > li a .recentBbsTitle strong {display: inline-block;font-size: 14px;color: #666;line-height: 18px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-family: 'noto-light'}
.album-type-13A .newArtcl {width: 20px;height: 20px;background-color: #6f6fb9;color: #fff;line-height: 20px;text-align: center;border-radius: 50%;display: inline-block;font-size:13px;position: absolute;top:0;right:0;}
.album-type-13A .recentBbsNoData {margin-top: 20px;font-size:14px;color: #666;line-height: 20px;}

@media screen and (max-width:768px) {
    .album-type-13A {min-height: 140px;padding: 10px 0;border-top:1px solid #6f6fb9;}
    .album-type-13A > ul > li .recentPhotoTab {font-size:15px;line-height: 20px;}
    .album-type-13A > 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;}
    .album-type-13A > ul > li.active .recentBbsMore {display: block;}
    .album-type-13A > ul > li > ul {top:30px;}
    .album-type-13A > ul > li > ul > li {width: 32%;}
    .album-type-13A > ul > li > ul > li:nth-child(4) {display: none;}
    .album-type-13A > ul > li > ul > li a .recentBbsThumb {height: 70px;}
    .album-type-13A > ul > li > ul > li a .recentBbsTitle strong {font-size: 11px;line-height: 16px;}
    .album-type-13A .newArtcl {width: 14px;height: 14px;line-height: 14px;font-size: 11px;}
    .album-type-13A .recentBbsNoData {margin-top: 5px;font-size:11px;line-height: 18px;}
}