#id_Content{width:100%;}
.AsherPrdListCont {
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.AsherPrdListCont div.PrdContent {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    box-sizing: border-box;
    background: rgba(107,227,131,0.5);
    display: block;
    opacity: 0;
    transition: 1s;
}

.AsherPrdListCont:hover div.PrdContent {
    opacity:1;
}

.AsherPrdListCont div.PrdContent a {
    color: #231815;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/*箭頭*/
.AsherPrdListCont div.PrdContent .PrdTitle:after {
    font-family: fontawesome;
    content: "\f061";
    color: #fff;
    font-size: 14px;
    opacity: 0;
    position: absolute;
    left: 0%;
}
.AsherPrdListCont:hover div.PrdContent .PrdTitle:after {
    opacity: 1;
    bottom: -50%;
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    padding-top: 20px;
}

.AsherPrdListCont .PrdImgM img { width: 100%; }

.AsherPrdListCont .PrdPrice { display: none; }
.AsherPrdListCont .PrdExt { display: none; }
.AsherPrdListCont .PrdBtn { display: none; }

.PrdList{box-sizing: border-box; padding: 20px 40px 20px 40px;max-width:100%;display:block;margin:0 auto;}
.PrdList .liCell{padding:unset;border:unset;}
.PrdList .divCell{width:25%;margin:7.5px 7.5px 7.5px 7.5px;padding:0px;}





@media (max-width: 500px) {
.AsherPrdListCont .PrdTitle {
    font-size: 14px;
}
.AsherPrdListCont:hover div.PrdContent a {
    width: 100px;
}

/*箭頭*/
.AsherPrdListCont:hover div.PrdContent .PrdTitle:after {
    padding-top: 5px;
}

}