@charset "utf-8";

#banner-basic  {
    display: grid;
    position:relative;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin:0 0 10px 0;
    & .banner {
        position:relative;
        display:grid;
        float:left;
        & .control {
            display:none;
        }
        &:hover {
            & .control {
                display:block;
                position: absolute;
                border: 2px solid #fff;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                padding:10px;
                & .control-link {
                    float:right;
                    display:inline-block;
                    padding:5px;
                    border:1px solid #fff;
                    color:#000;
                    font-size:22px;
                    background:#fff;
                    margin-right:5px;
                }
                & .control-banner-form {
                    float:right;
                    display:inline-block;
                    padding:5px;
                    border:1px solid #fff;
                    color:#000;
                    font-size:22px;
                    background:#fff;
                }
            }
        }
        & img {
            width:100%;
            max-width:100%;
        }
    }
}