@charset "utf-8";

/* CSS Document */

.video-132-1 {
    width: 100%;
    height: 590px;
    /* background:url(../images/video-132-1/bg.jpg) top center no-repeat; */
}

.video-top {
    width: 100%;
    height: auto;
    padding-top: 45px;
}

.video-block {
    width: 100%;
    height: auto;
    padding-top: 68px;
}

.video-box {
    width: 100%;
    height: auto;
    padding: 13px;
    padding-bottom: 25px;
    background: #fff;
    -webkit-box-shadow: 1px 4px 19px -2px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 1px 4px 19px -2px rgba(0, 0, 0, 0.46);
    box-shadow: 1px 4px 19px -2px rgba(0, 0, 0, 0.46);
}

.video-pic {
    width: 100%;
    height: auto;
}

.video-pic img {
    max-width: 100%;
}

.video-text {
    width: 100%;
    height: 70px;
    font: 20px/22px 'thaisanslite', Arial, sans-serif;
    color: #342222;
    padding-top: 20px;
}

.video-text a {
    color: #342222;
}

.video-bottom {
    width: 100%;
    height: auto;
    margin-top: 30px;
}

.link-bottom {
    width: 100%;
    height: auto;
}

.left-bottom {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    left: -10px;
    top: 175px;
}

.right-bottom {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    left: -10px;
    top: 250px;
}

@media (max-width: 374px) {
    .video-132-1 {
        height: auto;
        background: #f3f3f3;
    }
    .video-block {
        padding-top: 30px;
    }
}

@media (min-width: 375px) and (max-width: 413px) {
    .video-132-1 {
        height: auto;
        background: #f3f3f3;
    }
    .video-block {
        padding-top: 30px;
    }
}

@media (min-width: 414px) and (max-width: 575px) {
    .video-132-1 {
        height: auto;
        background: #f3f3f3;
    }
    .video-block {
        padding-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-132-1 {
        height: auto;
        background: #f3f3f3;
    }
    .video-block {
        padding-top: 30px;
    }
    .video-132-1 .container-cv-5 {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .video-132-1 .container-cv-5 {
        width: 100%;
    }
    .video-132-1 {
        height: 450px;
        background: url(../images/video-132-1/bg.jpg) 33% 0px no-repeat;
    }
    .left-bottom {
        left: -39px;
        top: 125px;
    }
    .right-bottom {
        left: -39px;
        top: 191px;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .video-132-1 .container-cv-5 {
        width: 100%;
    }
}