.pageContent_bg{
	padding: clamp(1.6130rem, 2.6042vw, 3.1250rem) 0; /* 25.81px , 2.6042vw , 50.00px */
}
.asfIn_bg {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	max-width: 960px;
    /* padding: 50px 0; */
}

	.asfIn_leftArea{
		width: 70%;
	}
		.asfIn_leftImg{
			width: 100%;
			margin-bottom: 50px;
		}

		.asfIn_leftImg img{
			width: 100%;
			height: auto;
		}

		.asfIn_leftTit{
			margin-bottom: 35px;
			font-size: 32px;
		}
		
		.asfIn_categoryArea{
			margin-bottom: 50px;
		}

		

		.asfIn_categoryArea span{
			color: #eb6478;
			font-size: 16px;
			display: inline-block;
		}

		.asfIn_categoryArea.pink span{
			color: #FA949A;
		}

		.asfIn_categoryArea span.date::before{
			content: '';
			display: inline-block;
			vertical-align: middle;
			margin-right: 12px;
			margin-top: -5px;
			background-image: url('../../../images/newsclock.webp');
			background-repeat: no-repeat;
			background-size: contain;
			width: 25px;
			height: 25px;
		}

		.asfIn_categoryArea.pink span.date::before{
			background-image: url('../../../images/newsclock.webp');
		}

	.asfIn_rightArea{
		width: 30%;
		padding-left: 35px;
		box-sizing: border-box;
	}

		.asfIn_right{
			margin-bottom: 50px;
		}
			.asfIn_rightTit{
				/* font-size: 32px; */
				font-size: 24px;
				margin-bottom: 15px;
			}

			.asfIn_rightTit span.icon1::before{
				content: '';
				display: inline-block;
				vertical-align: middle;
				margin-right: 13px;
				margin-top: -5px;
				/* 新增 修改路徑 modify by Patty 20221115 start */
                background-image: url(../../../images/icon_05.webp);
				/* 新增 修改路徑 modify by Patty 20221115 end */
				background-repeat: no-repeat;
				background-size: contain;
				width: 35px;
				height: 35px;
			}

			.asfIn_rightTit span.icon2::before{
				content: '';
				display: inline-block;
				vertical-align: middle;
				margin-right: 5px;
				margin-top: 0px;
				/* 新增 修改路徑 modify by Patty 20221115 start */
				background-image: url(../../../images/icon_06.webp);
				/* 新增 修改路徑 modify by Patty 20221115 end */
				background-repeat: no-repeat;
				background-size: contain;
				width: 45px;
				height: 45px;
			}

			.asfIn_rightTit span.icon1.pink::before{
				background-image: url(../../../images/icon_05.webp);
			}

			.asfIn_rightTit span.icon2.pink::before{
				background-image: url(../../../images/icon_06.webp);
			}

			.asfIn_rList_area{

			}
				.asfIn_rList{
					margin-bottom: 15px;
				}

				
					.asfIn_rList a {
						display: table;
						width: 100%;
						box-sizing: border-box;
					}

					.asfIn_rList a:hover{
						text-decoration: none;
						opacity: 0.7;
						transition: 0.3s ease all;
					}

					.asfIn_rListIn{
						/* display: flex;
						flex-flow: row wrap;
						justify-content: space-between;
						align-items: flex-end;
						padding: 10px 0px 25px 0px;
    					box-sizing: border-box;
						border-bottom: 1px solid #A0A0A0; */
					}
						.rLI_leftArea{
							display: table-cell;
							vertical-align: top;
							/* width: 100%; */
							width: 90px;
							margin-bottom: 25px;
						}

							.rLI_leftArea img{
								width: 100%;
								height: auto;
							}

						.rLI_rightArea{
							display: table-cell;
							vertical-align: top;
							padding: 10px;
						}

							.rLI_title .title{
								
							}
							
								.rLI_title .title{
									font-size: 18px;
									color: #000;

									display: -webkit-box;
									text-overflow: ellipsis;
									-webkit-line-clamp: 1;
									-webkit-box-orient: vertical;
									overflow: hidden;
									max-height: 1.5em;
								}

									.rLI_title .text{
										display: block;
										font-size: 14px;
										color: #A0A0A0;
										margin-top: 10px;

										display: -webkit-box;
										text-overflow: ellipsis;
										-webkit-line-clamp: 1;
										-webkit-box-orient: vertical;
										overflow: hidden;
									}


			.asfIn_category_listArea{
				display: flex;
				flex-flow: row wrap;
			}	
			
				.asfIn_category_list{
					width: 50%;
					padding: 5px 5px;
					box-sizing: border-box;
				}

					.asfIn_category_list a{
						display: block;
						padding: 10px 7.5px;
						color: #A0A0A0;
						font-size: 14px;
						line-height: normal;
						background-color: #ebebeb;
						height: 40px;
						box-sizing: border-box;
						letter-spacing: 0;
						line-height: normal;
						text-align: center;
					}

					.asfIn_category_list:first-of-type a{
						background-color: #e9546b;
					}

					.asfIn_category_list.active a{
						background-color: #e9546b;
						color: #fff;
					}

					.asfIn_category_list a:hover{
						text-decoration: none;
						background-color: #e9546b;
						color: #fff;
					}

					.asfIn_category_list.pink.active a{
						background-color: #FA949A;
					}

					.asfIn_category_list.pink a:hover{
						background-color: #FA949A;
					}




@media(max-width:1440px){
	.rLI_title {
		font-size: 18px;
	}
	.rLI_title span {
		font-size: 16px;
		padding: 10px 0;
	}
	.asfIn_rListIn {
		padding: 5px 10px 15px 10px;
	}
	.asfIn_category_list {
		width: 50%;
	}
	.asfIn_rightTit {
		font-size: 28px;
	}
	
}

@media(max-width:1280px){
	.asf_textArea {
		font-size: 14px;
	}
	.index_advListArea.asfArea .index_advList .index_advListIn .index_advTitBox a > .index_advTitBox_title{
		font-size: 24px;
	}
	.asfIn_leftTit {
		margin-bottom: 25px;
		font-size: 28px;
	}
	.asfIn_categoryArea span {
		font-size: 16px;
	}
}


@media(max-width:990px){
	.asf_swiperArea {
		flex-flow: column;
	}
	.asf_sLArea {
		width: 100%;
		max-width: 92%;
	}
	.asf_swiper_listArea .swiper-button-prev{
		left: 0px;
	}
	.asf_swiper_listArea .swiper-button-next{
		right: 0px;
	}
	.asf_sRArea {
		width: 100%;
		max-width: 92%;
		padding-top: 25px;
	}
	.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;
	}
	.rLI_leftArea {
		margin-bottom: 25px;
	}
	.rLI_rightArea {
	}
}	




@media(max-width: 990px){
	.asfIn_bg  {
		flex-flow: unset;
        flex-direction: column;
	}
		.asfIn_right {
		}
			
			.asfIn_leftArea {
				width: 100%;
				margin-bottom: 50px;
			}

			.asfIn_rightArea {
				width: 100%;
				padding-left: 0;
			}
				.asfIn_rList_area {
					display: flex;
					flex-flow: row wrap;
				}

					.asfIn_rList {
						width: 100%;
						box-sizing: border-box;

						margin: 0;
    					padding: 15px 0;
						border-bottom: 1px dotted #999999;
					}

					.asfIn_rList.sty2 {
						width: 50%;
						padding: 15px 0 0;
					}
					
						.asfIn_rListIn {
							border-bottom: unset;
						}
						.asfIn_category_list {
							width: 33.3%;
						}
	
}


@media(max-width:768px){
	.index_advListArea.asfArea {
		margin: 0px;
	}
	.index_advListArea.asfArea > .index_advList {
		width: 100%;
		padding: 20px 0px;
	}
	
	
	.asfIn_leftImg {
		width: 100%;
		margin-bottom: 25px;
	}
	.asfIn_leftTit {
		margin-bottom: 15px;
		font-size: 24px;
	}
	.asfIn_categoryArea span {
		font-size: 14px;
	}
	.asfIn_categoryArea span.date::before {
		margin-right: 5px;
		width: 15px;
		height: 15px;
	}
	.asfIn_categoryArea {
		margin-bottom: 25px;
	}
	.asfIn_leftArea {
		/* width: 60%; */
	}
	.asfIn_rightTit {
		font-size: 24px;
	}
	.asfIn_rightTit span.icon1::before {
		margin-right: 13px;
		width: 25px;
		height: 25px;
	}
	.asfIn_rightTit span.icon2::before {
		width: 35px;
		height: 35px;
	}
	.rLI_title {
		font-size: 16px;
	}
	.rLI_title span {
		font-size: 14px;
		padding: 10px 0;
	}
	.rLI_leftArea {
		margin-bottom: 15px;
	}
	.rLI_title span {
		padding: 5px 0;
	}
}


@media(max-width:640px){
	
	
}


@media(max-width:500px){
	.asfIn_rList.sty2 {
		width: 100%;
	}
}
@media(max-width:425px){
	.asfIn_bg {
		padding: 0;
	}
	.asfIn_leftTit {
		font-size: 20px;
	}
	.asfIn_rightTit {
		font-size: 20px;
	}
	.asfIn_rightTit span.icon1::before {
		margin-right: 8px;
	}
	.asfIn_rList {
		width: 100%;
	}
	.asfIn_category_list {
		width: 50%;
	}
}


















	.backBtn{
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}

	.backBtn.sty2{
		display: flex;
		flex-flow:row nowrap;
		padding-top: 50px;
		/* margin-top: 0px; */
		justify-content: space-between;
	}

	.backBtn.sty3{
		margin: 50px 0;
	}

	.backBtn.red{
		border-top: 2px solid #e9546b;
	}

	.backBtn.pink2{
		border-top: 2px solid #FA949A;
	}

	.backBtn.blue2{
		border-top: 2px solid #7dcdf4;
	}

	.backBtn input[type="button"]{
		background-color: #fff;
		/* background-image: url('../office_images/09.png'); */
        background-image: url('../../../images/09.png');
		background-repeat: no-repeat;
		background-size: 25px;
		background-position: 90%;
		padding-right: 25px;
		color: #fff;
		width: 140px;
		height: 42px;
    	/* border-radius: 12px; */
		border-radius: 5px;
		font-size: 18px;
	}

	.backBtn.pink input[type="button"]{
		background-color: #FA949A;

	}

	.backBtn.pink2 input[type="button"]{
		background-color: #FA949A;

	}

	.backBtn.red input[type="button"]{
		background-color: #e9546b;

	}
	.backBtn.blue2 input[type="button"]{
		background-color: #7dcdf4;
	}
	.backBtn.blue input[type="button"]{
		background-color: #12B8D7;

	}
	.backBtn.lblue input[type="button"]{
		background-color: #7dcdf4;

	}
	.backBtn.green input[type="button"]{
		background-color: #ABE579;

	}
	.backBtn.yellow input[type="button"]{
		background-color: #F7CE3C;

	}


	@media(max-width:1280px){
		.schoolageIn_title {
			font-size: 36px;
		}
		.schoolageIn_text {
			margin-bottom: 30px;
			font-size: 17px;
		}
		.schoolageIn_listTit {
			font-size: 26px;
		}
		.schoolageIn_listTit span {
			font-size: 20px;
			padding: 10px 0;
		}
		.schoolageIn_lLArea {
			width: 15%;
		}
		.schoolageIn_lRArea {
			width: 85%;
		}
	}
	@media(max-width:990px){
		.index_divideTit {
			font-size: 32px;
			padding: 15px 0;
		}
		.index_divideListArea {
			padding: 70px 0;
		}
		.schoolageIn_bg > .wrap {
			flex-flow: column;
		}
		.schoolageIn_leftArea {
			width: 50%;
			margin-bottom: 50px;
		}
		.schoolageIn_rightArea {
			width: 100%;
		}
		.schoolageIn_bg {
			padding: 50px 0;
		}
	}	
	@media(max-width:768px){
		.index_divideList {
			width: 100%;
		}
	}	
	@media(max-width:640px){
		.index_divideTit {
			font-size: 24px;
		}
		
		/* 20230223 Patty 修改 start */
.index_divideTit span::before {
    width: 55px;
    height: 50px;
}
/* 20230223 Patty 修改 end */
		.index_divideListArea {
			padding: 50px 0;
		}
		.index_divideListBrief {
			font-size: 14px;
			margin: 25px 0 10px;
		}
		.index_divideMore.pinkmore a {
			font-size: 14px;
		}
		.schoolageIn_leftArea {
			width: 80%;
		}
	}
	
/* 20230223 Patty 修改 start */
@media(max-width:540px){
    .index_divideTit h1 span{
        align-items: center;
    }
}
/* 20230223 Patty 修改 end */
	@media(max-width:425px){
		.schoolageIn_bg {
			padding: 25px 0;
		}
		.schoolageIn_leftArea {
			width: 100%;
			margin-bottom: 25px;
		}
		.schoolageIn_title {
			font-size: 26px;
		}
		.schoolageIn_text {
			font-size: 16px;
			margin-bottom: 15px;
		}
		.schoolageIn_listIn {
			flex-flow: row wrap;
		}
		.schoolageIn_lLArea {
			width: 100%;
			margin-bottom: 15px;
		}
		.schoolageIn_lRArea {
			width: 100%;
		}
		.backBtn {
			margin-top: 0px;
		}
		.backBtn input[type="button"] {
			background-size: 20px;
			width: 130px;
			font-size: 16px;
		}
		.backBtn.sty2{
			padding-top: 25px;
		}
	}	



























	.contact_mediaIcon{
		display: flex;
	}
	.contact_area .contact_mediaIcon{
		display: flex;		
		justify-content: center;
	}
		.contact_mediaIcon .contact_mediaImg{
			max-width: 45px;
			max-height: 45px;
			padding: 0px 10px;
		}
			
			.contact_mediaImg a {
				display: block;
			}

			.contact_mediaImg a:hover{
				transition: 0.3s ease all;
				opacity: 0.7;
			}
				.contact_mediaImg img{
					width: 100%;
					height: auto;
				}


	.contact_area .contact_right{
		width:55%;
	}
		.contact_right .contact_rightTitle{
			font-size: 48px;
			color:#7dcdf4;
			text-align: center;
			padding-bottom: 35px;
		}

		.contact_right .contact_rightText{
			font-size: 16px;
			padding-bottom: 35px;
		}
			
			.contact_rightText > ul{
				padding: 0px 20px;
			}

			.contact_rightText > ul > li::marker{
				color:#7dcdf4;
			}

			.contact_rightText > ul > li > span{
				color:#aaaaaa;
			}


@media (max-width: 1440px){

}
@media (max-width: 990px){
	
	.contact_area{		
		display: block;
	}
		.contact_area .contact_left{
			width:100%;
		}
		.contact_area .contact_right{
			width:100%;
		}
			.contact_right .contact_rightTitle{
				font-size: 48px;
				color:#7dcdf4;
				text-align: center;
				padding: 35px 0px; 
			}

			.contact_right .contact_form_flex{
				display: block;					
				padding-bottom: 20px;	
				text-align: center;			
			}
				.contact_form_flex .contact_form_input{
					width: 100%;
					padding: 0px 0px 20px 0px;												
				}
				.contact_form_flex .contact_form_reset{
					padding-bottom: 20px;
				}
				.contact_form_flex .contact_form_submit{
					
				}

			.contact_right .contact_form_textarea{
				padding: 0px 0px 20px 0px;
				width: 100%;					
			}


					
}