#cheng-yi-custom-home {
	width: 100%;
	height: auto;
	min-height: 10em;
	padding: 1em;
}

.brands-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns for this example */
    gap: 20px; /* spacing between items */
    max-width: 800px; /* Adjust as needed */
    margin: 0 auto; /* Center the grid */
}

/* This media query applies styles for screens with a width of 767px or less */
@media (max-width: 767px) {
    .brands-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 columns for smaller screens */
    }
}

.brand-button {
    display: block;
    background-color: #f3f3f3;
    border: none;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.3s;
}

.brand-button:hover {
    background-color: #e0e0e0;
}

.brand-logo {
    max-width: 100px; /* Adjust based on the desired logo size */
    display: none;
    margin: 0 auto;
}

.brand-name {
    margin-top: 10px;
    font-size: 16px;
	font-family: 'Arial Black', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	font-weight: bold;
	padding: 30px 0;
	color: #777;
}

.container_menu {
    display: flex;
    height: auto;
}

.container_menu button {
	display: block;
	width: 100%;
	margin: 15px 5px;
	padding: 10px 5px;
	font-size: 16px;
}

.container_menu button.active {
    background-color: #2098D1; /* or any color you prefer */
    color: #fff;
}


.left-menu {
    flex: 1;
    padding: 20px;
}

.right-content {
    flex: 3;
    padding: 20px;
}

.tab-content {
    display: none; /* Initially hide all content */
}

#content1 {
    display: block; /* Display the first content div by default */
}

.b2b_category_link_btn {
	background-color: #2098D1;
    padding: 6px 15px;
    color: white !important;
    font-weight: normal;
    border-radius: 50px;
    font-size: 15px;
    margin-top: 0px;
    display: inline-block;
}

.product-container {
	display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-flow: column;
    gap: 10px;  /* 調整各元素之間的間距 */
	justify-content: start;
}

.product-box {
	width: 220px;  /* 適當的寬度 */
    height: 240px;  /* 適當的高度 */
	text-align: center;
}

.product-box img {
	width: auto;
	height: 115px;
	object-fit: cover;
}

.card-title {
	margin: 5px 0;
	font-size: 16px;
}

.number-indicator {
	background-color: #70AD47;
	font-size: 20px;
	position: absolute;
	top: -28px;
	left: 12px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-weight: bold;
	font-family: Arial;
	color: white;
	text-align: center;
	line-height: 28px;
}