body {
}

#Publications .Publications_List {
    padding: 50px 15px;
    width: calc( 100% - 30px );
    text-align: center;
}

    #Publications .Publications_List .Publications_Item {
        float: left;
        display: block;
        margin: 15px;
        width: calc( 25% - 30px );
        color: #555;
        opacity: 0.6;
        font-size: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #Publications .Publications_List .Publications_Item:hover {
            opacity: 1;
        }

        #Publications .Publications_List .Publications_Item .Button_List .Button_Item {
            display: inline-block;
            margin: 10px 0 10px 5px;
            width: 100px;
            color: #555;
            font-size: 14px;
            line-height: 30px;
            letter-spacing: 2px;
            border: 1px solid #555;
            border-radius: 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            #Publications .Publications_List .Publications_Item .Button_List .Button_Item:nth-child(odd) {
                margin: 10px 5px 10px 0;
            }

            #Publications .Publications_List .Publications_Item .Button_List .Button_Item:hover {
                color: #55aaee;
                border: 1px solid #55aaee;
            }

        #Publications .Publications_List .Publications_Item h3 {
            margin: 0 auto;
            display: block;
            max-width: 210px;
            height: 42px;
            font-size: 16px;
            overflow: hidden;
        }

        #Publications .Publications_List .Publications_Item > img {
            width: 210px;
        }



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

        #Publications .Publications_List .Publications_Item {
            width: calc( 33% - 30px );
            opacity: 1;
        }

            #Publications .Publications_List .Publications_Item .Button_List .Button_Item {
                color: #55aaee;
                border: 1px solid #55aaee;
            }
}

/* 手機 */
@media screen and (max-width:767px) {
    #Publications .Publications_List .Publications_Item {
        width: calc( 50% - 30px );
    }

        #Publications .Publications_List .Publications_Item .Button_List .Button_Item {
            width: calc( 50% - 5px );
        }

        #Publications .Publications_List .Publications_Item h3 {
            width: 100%;
        }

        #Publications .Publications_List .Publications_Item > img {
            width: 100%;
        }
}

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

    #Publications .Publications_List .Publications_Item {
        width: calc( 100% - 30px );
    }

        #Publications .Publications_List .Publications_Item h3 {
            max-width: 380px;
        }
}