/* 页首图片 */
#about-me-image {
	position: relative;
}
#about-me-banner {
	width: 100%;
	height: var(--head-image-height);
}
#about-me-image .about-me-text {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	left: var(--page-margin);
}

#about-me-image h1 {
	margin: 0;
	font-family: BaiJamjuree-Bold;
	font-size: 5.5rem;
	color: #00E5FF;
	letter-spacing: -0.125rem;
	text-align: left;
	text-shadow: 0rem .3rem .5rem rgba(0, 0, 0, 0.54);
}

#about-me-image h2 {
	margin: 0;
	font-size: 4rem;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 0;
	text-align: left;
}

#about-me-arrow {
	position: absolute;
	transform: translateY(-4.3rem);
	left: 23rem;
	height: 3.5rem;
}

/* 标签页 */
#tab-about-me {
	margin: 2.3rem var(--page-margin) 0rem var(--page-margin);
}

#tab-about-me .el-tabs__content .el-tab-pane {
	width: auto;
	margin: 0;
	max-width: 100%;
}
#tab-about-me h2 {
	font-family: BaiJamjuree-SemiBold;
	font-size: 2.875rem;
	color: #37474F;
	letter-spacing: 0;
	text-align: left;
}

#tab-about-me ul {
	padding: 0;
}

#tab-about-me li {
	list-style: none;
	margin-bottom: 1.625rem;
}

#about-me-line {
	position: absolute;
	top: calc(var(--head-image-height) + 4.46rem);
	width: 100%;
	border: none;
	border-bottom: 0.0625rem solid #0000001F;
}

/* 过滤器和搜索框 */
.filter-and-search {
	width: 100%;
	max-width: 60rem;
	margin: 0;
	margin-bottom: 1.875rem;
	display: flex;
	justify-content: space-between;
}

.filter-and-search-label {
	position: absolute;
	margin: 0;
	font-family: IBMPlexSans;
	font-size: 16px;
	color: #0000008A;
	letter-spacing: -0.57px;
	text-align: left;
	vertical-align: top;
}

/* 过滤器 */
.filter-container {
	height: 6.25rem;
	opacity: 1;
	display: flex;
}

.am-filter {
	top: 2.6875rem;
	margin-right: 1rem;
	flex: 1;
}

.am-filter .el-input__inner {
	background: #00000014;
	width: 100%;
	height: 3.5rem;
	border: none;
	border-radius: 1rem;
	font-family: IBMPlexSans;
	font-size: 1rem;
	color: #00BFA5FF;
	letter-spacing: -0.035625rem;
	text-align: left;
}

/* 搜索框 */
.search-container {
	height: 6.25rem;
	left: 34rem;
	right: 0rem;
	transition: all 0.5s linear;
	/* Firefox 4 */
	-moz-transition: all 0.5s linear;
	/* Safari and Chrome */
	-webkit-transition: all 0.5s linear;
	/* Opera */
	-o-transition: all 0.5s linear;
}
.filter-and-search.hide-filter-if-need .filter-container {
	opacity: 0;
}
.filter-and-search.hide-filter-if-need .search-container {
	position: absolute;
	right: 0rem;
	left: 0rem;
}

.am-search-bar {
	top: 2.6875rem;
}

.am-search-bar .el-input__inner {
	background: #00000014;
	color: #00BFA5FF;
	height: 3.5rem;
	border: text-wrap: none;
	border-radius: 1rem;

	transition: width 0.5s linear;
	/* Firefox 4 */
	-moz-transition: width 0.5s linear;
	/* Safari and Chrome */
	-webkit-transition: width 0.5s linear;
	/* Opera */
	-o-transition: width 0.5s linear;
}

.am-search-bar .el-input__inner:focus {
	width: 100%;
}

/* about */
#am-1-title-1 {
	margin-top: 1.9375rem;
}

#am-1-p-1 {
	margin: 0;
	margin-top: 2.1875rem;
	font-family: IBMPlexSans;
	font-size: 1rem;
	color: #263238;
	text-align: left;
	line-height: 2.25rem;
}
.content-in-zh #am-1-p-1 {
	text-indent: 2rem;
}
#am-1-title-2 {
	margin: 0;
	margin-top: 3rem;
	margin-bottom: 2.3125rem;
}

#am-1-title-3 {
	margin: 0;
	margin-top: 3.25rem;
	margin-bottom: 2.3125rem;
}

#am-1-title-4 {
	margin: 0;
	margin-top: 3.375rem;
	margin-bottom: 2.25rem;
}

#am-1-list-1,
#am-1-list-2,
#am-1-list-3 {
	margin: 0;
}

#am-2-title,
#am-3-title,
#am-4-title {
	margin: 0;
	margin-top: 1.9375rem;
	margin-bottom: 1.6875rem;
}
#am-2-list,
#am-4-list,
#am-3-list {
	margin: 0;
	overflow: auto;
}