.activity_1.item{ margin-bottom: 30px; border-radius: 10px 0 10px 0; }
.activity_1.item .inner{
    background-color: #F4F4F4; /*border: 1px solid rgba(0,0,0,0.05);*/ height: 156px; position: relative;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
}
.activity_1.item .inner .left-side{ float: left; margin-right: 20px; }
.activity_1.item .inner .left-side .aw-table{}
.activity_1.item .inner .left-side .aw-td{ height: 156px; width: 232px; text-align: left; }
.activity_1.item .inner .left-side img{
    width: 100%; height: 100%;
}

.activity_1.item .inner .right-side{  }
.activity_1.item .inner  h5{ font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 18px; padding-top: 20px; margin-right: 10px; }
.activity_1.item .inner p{ color: #666; font-size: 13px; line-height: 20px; font-weight: 100; }
.activity_1.item .inner a{ color: #666; }
.activity_1.item .inner .line{ position: absolute; bottom: 0px; width: 100%; }
.activity_1.item .inner .line .create-at{ float: left; font-size: 12px; margin: 7px 0 0 250px; }
.activity_1.item .inner .line .btn{ float: right; background-color: #FFF; color: #3D8C2F; border-radius: 0; transition-duration: 0.2s; margin: 0 0 0 0; }
.activity_1.item .inner .line .btn:hover{ background-color: #3D8C2F; color: #FFF; }


.activity_1.item .inner.not-start { background-color: #BAE0E8; }
.activity_1.item .inner.continues{ background-color: #D3E8BA; }
.activity_1.item .inner.finished { background-color: #e8d2d2; }

.activity_1.item .inner.not-start .line .btn{ color: #1D687D; }
.activity_1.item .inner.not-start .line .btn:hover{ background-color: #1D687D; color:#FFF;}

.activity_1.item .inner.finished .line .btn{ color: #963F45; }
.activity_1.item .inner.finished .line .btn:hover{ background-color: #963F45; color:#FFF;}

.separator-not-start{ clear: both; font-size: 20px; line-height: 20px; padding: 10px 10px;
    background-color: #1D687D; color: #FFF; margin-top: 40px;
}
.separator-continues{ clear: both; font-size: 20px; line-height: 20px; padding: 10px 10px;
    background-color: #1B7E5A; color: #FFF; margin-top: 40px;
}
.separator-finished{ clear: both; font-size: 20px; line-height: 20px; padding: 10px 10px;
    background-color: #963F45; color: #FFF; margin-top: 40px;
}


.header-separator{ margin-bottom: 25px; }




@media (max-width: 768px){
    .activity_1.item{ margin-left: 15px; margin-right: 15px; }
    .activity_1.item .inner .left-side .aw-td{ width: 150px; height: 100px; }
    .activity_1.item .inner .right-side{ margin-left: 10px; }
    .activity_1.item .inner .right-side .line{ display: none; }
}