#group{
	display:flex;
	justify-content:space-between;
}

.article-block {
	margin-bottom:20px;
	padding:30px;
	border-radius:10px;
	border:1px solid #eee;	
}

.article-block:hover {
	border-right:2px solid #c0c0c0;
	border-bottom:2px solid #c0c0c0;
	background:#eee;
}

.title {
	font-size:26px;
	font-weight:bold;
	line-height:2;
}

.category-disease {
	font-size:16px;
	font-style:italic;
	color:#fff;
	background:red;
	padding:0 5px 0 5px;
	margin-left:5px;
	border-radius:5px;
}

.category-condition {
	font-size:16px;
	font-style:italic;
	color:#fff;
	background:#FFA500;
	padding:0 5px 0 5px;
	margin-left:5px;
	border-radius:5px;
}

.category-lifestyle {
	font-size:16px;
	font-style:italic;
	color:#fff;
	background:#008000;
	padding:0 5px 0 5px;
	margin-left:5px;
	border-radius:5px;
}

.summary {
	font-size:18px;
	line-height:2;
	color:#000;
}

.load-more {
	font-size:18px;
	padding: 5px 15px 5px 15px;
	border-radius:5px;
	background:#eee;
	border:1px solid #ccc;
	margin-top:20px;
}

.article-image {
	width:150px; 
	height:100px; 
	margin: 10px 10px 10px 0;
    object-fit: cover; 
    object-position: center center; 
    display: block; 
	overflow: hidden;
}

.image {
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    object-position: center center; 
    display: block; 
    margin: auto; 
}

.category-block {
	margin-bottom:20px;
	padding:30px;
	border-radius:10px;
	font-size:18px;
	border-right:2px solid #c0c0c0;
	border-bottom:2px solid #c0c0c0;
	background-color: transparent;
	background-image: url(/img/44249210.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background: -moz-linear-gradient(top, none, none);
	background: -o-linear-gradient(top, none, none);
	background: linear-gradient(top, none, none);
	background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
	background-size: cover;
	line-height:2;
	color:#fff;	
}

.product-block {
	margin-bottom:20px;
	margin-right:5px;
	width:300px; 
	padding:0px;
	border-radius:10px;
	border:1px solid #c0c0c0;
	border-right:3px solid #c0c0c0;
	border-bottom:3px solid #c0c0c0;
}

.product-block:hover {
	border:1px solid red;
	border-right:4px solid red;
	border-bottom:4px solid red;
}

.product-block-empty {
	margin-bottom:20px;
	margin-right:5px;
	width:300px; 
	padding:0px;
}

.product-title {
	font-size:20px;
	font-weight:normal;
	line-height:1.75;
	text-align:center;
	padding:20px;
}

.price {
	font-size:30px;
	font-weight:bold;
	color:red;
	text-align:center;
}

.from {
	font-size:20px;
	font-weight:normal;
	color:#000;
	text-align:center;
}

.old-price {
	font-size:20px;
	font-weight:normal;
	text-decoration:line-through;
	color:#c0c0c0;
	text-align:center;
}

.no-price {
	height:20px;
}

.product-image {
	width:300px; 
	height:260px; 
	margin: 0px 0 20px 0;
	border-radius:10px 10px 0 0;
    object-fit: cover; 
    object-position: center center; 
    display: block; 
	overflow: hidden;
}
.partial-full {
  -webkit-appearance: none;
  cursor:pointer;
}