@charset "UTF-8";

.category-row {
    margin-left: -8px;
    margin-right: -8px;
}

.category-row>div {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 30px;
}

.category-row .category-link {
    position: relative;
    padding: 10px 15px 10px 15px;
    border: 1px solid rgba(103, 170, 249, 0.45);
}

.category-row .category-link:hover {
    background: #67aaf9;
}

.category-row .category-link a {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}

.category-row .category-link:hover a {
    color: #fff;
}

.category-row .category-link.active {
    background: #67aaf9;
}

.category-row .category-link.active a {
    color: #fff;
}

.article-list {
    margin-top: 30px;
}

.article-list .item {
    margin-bottom: 30px;
}

.article-list .item {
    position: relative;
    background: #FFFFFF;
    border: 2px solid #C5C5C5;
}

.article-list .item:hover {
    border: 2px solid #063671;
}

.article-list .item .img {
    width: 100%;
}

.article-list .item .info {
    padding: 20px 20px 16px 20px;
}

.article-list .item .info a {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: solid 1px #D9D9D9;
    text-decoration: none;
}

.article-list .item .info .name-wrapper {
    position: relative;
    height: 54px;
    display: flex;
    align-items: center;
}

.article-list .item .info .name-wrapper:before {
    position: absolute;
    content: "";
    left: 3px;
    top: 0;
    bottom: 0px;
    width: 4px;
    background: #00479D;
}

.article-list .item .info .name {
    position: relative;
    padding-left: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #00479D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 54px;
    overflow: hidden;
}

.article-list .item .info .tag-div {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.article-list .item .info .tag-div .tag {
    font-size: 14px;
    color: #254368;
    padding: 7px 16px;
    background: rgba(0, 86, 184, 0.08);
    margin-right: 14px;
}

.article-list .item .info .tag-div .date {
    display: flex;
    font-size: 12px;
    color: #949494;
}

.article-list .item .info .tag-div .date:before {
    display: block;
    content: "";
    width: 15px;
    height: 18px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2015.7687C0%2016.6693%200.719866%2017.4%201.60714%2017.4H13.3929C14.2801%2017.4%2015%2016.6693%2015%2015.7687V6.525H0V15.7687ZM10.7143%209.10781C10.7143%208.88352%2010.8951%208.7%2011.1161%208.7H12.4554C12.6763%208.7%2012.8571%208.88352%2012.8571%209.10781V10.4672C12.8571%2010.6915%2012.6763%2010.875%2012.4554%2010.875H11.1161C10.8951%2010.875%2010.7143%2010.6915%2010.7143%2010.4672V9.10781ZM10.7143%2013.4578C10.7143%2013.2335%2010.8951%2013.05%2011.1161%2013.05H12.4554C12.6763%2013.05%2012.8571%2013.2335%2012.8571%2013.4578V14.8172C12.8571%2015.0415%2012.6763%2015.225%2012.4554%2015.225H11.1161C10.8951%2015.225%2010.7143%2015.0415%2010.7143%2014.8172V13.4578ZM6.42857%209.10781C6.42857%208.88352%206.60938%208.7%206.83036%208.7H8.16964C8.39062%208.7%208.57143%208.88352%208.57143%209.10781V10.4672C8.57143%2010.6915%208.39062%2010.875%208.16964%2010.875H6.83036C6.60938%2010.875%206.42857%2010.6915%206.42857%2010.4672V9.10781ZM6.42857%2013.4578C6.42857%2013.2335%206.60938%2013.05%206.83036%2013.05H8.16964C8.39062%2013.05%208.57143%2013.2335%208.57143%2013.4578V14.8172C8.57143%2015.0415%208.39062%2015.225%208.16964%2015.225H6.83036C6.60938%2015.225%206.42857%2015.0415%206.42857%2014.8172V13.4578ZM2.14286%209.10781C2.14286%208.88352%202.32366%208.7%202.54464%208.7H3.88393C4.10491%208.7%204.28571%208.88352%204.28571%209.10781V10.4672C4.28571%2010.6915%204.10491%2010.875%203.88393%2010.875H2.54464C2.32366%2010.875%202.14286%2010.6915%202.14286%2010.4672V9.10781ZM2.14286%2013.4578C2.14286%2013.2335%202.32366%2013.05%202.54464%2013.05H3.88393C4.10491%2013.05%204.28571%2013.2335%204.28571%2013.4578V14.8172C4.28571%2015.0415%204.10491%2015.225%203.88393%2015.225H2.54464C2.32366%2015.225%202.14286%2015.0415%202.14286%2014.8172V13.4578ZM13.3929%202.175H11.7857V0.54375C11.7857%200.244687%2011.5446%200%2011.25%200H10.1786C9.88393%200%209.64286%200.244687%209.64286%200.54375V2.175H5.35714V0.54375C5.35714%200.244687%205.11607%200%204.82143%200H3.75C3.45536%200%203.21429%200.244687%203.21429%200.54375V2.175H1.60714C0.719866%202.175%200%202.90566%200%203.80625V5.4375H15V3.80625C15%202.90566%2014.2801%202.175%2013.3929%202.175Z%22%20fill%3D%22%23DBDBDB%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    margin-right: 10px;
}

.article-list .item .info .text {
    font-weight: bold;
    line-height: 1.85;
    color: #565656;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 60px;
    overflow: hidden;
    margin-bottom: 6px;
}

.article-list .item .more-btn {
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 18px;
    color: #0056B8;
}

.article-list .item .more-btn:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2210.3799%22%20cy%3D%2210.059%22%20rx%3D%229.7002%22%20ry%3D%229.87685%22%20fill%3D%22%230056B8%22%2F%3E%3Cpath%20d%3D%22M8.44043%207.39502L12.3205%2010.3215L8.44043%2013.9796%22%20stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    margin-right: 8px;
}

.page-content .content.article .page-title {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.page-content .content.article .page-title:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #DEE8F3;
    display: block;
}

.page-content .content.article .page-title .date {
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 18px;
    color: #00479D;
    margin-right: 10px;
}

.page-content .content.article .page-title .date:before {
    display: block;
    content: "";
    color: #949494;
    width: 15px;
    height: 18px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2015.7687C0%2016.6693%200.719866%2017.4%201.60714%2017.4H13.3929C14.2801%2017.4%2015%2016.6693%2015%2015.7687V6.525H0V15.7687ZM10.7143%209.10781C10.7143%208.88352%2010.8951%208.7%2011.1161%208.7H12.4554C12.6763%208.7%2012.8571%208.88352%2012.8571%209.10781V10.4672C12.8571%2010.6915%2012.6763%2010.875%2012.4554%2010.875H11.1161C10.8951%2010.875%2010.7143%2010.6915%2010.7143%2010.4672V9.10781ZM10.7143%2013.4578C10.7143%2013.2335%2010.8951%2013.05%2011.1161%2013.05H12.4554C12.6763%2013.05%2012.8571%2013.2335%2012.8571%2013.4578V14.8172C12.8571%2015.0415%2012.6763%2015.225%2012.4554%2015.225H11.1161C10.8951%2015.225%2010.7143%2015.0415%2010.7143%2014.8172V13.4578ZM6.42857%209.10781C6.42857%208.88352%206.60938%208.7%206.83036%208.7H8.16964C8.39062%208.7%208.57143%208.88352%208.57143%209.10781V10.4672C8.57143%2010.6915%208.39062%2010.875%208.16964%2010.875H6.83036C6.60938%2010.875%206.42857%2010.6915%206.42857%2010.4672V9.10781ZM6.42857%2013.4578C6.42857%2013.2335%206.60938%2013.05%206.83036%2013.05H8.16964C8.39062%2013.05%208.57143%2013.2335%208.57143%2013.4578V14.8172C8.57143%2015.0415%208.39062%2015.225%208.16964%2015.225H6.83036C6.60938%2015.225%206.42857%2015.0415%206.42857%2014.8172V13.4578ZM2.14286%209.10781C2.14286%208.88352%202.32366%208.7%202.54464%208.7H3.88393C4.10491%208.7%204.28571%208.88352%204.28571%209.10781V10.4672C4.28571%2010.6915%204.10491%2010.875%203.88393%2010.875H2.54464C2.32366%2010.875%202.14286%2010.6915%202.14286%2010.4672V9.10781ZM2.14286%2013.4578C2.14286%2013.2335%202.32366%2013.05%202.54464%2013.05H3.88393C4.10491%2013.05%204.28571%2013.2335%204.28571%2013.4578V14.8172C4.28571%2015.0415%204.10491%2015.225%203.88393%2015.225H2.54464C2.32366%2015.225%202.14286%2015.0415%202.14286%2014.8172V13.4578ZM13.3929%202.175H11.7857V0.54375C11.7857%200.244687%2011.5446%200%2011.25%200H10.1786C9.88393%200%209.64286%200.244687%209.64286%200.54375V2.175H5.35714V0.54375C5.35714%200.244687%205.11607%200%204.82143%200H3.75C3.45536%200%203.21429%200.244687%203.21429%200.54375V2.175H1.60714C0.719866%202.175%200%202.90566%200%203.80625V5.4375H15V3.80625C15%202.90566%2014.2801%202.175%2013.3929%202.175Z%22%20fill%3D%22%23DBDBDB%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    margin-right: 10px;
}

.page-content .content.article .page-title .text {
    font-size: 25px;
    font-weight: bold;
}

@media (max-width: 991px) {
    .page-content .content.article .page-title {
        flex-direction: column;
        align-items: start;
    }

    .page-content .content.article .page-title .date {
        margin-bottom: 6px;
    }
}