/*
#main_wrapper{padding-bottom:0}
*/
.content_section{position:relative;}

/*
	Head Section
*/

#head_section{
	position:relative;
	width:100%;
	aspect-ratio: 2 / 1;	
	max-width:1248px;
	border-radius:24px;
	overflow:hidden;
	margin:0 auto;
}


#head_section ul{
	position:relative;
}

#head_section .article{
	position: absolute;
	top:0;
	left:0;	
	display:block;
	width:100%;
	aspect-ratio: 2 / 1;	
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	z-index:1;
}

#head_section .article .article_content{
	position:relative;
	width:100%;
	height:100%;
}

#head_section .article .article_block{
	position:absolute;
	top:60px;
	left:60px;
}

#head_section .article .odd{
	top: initial;
	left: initial;
	bottom:60px;
	right:60px;
}

.article_content .title{
	font-weight: 600;
	font-size: 2rem;
	color: var(--white);
	text-shadow: 0px 0px 4px black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#head_section .main_banner_navigation{
	position:absolute;
	bottom:12;
	left:0;
	width:100%;
	z-index:10;
}

#recommend_section .content_wrapper{
	padding-top:60px;
}

#recommend_section .recommend_title{
	font-family:'Black Han Sans', sans-serif;
	text-align:center;
	font-size:3rem;
	color: var(--color-bold);
	padding-bottom:24px;
}

#recommend_section .goods_list{
	display:grid;
	gap:24px
}

#recommend_section .goods_list .card_thumb{
	aspect-ratio: 4 / 3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#recommend_section .grid_c2{
	grid-template-columns: repeat(2, 1fr);
}

#recommend_section .grid_c3{
	grid-template-columns: repeat(3, 1fr);
}

#recommend_section .grid_c4{
	grid-template-columns: repeat(4, 1fr);
}

#recommend_section .grid_c5{
	grid-template-columns: repeat(5, 1fr);
}

#recommend_section .goods_list a{
	display:inline-block;
	width:100%;
	border: 1px SOLID var(--color-hazy);
	border-radius:12px;
	overflow: hidden;
}

#recommend_section .goods_list .card_content{
	padding:12px;
}

#recommend_section .grid_c2 .card_content{
	height:120px;
}

#recommend_section .grid_c3 .card_content{
	height:120px;
}

#recommend_section .grid_c4 .card_content{
	height:144px;
}

#recommend_section .grid_c5 .card_content{
	height:180px;
}

#recommend_section .goods_list .goods_subject{
	color:var(--color-bold);
	font-weight:600;
	line-height:120%;
}

#recommend_section .goods_list .goods_itinerary{
	max-height:60px;
	font-size: 0.75rem;
	overflow:hidden;
	text-overflow: ellipsis;
	color:var(--color-watery);
	line-height:130%;
	padding-top:12px;
}

#recommend_section .region_list{
	display:grid;
	gap:24px
}

#recommend_section .grid_c2{
	grid-template-columns: repeat(2, 1fr);
}

#recommend_section .grid_c3{
	grid-template-columns: repeat(3, 1fr);
}

#recommend_section .grid_c4{
	grid-template-columns: repeat(4, 1fr);
}

#recommend_section .grid_c5{
	grid-template-columns: repeat(5, 1fr);
}

#recommend_section .region_list a{
	display:inline-block;
	width:100%;
	aspect-ratio: 1 / 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 12px;
	overflow:hidden
}

#recommend_section .region_list .card_content{
	display: flex;
	width:100%;
	aspect-ratio: 1 / 1;
}

#recommend_section .region_list a:hover .card_content{
	background-color:rgba(0,0,0,0.3);
	transition: all 0.3s ease-in-out;
}

#recommend_section .region_list .title_label{
	display: inline-block;
	width:100%;
	text-align:center;
	color:#fff;
	text-shadow: 0px 0px 3px black;
	font-size:1.75rem;
	margin: auto;
}