.card_shadow_nodata
{
	box-shadow:0 10px 6px -6px rgba(30, 30, 30, 0.1), 12px 0 8px -8px rgba(50, 50, 50, 0.1);
	transition: all .2s ease-in-out;
	background-color:blanchedalmond;
    padding: 40px;
    border-radius: 20px;
	text-align:center;
	font-size:24px;
	width: 100%;
}
.card_shadow
{
	box-shadow:0 10px 6px -6px rgba(30, 30, 30, 0.1), 12px 0 8px -8px rgba(50, 50, 50, 0.1);
	transition: all .2s ease-in-out;
	background-color:blanchedalmond;
    padding: 40px;
    border-radius: 20px;
	font-size:24px;
    display: flex;
    flex-direction: row;
	width: 100%;
	font-family: 'jf-openhuninn-1.1';
	margin-bottom: 30px;
}
.subtitle
{
	width:60%;
}
.main_pic
{
	width: 260px;
	height:150px;
	margin-right:20px;
}
.topic_class
{
	width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	font-family: 'jf-openhuninn-1.1';
	
}
.topic_time
{
    color: gray;
    font-size: 16px;
	font-family: 'jf-openhuninn-1.1';
	
}
.topic_text
{
	font-size: 32px;
    font-weight: 600;
	font-family: 'jf-openhuninn-1.1';
	transition: all .3s;
	cursor:pointer;
}
.topic_text a
{
	text-decoration: none;
	color:unset;
}
.topic_text:hover 
{
	transition: all .3s;
    opacity: 0.6;
}
@media (max-width:1024px)
{
	.card_shadow 
	{
		box-shadow: 0 10px 6px -6px rgba(30, 30, 30, 0.1), 12px 0 8px -8px rgba(50, 50, 50, 0.1);
		transition: all .2s ease-in-out;
		background-color: blanchedalmond;
		padding: 40px;
		border-radius: 20px;
		font-size: 24px;
		display: flex;
		flex-direction: column;
		width: 100%;
		font-family: 'jf-openhuninn-1.1';
		margin-bottom: 30px;
	}
	.card_shadow img
	{
		max-width: 100%;
		margin-right: 20px;
	}
	.topic_text 
	{
		font-size: 26px;
		font-weight: 600;
		font-family: 'jf-openhuninn-1.1';
		transition: all .3s;
		cursor: pointer;
	}
	.subtitle
	{
		width:70%;
	}

}