@charset "UTF-8";.history_loading {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%
}

.history_loading>.spinner {
    margin-right: 10px
}

.history_loading>span {
    font-size: 14px;
    font-weight: 600
}

.spinner {
    -webkit-animation: spinner .75s linear infinite;
    animation: spinner .75s linear infinite;
    height: 24px;
    width: 24px
}

.spinner span {
    border-radius: 50%;
    height: 100%;
    position: absolute;
    width: 100%
}

.spinner .spinner-inner-1 {
    background: linear-gradient(90deg,rgba(235,20,27,0) 0,rgba(235,20,27,0) 50%,#eb141b 51%)
}

.spinner .spinner-inner-2 {
    background: linear-gradient(0deg,hsla(0,0%,100%,0) 0,#fff)
}

.spinner .spinner-inner-3 {
    background: #fff;
    height: 19.2px;
    left: 2.4px;
    top: 2.4px;
    width: 19.2px
}

@-webkit-keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.post-list .post-list-item {
    border-bottom: 1px solid #cecece;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.post-list .post-list-item>a {
    align-items: center;
    display: flex;
    text-decoration: none
}

.post-list .post-list-item>a>span.item-image {
    flex-shrink: 0;
    margin-right: 20px;
    position: relative;
    width: 190px
}

.post-list .post-list-item>a>span.item-image>i {
    height: 20px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 20px
}

.post-list .post-list-item>a>span.item-image>i.icon-play {
    border-radius: 50%
}

.post-list .post-list-item>a>span.item-body {
    flex: 1
}

.post-list .post-list-item>a>span.item-body>span {
    color: #000;
    display: block;
    line-height: 1.4;
    margin-bottom: 10px;
    width: 100%
}

.post-list .post-list-item>a>span.item-body>span.title {
    font-size: 20px;
    font-weight: 600
}

.post-list .post-list-item>a>span.item-body>span.description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #444;
    display: -webkit-box;
    font-size: 16px;
    overflow: hidden
}

.post-list .post-list-item>a>span.item-body>span.info {
    align-items: center;
    color: #4a4848;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-bottom: 0
}

.post-list .post-list-item>a>span.item-body>span.info .category {
    background-color: #f5f5f5;
    font-size: 14px;
    padding: 5px
}

@media (max-width: 767.98px) {
    .post-list .post-list-item>a>span.item-image {
        line-height:1.3;
        margin-right: 10px;
        width: 125px
    }

    .post-list .post-list-item>a>span.item-body>span.title {
        font-size: 18px;
        margin-bottom: 0
    }

    .post-list .post-list-item>a>span.item-body>span.description,.post-list .post-list-item>a>span.item-body>span.time {
        display: none
    }

    .post-list .post-list-item:nth-child(4n) {
        display: block
    }

    .post-list .post-list-item:nth-child(4n)>a {
        flex-wrap: wrap
    }

    .post-list .post-list-item:nth-child(4n)>a>span.item-image {
        display: block;
        margin: 0 0 10px;
        width: 100%
    }

    .post-list .post-list-item:nth-child(4n)>a>span.item-image>img {
        width: 100%
    }

    .post-list .post-list-item:nth-child(4n)>a>span.item-image>i {
        height: 48px;
        width: 48px
    }

    .post-list .post-list-item:nth-child(4n)>a>span.item-body>span.title {
        font-size: 20px
    }
}

@media (max-width: 575.98px) {
    .post-list .post-list-item>a>span.item-body>span.info {
        display:none
    }
}

@media (min-width: 575.98px) {
    .post-list .post-list-item>a>span.item-body>.title {
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
}

.post-list.subheadline .post-list-item:nth-child(4n)>a>span.item-image {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 20px;
    position: relative;
    width: 220px
}

.post-list.subheadline .post-list-item:nth-child(4n)>a>span.item-body>span.title {
    font-size: 22px
}

@media (max-width: 767.98px) {
    .post-list.subheadline .post-list-item:nth-child(4n)>a>span.item-image {
        margin-right:10px;
        width: 125px
    }

    .post-list.subheadline .post-list-item:nth-child(4n)>a>span.item-body>span.title {
        font-size: 18px;
        margin-bottom: 0
    }

    .post-list.subheadline .post-list-item:nth-child(4n)>a>span.item-body>span.description,.post-list.subheadline .post-list-item:nth-child(4n)>a>span.item-body>span.time {
        display: none
    }
}

.post-card {
    display: block;
    margin-bottom: 1.25rem
}

.post-card figure {
    margin: 0;
    position: relative
}

.post-card img {
    height: auto;
    margin-bottom: 10px;
    width: 100%
}

.post-card>span {
    color: #000;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
    width: 100%
}

.post-card.big>span,.post-card>span {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.post-card.big>span {
    font-size: 22px;
    font-weight: 600
}

.post-card.big figure {
    position: relative
}

.post-card.big figure>i {
    height: 20px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 20px
}

.post-card.big figure>i.icon-play {
    border-radius: 50%
}

@media (max-width: 1199.98px) {
    .post-card>span {
        font-size:1rem
    }
}

.post-content {
    border-bottom: 1px solid #cecece;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

.post-content>* {
    margin-bottom: 20px
}

.post-content figure.image {
    margin: 0 auto 1.6em;
    max-width: 100%;
    position: relative
}

.post-content figure.image.align-right {
    float: right;
    margin-left: 16px;
    width: 300px
}

@media (max-width: 767.98px) {
    .post-content figure.image.align-right {
        float:none;
        margin-left: 0;
        width: 100%
    }
}

.post-content figure.image.align-left {
    float: left;
    margin-right: 16px;
    width: 300px
}

@media (max-width: 767.98px) {
    .post-content figure.image.align-left {
        float:none;
        margin-right: 0;
        width: 100%
    }
}

.post-content figure.image>span {
    display: block;
    position: relative
}

.post-content figure.image>span:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.post-content figure.image>span>img {
    display: block;
    font-size: 13px;
    height: auto;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.post-content figure.image>figcaption {
    border: none
}

.post-content figure.image>figcaption>span {
    display: block
}

.post-content a {
    color: #eb141b;
    font-weight: 700
}

.post-content .rbx,.post-content .related-news {
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cdcece;
    padding: 20px 0;
    width: 100%
}

.post-content .rbx>a,.post-content .related-news>a {
    align-items: center;
    color: #000;
    display: flex;
    line-height: 1.4
}

.post-content .rbx>a>img,.post-content .related-news>a>img {
    flex-shrink: 0;
    margin-right: 20px;
    width: 165px
}

.post-content .rbx>a>em,.post-content .related-news>a>em {
    display: none
}

.post-content .rbx>a span,.post-content .related-news>a span {
    display: block;
    width: 100%
}

.post-content .rbx>a span.title,.post-content .related-news>a span.title {
    font-size: 18px;
    font-weight: 500
}

@media (min-width: 575.98px) {
    .post-content .rbx>a span.title,.post-content .related-news>a span.title {
        font-size:22px
    }
}

.post-content .rbx>a span.description,.post-content .related-news>a span.description {
    font-size: 16px;
    font-weight: 400
}

@media (max-width: 575.98px) {
    .post-content .rbx>a span.description,.post-content .related-news>a span.description {
        display:none
    }
}

.post-content blockquote.note {
    background: #fff;
    border-left: 8px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 2px 2px 15px #eee;
    color: #666;
    display: block;
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 1.25rem;
    padding: 40px 20px;
    position: relative;
    text-align: left
}

.post-content blockquote.note:before {
    content: "“";
    left: 0;
    top: 20px
}

.post-content blockquote.note:after,.post-content blockquote.note:before {
    color: #999;
    font-family: Georgia,Arial;
    font-size: 60px;
    font-weight: 700;
    height: 40px;
    position: absolute
}

.post-content blockquote.note:after {
    bottom: -25px;
    content: "”";
    right: 10px
}

.post-content blockquote.note a {
    background: #eee;
    color: #c76c0c;
    cursor: pointer;
    padding: 0 3px;
    text-decoration: none
}

.post-content blockquote.note a:hover {
    color: #666
}

.post-content blockquote.note em {
    font-style: italic
}

.post-content .whn {
    display: table;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px
}

.post-content .whn>time {
    background: #000;
    font-size: 24px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    width: 100px
}

.post-content .whn>strong,.post-content .whn>time {
    color: #fff;
    display: table-cell;
    font-weight: 400;
    height: 40px
}

.post-content .whn>strong {
    background: #e30613;
    float: none;
    font-size: 22px;
    padding: 0 35px 0 15px
}

header.post-header {
    margin-bottom: 1.25rem
}

@media (max-width: 575.98px) {
    header.post-header {
        margin-bottom:20px;
        padding-bottom: 10px
    }
}

header.post-header>h1 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: .4px;
    line-height: 1.3;
    margin-bottom: 1.25rem
}

@media (max-width: 575.98px) {
    header.post-header>h1 {
        font-size:28px
    }
}

header.post-header>h2 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 1.3
}

@media (max-width: 575.98px) {
    header.post-header>h2 {
        font-size:22px;
        line-height: 1.6
    }

    .post-cover {
        margin-left: -15px;
        margin-right: -15px
    }
}

.post-cover figure {
    margin: 0 0 1.25rem
}

.post-cover .post-video,.post-info {
    margin-bottom: 1.25rem
}

.post-info {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 32px
}

.post-info .post-date .name {
    color: #555;
    font-weight: 700
}

.post-info .post-date .time {
    color: #666;
    font-weight: 400
}

.post-info .post-date>time>span {
    margin-left: 5px
}

.post-info.with-border {
    border-bottom: 1px solid #cecece;
    padding-bottom: 1.25rem
}

@media (max-width: 1199.98px) {
    .post-info .post-date>.name {
        display:none
    }
}

@media (max-width: 575.98px) {
    .post-info .post-date .name,.post-info .post-date .updated-time {
        display:none
    }
}

.post-editor {
    margin-bottom: 1.25rem
}

.post-editor>img {
    border-radius: 50%;
    margin-right: .5rem;
    width: 55px
}

.post-editor>span {
    color: #333;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.3
}

.post-tags {
    align-items: center;
    display: flex;
    margin-bottom: 1.25rem
}

.post-tags>span {
    font-weight: 600;
    margin-bottom: 5px;
    margin-right: 10px
}

.post-tags>ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.post-tags>ul>li:not(:last-child) {
    margin-right: 5px
}

.post-tags>ul>li>a {
    background-color: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 6px;
    padding: 2px 6px;
    white-space: nowrap
}

.post-source {
    align-items: center;
    display: flex;
    margin-bottom: 1.25rem
}

.post-source>span:first-child {
    font-weight: 600;
    margin-right: 10px
}

.post-source>span:last-child {
    color: #555
}

.post-socials,.post-socials span {
    align-items: center;
    display: flex
}

.post-socials span {
    border-radius: 5px;
    cursor: pointer;
    height: 35px;
    justify-content: center;
    width: 35px
}

.post-socials span:not(:last-child) {
    margin-right: 8px
}

.post-socials span.facebook {
    background-color: #3b5998
}

.post-socials span.twitter {
    background-color: #000
}

.post-socials span.whatsapp {
    background-color: #5cbe4a
}

.post-socials span.linkedin {
    background-color: #0073b2
}

.post-socials span.flipboard {
    background-color: #dd4b39
}

.post-socials span.telegram {
    background-color: #08c
}

.post-socials span.pinterest {
    background-color: #e60023
}

.post-socials span.tumblr {
    background-color: #35465c
}

.post-socials span.mail {
    background-color: #4285f4
}

.post-socials span.google-news {
    background-color: #ddd
}

.post-socials span.print {
    background-color: #111
}

.post-socials span.share {
    background-color: #000;
    cursor: pointer;
    position: relative
}

.post-socials span.share>ul {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    display: none;
    list-style: none;
    margin: 0;
    padding: 10px;
    position: absolute;
    right: -10px;
    top: 35px;
    z-index: 999
}

.post-socials span.share>ul>li {
    margin-bottom: 10px
}

.post-socials span.share>ul>li:last-child {
    margin-bottom: 0
}

.post-socials span.share:hover>ul {
    display: block
}

@media (max-width: 575.98px) {
    .post-socials span:not(:last-child) {
        margin-right:10px
    }
}

aside.related-big {
    margin-bottom: 1rem;
    width: 100%
}

aside.related-big>a {
    display: block;
    position: relative
}

aside.related-big>a>figure>picture,aside.related-big>a>figure>picture>img {
    height: auto;
    width: 100%
}

aside.related-big>a>div {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 2.25rem;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 1.1;
    padding: 0 50px;
    position: absolute;
    text-align: center;
    width: 100%
}

aside.related-big>a>div>div>em {
    display: block;
    font-size: 1rem;
    margin-bottom: 15px
}

aside.related-big>a>div>div>span.title {
    display: block;
    font-size: 1.875rem;
    margin-bottom: 20px
}

aside.related-big>a>div>div>span.button {
    align-items: center;
    background-color: #e71415;
    border-radius: 41.5px;
    display: inline-flex;
    font-size: 1rem;
    padding: 15px 20px
}

.google-news {
    align-items: center;
    display: flex;
    margin-bottom: 1.25rem
}

.google-news .google-news-title {
    color: #363636;
    font-size: .875rem;
    font-weight: 500;
    margin-right: 10px
}

.google-news a {
    align-items: center;
    display: flex;
    height: 30px
}

.google-news a i {
    border: 1px solid #cdcece;
    border-radius: 3px
}

@media (max-width: 575.98px) {
    .google-news .google-news-title {
        font-size:.75rem
    }

    .google-news .icon-google-news {
        height: 24px;
        width: 100px
    }
}

.widget-popular .items>a {
    align-items: center;
    border-bottom: 1px solid #cecece;
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.widget-popular .items>a:last-child {
    border-bottom: none
}

.widget-popular .items>a>div>span {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #333;
    display: block;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    overflow: hidden;
    width: 100%
}

.widget-popular .items>a>img {
    flex-shrink: 0;
    margin-right: 10px;
    width: 120px
}

.widget-popular .items>a:last-child {
    padding-bottom: 0
}

.ad-tower-container {
    position: -webkit-sticky;
    position: sticky;
    top: 80px
}

@media (max-width: 991.98px) {
    .ad-tower-container {
        display:none
    }
}

.ad-tower-left {
    left: -325px;
    text-align: right
}

.ad-tower-left,.ad-tower-right {
    height: 600px;
    position: absolute;
    top: 0;
    width: 300px
}

.ad-tower-right {
    right: -325px;
    text-align: left
}

.breadcrumb {
    font-size: 12px;
    margin-bottom: 1.25rem
}

.breadcrumb.without-margin {
    margin-bottom: 0
}

.breadcrumb a {
    color: #000
}

.breadcrumb .breadcrumb-item+.breadcrumb .breadcrumb-item:before {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 900
}

@media (max-width: 768px) {
    .breadcrumb .breadcrumb-item:last-child {
        display:none
    }
}

.infinity .more-button {
    text-align: center
}

.infinity .more-button>a,.infinity .more-button>button {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 25px;
    height: 50px;
    text-align: center;
    width: 300px
}

.infinity .more-button>a {
    padding: 12px 20px
}

.news-detail-page figcaption {
    border-bottom: 1px solid #cecece;
    color: #333;
    font-size: .875rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.25;
    margin: 0;
    padding: 8px
}

.news-detail-page .news-detail-wrapper {
    margin: auto;
    max-width: 100%
}

.news-detail-page .news-detail-wrapper .news-detail {
    background-color: #fff;
    padding-bottom: 0
}

.news-detail-page .news-detail-wrapper .news-detail table {
    display: block;
    overflow-x: auto;
    width: 100%
}