body {
    background-color: #eee;
}

.f-top-inner {
    height: inherit;
}

.f-top-inner h3 {
    line-height: 1.3;
}

.fs_one-inner h3 {
    padding: 0;
    line-height: 1;
}

.fs_one-inner h5 {
    margin-top: 4px;
    margin-right: 5px;
    color: #ddd;
}

.fs_one-inner span {
    margin-right: 5px;
}

.fs_one-inner p {
    margin-left: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;

    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -o-box;
    -o-box-orient: vertical;
    -o-line-clamp: 4;
    display: box;
    box-orient: vertical;
    line-clamp: 4;
}

.fs_one-inner {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 15px;
    /* height: 50px; */
    height: 5em;
}

.f-top-inner p {
    font-size: 14px;
    max-width: 38%;
    text-align: right;
    padding: 0;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.fs_one-inner.no-en {
    height: 40px;
    padding: 10px 15px;
}

.no-en h3 {
    padding: 0 0 15px 0;
}

.fs_one:hover .fs_one-inner {
    background-color: rgba(0, 0, 0, 0.5);
    height: 240px;
}

@media only screen and (max-width: 990px) {
    .flicks-top {
        height: 90vh;
    }
    .fs_one:hover .fs_one-inner {
        height: 50%;
    }
}

@media only screen and (max-width: 576px) {
    .fs_one:hover .fs_one-inner {
        height: auto;
    }

    .f-top-inner p {
        font-size: 12px;
        max-width: 100%;
        padding: 0 10px;
    }

    .overflow {
        display: -moz-box;
        -moz-box-orient: vertical;
        -moz-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -o-box;
        -o-box-orient: vertical;
        -o-line-clamp: 1;

        display: box;
        box-orient: vertical;
        line-clamp: 1;
        height: 1em;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
    }
    .flicks-top{
        background-position: 35% 25% !important;
        background-size: cover !important;
    }
}