@charset "UTF-8";

/*common*/
.album-type-08A																							{box-sizing: border-box; color:#555; overflow:hidden; position: relative; min-height: 205px; margin-bottom: 60px;}
.album-type-08A ul li .recentBbsTabSpan															{display:none; font-weight: bold;}
.album-type-08A ul li .recentBbsTabSpan input													{background:none; font-size:1.54em; cursor:auto; font-weight: bold; color: #222;}
.album-type-08A ul li ul																				{box-sizing:border-box; overflow: hidden; margin-right: 15%;}
.album-type-08A ul li ul li a .recentBbsInfo														{line-height:1.5; float: right; width: 50%;}
.album-type-08A ul li ul li a .recentBbsInfo .recentBbsTitle strong							{font-size:1.4em; display:block; margin-bottom:10px; overflow:hidden; height: 45px; color: #343434; background: url(./../images/link-title.png) left top no-repeat; padding-top: 10px;}
.album-type-08A ul li ul li a .recentBbsInfo .recentBbsContent								{font-size:1.1em; margin-bottom:15px; /*height: 70px; overflow:hidden;*/ word-break:normal; text-overflow: ellipsis; text-align: justify;}
.album-type-08A ul li ul li a .recentBbsInfo dl													{font-size:1.1em; color: #888; margin-bottom: 10px;}
.album-type-08A ul li ul li a .recentBbsInfo dl dt												{display:none}
.album-type-08A ul li ul li a .recentBbsThumb													{float: left; width: 45%;}
.album-type-08A ul li ul li a .recentBbsThumb img											{width:100%;}	
.album-type-08A .newArtcl{display:none;}
.album-type-08A .recentBbsNoData																{text-align: center; width: 100%; float: none;}
.album-type-08A .recentBbsMore																	{position: absolute; bottom: 0px; left: 42.5%; text-indent: -5000px; width: 87px; height: 10px; background:url(./../images/m_bbs_more.png) left top no-repeat;}



@media screen and (max-width:860px) {
	.album-type-08A													{margin-bottom: 30px;}
	.album-type-08A ul li ul										{margin-right: 0;}
	.album-type-08A .recentBbsMore								{left: 50%;}
}

@media screen and (max-width:460px) {
	.album-type-08A													{min-height: auto; margin-bottom: 0px;}
	.album-type-08A ul li ul li a .recentBbsThumb				{float: none; width: 100%; display: block;}
	.album-type-08A ul li ul li a .recentBbsThumb img		{width:100%; max-height: none;}
	.album-type-08A ul li ul li a .recentBbsInfo					{float: none; width:94%; margin: 4% auto;}
	.album-type-08A .recentBbsMore								{left: 4%;}
}