﻿.detail-video {
    position:relative;
    padding-bottom:56.25%;
}

#dimodeYoutube {
    position:absolute;
    width:100%;
    height:100%;
}
.youtube-title {
    font-size:20px;
    float:left;
}
.youtube-bible {
    font-size:15px;
    float:left;
}
.youtube-btn {
     padding:10px;
    font-size:18px;
    float:left;
}
.youtube-btn > a {
    color:white;
    padding-top:8px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:8px;
    text-decoration:none;
    background-color: #717580;
}
    .youtube-btn > a:hover {
        color:white;
    }

.youtube-parent {
    height:auto;
    color:#fffeff;
    padding-top:5px;
    padding-top:5px;
}

.row {
    
}
.youtube-parent > div{
   height:auto;
   
   margin-right: 30px;
}
.youtube-parent > div:last-child {
   margin-right:0px;
}
.TABLE-MAIN {
    width:100%;
    vertical-align:middle;
    background-color:#4e525e;
    height:46px;
}
.TABLE-sub {
    width:100%;
}
.table-child1 {
    max-width:270px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:white;
    font-weight:400;
    text-align:center;
    font-size:25PX;
    width:50%;
    padding:5px;
}
.table-child2 {
    max-width:130px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
      color:white;
      font-weight:400;
    text-align:center;
    font-size:15PX;
    width:25%;
}
.table-child3{
 
    text-align:center;
    font-size:18PX;
    width:25%;
}
.table-child3 A {
    padding-top:5PX;
    padding-LEFT:10PX;
    padding-RIGHT:10PX;
    padding-BOTTOM:5PX;
     background-color:#717580;
     color:white;
     font-weight:400;
}
table {
    border-top-color:#4e525e;
}
.table-child3 a:HOVER {

}

#r3 .r0 div img{
    width:100%;
    height:100%;
}

@media (max-width:1200) {
    .r0 > div, .r1 > div {
    }
    
}
@media(max-width:991px) {
    .table-child1 {
        font-size:18px;
    }
    .table-child3 {
        width:30%;
        font-size: 16PX;
    }
}
@media(max-width:768px) {
    .table-child1 {
        max-width: 255px;
    }    
}

@media(max-width:414px) {
    .table-child1 {
        max-width: 200px;
    }    
    
}
