@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");
div#mainbox {
	max-width: 720px;
	margin: 2rem auto;
}
div.pagebox {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-row-gap: 2rem;
	grid-column-gap: 1.5rem;
	align-items: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
div.pagetitle {
	text-align: center;
	max-width: 240px;
	padding: 1rem 0.5rem;
}
figure {
	height: 5vh;
	margin: 0.5rem auto;
}
figure>img {
	width: auto;
	height: 100%;
}
div.socialbox {
	display: grid;
	grid-template-columns: repeat(8,1fr);
	grid-row-gap: 2rem;
	grid-column-gap: 1.5rem;
	align-items: center;
}
div.socialbox span {
	display: none;
}
div.socialbox i {
	font-size: 1.5rem;
}
a.icon_shopee::before,
a.icon_lazada::before {
	content: url("https://pts.com.my/dev/icon_lazada.png");
	margin-right: 1rem;
}
a.icon_shopee::before {
	content: url("https://pts.com.my/dev/icon_shopee.png");
}
i.fa-facebook {
	color: #1877f2;
}
i.fa-instagram {
	color: #c32aa3;
}
i.fa-tiktok {
	color: #ee1d52;
}
i.fa-twitter {
	color: #1da1f2;
}
i.fa-globe-americas {
	color: #a4c639;
}