p{
    margin: 0;
}
#list {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background:#F7F7F7;
	margin-top:0.3vw;
}

#list > a {
    display: flex;
    flex-direction: row;
    width: calc(100% - 60px);
    height: 10vw;
    margin: 3px;
    padding: 0px 0px;
    transition: background-color 0.5s;
    text-decoration: none;
    color: #000;
	font-size: 1.1vw;
}


#list > a:nth-child(even) {
    background: #e7e7e7;
}
#list > a:nth-child(odd) {
    background: #d7d7d7;
}

#list > a:hover {
    background: #BDBDBD;
}

#list > a > .cover_img {
    display: flex;
    flex: 0 0 13vw;
    height: 10vw;
    width: 13vw;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 2vw;

}

#list > a > .cover_img > img {
    height: 100%;
}

#list > a > .text {
    flex: 1 1 0;
    width: 0;
    padding: 0vw;
    display: flex;
    flex-direction: column;
}

#list > a > .text > .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight:normal;
    font-size: 1.1vw;
	margin-right: 5vw;
	margin-top: 0.5vw;
}

#list > a > .text > .mid {
    flex: 1 1 0;
    color: #818181;
    overflow: hidden;
	font-size: 1.1vw;
    line-height: 2vw;
}

#list > a > .text > .top > div {
    white-space: nowrap;
    overflow: hidden;
    margin-right: 1vw;
}

#list > a > .text > .bot {
    color: #0096ff;
    padding: 0.6vw;
    text-decoration: none;
}