@import "fancybox.css";
@font-face {font-family: Graphik;src: url("./fonts/graphik/GraphikRegular.otf");font-weight: normal;}
@font-face {font-family: Graphik;src: url("./fonts/graphik/GraphikBold.otf");font-weight: bold;}
@font-face {font-family: Georgia, 'Times New Roman', Times, serif;src: url("./fonts/georgia/Georgia Regular font.ttf");font-weight: normal;}
@font-face {font-family: Georgia, 'Times New Roman', Times, serif;src: url("./fonts/georgia/georgia bold.ttf");font-weight: bold;}
@font-face {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;src: url('./fonts/segoe-ui/Segoe\ UI.ttf');font-weight: normal;}
@font-face {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;src: url('./fonts/segoe-ui/Segoe\ UI\ Italic.ttf');font-weight: normal;font-style: italic;}
*, *::after, *::before {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
a {color: inherit;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}
a:hover {color: #ad5858;}
a:focus {outline: none;}
ul, ol {list-style: none;}
img {max-width: 100%;max-height: 100%;border: none;}
body {font-size: 16px;line-height: 1.35;font-family: Graphik;color: #333;}
.clearfix::after {content: '';display: block;height: 0px;clear: both;}
.lt {float: left;}
.rt {float: right;}
.btn {cursor: pointer;display: inline-block;text-align: center;}
.mb15 {margin-bottom: 15px !important;}
.mb25 {margin-bottom: 25px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.pb15 {padding-bottom: 15px !important;}
.pt15 {padding-top: 15px !important;}
/* ico-type */
.ico-camera,.ico-photo,.ico-infographic,.ico-emag {display: block;position: absolute;z-index: 1;right: 5px;bottom: 5px;background-image: url(../images/pc/ico-type.png);background-repeat: no-repeat;}
.ico-photo {width: 21px;height: 19px;background-position: 0 0;}
.ico-camera {width: 23px;height: 23px;background-position: -26px 0;}
.ico-emag {width: 50px;height: 14px;background-position: -78px -5px;}
.ico-infographic {width: 20px;height: 20px;background-position: -53px -2px;}
.ico-video,.ico-image,.ico-comment,.ico-vote {display: inline-block;margin-left: 2px;}
.ico-video {background: url(../images/pc/img-video.png) 0 0 no-repeat;width: 15px;height: 12px;}
.ico-image {background: url(../images/pc/img-images.png) 0 0 no-repeat;width: 15px;height: 12px;}
.ico-vote {background: url(../images/pc/img-vote.png) 0 0 no-repeat;width: 14px;height: 14px;}
.ico-comment {background: url(../images/pc/ico-comment.png) 0 1px no-repeat;padding-left: 17px;font-size: 12px;font-family: inherit;color: #0065b3;font-weight: normal;}
.article:first-child {margin-top: 0 !important;padding-top: 0 !important;border-top: none !important;}
.article-thumb {position: relative;display: block;margin-bottom: 10px;overflow: hidden;}
.article-thumb::before {content: '';display: block;padding-top: 56.25%;}
.article-image {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;}
.article-title {font-weight: bold;font-size: 16px;}
.article-desc {margin-top: 10px;font-size: 14px;color: #999;}
.article-meta {color: #ad5858;margin-top: 5px;font-size: 12px;}
.article-publish-time {text-transform: uppercase;}
.article-author::before {content: 'By ';}
.post-email::after,.article-cat-name::after, .article-author::after {content: ' |';}
.post-email:empty,.article-author:empty {display: none;}
.title-normal .article-title {font-weight: normal;}
.no-desc .article-desc {display: none;}
.no-thumb .article-thumb {display: none;}
.art-1-thumb .article-thumb {display: none;}
.art-1-thumb .article:first-child .article-thumb {display: block;}
.art-1-thumb .article:first-child .article-title {font-size: 26px;}
.art-1-thumb .article:first-child .article-desc {display: block;}
.wrapper {padding: 0px 12px;}
.show {display: block !important;}
.hide {display: none !important;}
.cat-title {padding-top: 12px;padding-bottom: 12px;}
.cat-name {position: relative;font-size: 26px;line-height: 1;color: #1F3A1C;padding-left: 12px;font-weight: bold;}
.cat-name::before {content: '';position: absolute;display: block;width: 4px;height: 20px;background-color: #ad5858;top: 2px;left: 0px;}
.cat-sub-list {position: relative;}
.icon-cat-sub {cursor: pointer;display: block;}
.icon-cat-sub::before {content: "\f078";padding-left: 7px;display: inline-block;font-size: 10px;font-style: normal;font-family: "Font Awesome 5 Free";text-rendering: auto;vertical-align: top;font-weight: 900;padding: 10px;}
.cat-sub-item {display: none;background-color: #d8d8d8;position: absolute;top: 45px;right: 0;z-index: 99;width: 280px;/* transform: rotateX( -90deg); */box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);/* transition: all 0.27s ease-in-out; */transform-origin: 0 0;}
.cat-sub-item a:first-child {border-top: 0;}
.cat-sub-item a {display: block;text-align: right;padding: 8px;line-height: 32px;border-top: 1px solid #ececec;}
/*homepage*/
.top-bar {line-height: 30px;background-color: #ebebeb;font-size: 12px;color: #666;/* padding: 0px 0px; */}
.top-bar .system-time .fa-clock {color: #999;}
.top-bar .link-to-cat {text-transform: uppercase;}
.header-top {padding: 10px 0px;text-align: center;position: relative;}
.header-top .icon-menu, .header-top .icon-search {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;vertical-align: middle;}
.header-top .icon-menu {left: 12px;background: url("../images/icon-menu.svg") center center no-repeat;}
.header-top .icon-search {right: 12px;font-size: 20px;color: #ad5858;}
.header-top .logo {display: inline-block;width: 210px;line-height: 0;vertical-align: middle;}
.header-top #frmSearch {display: none;padding: 10px;background-color: #f7f7f7;z-index: 10;position: absolute;top: 100%;left: 0;right: 0;border-top: 1px solid #ddd;border-bottom: 1px solid #dfdfdf;-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);}
.header-top #frmSearch input[type=text] {width: calc(100% - 70px);float: left;background: #fff;border: 0;height: 34px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0px 5px;}
.header-top #frmSearch button[type=submit] {color: #fff;border: none;border-left-color: #eee;border-top-right-radius: 3px;border-bottom-right-radius: 3px;float: right;width: 70px;height: 34px;line-height: 34px;text-align: center;background: #1F3A1C;}
#shortcut {height: 36px;line-height: 36px;background: #1F3A1C;color: #fff;position: relative;}
#shortcut .icon-home, #shortcut .menu-button, #shortcut .search-button, #shortcut .icon-desktop {display: inline-block;width: 40px;height: 36px;text-align: center;font-size: 18px;}
#shortcut .icon-home {float: left;/* background: url(../images/icon-menu-divider.png) right 3px no-repeat; */}
#shortcut .icon-desktop {background: url(../images/icon-desktop.png) center center no-repeat;display: none;}
#shortcut .menu-button {float: left;}
#shortcut .search-button,#shortcut .icon-desktop {float: right;}
#shortcut .menu-button,#shortcut .search-button {display: none;}
#shortcut .search-box {position: absolute;}
.list-shortcut {display: block;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.list-shortcut li {padding: 0 10px;display: inline-block;/* background: url(../images/icon-menu-divider.png) left 3px no-repeat; */}
.list-shortcut li:first-child {background: none;}
.menu-list {width: 100%;height: 100%;background: #fff;position: fixed;top: 0;left: 0;overflow: scroll;z-index: 100;will-change: transform;-webkit-transition: .3s ease;transition: .3s ease;-webkit-transform: translate(-100%);transform: translate(-100%);font-family: Arial, Helvetica, sans-serif;}
.menu-list .menu-header {padding: 0px 5px;}
.menu-list .menu-header .btn {height: 36px;line-height: 36px;width: 36px;font-size: 18px;}
.show_main_menu .menu-list {-webkit-transform: translate(0);transform: translate(0);}
.show_main_menu .menu-list .icon-menu {left: 12px;background: url("../images/icon-close.svg") center center no-repeat;}
#header .close-button i {color: #ed1f24;}
.list-main-nav {background-color: #000;color: #fff;padding: 0 15px;}
.menu-item {width: 100%;float: left;border-bottom: 1px solid rgba(223, 223, 223, 0.533);position: relative;text-transform: uppercase;}
.menu-item:last-child {border-bottom: none;}
.menu-link {font-size: 16px;font-weight: bold;float: left;padding: 15px 0;}
.sub-menu-button {display: block;float: right;width: 50px;height: 50px;text-align: center;font-size: 14px;cursor: pointer;}
.sub-menu-button i {line-height: 50px;}
.sub-menu-button i.fa-minus:before {content: "\f068";}
.list-sub-nav {width: 100%;float: left;display: none;}
.sub-menu-item {border-top: 1px solid rgba(223, 223, 223, 0.533);width: 100%;float: left;text-transform: none;}
.sub-menu-link {font-size: 16px;display: block;float: left;width: 100%;padding: 15px 0 15px 15px;}
.sub-menu-link i {font-size: 10px;margin-right: 15px;vertical-align: 2px;}
#shortcut.header_cloned {width: 100%;position: fixed;top: 0;left: 0;z-index: 10;overflow: visible;-webkit-box-shadow: 0 1px 3px rgba(80, 80, 80, 0.2), 0 3px 5px rgba(80, 80, 80, 0.15);box-shadow: 0 1px 3px rgba(80, 80, 80, 0.2), 0 3px 5px rgba(80, 80, 80, 0.15);-webkit-transition-duration: 300ms;transition-duration: 300ms;-webkit-transition-property: all;transition-property: all;-webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);-webkit-transform: translateY(0);transform: translateY(0);}
#shortcut.header_cloned .menu-button {display: block;}
#shortcut.nav-up {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.cat-thumb {line-height: 1.1;}
.cat-thumb .article {float: left;position: relative;width: 100%;}
.cat-thumb .article .article-image {-webkit-transition: 0.5s;transition: 0.5s;}
.cat-thumb .article:hover .article-image {-webkit-transform: scale(1.1);transform: scale(1.1);}
.cat-thumb .article .article-title {font-size: 4vw;}
.cat-thumb .article .article-meta {font-size: 2.5vw;}
.cat-thumb .article:first-child {width: 100%;padding: 0px;}
.cat-thumb .article:first-child .article-title {font-size: 6vw;}
.cat-thumb .article:first-child .article-meta {font-size: 3.5vw;}
.cat-thumb .article-info {position: absolute;bottom: 10px;left: 10px;right: 10px;color: #fff;text-align: center;}
.cat-thumb .article-thumb::after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );}
.cat-thumb .article-title:hover a {color: #fff;}
.cat-thumb .article-thumb {width: 100%;height: 100%;margin-bottom: 0;}
.cat-cover {border-top: 1px solid #fff;}
.cat-cover .article {width: 50%;margin-top: 1px;padding: 0px 1px;}
.cat-cover .article .article-thumb::before {padding-top: 110%;}
.cat-cover .article:first-child .article-thumb::before {padding-top: 80%;}
.cat-cover .article:first-child .article-info {text-align: left;}
.cat-cover .goto-cat {display: none;width: 40px;height: 40px;border-radius: 50%;background: url(../images/m-icon-arrow-right.png) center center no-repeat;background-color: #1F3A1C;position: absolute;right: 20px;bottom: 30px;}
.cat-cover .article:first-child .goto-cat {display: inline-block;}
.text-red {color: #ad5858;}
.icon-flame {background: url(../images/icon-flame.png) center center no-repeat;width: 13px;height: 20px;display: inline-block;margin-left: 5px;}
.cat-listing .article {margin-top: 15px;padding-top: 15px;border-top: 2px dotted #ccc;}
.cat-listing .article::after {content: '';display: block;clear: both;}
.cat-listing .article-thumb {float: left;width: 25%;min-width: 50px;margin-right: 15px;margin-bottom: 0;}
.cat-listing .article-desc {color: #999;}
.img-11 .article-thumb::before {padding-top: 100%;}
.banner {text-align: center;}
.banner-item:not(:first-child) {margin-top: 10px;}
.cat-divider {margin: 15px 12px 0px 12px;position: relative;display: block;height: 8px;border-top: 1px solid #ebebeb;text-align: center;}
.cat-divider::after {position: absolute;top: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: '';display: inline-block;width: 200px;border-bottom: 1px solid #ebebeb;}
.art-list-style .article {margin-top: 15px;}
.art-list-style .article-title {position: relative;}
.art-list-style .article:nth-child(n+2) .article-title::before {content: '';display: block;position: absolute;top: 7px;left: -15px;width: 6px;height: 6px;background-color: #ad5858;border-radius: 50%;}
.art-list-style .article:nth-child(n+2) {padding-left: 15px;}
.big-title .cat-name {font-size: 38px;text-align: center;padding-left: 0;}
.big-title .cat-name::before {content: none;}
.cat-media .article-meta {display: none;}
.cat-media .article {float: left;padding: 1px 1px 0px 1px;}
.cat-media .article .article-thumb::before {padding-top: 100%;}
.cat-media .article:first-child {padding: 0px;}
.cat-media .article:first-child .article-thumb::before {padding-top: 138%;}
.cat-media .article:nth-child(2) .article-thumb::before {padding-top: 43%;}
.cat-media .article:nth-child(n+3) {width: 50%;}
.cat-media .article-title {text-align: center;display: block;}
.cat-media .article-title::before {content: '';width: 40px;max-width: 92px;height: 3px;background-color: #1F3A1C;position: absolute;top: -15px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.cat-media .article:first-child .article-title::before, .cat-media .article:nth-child(2) .article-title::before {width: 92px;}
.bg-lt-blue {background-color: #f2f6f8;padding: 15px 12px;}
.bt-1 {border-top: 1px solid #ebebeb;margin-top: 3px;}
.bb-2 {padding-bottom: 15px;border-bottom: 2px solid #ebebeb;}
.title-decor .cat-name {background: url(../images/m-decor-2bars.png) center center no-repeat;}
.cat-only {padding: 0px 0px 30px;}
.cat-only .cat-name {text-align: left;text-transform: uppercase;}
.cat-only .article {width: 100vw;position: relative;max-width: 800px !important;padding: 0px 0px 0px 12px;max-height: 100vh;}
.cat-only .article-title {font-size: 4.5vw;}
.cat-only .article-thumb {width: 75vw;height: 100vw;max-height: 100vh;margin-bottom: 0;}
.cat-only .article-info {position: absolute;width: 70vw;max-height: 40vh;bottom: 25px;right: 12px;background-color: #fff;padding: 10px 10px 20px 15px;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc;overflow: hidden;}
.slick-dots {position: absolute;bottom: 38px;right: 20px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.slick-dots li {float: left;}
.slick-dots button {width: 7px;height: 7px;font-size: 0px;border: none;background-color: #787878;margin-left: 3px;outline: none;cursor: pointer;}
.slick-dots .slick-active button {background-color: #ff6666;}
.cat-top .article:first-child .article-thumb {width: 100%;}
.cat-top .article:first-child .article-desc {display: block;}
.cat-knowledge .article:first-child .article-thumb {width: 40%;float: left;margin-right: 15px;}
.cat-knowledge .article:first-child .article-thumb::before {padding-top: 75%;}
.cat-knowledge .article:first-child .article-title {font-size: 18px;}
.cat-knowledge .article:first-child .article-desc {float: left;clear: both;}
.cat-knowledge .article:first-child::after {content: '';display: block;clear: both;}
.tab .tab-content {display: none;}
.tab .tab-button {padding: 10px;text-align: center;}
.tab .tab-button.active {background-color: rgba(0, 0, 0, 0.063);}
.cat-tab {margin-top: 10px;}
.cat-tab .cat-name {display: inline-block;font-size: 20px;}
.cat-tab .cat-name::before {content: none;}
.cat-tab .article-title {font-weight: normal;}
#footer {font-size: 14px;/* border-top: 7px solid #000; */  background-color: #000;padding-bottom: 50px;}
#footer .footer-logo {margin: 20px 0px 0px;display: inline-block;width: 60%;max-width: 280px;}
#footer .slogan {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-style: italic;font-size: 16px;}
#footer .text-copyright p {margin-bottom: 10px;font-size: 14px;color: #bbb;}
#footer .text-copyright .slogan {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-style: italic;font-size: 16px;}
#footer .icon-item {display: inline-block;width: 23px;height: 23px;background: url("../images/social-icons.png") 0px 0px no-repeat;float: left;margin-right: 12px;}
#footer .icon-item:nth-child(2) {background: url("../images/social-icons.png") -36px 0px no-repeat;}
#footer .icon-item:nth-child(3) {background: url("../images/social-icons.png") -72px 0px no-repeat;}
#footer .icon-item:nth-child(4) {background: url("../images/social-icons.png") -107px 0px no-repeat;}
.mastercms {background: #fff;color: #999;padding: 8px 0;font-size: 14px;display: block;}
.menu-list #footer .footer-logo {width: 150px;}
.menu-list #footer {padding-bottom: 20px;}
/*mb-detail*/
.breadcrumb {font-size: 12px;background-color: #ffeaea;padding: 5px 12px;line-height: 20px;}
.breadcrumb h1 {font: inherit;display: inline-block;}
.breadcrumb .cat-item {font-size: 12px;font-weight: bold;display: inline-block;}
.breadcrumb .cat-item::after {content: '|';margin-left: 5px;margin-right: 3px;}
.breadcrumb .cat-item:first-child {color: #999;}
.breadcrumb .cat-item:last-child::after {content: none;}
.breadcrumb .cat-item.active a {color: #ad5858;}
.post-title {font-size: 36px;}
.post-meta {color: #ad5858;font-size: 12px;margin-top: 10px;}
.post-author-avatar {display: inline-block;width: 34px;height: 34px;background-color: #eee;vertical-align: middle;position: relative;overflow: hidden;}
.post-author-avatar::before {content: '';display: block;padding-top: 100%;}
.post-author-avatar img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;   object-fit: cover;}
.post-author::before {content: 'By ';}
.post-author::after {content: ' |';}
.post-author::after {content: ' |';}
.share-links {font-size: 10px;font-weight: bold;margin-top: 12px;}
.share-links .btn {width: 68px;height: 28px;border: 1px solid #cfcfcf;border-radius: 3px;line-height: 28px;margin-right: 3px;margin-top: 5px;-webkit-transition: 0.2s;transition: 0.2s;}
.share-links .btn i {margin-right: 5px;font-size: 12px;}
.share-links .btn:hover {border: 1px solid #999;}
.share-links .share-facebook {color: #3c5999;}
.share-links .share-twitter {color: #55acef;}
.share-links .share-email {color: #7d7d7d;}
.share-links .share-linkedin {color: #1376b5;}
.post-desc {font-size: 24px;margin-top: 20px;margin-bottom: 20px;}
.post-content {font-family: Georgia, 'Times New Roman', Times, serif;font-size: 20px;word-break: break-word;}
.post-content p, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin-top: 13.5px;margin-bottom: 13.5px;}
.end-post-author {font-size: 14px;margin-top: 30px;font-weight: bold;text-align: right;}
.icon-tag {font-size: 30px;font-weight: bold;color: #e5e5e5;padding-bottom: 5px;display: block;border-bottom: 1px solid #ebebeb;}
.post-tag a {display: inline-block;background-color: #ebebeb;padding: 5px 15px;margin-top: 10px;border-radius: 5px;font-family: Georgia, 'Times New Roman', Times, serif;}
.box-cat .article {margin-top: 15px;}
.btn-viewmore {display: block;width: 130px;color: #1F3A1C;height: 34px;line-height: 34px;background-color: #ebebeb;margin: 15px auto 0px;border-radius: 17px;-webkit-transition: 0.2s;transition: 0.2s;text-align: center;}
.btn-viewmore i {margin-left: 5px;}
.btn-viewmore:hover {background-color: #1F3A1C;color: #fff;}
/* __MB_ARTICLE_PAGING */
.__MB_ARTICLE_PAGING {width: 100%;text-align: center;margin: 20px 0 20px 0;}
.__MB_ARTICLE_PAGING span,.__MB_ARTICLE_PAGING a {display: inline-block;height: 34px;text-align: center;line-height: 34px;border-radius: 34px;width: 130px;background-color: #eee;}
.__MB_ARTICLE_PAGING span.current {color: #1F3A1C;}
.__MB_ARTICLE_PAGING a {background-color: #1F3A1C;color: #fff;}
.__MB_ARTICLE_PAGING a:hover {background-color: #1F3A1CCC;}
.__MB_ARTICLE_PAGING span:first-child {display: none;}/*# sourceMappingURL=m-style.css.map */
/**/
.jwplayer {margin: 0px auto;width: auto !important;height: auto !important;max-width: 100% !important;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.jw-video {transform: scale(1) !important;max-width: 100% !important;}
.post .___widget_video_article {position: relative;padding-top: 56.25%;}
.static-content {margin-top: 20px;margin-bottom: 20px;}
.gotop {position: fixed;z-index: 2;bottom: 58px;right: 10px;background: rgba(31, 58, 28, 0.8);;color: #fff;text-align: center;width: 36px;height: 36px;line-height: 36px;font-size: 16px;cursor: pointer;border-radius: 100%;transition: 0.5s;}
.ad-toppost div, .ad-inpost div, .ad-enpost div{max-width: 100% !important;}
.post-desc a, .post-content a {color: blue;}
.highlight{background: yellow;}
.text-center {text-align: center;}
/* cookieconsent */
#policy-info {z-index: 99999999;border-top: 1px solid #1e435e;font-size: 14px;position: fixed;bottom: 0;left: 0;right: 0;padding: 20px;line-height: 24px;background: #607d8b;color: #fff;/* display: none; */}
#policy-info .wrapper {position: relative;margin: 0 auto;}
#policy-info .btn-group {margin-top: 10px;display: block;}
#policy-info .btn-group a, #policy-info .btn-group span {padding: 8px;background: #fff;border: 1px solid #fff;color: #333;border-radius: 3px;text-decoration: none;margin-right: 10px;}
#policy-info a {color: #fff;text-decoration: underline;}