.banner_cable {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f2f2f2;
    text-align: center;
    padding: 20px 0;
}

.banner_cable img {
    width: auto;
    max-width: 80%;
    max-height: 300px;
    height: auto;
    object-fit: contain;
    object-position: center;
    display: inline-block;
}

@media (max-width: 768px) {
    .banner_cable img {
        max-height: 200px;
    }
}

@media (max-width: 480px) {
    .banner_cable img {
        max-height: 300px;
    }
}

.table-section {
    padding: 20px;
    margin: 0 auto;
    max-width: 800px;
}

.table-title {
    text-align: center;
    color: #007bff; 
    margin-bottom: 20px;
}

.table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.table th, .table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.table th {
    background-color: #f8f9fa; 
    color: #a51111; 

.table td {
    background-color: #f8f9fa;
    color: #000000;
}

.table tr:nth-child(even) {
    background-color: #f2f2f2; 
}

.table tr:hover {
    background-color: #ddd; 
}

@media (max-width: 768px) {
    .table {
        font-size: 14px; 
    }

    .table th, .table td {
        padding: 8px; 
    }
}
}