.achie_listArea{
			}
			
				.achie_list{
					display: flex;
					position: relative;
					padding: 3px 0;
					font-size: 16px;
				}
					.achie_list_date{
						font-family: 'Montserrat', sans-serif;
						margin: auto 0;
						box-sizing: border-box;
						min-width: 95px;
						text-align: left;
						color: var(--dark_color);
						font-size: 15px;
						font-weight: 500;
						line-height: 22px
					}

					
					.achie_list_sort{
						font-family: 'Noto Sans TC';
						margin: auto 15px;
						padding: 6px 10px;
						color: #fff;
						background-color: var(--third_color);
						border-radius: 2px;
						font-size: 15px;
						min-width: 115px;
						text-align: center;
					}

					.achie_list_remark{
						font-family: 'Montserrat', sans-serif;
						margin: auto 0;
						text-align:left;
						box-sizing: border-box;
						word-wrap: break-word;
						word-break: break-all;
					}

					.achie_list_remark a {
						margin: 5px 0;
						font-size: 16px;
						line-height: 22px;
						font-weight: bold;
						letter-spacing: 1px;
						text-decoration:none;
						color:#333;
						display: block;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
						overflow: hidden;
					}
					.achie_list_remark a:hover {
						color: #813a37;
						opacity:0.8;
						transition: 0.1s ease all;
					}

                    .achie_list_ontop{
	font-family: 'Noto Sans TC';
	margin: auto 5px;
	padding: 6px 10px;
	color: #948A7F;
	color: #fff;
	background-color: #f3f3f3;
	background-color: var(--fourth_color);
	border-radius: 2px;
	font-size: 15px;
	min-width: 35px;
	text-align: center;
}
.achie_list_hot{
	font-family: 'Noto Sans TC';
	margin: auto 5px;
	padding: 6px 10px;
	color: #948A7F;
	color: #fff;
	background-color: var(--primary_color);
	border-radius: 2px;
	font-size: 15px;
	min-width: 35px;
	text-align: center;
}


@media (max-width: 410px){
    .achie_list{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}