*{
    box-sizing: border-box;
}

.community-banner {
    height: auto;
}

.section__slide{
    width:1600px;
    max-width:100%;
    margin: 0 auto;
    margin-top: 30px;
}
.video-content {
    margin-top: 36px;
    font-family: Toyota Type;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #808080;
}



.video-next, .video-prev {
    position: absolute;
    top: 40%;
    /* right: -72px; */
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-next {
    right: -195px;
}

.video-prev {
    left: -195px;
}

.video-next i {
    color: #000;
}

.details-video-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.62);
    cursor: pointer;
}

.owl-carousel .owl-item .details-video-mask img {
    width: 28px;
    height: 28px;
    object-fit: cover;
    object-position: center;
}

.details-video-item {
    width: 100%;
}

.details-video-image {
    width: 100%;
    position: relative;
}

.details-video-image {}

.details-video-image img {
    object-fit: cover;
    object-position: center;
    height: 500px;
}

.owl-stage-outer {
    width: 100%;
}

#owl-video {
    width: 100%;
    width: 940px;
    max-width: 100%;
    margin: 0 auto;
}

.tvf-relative-video {
    width: 100%;
    padding: 62px 250px 77px 250px;
    background: #f5f5f5;
    margin-top: 60px;
}

.tvf-details-items-details p {
    padding: 0 120px;
    font-family: Toyota Type;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
}
.tvf-introduce-desc{
    padding: 0 120px;
    font-family: Toyota Type;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
}
.tvf-details-items-details {
    margin-bottom: 116px;
}

.tvf-details-items-details h2 {
    font-family: Toyota Type;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 36px;
    padding: 0;
}

.tvf-details-items {margin-bottom: 80px;}

.tvf-details-items h2 {
    font-family: Toyota Type;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 36px;
    padding: 0;
}

.tvf-details-items p {
    font-family: Toyota Type;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    padding: 0 120px;
    margin-bottom: 36px;
}

.tvf-details-items img {
    /* width: 100%; */
}

.tvf-introduce-image img {
    width: 50px;
    /*height: 50px;*/
    margin-top: 24px;
}
.tvf-introduce-title {
    font-family: Toyota Type;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
}

.tvf-introduce-line {
    width: 90px;
}

.tvf-introduce-item {
    flex: 1;
}

.tvf-introduce {
    padding: 60px 0 100px 0px;
}

.tvf-introduce {
    background: none;
}
.tvf-introduce-item {
    margin-bottom: 0px;
}
.tvf-relative-video h3 {
    font-family: Toyota Type;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 65px;
}


#community-relative-product{
    max-width: 100%
}
.modal-dialog{
    top: 20%;

    justify-content: center;
    display: flex;
   
    max-width: 800px;;

}
.modal-content{
    background:none;
    border:none;
}
.modal-body{
    padding:0;
}
.owl-nav, .owl-dots{
    height:0px;
}

@media (max-width: 576px){
    .community-banner {
        height: 248px;
    }
    
    
    .tvf-introduce {
        padding: 60px 0px 16px 0px;
    }
    .tvf-introduce-item {
        margin-bottom: 75px;
    }
    .page-content-detail{
        padding: 0 16px;
    }
    .ql-align-center {
        padding: 0 16px
    }
    
    .tvf-introduce-title {
        font-family: Toyota Type;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
    }
    .tvf-introduce-line {
        height: 1px;
    }
    .tvf-details-items p {
        padding: 0 16px;
        text-align: justify;
    }
    .tvf-introduce-desc{
        padding: 0;
        text-align: justify;
        margin-bottom: 30px;
    }
    .tvf-introduce-statistical{
        padding-bottom: 0;
    }
    .tvf-details-items h2 {
        font-family: Toyota Type;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 49px;
    }
    .tvf-details-items {
        margin-bottom: 36px;
    }
    .tvf-details-items-details h2 {
        font-family: Toyota Type;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
    }
    .tvf-details-items-details p {
        font-family: Toyota Type;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: justify;
        padding: 0 16px;
    }
    .tvf-relative-video {
        width: 100%;
        padding: 0px 32px 60px 32px;
        background: none;
    }
    .video-content {
        font-family: Toyota Type;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 29px;
        width: 100%;
    }
    .video-next {
        right: -26px;
    }
    .video-prev {
        left: -26px;
    }
    .video-next, .video-prev {
        position: absolute;
        top: 5%;
        /* right: -72px; */
        width: 32px;
        height: 168px;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tvf-relative-video h3 {
        font-family: Toyota Type;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 36px;
    }
    .video-prev img, .video-next img {
        height: 35px;
    }
    .details-video-image img {
        height: 220px;
    }
   
}