﻿
.table th, .table td

{
    border-top: 0;
    border-bottom: 1px solid #dee2e6;
}

/* PDF icon與深入了解 */
.table tr td:nth-child(2) {
    text-align: center;
    width: 160px;
    vertical-align: middle;
}

.table tr td a {
    color: #464646;
}

.fa-file-pdf {
    color: #B30B00;
}

/*****/
.filter-box > a {
    display: inline-block;
}
.filter-box > a.active .icon {
    background-color: #6c757d;
    color: #FFF;
}
.filter-box .fa-list, .filter-box .fa-th-large {
    font-size: 1.1rem;
    padding: 5px;
}
.modelist .hashtag-area {
    top: 140px;
}
.modelist .photoHashtag-area {
    top: 140px;
}




.modelist.list .card.shadow-sm.showD {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.modelist.list .hashtagCard {
        flex: 0 0 100%;
    max-width: 100%;
}
.modelist.list .w-card-body {
    margin-top: 0;
    padding: 0;
    height: auto;
}
.modelist.list .photoHashtag-area {
    position: static;
    overflow: hidden;
        height: 100%;
}
.modelist.list .hashtagCard {
    flex: 0 0 100%;
    max-width: 100%;
}
.modelist.list .hashtag-area {
    /*position: static;*/
    top: 0;
}
.modelist.list .card-top-info {
    flex: 0 0 auto;
    width: 25%;
}
.modelist.list .card-main-info {
    flex: 0 0 auto;
    width: 75%;
    padding: 20px;
}
.modelist.list .cardTitle {
    height: auto;
    padding: 0;
}
.modelist.list .photoHashtag-area > img{
    /* position:static; */
}
.modelist.list .card .tag {
    margin-top: 10px;
    padding-left: 0;
}

@media (max-width: 767px){
    .modelist.list .card-top-info {
        width: 40%;
    }
    .modelist.list .card-main-info {
        width: 60%;
        padding: 10px;
    }
    .modelist.list .card-main-info .tag.context-MB30 {
        padding: 0;
        margin-top: 10px;
    }
}

