@charset "UTF-8";
.tabLabel {}

.tabLabel ul {
    padding: 0 14px;
}

.tabLabel ul li {
    display: inline-block;
    margin: 0 16px -2px;
    padding-bottom: 8px;
    cursor: pointer;
    text-align: center;
}

.tabLabel ul li.active {}

.tabContant {}

.tabContant ul {}

.tabContant ul li {}

.tabPanel::-webkit-scrollbar {
    display: none;
}

.tabPanel>ul {
    margin: 22px 0 0;
    position: relative;
    border-bottom: 1px solid #4A4A4A;
    padding: 0 15px;
}

.tabPanel.scrollable>ul {
    white-space: nowrap;
    -ms-overflow-x: auto;
        overflow-x: auto;
    -ms-overflow-y: hidden;
        overflow-y: hidden;
}

.tabPanel>ul>li {
    display: inline-block;
    vertical-align: top;
}

.tabPanel ul li label {
    cursor: pointer;
    display: block;
    padding: 0 .5em 8px;
    margin-bottom: -2px;
}

.tabPanel ul li input[type=radio]:checked+label {
    border-bottom: 3px solid #FFF;
}

.tabPanel ul li input[type=radio] {
    opacity: 0;
    position: absolute;
}

.tabPanel ul li .tabContant {
    display: none;
    position: absolute;
    left: 0;
    overflow: auto;
    text-align: left;
}

.tabPanel ul li input[type=radio]:checked~.tabContant {
    display: block;
}

.tabPanel .tabContant ul.tabVideoList {}

.tabPanel .tabContant ul.tabVideoList img.photo {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    min-height: 100%;
    margin-bottom: 4px;
}

.tabPanel .tabContant ul.tabVideoList h3,
.tabPanel .tabContant ul.tabVideoList .videoTitle {
    font-size: 13px;
    line-height: 1.5;
    display: block;
}

.tabPanel .tabContant ul.tabVideoList p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 12px;
    line-height: 17px;
}

.tabContant ul.tabVideoList img.photo{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    min-height: 100%;
    margin-bottom: 4px;    
}

.tabContant ul.tabVideoList h3,
.tabContant ul.tabVideoList .videoTitle {
    font-size: 14px;
    line-height: 1.5;
    margin: 4px 0;
}

.tabContant ul.tabVideoList p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 12px;
    line-height: 17px;
    color: #ccc;
}

/* 用於月租館 */
.tabLarge li,
.tabLarge li h1{
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
}

.tabLarge li{
    margin-right: 16px;
    position: relative;
    line-height: 42px;
}

.tabLarge li:last-child{
    margin-right: 0;
}

.tabLarge li.active{
    font-weight: 500;
}

.tabLarge li.active:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0px;
    bottom: 0;
    background-color: #FF8F08;
    border-radius: 2px;
}

.tabLarge li.active a{
    color: #FFF;
}

.tabLarge li a{
    color: rgba(255,255,255,.8);
}

.tabLarge li a:hover{
    color: #FFF;
}

/* myVideo / main / orange 1 */



@media screen and (min-width: 768px) {
    .tabPanel ul li label {
        padding: 0 1em 8px;
    }
    .tabPanel .tabContant ul.tabVideoList h3,
    .tabPanel .tabContant ul.tabVideoList .videoTitle{
        font-size: 15px;
        line-height: 1.5;
    }
    .tabPanel .tabContant ul.tabVideoList p {
        font-size: 14px;
        line-height: 1.5;
    }
    .tabContant ul.tabVideoList h3 {
        font-size: 15px;
        line-height: 1.5;
    }
    .tabContant ul.tabVideoList p {
        font-size: 14px;
        line-height: 1.5;
    }    
    .tabLarge li,
    .tabLarge li h1{
        font-size: 24px;
    }    
    .tabLarge li{
        margin-right: 32px;
        line-height: 1.75;
    }    
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1440px) {

    .tabPanel .tabContant ul.tabVideoList p {
        font-size: 15px;
        line-height: 24px;
    }

    .tabContant ul.tabVideoList p {
        font-size: 15px;
        line-height: 24px;
    }    
}