/*.title00{
    width: 8.6rem;
    margin: 0 auto;
}*/
.title00 h3{
    font-size: 2.6rem;
    color: #000;
    text-align: center;
}
.title00 h3 span{
    font-size: 1.8rem;
    display: block;
    margin-top: 1rem;
}

.content{
    margin: 7rem 1rem 0rem 1rem;

}


.artworks ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.artworks ul li{
    margin-bottom: 3rem;
    width: 47.5%;
}
.artworks ul li img{
    width: 100%;
    opacity: 0.8;
}
/*.artworks ul li img:hover{
    width: 281px;
    opacity: 0.8;
}*/
.artworks ul li h3{
    font-size: 1.6rem;
    color: #1c1c1c;
    line-height: 2.4rem;
    border-bottom: 1px solid #dfdfdf;
    display: inline;
    padding-bottom: 1rem;
    margin-left: 1rem;
}

.artworks ul li p{
    font-size: 1.3rem;
    color: #666;
    margin-top: 2rem;
    line-height: 2.2rem;
    margin-left: 1rem;
}
/*.listline{
    margin-top: 1.2rem;
    
    width: 40%;
}*/
.artworks ul li h2{
    font-size: 1.4rem;
    color: #1c1c1c;
    line-height: 2.4rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.artworks ul li h2 span{
    font-size: 1.3rem;
    color: #666;
    margin-top: 0.2rem;
    line-height: 2.2rem;
    display: block;
}