.header {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.page
{
    margin-top:30px;
}
.con-left {  }
.con-right {  }
.film-title { font: 36px Arial,sans-serif; font-weight: normal; line-height: 110%; border-bottom: 1px solid #eae6df; }
.film-title .bs { font-size: 13px; font-weight: 400; color: #6b6b6b; }
.film-title .bs span { color: #d6d6d6; margin: 0px 10px; }
.film-desc { font-size: 16px; line-height: 30px; padding: 0 20px; padding: 40px 0px; color: #555; }
.film-t { font-size: 24px; line-height: 24px; height: 24px; margin-bottom: 15px; }
.film-t.f-n { font-size: 20px; margin: 20px 0px; border-bottom: 1px solid #eae6df; padding-bottom: 10px; }
.xg-auther { margin-top: 40px; }
.list-item { width: 100%; border-bottom: 1px dashed #eae6df; }
.con-right .list-item .item { padding: 15px 10px; }
.film-Aworks .list-item-content { width:100%;}
.film-Aworks .list-item-content .list-item-header span{ font-weight:100;  }
.list-item-content { width:100%; line-height: 24px; color: #6b6b6b; font-weight: 400; }
.list-item-content .list-item-header { font-size: 15px; }
.list-item-content a { color: #205e99; }
.list-item-content a:hover {  text-decoration: underline; }
.list-item-content .bs { font-size: 12px; }
.list-item-content .bs span { color: #d6d6d6; margin: 0px 5px; }
.bt { border-top: 1px solid #eae6df; padding-top: 25px; margin-top: 30px; }
.data-item .list-item
{
    border-top:none;
}
@media screen and (max-width:1024px)
{
        .film-Aworks .grid-2x
    {
        width:25%;
    }
}
@media screen and (max-width:960px) {
    .col-8, .col-4 { ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}
}
@media screen and (max-width:768px)
{
    .film-Aworks .grid-2x
    {
        width:25%;
    }
}
@media screen and (max-width:640px)
{
        .film-Aworks .grid-2x
    {
        width: 33.333333%;
    }
}
@media screen and (max-width:420px)
{
           .film-Aworks .grid-2x
    {
        width:50%;
    }
}