.main-content .container {
    max-width: 1110px;
    width: 100%;
}
ul.download-list {
    margin: 0 -10px;
}
.download-list li {
    width: 20%;
    padding: 0 10px;
}
.download-list li a {
    display: block;
    max-width: 200px;
    margin: 0 auto;
}
.download-list li .name {
    font-size: 15px;
    text-align: center;
    font-family: '微軟正黑體';
    color: #555555;
    margin: 16px auto;
}
.download-list li .pic {
    position: relative;
    overflow: hidden;
}
.download-list li .pic:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(17, 17, 17, 0.80) url(../images/download/hover_pic.png)center center no-repeat;
    opacity: 0;
}
.download-list li:hover .pic:before {
    opacity: 1;
}

/*
@media screen and (max-width: 1080px) {
    .download-list li {
        width: 25%;
    }
}
@media screen and (max-width: 900px) {
    .download-list li {
        width: 33.33%;
    }
}

*/
@media screen and (max-width: 767px) {
    .download-list li {
        width: 50%;
    }
    .download-list li:nth-child(2n+1){
        clear: left;
    }
}
@media screen and (max-width: 480px) {
    .download-list li {
        width: 100%;
        text-align: center;
    }
}