body {
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", PMingLiU, sans-serif;
	font-size: 16px;
	line-height: 150%;
	background-color: #eaffff;
	margin: 0;
	padding: 0;
	padding-top: 56px;
}
html, body {
  height: 100%;
}
img {
	max-width: 100%;
}
.xbtn {
	cursor: pointer;
	user-select: none;
	text-align: center;
	background-repeat: no-repeat;
}

.navbar-brand img {
	max-height: 32px;
}
.nav-link.mega {
	font-size: 18px;
	font-weight: 700;
}

#top_banner {
	height: 100%;
	background-image: url('../image/top_banner.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.card.product {
	border: 0;
	padding: 15px;
}
.card.product img {
	width: auto;
	height: 200px;
}
.product-name {
	padding: 5px;
	text-align: center;
	color: white;
	background-color: #00ccff;
	flex-grow: 1;
}
.product-price {
	padding: 5px;
	text-align: center;
	color: white;
	background-color: #212529;
}
#about {
	background-color: #00ccff;
}
#products,
#about,
#contact {
	padding-top: 60px;
	padding-bottom: 60px;
}

footer {
	color: white;
}
@media only screen and (max-width: 600px) {
	#top_banner {
		height: 400px;
	}
}