@media screen and (max-width: 768px) {
	#department-category > div {
		width: calc(33.33333% - 10px);
	}
	#department-category > div .red {
		text-decoration: underline;
		font-size: 0.8em;
		display: block;
	}
	.department-info {
		border: none;
		display: none;
		position: fixed;
		z-index: 100;
		width: 100%;
		left: 0;
		bottom: 0;
		box-sizing: border-box;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		transition: all;
		overflow: hidden;
		padding: 0;
		z-index: 10001;
	}
	.department-info > div {
		overflow: auto;
		height: 50rem;
	}
	.department-info .department-info-close {
		display: block;
		padding: 0 1.875rem;
		position: absolute;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		top: 0;
		right: 0;
		background-color: #fff;
		text-align: right;
		line-height: 1;
		padding-top: 1rem;
		overflow: hidden;
	}
	#strength > div {
		width: 50%;
		height: auto;
	}
	#strength > div:nth-child(-n + 4) .strength-title {
		top: 0.8rem;
	}
	.strength-title img {
		height: 1em;
		margin-right: 0.1rem;
		vertical-align: -0.15em;
	}
	#strength > div:nth-child(5),
	#strength > div:nth-child(4) {
		background-color: #ffecd3;
	}
	#strength > div:nth-child(3),
	#strength > div:nth-child(6) {
		background-color: #fff;
	}
	#course-category {
		margin-bottom: 0;
	}
	#course-category img {
		height: auto;
	}
	.btnRow {
		display: flex;
		justify-content: center;
	}
	.btn3 {
		margin: 0 0 15px;
		font-size: 10px;
		line-height: normal;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 26%;
	}
	.pink::before {
		content: '';
		position: absolute;
		width: 15px;
		bottom: -9px;
		left: 48px;
		height: 15px;
		background-color: firebrick;
		transform: rotate(45deg);
	}
	.course-info {
		display: block;
		margin-bottom: 2rem;
		padding: 0;
		background-color: unset;
	}
	#teacher .swiper-slide > div {
		display: flex;
		width: 95%;
		background-color: #fff;
		justify-content: space-between;
		min-height: 22.5em;
	}
	#teacher .swiper-slide > div > div:first-child {
		flex: 0 0 13rem;
		width: 13rem;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	#teacher .swiper-slide > div > div:first-child img {
		height: 100%;
		position: absolute;
		left: 50%;
		max-width: unset;
		width: unset;
		bottom: 0;
		transform: translate(-50%);
	}
	.teacher-info {
		flex: 1 1 auto;
		display: block;
		background-color: unset;
		color: #000;
		position: relative;
	}
	.teacher-title {
		margin-top: 0.6rem;
		line-height: 2;
	}
	.teacher-introduction {
		font-size: 1em;
	}
	#study img {
		width: calc(48% - 4px);
	}
	.modal {
		position: fixed;
		display: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
	}
	.modal.active {
		display: block;
	}
	.header,
	#department-category > div::after,
	#department-category > div.active::before,
	.department-info::before,
	.course-info::before,
	.teacher-bottom,
	.teacher-sub,
	.teacher-divider {
		display: none;
	}
	.course-info table td:nth-child(2) span {
		display: block;
	}
	.course-info table td a span {
		display: block;
	}
	.btn {
		width: 60px;
		height: 20px;
		line-height: 20px;
		font-size: 10px;
	}

	.code {
		display: flex;
	}
	.codeBox {
		flex: 8;
	}

	.grid-1 {
		grid-template-columns: repeat(3, 1fr);
	}
	.card1 {
		/* margin-top: 15%; */
	}
	h1.bg2{
		margin-top: 3rem
	}
	h1{
		font-size: 1.6rem;
	}
	.card1-tip2{
		font-size: 1.4em;
		line-height: 3em;
	}
	.card1-tip {
		line-height: 2;
		font-size: 1em;
		font-weight: bold;
	}
	.card1-subtitle {
		font-weight: bold;
		text-align: center;
		font-size: 1.3rem;
	}
	.stu-table .swiper-slide {
		width: calc(100%);
		margin: 0 auto;
	}
	.stu-table-title div:nth-child(1),
	.stu-table-title div:nth-child(4) {
		width: 27%;
	}
	.stu-table-title div:nth-child(2),
	.stu-table-title div:nth-child(5) {
		width: 74%;
	}
	.stu-table-title div:nth-child(3),
	.stu-table-title div:nth-child(6) {
		width: 50%;
	}
	.teacher-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	#swiper2 {
		height: 63em;
	}
	.card3-content {
		top: 5%;
	}
	.class-table-btns > div {
		font-size: 1em;
	}
	.card1-tip {
		margin-left: 0px;
		line-height: 2;
		font-size: 1em;
		font-weight: bold;
		color: #2e1406;
	}
	#department-category img{
		width: 5rem;
	}
	#department-category > div{
		font-size: 1em;
	}
}