article {
	margin-bottom: 1vw;
    padding: calc(24px + 1.5625vw);
	background-color: white;
	border: #e0dba3 1px solid;
}

@media(max-width:430px){
	.juxtapose {
		text-align: center;
	} .juxtapose > header {
		margin-bottom: 1vw;
	} .juxtapose > header p {
		display: none;
	}
}

@media (min-width:414px){
	body > header, main {
		padding: 1vw 1.5vw;
	} body > header {
		margin: 20px auto;
	} body > nav {
		margin: 10px auto 20px;
	}
}

@media (min-width:430px){
	.juxtapose {
		display: flex;
		flex-wrap: nowrap;
		column-gap: 2vw;

		align-items:center;
	}

	.juxtapose > header {
		margin-bottom: 0;
		flex: 0 3 120px;
		text-align: right;

		white-space:nowrap;
		word-wrap:break-word
	} .juxtapose > header p {
		display: block;
	}

	.juxtapose > section {
		margin-top: 0;
		border-left: #ccc 2px solid;
		padding-left: 2vw;
	}
}

@media (min-width:768px) {

	.juxtapose > header {
		flex: 0 3 220px;
	} 

	body > header, main {
		padding: 1vw 2vw;
	}

	body > header figure {
		margin-left: 0;
		width: 80%;
	}
}

@media (min-width:1080px) {
	body > header, main, body > footer {
		margin: auto;
		max-width: 1080px;
	}

	body > header {
		margin: 30px auto;
	}

	body > header, main {
		padding: 0 2vw;
	}

	body > header figure {
		width: 70%;
	}
}

h2.official_email::before {
	content: '\e697';
}

h2.materials_mailbox::before {
	content: '\e630';
}

h2.contact_china::before {
	content: '\e680';
}

h4.icon_wechat::before {
	content: '\e758';
}

figure.qrcode {
	max-width: 200px;
	margin: auto;
}