body{background-color:#37383d}.article-cover-image{position:absolute;min-height:300px;height:70vh;background-repeat:no-repeat;background-size:cover;background-position:top;width:100%;z-index:-1}.article-cover-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#37383d));background-image:linear-gradient(180deg,transparent,#37383d)}.analytic-container{margin-top:70vh}.analytic-title:before{content:"";position:absolute;width:100px;bottom:-10px;border-bottom:1px solid #2dddb3;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.col-analytic{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;text-align:center;border:1px solid #555;border-radius:5px;height:250px;background-color:#3e3f44;color:#fff}@media (max-width:768px){.col-analytic{height:200px}}@media (max-width:768px){.col-analytic.height-md-300{height:300px}}.footer-layer{background-color:#404249;height:120px;margin-top:100px}.btn-default{background-color:#3e3f44;border-radius:25px;border-color:#999}.row .col-lg{margin-bottom:1.5rem}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.color-white{color:#fff}hr{border-top:1px solid #555}.font-size-20{font-size:20px}.font-size-30{font-size:30px}.font-size-24{font-size:24px}.font-size-12{font-size:12px}.font-size-42{font-size:42px}textarea.form-control,textarea.form-control:focus{background-color:#3e3f43;color:#fff;border:1px solid #555}.hide{display:none}.analytic-text{font-size:12px}.font-lighter{font-weight:lighter}.report-footer-image{height:50px;display:block;margin-left:auto;margin-right:auto}.report-footer-desc{text-align:center;font-size:12px}.social-btn-width{max-width:11.666666666%}@media (max-width:420px){.align-mobile-center{margin:0 auto}.text-mobile-center{text-align:center!important}.text-mobile-right{text-align:right!important}.social-btn-width{max-width:14.6666667%}.justify-center{-webkit-box-pack:center!important;justify-content:center!important}.sub-article{text-align:center}.mb-bottom{margin-bottom:40px}.mb-margin-top-0{margin-top:0!important;margin-bottom:20px}.mb-width-50{width:50%}}.table-borderless td,.table-borderless th{border:0;vertical-align:middle}.author-list{background:#fff;max-height:120px}.author-rank-no{width:50px;padding:50px 20px;background-color:#dcdcdc}.author-image-container{width:150px;text-align:center}.ar-image{width:80px;height:80px;border-radius:50%;padding-top:5px;-o-object-fit:cover;object-fit:cover}.ar-name{font-size:18px;font-weight:400}.mark-info{background-color:#dcdcdc}.ar-result{line-height:0;font-size:10px}.nav-link,.nav-link:hover{color:#fff}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#000;background-color:#fff}.container-rank{width:100%;margin:0 auto}.color-grey-cm{background-color:#3e3f44}.font-title{font-weight:100;font-size:14px}.border-none{border:none}.second-section{background-color:#3e3f44;height:500px;overflow:hidden;position:relative}.scroll-con{overflow-y:auto;height:500px;position:absolute;width:102%;right:-17px}.selected_item{margin-left:-15px;margin-right:0}.num_rank{padding-top:40px;max-width:31.33333%}.ver-mid{width:40%;vertical-align:middle}.ar-name-padding{padding:30px 0 0}.ar-mb0{margin-bottom:0}.padding-right-0{padding-right:0}.col-adjust-height{height:180px}.rank-1st-col{width:302px}.rank-3rd-col{width:330px}@media (max-width:450px){.mb-text-center{text-align:center!important}#rank_container{padding-top:50px}.scroll-con{right:0}.mobile-col-5{max-width:33.666667%}}.tp-width-100{width:100%}.tp-img-220{width:220px}.overlay-50,.tp-article-cap{position:absolute;bottom:0}.overlay-50{background-color:rgba(75,75,75,.5);padding-left:19px;padding-top:10px}.white-hover:hover{color:#fff;text-decoration:none}.author-pro-img{height:150px;width:150px;-o-object-fit:cover;object-fit:cover}.padding-right-20{padding-right:20px}.list-item-cm{border:none;background-color:transparent;padding-left:0}.span-cm{font-size:1.25em;font-weight:600}.article-tag{padding:10px 20px;margin-bottom:8px}.about-con,.font-weight-100{font-weight:100}.about-con{max-width:600px}.ar-nav-item{min-width:150px}.ar-nav-con{border-radius:5px;border:1px solid #fff}.author-rank-btm,.p-t-40{padding-top:40px!important}.author-rank-btm{text-align:left;padding-left:8%!important}.margin-y-50{margin-top:50px;margin-bottom:50px}@media (max-width:768px){.mb-font-14{font-size:14px}}@media (max-width:450px){.tp-article-cap{position:relative;margin-top:20px}.tp-img-220{width:100%}.tp-caption-mobile{margin-top:5px;margin-bottom:20px}.font-size-28{font-size:28px}.mb-font-14{font-size:14px}.mb-margin{margin-bottom:30px}.tp-width-vw-100{margin-left:-15px;margin-right:-15px;width:100vw}.mb-padding-0{padding:0}.ar-nav-item{width:85.5px;font-size:16px}.nav-link{padding-left:0;padding-right:0}.ar-nav-con{width:100%}.rank-container{padding:0}}@media (max-width:320px){.ar-nav-item{width:72px;font-size:14px}.nav-link{padding-left:0;padding-right:0}.ar-nav-con{width:260px}}


.author-cover {
    height: 30vh;
    position: relative;
    width:100%
}
.author-cover-img{
    position:absolute;
    top:0;right:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    z-index: -1;
}



.light-bg {
    background-color: #E5E5E5;
}

.stat-label{
    font-size: 16px;
    color: #808080;
}

.article-container {
    background-color: #ffffff;
    border: 1px solid #81818145;
    border-radius: 5px;
    margin-bottom: 3rem;
    padding: 1rem;
}

.article-img-container,.single-article-img-container {
    position: relative;
    width: calc(100% + 1.99rem);
    margin: 1rem 0 1rem -0.99rem;
}

.single-article-img-container{
    margin-top: -1rem !important;
}

.article-img-container::after,.single-article-img-container::after {
    content: '';
    display: block;
    padding-bottom: 60%;
}

.article-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-category-header{
    background: #f3c005;
    padding: 0.1rem 0.7rem;
    font-size: 14px;
    border-radius: 25px;
    color: #000000;
    font-weight: 700;
}

.article-category-label{
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: #555;
    padding: 0.1rem 0.7rem;
    font-size: 12px;
    border-radius: 25px;
    color: #ffffff;
}

.article-tag-label{
    border: 1px solid #8e8e8e;
    padding: 0.1rem 0.7rem;
    font-size: 10px;
    border-radius: 25px;
    color: #8e8e8e;
    margin: 0 0.4rem 0 0;
}


.article-author-pic {
    width: 50px;
    height: 50px;
}

.article-author-img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-author-name{
    font-size: 14px;
    font-weight: 600;
    color: black;
}
.article-time{
    font-size: 12px;
    color: #252525;
}

.inc-action-image {
    max-width: 25px;
}

.inc-action-item {
    display: flex;
    align-items: center;
    padding: 0 10px;
    transition: all 0.3s;
    position: relative;
}

.inc-action-item:hover {
    text-decoration: none;
    background-color: #eee;
}

.inc-action-image {
    margin-right: 5px;
    display: block;
    color: #00000077;
}

.inc-action-image:hover {
    color: black;
}

.inc-action-label {
    color: #54555E;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.inc-emoticon-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 250px;
}

.inc-emoticon {
    display: block;
    width: 50px;
    height: 50px;
    padding: 5px;
}

.inc-emoticon:hover {
    cursor: pointer;
    background-color: #eee;
}

.article-content{
    margin: 1rem 0;
    word-wrap: break-word;
}
.article-content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lg-show{
    display: none;
}

@media (min-width: 992px){
    .lg-show{
        display: block;
    }

    .w-lg-95{
        width: 95%;
    }
}

.c-card{
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.08);
}

.ama-board {
    background-color: #ededed;
    margin-bottom: 1.5rem;
    position: relative;
}

.rectangle-container {
    width: 100%;
    position: relative;
}

.rectangle-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rectangle-container::after {
    content: '';
    display: block;
    padding-bottom: 175%;
}

.ama-detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    z-index: 3;
}

.detail-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    margin: 1rem;
}

.detail-strike {
    width: 70%;
    margin: 0 1rem;
    border-top: 2px solid #ffffff;
}

.ama-author {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    margin: 0 1rem 1rem;
}

.ama-author-img {
    border-radius: 100%;
}

.ama-board:hover .ama-detail {
    background: transparent !important;
    transition: all 1s;
}

.author-link {
    pointer-events: all;
}

.article-info-wrapper {
    margin: 1rem;
}