:root {
	--color-hotstamping: #008fbc;
	--color-hotstampingmachinery: #0da17d;
	--color-flexiblepackaging: #589f27;
	--color-machinery: #ff9a21;
	--color-aluminium: #ae8032;
}
.container article:after {
	content: ''; display: block; clear: both;
}

.container article .lnb-container {
	float: left; width: 240px; margin: 40px 0 0; padding:;
}
#tabMenu:after {
	content: ''; display: block; clear: both;
}
.container article .lnb-container ul li {
	border-bottom: 1px solid #ccc;
}
.container article .lnb-container ul li:first-child {
	border-top: 1px solid #ccc;
}
.container article .lnb-container ul li a {
	display: block; padding: 10px; font-size: 16px;
}


.container article .article-content {
	float: left; width: calc(100% - 261px);
	border-left: 1px solid #ccc;
	padding: 0 0 0 10px; margin: 40px 0 0 10px;
}
.container article .article-content > h2 {
	font-size: 18px; margin: 0 0 15px; padding: 0 0 15px;
	border-bottom: 1px solid #ccc;
}
.container article .article-content > section:after {
	content: ''; display: block; clear: both;
}
.container article .article-content > section {
	position: relative; line-height: 1.5em;
}

@media screen and (max-width: 1000px) {
	.container article .lnb-container,
	.container article .article-content {
		float: none; width: calc(100% - 20px); margin: 0; padding: 10px;
	}

	.container article .lnb-container ul {
		border-bottom: 1px solid #ccc;
	}
	.container article .lnb-container ul li {
		float: left; width: 25%;
		border: none;
	}
	.container article .lnb-container ul li:first-child {
		border: none;
	}
	.container article .lnb-container ul li a {
		text-align: center;
	}

	.container article .article-content {
		border: none;
	}
}
@media screen and (max-width: 950px) {
	.container article .lnb-container ul li {
		float: left; width: 33.33333%;
		border: none;
	}
}
@media screen and (max-width: 768px) {
	.container article .lnb-container ul li {
		float: left; width: 50%;
		border: none;
	}
}
@media screen and (max-width: 500px) {
	.container article .lnb-container ul li {
		float: left; width: 100%;
		border: none;
	}
}








/*
.article-content > section {
    display: none;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}
.article-content > section > h2 {
	font-size: 16px; font-weight: 600;
	margin-bottom: 20px;
}
.article-content > section > p {
	font-size: 15px; line-height: 1.5em;
	margin: 20px 0;
}
.article-content > section > img {
	max-width: 100%; display: block; margin: 0 auto;
}
.article-content > section > .table-group table {
	width: 100%; border-collapse: collapse;
}
.article-content > section > .table-group table tr th,
.article-content > section > .table-group table tr td {
	padding: 10px;
}
.article-content > section > .table-group table tr th {
	background-color: #f9f9f9; font-weight: 600;
}
.article-content > section > .table-group table tr td {
	text-align: center;
}
.article-content > section > h5 { font-size: 15px; font-weight: 500; text-align: center; margin: 20px 0; }
.article-content > section > h6 { font-size: 15px; font-weight: 500; text-align: right; }

#tabMenu:after {
	content: ''; display: block; clear: both;
}
#tabMenu {
	border-bottom:	1px solid var(--point-main);
	border-top:		1px solid var(--point-main);
}
#tabMenu li {
	float: left; width: calc(25% - 1px);
	border-right: 1px solid var(--point-main);
}
#tabMenu li:last-child {
	border-right: 0;
}
#tabMenu li a {
	display: block;
	color: #333; text-align: center;
	padding: 20px 0;
}
#tabMenu li a.active {
	background-color: var(--point-main); color: #fff; font-weight: 600;
}
*/