.tswf-taipei-2025 {
	& .keyv-area {
		background-image: url('/assets/img/mv_tswf2025.webp');
		& h1 {
			@media screen and (max-width: 820px) {
				font-weight: 400;
				font-size: var(--25px)!important;
				line-height: 1.25!important;
				margin: 10px 0 0;
				&:lang(en) {
					font-weight: 500;
				}
			}
		}
	}
	
	
	& .main-content-area {
		width: calc(100% - 60px);
		margin: 0 auto;
		color: var(--color-dark-gray);
		position: relative;
		@media screen and (max-width: 820px) {
			width: calc(100% - (40 / var(--calc)));
		}
		& .main-content-inner {
			padding: 170px 0 100px;
			width: 100%;
			margin: 0;
			background-color: #ffffff;
			@media screen and (max-width: 820px) {
				padding: calc(110 / var(--calc)) 0 calc(80 / var(--calc));
			}
		}
		& .first-view {
			& hgroup {
				width: calc(100% - var(--header-gaps));
				max-width: 1240px;
				margin-inline: auto;
				@media screen and (max-width: 820px) {
					width: calc(100% - var(--header-gaps));
					max-width: var(--container-width);
				}
				& p {
					color: var(--color-gray);
					font-family: var(--font-jp);
					font-weight: 400;
					font-size: var(--18px);
					margin: 10px 0 0;
					&:lang(en) {
						font-family: var(--font-en);
						font-weight: 500;
						letter-spacing: 0.08em;
					}
					&:lang(zh-cmn-Hant) {
						font-family: var(--font-tc);
					}
					@media screen and (max-width: 820px) {
						font-size: var(--12px);
						letter-spacing: 0.05em;
						margin: 2px 0 0;
					}
				}
				& h2 {
					color: var(--color-blue);
					font-family: var(--font-jp);
					font-weight: 600;
					font-size: var(--55px);
					letter-spacing: 0.05em;
					line-height: 1.14;
					margin: 0;
					@media screen and (max-width: 820px) {
						font-size: var(--25px);
					}
				}
				& + p {
					width: calc(100% - var(--header-gaps));
					max-width: 1240px;
					margin: 2em auto 0;
					font-size: var(--16px);
					line-height: 2;
					@media screen and (max-width: 820px) {
						margin-top: calc(45 / var(--calc));
						font-size: var(--14px);
						line-height: 1.72;
					}					
				}
			}
		}
		& .content {
			width: calc(100% - var(--header-gaps));
			max-width: 1240px;
			margin: 120px auto 0;
			& + .content {
				margin-top: 250px;
			}
			@media screen and (max-width: 820px) {
				width: calc(100% - var(--header-gaps));
				max-width: var(--container-width);
				margin-top: calc(75 / var(--calc));
				& + .content {
					margin-top: calc(130 / var(--calc));
				}
			}
			&.first-view {
				margin-top: 0;
			}
		}
		& .flex-wrapper {
			justify-content: space-between;
			& + .flex-wrapper {
				margin-top: 50px;
				@media screen and (max-width: 820px) {
					margin-top: calc(65 / var(--calc));
				}
			}
			&.reverse {
				flex-direction: row-reverse;
			}
		}
		& .flex-item.w50 {
			width: calc(50% - 20px);
			@media screen and (max-width: 820px) {
				& + .flex-item.w50 {
					margin-top: calc(55 / var(--calc));
				}
			}
			&:has(.img-wrapper, figure) {
				width: calc(50% - 42px);
			}
			@media screen and (max-width: 820px) {
				width: 100%;
				&:has(.img-wrapper) {
					width: 100%;
				}
			}
			& h3 {
				border-top: 1px solid var(--color-dark-gray);
				border-bottom: 1px solid var(--color-dark-gray);
				padding: 24px 0;
				font-size: var(--26px);
				font-weight: 500;
				letter-spacing: 0.05em;
				&:lang(en) {
					font-weight: 600;
				}
				& ~ p {
					margin-top: 1.5em;
					font-size: var(--16px);
					font-weight: 400;
					line-height: 2;
					&:lang(en) {
						font-weight: 500;
					}
				}
				& + p {
					margin-top: 40px;
				}
				@media screen and (max-width: 820px) {
					font-size: var(--20px);
					padding: var(--10px) 0;
					text-align: center;
					& + p {
						margin-top: calc(45 / var(--calc));
						font-size: var(--14px);
						line-height: 1.72;
					}
				}
			}
		}
	}

	& .contact-btn-area {
		width: 100%;
		max-width: 546px;
		margin: 40px auto 0;
		line-height: 1;
		@media screen and (max-width: 820px) {
			max-width: var(--container-width);
			margin: calc(95 / var(--calc)) auto 0;
			line-height: 1.357;
		}
		& .btn.secondary-btn:lang(en) {
			font-weight: 700;
		}
	}

	& .notes {
		color: var(--color-dark-gray);
		font-size: var(--12px);
		font-weight: 300;
		text-align: left;
		margin-top: 1em;
		&:lang(en) {
			font-weight: 400;
		}
		@media screen and (max-width: 820px) {
			color: #666666;
			font-size: var(--10px);
		}
	}
	& .table-wrapper + .notes {
		text-align: right;
	}
	
	& .marker {
		padding: 0 0 2px 1em;
		background:linear-gradient(transparent 50%, rgba(255, 255, 0, 1) 50%);
		display: inline;
		background-repeat: no-repeat;
		/* background-size: 0% 100%; */
		background-size: 100% 100%;
		/* transition:background-size 1.5s; */
		@media screen and (max-width: 820px) {
			padding: 0;	
		}
		& .on {
			background-size: 100% 100%;
		}
	}
}