#f01.sqfk-section {
    padding-top: 120px;
}

@media (min-width: 480px) {
    #f01.sqfk-section {
        padding-top: 220px;
    }
}

@media (min-width: 568px) {
    #f01.sqfk-section {
        padding-top: 300px;
    }
}


/* title */

@media (min-width: 480px) {
    .sqfk-article .sqfk-keyvision .sqfk-kv-title {
        line-height: 1.4em;
        font-size: 32px;
    }
}

@media (min-width: 600px) {
    .sqfk-article .sqfk-keyvision .sqfk-kv-title {
        line-height: 1.4em;
        font-size: 38px;
    }
}

@media (min-width: 1000px) {
    .sqfk-article .sqfk-keyvision .sqfk-kv-title {
        line-height: 1.3em;
        font-size: 46px;
    }
}

@media (min-width: 600px) {
    .sqfk-article .sqfk-keyvision .sqfk-kv-slogan {
        line-height: 32px;
        font-size: 24px;
    }
}

@media (min-width: 1000px) {
    .sqfk-article .sqfk-keyvision .sqfk-kv-slogan {
        padding-bottom: 10px;
        line-height: 40px;
        font-size: 28px;
    }
}


/* bn */

.sqfk-container .btn-more a {
    width: 60%;
}

@media (min-width: 568px) {
    .sqfk-container .btn-more a {
        width: 35%;
    }
}

@media (min-width: 1370px) {
    .sqfk-container .btn-more a {
        width: 30%;
    }
}


/* bg */

.sqfk-article .sqfk-keyvision .dark-block {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    height: 650px;
    width: 100%
}

@media ( min-width:768px) {
    .sqfk-article .sqfk-keyvision .dark-block {
        position: absolute;
        background: rgba(0, 0, 0, 0.7);
        height: 650px;
        width: 100%
    }
}

@media ( min-width:1000px) {
    .sqfk-article .sqfk-keyvision .dark-block {
        position: absolute;
        background: rgba(0, 0, 0, 0.7);
        height: 900px;
        width: 100%;
        z-index: 2
    }
}

.sqfk-keyvision .video-starsky {
    height: 900px;
}