body {
}


#Article .Article_List {
    padding: 50px 30px;
}

    #Article .Article_List .Article_Item {
        padding: 17px 15px;
        font-size: 0;
        border-bottom: solid 1px #ddd;
    }

        #Article .Article_List .Article_Item .Date {
            display: inline-block;
            width: 105px;
            font-size: 14px;
            color: #aaa;
            letter-spacing: 1px;
        }

        #Article .Article_List .Article_Item .Title {
            display: inline-block;
            vertical-align: bottom;
            width: calc( 100% - 105px);
            font-size: 16px;
            color: #555;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            #Article .Article_List .Article_Item .Title:hover {
                color: #55aaee;
            }

/* 平板之後 */
@media screen and (max-width:991px) {
    #Article .Article_List {
        padding: 15px 30px;
    }
}

/* 手機 */
@media screen and (max-width:767px) {

    #Article .Article_List {
        padding: 15px 0;
    }

        #Article .Article_List .Article_Item {
            padding: 10px 30px;
        }

            #Article .Article_List .Article_Item .Title {
                width: 100%;
            }
}