/* Template */
.sp-sticky-header
{
    z-index: 9999 !important;
}


.sp-detail-comment
{
    cursor: pointer;
}
.btn-sp-comment
{
    display: block;
    height: 210px;
    background: #111;
    text-align: center;
    text-decoration: none;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
}
.btn-sp-comment span
{
    display: inline-block;
    height: 100%;
    line-height: 208px;
    padding-left: 55px;
    font-family: SFD-Regular;
    font-size: 50px;
    color: #fff;
    background: url(https://kenh14cdn.com/web_images/sp-comment-icon.png) left center no-repeat;
    background-size: 32px;
}


body
{
    background-color: #f1f1f1;
    overflow-x: hidden;
}
/* END Template*/

.first-letter:first-letter
{
    display: block;
    float: left;
    color: #e04545;
    font-family: Quimbly-Bold;
    font-size: 100px;
    margin-top: -15px;
    margin-right: 5px;
    margin-bottom: -30px;
    margin-left:  -3px;
}

.bg-all
{
    background-image: url(http://kenh14cdn.com/2018/6/2/wb-15279527501421295094026.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.magz-wrapper
{
    margin-top: 44px;
}

.magzl-bg-cover .magz-img
{
    text-align: center;
    padding-top: 125px;
    margin-bottom: 21px;
}

.magzl-bg-cover .magz-img img
{
}

.magzl-bg-cover .magz-title
{
    font-size: 62px;
    color: #e04545;
    font-family: Quimbly-Bold;
    width: 550px;
    text-align: center;
    margin: 0 auto;
    line-height: 55px;
    margin-bottom: 35px;
    letter-spacing: -1px;
}

.magzl-bg-cover .magz-sapo
{
    font-family: 'NotoSerif-Regular';
    font-size: 19px;
    color: #111;
    width: 765px;
    margin: 0 auto;
    line-height: 28px;
    text-align: left;
    margin-bottom: 60px;
}

.magz-slogan
{
    font-family: CourierNewBold;
    font-size: 20px;
    color: #111;
    width: 500px;
    text-align: center;
    margin: 0 auto;
}

.hightlight-yellow
{
    background-image: url(http://kenh14cdn.com/2018/6/3/bg-yellow-1528014529917197144533.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding: 1px 10px;
    background-size: cover;
    margin-bottom: 3px;
}

.copyright-normal, .copyright-red
{
    font-family: CourierNewBold;
    font-size: 16px;
    color: #111;
    margin-top: 20px;
    text-transform: uppercase;
}

.copyright-red
{
    color: #e04545;
    margin-top: 5px;
    padding-bottom: 325px;
}

.magz-content
{
    margin-top: -240px;
}

.btn-guithanhxuan-comment
{
    background: transparent;
    background-image: url(http://kenh14cdn.com/2018/6/3/btn-15280263018051134479591.png);
    width: 449px;
    height: 100px;
    margin: 90px auto;
    display: block;
    position: relative;
}

.btn-guithanhxuan-comment > span {
    display: none !important;
}
.bgc-text-wrapt
{
}
.bgc-text-wrapt > svg
{
    position: absolute;
    top: 30px;
    left: 40px;
}


.author
{
    margin-top: 90px;
}
.a-row
{
    display: flex;
    justify-content: space-between;
    width: 365px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 35px;
}
.ar-cell
{
    margin: 0 auto;
}
.arc-label, .arc-value
{
    color: #525252;
    font-size: 15px;
    font-family: CourierNewBold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px;
}
.arc-value
{
    color: #425498;
}


/*OLD*/

.magz-left
{
    height: calc(100vh - 44px);
    position: fixed;
    width: 35%;
    float: left; /* top: 44px; */
}

.magzl-bg
{
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    background-size: cover;
    background-color: #fbfbfb;
}

.magzlb-mask
{
    /* padding-top: 100%; */ /* display: block; */
}


.magzl-btnsrapper
{
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.magzl-btnshare
{
    position: relative;
    text-decoration: none;
    padding-left: 45px;
}

.magzl-btnshare svg
{
    position: absolute;
    left: 0px;
}

.magzlb-text
{
}

.magzlb-text > img
{
}

.magz-right
{
    width: 65%;
    float: left;
    margin-left: 35%;
}

.magzr-item-wrapper
{
}

.magzr-item
{
    /*float: left;*/
    display: block;
    text-decoration: none;
    text-align: center;
    margin-bottom: 110px;
}

.magzri-wrapper
{
    /* position: relative; */ /* width: 100%; */ /* height: 100%; */
    float: left;
}
.magzri-hid-content
{
    display: none;
}
.magzriw-left-col
{
    width: 50%;
    float: left;
}

.magzriw-right-col
{
    width: 50%;
    float: left;
}

.magzri-thumb
{
    width: 100%;
    margin-top:  20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.magzri-info
{
    /* position: absolute; */
    width: 100%; /* left: 0px; */ /* bottom: 0px; */
    margin-top: -20px;
    float: left;
}
.magzri-class-wrapt
{
    display: block;
}
.magzri-class
{
    background-image: url(http://kenh14cdn.com/2018/6/1/bg-txt-1527845083917273693434.png);
    font-family: Courier New;
    font-weight: bold;
    font-size: 16px;
    color: #111;
    text-align: center;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 0px;
    background-size: 100% auto;
    margin-bottom: 2px;
}

.magzri-name
{
    font-family: Quimbly-Bold;
    font-size: 47px;
    color: #425498;
    display: block;
    letter-spacing: -1px;
}

.modal-magz
{
    width: 550px;
    margin: 0 auto;
    margin-bottom: 200px;
}

.modalm-title
{
    text-align: center;
    margin-bottom: 30px;
}

.modalm-title .magzri-name
{
    display: none;
}

.modalm-title .magzri-fullname
{
    margin-bottom: 10px;
    font-family: Quimbly-Bold;
    font-size: 66px;
    color: #425498;
    display: block;
}

.modalm-title .magzri-class
{
    font-size: 24px;
}

.modalm-title.magzri-thumb
{
}

.modalm-detail
{
}

.modalm-detail p
{
    font-size: 19px;
    color: #111;
    font-family: 'Noto Serif';
    margin-top: 0px;
    margin-bottom: 25px;
    line-height: 28px;
}

.mui-ten-comment {
    width: 449px;
    margin: 90px auto;
    display: block;
}
.mui-ten-comment > img{
    width: 100%;
}