@charset "utf-8";
* {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-top: 20px;margin-bottom: 20px;} */
hr{border-color: #888;}
#top-bar {height: 40px;background: #fff;line-height: 40px;text-align: center;overflow: hidden;position: sticky;width: 100%;box-shadow: 0px 1px 3px #a1a2a3;z-index: 9999;top: 0;}
.site-logo {display: block;position: absolute;left: 15px;top: 1px;}
.emag{display: inline-block;margin: 0 auto;}
.emag span.first {font-size: 27px;font-weight: bolder;color: #ee2a31;}
.emag span.second {text-transform: uppercase;font-size: 30px;color: #f15a29;}
#top-bar .fb-like,#top-bar .fb-share-button{position: absolute;right: 10px;top: 0;}
.siteCenter {width: 1180px;margin: 0 auto;}
.emag-bottom-layout .wrapper{padding: 0 10px;}
a {text-decoration: none;border: none;color: inherit;}
a:hover,.breadcrumb a:hover,.breadcrumb li a:hover,.utilities-content a:hover{color: #f15a29;}
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;}
.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; }
.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-name{font-size: 22px;color: #000;float: left;position: relative;line-height: 30px;border-bottom: 1px solid #ebebeb;padding-bottom: 10px;}
.bx-cat-link{color: inherit;display: inline-block;position: relative;}
.bx-cat-link::before{content: '';display: inline-block;width: 4px;height: 16px;background: #da251c;margin-right: 8px;}
.bx-cat-link:hover,.bx-cat-sub a:hover{color: #337ab7 !important;}
.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 .bx-cat-name{border-bottom: 0;border-top: 1px solid #ebebeb;padding-bottom: 0;padding-top: 10px;}
.article-detail-other .article{width: 373px;float: left;margin: 30px 0 0 30px;}
.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: 16px;margin-bottom: 10px;}
.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: #337ab7;color: #fff;}
.__MB_ARTICLE_PAGING a:hover {background: #337ab7;color:#fff;}
.__MB_ARTICLE_PAGING span:first-child {display: none;}
/* hna-detail-emag */
.hna-detail-emag .bx-cat-name{border-bottom: 0;border-top: 1px solid #ebebeb;padding-bottom: 0;padding-top: 10px;}
.hna-detail-emag .article{width: 100%;float: left;margin-left: 0;margin-top: 20px;padding-top: 20px;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: 130px;float: left;margin: 0 15px 0 0;}
.hna-detail-emag .article-title{font-size: 14px;margin-bottom: 0;}
.hna-detail-emag .article-info{display: none;}
.hna-detail-emag .article-desc{display: none;}
/* page-emag */
.page-emag #__MB_MASTERCMS_EL_3 .mastercms-emag-publish,.page-emag #__MB_MASTERCMS_EL_3 .mastercms-emag-summary{margin-left: auto;margin-right: auto;}