/* ================================== */
/* 加盟者故事 */
/* ================================== */







/*/////////////////////////////////////////////////////////*/
/*-------學習與分享--------*/
/*/////////////////////////////////////////////////////////*/

.index_advListArea.asfArea{
	padding: 50px 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	/* margin: 0 -30px; */
	margin: 0 auto;
    column-gap: 3.125vw;
    row-gap: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */
}
.index_advListArea.asfArea > .index_advList{
	/* width: 50%; */
	/* padding: 30px; */
	box-sizing: border-box;
	width: calc((100% / 2) - (1 * 3.125vw / 2)); /* 2欄平均寬度，扣除間距 */
	padding: 0;
	margin: 0;
}
.index_advListArea.asfArea .index_advList > .index_advListIn{
	border: unset;
}
.index_advListIn:before , .index_advListIn:after{
    display: none;
}

.index_advListIn a{
    display: block;
}

.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg{
	height: 300px;
	border-radius: unset;
	position: relative;
}

.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg.pinkImg{
	border: 3px solid #F29C9F;
}
.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg.greenImg{
	border: 3px solid #ABE579;
}
.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg.dblueImg{
	border: 3px solid #0092C8;
}
.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg.yellowImg{
	border: 3px solid #F39800;
}
.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg.grayImg{
	border: 3px solid #D2D2D2;
}
.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg.lblueImg{
	border: 3px solid #42BDEA;
}
/* 新增 修改 modify by Patty 20221108 start */
.learn_shareTit{
	position: absolute;
	bottom: -3px;
	left: -3px;
	width: calc( 100% + 6px );
}
/* 新增 修改 modify by Patty 20221108 end */
.learn_shareTit span{
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: block;
	padding: 15px 0;
}
.learn_shareTit.pinkTit span{
	background-color: #F29C9F;
}
.learn_shareTit.greenTit span{
	background-color: #ABE579;
}
.learn_shareTit.dblueTit span{
	background-color: #0092C8;
}
.learn_shareTit.yellowTit span{
	background-color: #F39800;
}
.learn_shareTit.grayTit span{
	background-color: #D2D2D2;
}
.learn_shareTit.lblueTit span{
	background-color: #42BDEA;
}
.index_advListArea.asfArea .index_advList .index_advListIn .index_advTitBox a > .index_advTitBox_title{
	font-size: 28px;
	color: #666666;
	margin: 0px 15px;
}
.index_advListArea.asfArea .index_advList .index_advListIn .index_advTitBox > .index_advTitBox_text{
	margin: 20px 15px 0;
}	

.index_divideMore.lshare{
	padding-top: 50px;
}	
	@media(max-width:1280px){
		.index_advListArea.asfArea .index_advList .index_advListIn .index_advTitBox a > .index_advTitBox_title{
			font-size: 24px;
		}
	}
	@media(max-width:990px){

		.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg {
			height: 300px;
		}
		.index_advListArea.asfArea .index_advList .index_advListIn .index_advTitBox a > .index_advTitBox_title {
			font-size: 20px;
		}
	}	
	@media(max-width:768px){
		.index_advListArea.asfArea {
			margin: 0px;
			gap: 40px;
			flex-flow: unset;
			flex-direction: column;
		}
		.index_advListArea.asfArea > .index_advList {
			width: 100%;
			padding: 20px 0px;
			padding: 0;
		}
	}






































.asfArea{

}
.index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg{
    background-size: cover;
    /* aspect-ratio: 1; 
    aspect-ratio: 1.36 / 1;*/
    aspect-ratio: 1.5 / 1;
    width: 100%;
    width: auto;
    height: auto;
}

.asfArea .index_advTitBox {
    padding: 25px 0 0;
}

.asfArea .index_advTitBox_title {
    font-size: 20px;
    color: #333333;
    line-height: 1.5;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 10px;
}
					.asfArea .index_advTitBox_text {
						margin: 0 10px;
						margin-top: 20px;
						font-size: 16px;
						line-height: 1.5;
						display: -webkit-box;
						text-overflow: ellipsis;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						overflow: hidden;
						color: #939393;
					}
				  	.asfArea .index_advTitBox_link {
						margin-top: 20px;
						display: block;
						width: 140px;
						text-align: center;
						color: #fff;
						background-color: #e9546b;
						padding: 12px 10px;
						/* 新增 樣式 modify by Patty 20221130 start */
						border-radius: 15px 0 15px 0;
						margin-left: auto;
						transform: translate(1px,1px);
						/* 新增 樣式 modify by Patty 20221130 end */
				  	}
				  	.asfArea .index_advBtn{
						width: 120px;
						background-color: #e9546b;
						box-sizing: border-box;
						padding: 8px 5px;
						margin: 35px auto 0;
						border-radius: 9px;
					}
					
					.asfArea .index_advBtn a{
						color: #fff;
						display: block;
						text-align: center;
					}
					.asfArea .index_advBtn a span{
						display: inline-block;
					}
					.asfArea .index_advBtn a:hover{
						text-decoration: none;
						opacity: 0.7;
						transition: 0.3s ease all;
					}
					.asfArea .index_advBtnImg{
						width: 20px;
						display: inline-block;
						vertical-align: middle;
					}
					.asfArea .index_advBtnImg img{
						width: 100%;
						height: auto;
					}

                    .asfArea .index_advListIn a:hover {
                        text-decoration: none;
                        opacity: 0.7;
                    }
	@media(max-width:1440px){
		/* .index_advListArea .swiper-button-prev{
			left: -8%;
		}
		.index_advListArea .swiper-button-next{
			right: -8%;
		} */
	}
	@media(max-width:1280px){

		/* .index_advBg {
			padding-bottom: 80px;
		}
			.index_advListArea .swiper-button-prev{
				left: -3.5%;
			}
			.index_advListArea .swiper-button-next{
				right: -3.5%;
			} */
	}
	@media(max-width:990px){
		/* .asfArea .index_advTit {
			font-size: 32px;
		}
		.index_advListArea .swiper-button-prev{
			display: none;
		}
		.index_advListArea .swiper-button-next{
			display: none;
		} */

        .index_advListArea.asfArea .index_advList .index_advListIn a > .index_advImg {
            height: auto;
        }
		
	}
	@media(max-width:425px){
		.asfArea .index_advTit {
			font-size: 24px;
		}
		.asfArea .index_advTitArea {
			padding-top: 70px;
		}
		.asfArea .index_advTit::after {
			width: 300px;
			height: 65px;
		}
		.asfArea .index_advListArea {
			padding: 70px 0;
		}
		.asfArea .index_advTitBox {
			padding: 15px 0 0;

		}
		.asfArea .index_advTitBox_text {
			margin-top: 15px;
		}
		
	}















				.index_divideMore{
					text-align: right;
					border-bottom: 3px solid #ccc;
					padding-bottom: 10px;
				}

				.index_divideMore a{
					display: block;
					color: #333;
				}

				.index_divideMore a::after{
					content: '';
					display: inline-block;
					background-image: url("../../../learn_share/images/arrow_pink.webp");
					background-repeat: no-repeat;
					background-size: contain;
					width: 20px;
					height: 20px;
					vertical-align: middle;
					margin: 0 0 3px 5px;
				}

				.index_divideMore.pinkmore{
					border-bottom: 3px solid #fa949a;
				}

				.index_divideMore.pinkmore a{
					color: #fa949a;
				}

				.index_divideMore.greenmore{
					border-bottom: 3px solid #abe579;
				}

				.index_divideMore.greenmore a{
					color: #abe579;
				}

				.index_divideMore.greenmore a::after{
                    background-image: url("../../../learn_share/images/arrow_green.webp");
				}

				.index_divideMore.bluemore{
					border-bottom: 3px solid #12b8d7;
				}

				.index_divideMore.bluemore a{
					color: #12b8d7;
				}

				.index_divideMore.bluemore a::after{
					background-image: url("../../../learn_share/images/arrow_blue.webp");
				}

				.index_divideMore.yellowmore{
					border-bottom: 3px solid #f7ce3c;
				}

				.index_divideMore.yellowmore a{
					color: #f7ce3c;
				}

				.index_divideMore.yellowmore a::after{
					background-image: url("../../../learn_share/images/arrow_yellow.webp");
				}

				.index_divideMore.dbluemore{
					border-bottom: 3px solid #0092C8;
				}

				.index_divideMore.dbluemore a{
					color: #0092C8;
				}

				.index_divideMore.dbluemore a::after{
					background-image: url("../../../learn_share/images/arrow_dblue.png");
				}

				.index_divideMore.dyellowmore{
					border-bottom: 3px solid #F39800;
				}

				.index_divideMore.dyellowmore a{
					color: #F39800;
				}

				.index_divideMore.dyellowmore a::after{
					background-image: url("../../../learn_share/images/arrow_dyellow.png");
				}

				.index_divideMore.graymore{
					border-bottom: 3px solid #D2D2D2;
				}

				.index_divideMore.graymore a{
					color: #D2D2D2;
				}

				.index_divideMore.graymore a::after{
					background-image: url("../../../learn_share/images/arrow_gray.png");
				}

				.index_divideMore.lbluemore{
					border-bottom: 3px solid #42BDEA;
				}

				.index_divideMore.lbluemore a{
					color: #42BDEA;
				}

				.index_divideMore.lbluemore a::after{
					background-image: url("../../../learn_share/images/arrow_lblue.png");
				}
				

				.index_divideMore a:hover{
					opacity: 0.7;
					text-decoration: none;
				}