@charset "utf-8";
@font-face {
    font-family: 'Emag colo';
    src: url('fonts/colo/UTMColossalis.eot');
    src: url('fonts/colo/UTMColossalis.eot?#iefix') format('embedded-opentype'), 
    url('fonts/colo/UTMColossalis.woff') format('woff'), 
    url('fonts/colo/UTMColossalis.ttf') format('truetype'), 
    url('fonts/colo/UTMColossalis.svg') format('svg');
}
@font-face {
    font-family: 'Emag daxline';
    src: url('fonts/daxline/UTMDaxline.eot');
    src: url('fonts/daxline/UTMDaxline.eot?#iefix') format('embedded-opentype'), 
    url('fonts/daxline/UTMDaxline.woff') format('woff'), 
    url('fonts/daxline/UTMDaxline.ttf') format('truetype'), 
    url('fonts/daxline/UTMDaxline.svg') format('svg');
}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
/* #top-bar {
    filter: grayscale(1);
} */
img{border: 0;max-width: 100%;}
a{text-decoration: none;}
.site-center{width: 1180px;margin: 0 auto;text-align: center;}
.clearfix {display: block;}
.clearfix:after,
.clearfix:before {content: '';display: block;height: 0;clear: both;visibility: hidden;}
#htmlContent p{font-size: 1.125rem;line-height: 1.5;margin: 20px auto;}
hr{border-color: #888;}
#top-bar {height: 40px;background: #fff;line-height: 40px;text-align: center;position: fixed; z-index: 9999;width: 100%;box-shadow: 0px 1px 3px #a1a2a3;}
.site-logo {display: block;position: absolute;left: 15px;top: 0;}
.site-logo img{image-rendering: -webkit-optimize-contrast;}
.emag{display: block;line-height: 0;margin: 0 auto;}
.emag span.first {font-family: Emag daxline;font-size: 27px;font-weight: bolder;color: #bb1623;line-height: 40px;}
.emag span.second {text-transform: uppercase;font-family: Emag colo;font-size: 30px;color: #1a3062;line-height: 40px;}
#top-bar .fb-like,#top-bar .fb-share-button{position: absolute;right: 10px;top: 35px;}
#htmlContent.htmlContent{
	width:100%;
	font-size:18px;
	line-height:1.4;
}
.article-detail {
    padding-top: 40px;
}
/* bx-comment */

#user-comment .title {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    color: #fff;
    width: 100%;
    position: relative;
    text-align: left;
}

#user-comment .title:before {
    content: "Bình luận";
    font-family: 'NotoSerif', serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    padding-bottom: 10px;
    display: inline-block;
    line-height: 1.2;
    position: relative;
    left: 0;
    top: 1px;
    border-bottom: 1px solid #d9261c;;
}

.box-comment textarea, .comment-actions .reply textarea {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
}
#user-comment .box-comment a.__MB_ACTION_POST_COMMENT {
    width: 135px;
    height: 33px;
    background-color: #291770;
    color: #fff;
    font-size: 14px;
    font-family: 'NotoSans',sans-serif;
    font-weight: 400 ;
    line-height: 33px;
    float: right;
    text-transform: uppercase;
    visibility: hidden;
    cursor: pointer;
    font-weight: 700;
    padding: 0;
}
#user-comment .box-comment a.__MB_ACTION_POST_COMMENT:before {
    content: "Gửi bình luận";
    text-indent: none;
    visibility: visible;
    background: #291770;
    float: right;
    padding: 5px 12px 4px;
    color: #fff;
    font-family: 'NotoSans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}
.__comment::placeholder {
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #d4d4d4;
}

.__comment:-ms-input-placeholder {
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #d4d4d4;
}

.__comment::-ms-input-placeholder {
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #d4d4d4;
}
.cms-publishedDate {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

/* RESPONSIVE */
@media only screen and (max-width: 960px) {
    .site-center {
        padding: 0 6px;
    }
    #user-comment .site-center {
        text-align: left;
    }
}
@media screen and (max-width: 600px) {
    /* #htmlContent p{margin: 20px;} */
}
@media only screen and (max-width: 480px) {
    .ico-homeEmag img {
        display: none;
    }
    .ico-homeEmag::before {
        content: '\f015';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        color: #ec1f23;
        float: left;
        font-size: 14px;
        padding-left: 15px;
    }
    .emag span.first {
        font-size: 18px;
    }
    .emag span.second {
        font-size: 20px;
    }
    .cms-publishedDate {
        display: none;
    }
    .drop-cap {
        font-size: initial;
        font-family: initial;
        position: static;
        font-size: 1.5em;
    }
    .secondary-tit {
        font-size: 2.4em;
        margin-bottom: 10px;
    }
    .summary {
        
        font-size: 2.3em;
    }
    .box-img1, .box-img2, .box-img3{
        width: 100%;
    }
    .row{
        margin: 0;
    }
    .subtitle{
        margin-bottom: 10px;
    }
}
#htmlContent.htmlContent{
	width:100%;
	font-size:18px;
	line-height:1.4;
}
#htmlContent.htmlContent b,
#htmlContent.htmlContent strong,
#htmlContent.htmlContent h1,
#htmlContent.htmlContent h2,
#htmlContent.htmlContent h3,
#htmlContent.htmlContent h4,
#htmlContent.htmlContent h5,
#htmlContent.htmlContent h6{
	/*font-family: Emag daxline;*/
}
#__MB_MASTERCMS_EL_3 > table.MAGZINE_TPL_TABLE{
    margin-top: 0 !important;
}