.l-content {
    table.table_input {
        float: unset;
        width: 100%;
        tr, td, th {
            border: none;
        }
        tr:has(th), tr th {
            background: #FFF;
            border-bottom: 2px solid #BBB;
        }
        tr:nth-child(even) {
            background-color: #EEE;
        }
        td {
            font-size: clamp(0.75rem, 1.5vw, 1rem);
            max-width: 40%;
        }
        th {
            max-width: 40%;
        }
        td input {
            color: #FFF;
            font-weight: 550;
            font-size: clamp(11px, 1.5vw, 13px);
            border-radius: 5px;
            border: 1px solid #BBB;
            width: clamp(100px, 10vw, 200px);
            text-align: center;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 0.5vw;
            padding-right: 0.5vw;
            transition: all 500ms ease;
            
            &:hover {
                transform: translateY(1px);
                box-shadow: inset 0 0 5px #666;
            }
        }
        td > input {
            margin-bottom: 1em;
        }
        td input.btn_view {
            width: clamp(110px, 15vw, 200px);
        }
    }
}