<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.right .banner {
	
	height: 557px;
	
}

.right .letter-wrap {
	padding-right: 69px;padding-top: 69px;
}

.right .letter-wrap h2 {
	font-size: 35px;
	font-weight: 600;
	margin-top: 68px;
}

.right .letter-wrap&gt;p {
	font-size: 18px;
	line-height: 30px;
	color: #696969;
	border-bottom: 1px #E1E1E1 solid;
}

.right .letter-wrap .letter {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	line-height: 35px;
	margin-top: 20px;
	padding-left: 2px;
	padding-right: 4px;
}

.right .letter-wrap .letter img{
	object-fit: cover;
}

.right .letter-wrap .letter .letter-info {
	width: 100%;
	margin-left: 32px;
}

.right .letter-wrap .letter .letter-info p:last-child {
	margin-top: 80px;
	text-align: right;
}

footer {
	margin-top: 77px;
}

@media screen and (max-width:750px) {
	
	.right .banner {
		
		height: 4rem;
		
	}
	.right .letter-wrap {
		padding: 0;
	}

	.right .letter-wrap h2 {
		font-size: .4rem;
		margin-top: .8rem;
	}

	.right .letter-wrap&gt;p {
		font-size: .2rem;
		line-height: .45rem;
	}

	.right .letter-wrap .letter {
		flex-wrap: wrap;
		font-size: .25rem;
		line-height: .5rem;
		margin-top: .25rem;
		padding-left: .1rem;
		padding-right: .1rem;
	}

	.right .letter-wrap .letter img{
		width: 100%;
		height: 7.2rem;
		object-fit: cover;
	}
	
	.right .letter-wrap .letter .letter-info{
		margin-left: 0;
	}
	
	.right .letter-wrap .letter .letter-info p:last-child{
		margin-top: .3rem;
	}
	
	footer{
		margin-top: 1.2rem;
	}
}
</pre></body></html>