.list-topics{
    padding:1rem
}

#set_list_topics dt{
    display:flex;
    flex-wrap:wrap;
    justify-content:start;
    margin-bottom:.5rem
}

#set_list_topics dt:last-of-type{
    padding-top:.5rem
}

#set_list_topics dt .topic-date{
    margin-right:1rem
}

#set_list_topics dt:not(:first-of-type){
    border-top:1px dashed #fff
}

#set_list_topics .topic-content{
    margin-top:1rem;
    margin-bottom:.5rem;
    padding-bottom:.5rem
}

.no-contents{
    color:#fff !important;
    text-align:center
}

.topic-date,.topic-title,.topic-content{
    /*color:#fff;*/
    color: #e6d8c8;
}

.topic-content{
    display:none
}

.topic-link span{
    color:#fff
}

.topic-icon{
    display:inline-block;
    transform:rotate(0deg);
    transition:transform .3s
}

.topic-link.active .topic-icon{
    transform:rotate(180deg)
}

.topic-wrap{
    width:100%;
    padding:100px 0 75px 0;
    background-color:#000;
    background-image:url(../images/blackboard.png);
    background-position:center top;
    background-repeat:repeat-y;
    background-size:cover;
    position:relative;
    overflow:hidden
}

.topic-wrap .eg-h2,.topic-wrap h2{
    text-align:center;
    position:relative;
    z-index:5
}

.topic-wrap h2{
    margin-bottom:100px
}

@media screen and (max-width: 1000px){
    
.topic-wrap{
    padding:75px 0;
    }
    
    .topic-wrap h2{
        margin-bottom:75px
    }
}

@media screen and (max-width: 700px){
    
    .topic-wrap h2{
        margin-bottom:50px
    }
}

.topic-wrap .l-text{
    line-height:2.5;
    position:relative;
    z-index:5
}

.topic-wrap .l-text span{
    color:#fe7
}