#Base_Visitor .Head .Bottom {
    background-color: rgba(0,0,0,0.5);
}

#Base_Visitor .Body {
    margin: 96px 0 0 0;
    width: 100%;
    min-height: calc(100vh - 142px);
}

#Article_List {
}

    #Article_List .Button.List {
        margin: 0;
        width: 100%;
        text-align: center;
    }

        #Article_List .Button.List .Button.Item {
            display: inline-block;
            padding: 5px 10px;
            font-weight: 300;
            font-size: 18px;
            color: #3278BC;
            border-radius: 5px;
        }

            #Article_List .Button.List .Button.Item:hover,
            #Article_List .Button.List .Button.Item.Selected {
                color: #fff;
                background-color: #3278BC;
            }

.Article.List.Small {
    margin: 20px 0 0 0;
}

.Article.List .Wapper{
    display: block;

}

#Article_List .NoArticle {
    text-align:center;
    color:#666666;
    margin: 50px 0;
}

.Article.List .Article.Item {
    float: left;
    display: block;
    margin: 0 30px 103px 0;
    padding: 210px 0 0;
    width: calc(34.3% - 30px);
    background-repeat: no-repeat;
    background-size: 100% 190px;
    color: #50422d;
    box-sizing: border-box;
}

.Article.List .Article.Wapper:nth-child(3n) > .Article.Item {    
    margin: 0 0 103px 0;    
}


    .Article.List .Article.Item:hover {
        color: #BEDDF4;
    }

        .Article.List .Article.Item:hover .Content {
            color: #BEDDF4;
        }

    .Article.List .Title {
        display: block;
        padding: 5px;
        font-size: 20px;
        font-weight: 400;
        width: 100%;
        border-bottom: 1px solid #BEDDF4;
    }

    .Article.List .Content {
        display: block;
        margin-top: 10px;
        padding: 0 5px;
        width: 100%;
        color: #448BB7;
    }

.Article.List .CreateTime {
    display: block;
    margin-top: 20px;
    padding: 0 3px;
    font-size: 12px;
    width: 100%;
}

/* 小於1170 */
@media screen and (max-width:1200px) {
    #Base_Visitor .Body {
        margin: 75px 0 0 0;
        min-height: 0;
    }

    #Article_List .Button.List {
        padding: 15px;
        text-align: left;
    }

        #Article_List .Button.List .Button.Item {
            width: calc(50% - 24px);
            text-align: center;
        }

    .Article.List .Wapper {
        padding: 20px;
    }
    .Article.List .Article.Item {
        margin: 0 30px 103px 0;
        padding: 210px 20px 20px 20px;
        width: 100%;
    }
}