#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);
}

#Case_List {
}

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

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

            #Case_List .Button.List .Button.Item:hover,
            #Case_List .Button.List .Button.Item.Selected {
                color: #fff;
                background-color: #583709;
            }

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

.Case.List .Wapper{
    display: block;
}


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

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

    .Case.List .Case.Item:hover {
        color: #cfcab3;
    }

        .Case.List .Case.Item:hover .Content {
            color: #cfcab3;
        }

    .Case.List .Title {
        display: block;
        padding: 5px;
        font-size: 20px;
        font-weight: 400;
        width: calc(100% - 10px);
    }

.Case.List .CreateTime {
    display: block;
    padding: 20px 10px;
    font-size: 12px;
    width: calc(100% - 20px);
    border-bottom: 1px solid #cfcab3;
    text-align: right;
}

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

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

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

    .Case.List .Case.Item {
        margin: 0 20px 100px 20px;
        width: calc(50% - 45px);
    } 
}

/* 小於1170 */
@media screen and (max-width:768px) {
    .Case.List .Case.Item {
        margin: 0 20px 100px 20px;
        width: calc(100% - 45px);
    } 
}