@font-face {font-family:'NotoSans-Bold';src: url('fonts/Noto_San/NotoSans-Bold.ttf');}
@font-face {font-family:'NotoSans-Medium';src: url('fonts/Noto_San/NotoSans-Medium.ttf');}
@font-face {font-family:'NotoSans-Regular';src: url('fonts/Noto_San/NotoSans-Regular.ttf');}
@font-face {font-family:'NotoSans-Light';src: url('fonts/Noto_San/NotoSans-Light.ttf');}
@font-face {font-family:'NotoSerif-Bold';src: url('fonts/Noto/NotoSerif-Bold.ttf');}
@font-face {font-family:'NotoSerif-Regular';src: url('fonts/Noto/NotoSerif-Regular.ttf');}
@font-face {font-family:'UTMAvo-Bold';src: url('fonts/Utm_Avo/UTMAvo-Bold.ttf');}
@font-face {font-family:'UTMAvo-Regular';src: url('fonts/Utm_Avo/UTMAvo.ttf');}
@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');
}
* {margin: 0;padding: 0;}
*,*:after,*:before {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.clearfix:after {content: "";display: block;height: 1px;width: 100%;clear: both;}
#htmlContent p{font-size: 1.125rem;line-height: 1.5;margin: 20px 0;}
hr{border-color: #888;}
#top-bar {height: 40px;background: #00a54f;line-height: 40px;text-align: center;overflow: hidden;position: sticky;width: 100%;top: 0;z-index: 9999;}
.site-logo {display: flex;width: 40px;height: 40px;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;background: orange;}
.emag{display: inline-block;margin: 0 auto;}
.emag span.first {font-family: Emag daxline;font-size: 27px;font-weight: bolder;color: #ee2a31;}
.emag span.second {text-transform: uppercase;font-family: Emag colo;font-size: 26px;color: #fff;}
#top-bar .fb-like,#top-bar .fb-share-button{position: absolute;right: 10px;top: 0;}
.siteCenter {width: 1180px;margin: 0 auto;}
a {text-decoration: none;border: none;color: inherit;}
a:hover,.breadcrumb a:hover,.breadcrumb li a:hover,.utilities-content a:hover{color: #f48e2a;}
img {border: none;vertical-align: middle;max-width: 100%;}
.fw{width: 100%;}
.lt {display: block;float: left;}
.rt {display: block;float: right;}
.mb1{margin-bottom: 15px;}
.mb{margin-bottom: 10px;}
.mb2{margin-bottom: 20px;}
.mb3{margin-bottom: 30px;}
.f0{font-family: 'NotoSans-Bold', Arial, sans-serif;font-weight: normal;}
.f1{font-family: 'NotoSans-Regular', Arial, sans-serif;font-weight: normal;}
.f2{font-family: 'NotoSans-Light', Arial, sans-serif;font-weight: normal;}
.f3{font-family: 'NotoSerif-Regular', Arial, sans-serif;font-weight: normal;}
.f4{font-family: 'UTMAvo-Bold', Arial, sans-serif;font-weight: normal;}
.f5{font-family: 'UTMAvo-Regular', Arial, sans-serif;font-weight: normal;}
.f6{font-family: 'NotoSans-Medium', Arial, sans-serif;font-weight: normal;}
.f7{font-family: 'NotoSerif-Bold', Arial, sans-serif;font-weight: normal;}
.icoPhoto,.icoVideo,.icoVote,.icoComment {font-size: 14px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: #999;margin-left: 5px;}
.icoComment i{margin-right: 3px;vertical-align: -1px;}
/* article */
.article-image{position: relative;display: block;overflow: hidden;width: 100%;margin-bottom: 12px;}
.article-image::before{padding-top: 66%;content: '';display: block;background: #ebebeb;}
.article-image img{position: absolute;top: 0;z-index: 1;width: 100%;object-fit: cover;min-height: 100%;}
.article-title{font-size: 14px;color: #000;}
.article-link,.article-detail-title{color: inherit;}
.article-desc{font-size: 14px;color: #999;}
.article-info{font-size: 14px;line-height: 20px;color: #aaa8a8;margin-bottom: 10px;}
.article-date::after {content: '|';display: inline;margin-left: 4px;vertical-align: 1px;}
.article-cat{color: #da251c;text-transform: uppercase;}
/* ico-type */
.ico-photo, .ico-infographic, .ico-emag {display: block;position: absolute;z-index: 2;right: 15px;bottom: 15px;background-image: url(../images/pc/ico-type.png);background-repeat: no-repeat;}
.ico-emag {width: 50px;height: 14px;background-position: -78px -5px;}
.ico-photo {width: 21px;height: 19px;background-position: 0 0;}
.ico-infographic {width: 20px;height: 20px;background-position: -53px -2px;}
/* bx-cat */
.bx-cat{margin-bottom: 25px;}
.bx-cat-last{margin-bottom: 0;}
.bx-cat-title {padding-bottom: 15px;display: inline-block;}
.bx-cat-link {text-transform: uppercase;color: #f48e2a;font-family: "Roboto-Bold", sans-serif; font-weight: 700;font-size: 18px;padding-left: 20px;position: relative;}
.bx-cat-link::before {content: '';background-color: #f48e2a;width: 6px;height: 15px;position: absolute;left: 0;top: 2px;}
.bx-cat-sub{background: #f8f8f8;padding: 0 15px;line-height: 45px;}
.bx-cat-sub a{float: left;;font-size: 14px;color: #aaa8a8;}
.bx-cat-sub a:not(:first-child){margin-left: 5px;}
.bx-cat-sub a:not(:first-child)::before{content: '|';float: left;position: relative;top: -1px;margin-right: 5px;}
/* article-detail-other */
.article-detail-other{margin-bottom: 36px;}
.border-top{border-color: #ff0000;}
.article-detail-other .nnhc-title{margin-bottom: 15px;}
.article-detail-other .article{width: 369px;float: left;margin: 36px 0 0 36px;}
.article-detail-other .article:nth-child(3n+1){margin-left: 0;clear: both;}
.article-detail-other .article:nth-child(1),.article-detail-other .article:nth-child(2),.article-detail-other .article:nth-child(3){margin-top: 0;}
.article-detail-other .article-title{font-size: 20px;margin-bottom: 10px;line-height: 1.2;}
.article-detail-other .article-info{display: none;}
.article-detail-other .article-desc{-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
/* __MB_ARTICLE_PAGING */
.__MB_ARTICLE_PAGING{text-align: center;}
.__MB_ARTICLE_PAGING span, .__MB_ARTICLE_PAGING a {display: inline-block;height: 50px;text-align: center;line-height: 50px;background: #ebebeb;padding: 0 50px;border-radius: 25px;}
.__MB_ARTICLE_PAGING span{background: #f48e2a;color: #fff;}
.__MB_ARTICLE_PAGING a:hover {background: #f48e2a;color:#fff;}
.__MB_ARTICLE_PAGING span:first-child {display: none;}
/* hna-detail-emag */
.hna-detail-emag {margin-bottom: 30px;}
.hna-detail-emag .nnhc-title{margin-bottom: 15px;}
.hna-detail-emag .article{width: 100%;float: left;margin-left: 0;margin-top: 25px;padding-top: 25px;border-top: 1px solid #ebebeb;}
.hna-detail-emag .article:first-child{margin-top: 0;padding-top: 0;border-top: 0;}
.hna-detail-emag .article-image{width: 180px;float: left;margin: 0 25px 0 0;}
.hna-detail-emag .article-title{font-size: 20px;margin-bottom: 0;}
.hna-detail-emag .article-info{display: none;}
.hna-detail-emag .article-desc{display: none;}

.article-detail .__MASTERCMS_CONTENT > *{margin-bottom: unset;}
.article-detail .__MASTERCMS_CONTENT .mastercms-emag-article table:first-child{margin-top: 0 !important;}