/*
$primary-color: #0077b2;*/
a, a:visited { color: #222; text-decoration: none; }

a:hover { color: #0084F3; text-decoration: none; }

body, html { font-family: 'Roboto', sans-serif; font-size: 16px; color: #4d4d4d; font-weight: normal; background: #fff; margin: 0; padding: 0; }

img { max-width: 100%; }

ul { margin-bottom: 0px; }

header { background: #336aea; color: #fff;     /* #topbar { height: 40px; line-height: 40px; color: #444; font-size: 0.9rem; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 0 15px;
 
 .sysdate { strong { color: #d12525 !important; } } }*/ }
header .logo { display: block; margin: 7px 7px 7px 0; }
header .logo img { height: 50px; }
header a, header a:visited { color: #fff; }
header a:hover { font-weight: 500; }
header p { margin: 0; }
header .listright { text-align: right; margin-top: 15px; font-size: 0.85rem; }
header .listright .social-icon i { color: #336aea; }
header .listright .dropdown { z-index: 9999; font-size: 14px; }
header .listright .dropdown .btn-secondary { border: none; background-color: rgba(0, 0, 0, 0.1); }
header .listright .dropdown .dropdown-menu a, header .listright .dropdown .dropdown-menu a:visited { color: #333 !important; font-size: 14px; }
header .search-form { background: #336aea; padding: 0px 10px; line-height: 32px; }
header .search-form .txtSearch { border: none; outline: none; height: 32px; border: none; width: 150px; background: none; color: rgba(255, 255, 255, 0.8) !important; }
header .search-form .search { display: block; cursor: pointer; color: #fff; }
header .search-form ::placeholder { color: rgba(255, 255, 255, 0.8) !important; font-style: italic; font-size: 0.85rem !important; }
header .search-form :-ms-input-placeholder { font-style: italic; font-size: 0.9rem; }
header .search-form ::-ms-input-placeholder { font-style: italic; font-size: 0.9rem; }

.TopAd img { display: block; margin: auto; }

#MainMenu { border-bottom: 2px solid #336aea; }

.FixedMenu { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background: #fff; }

.highlight { margin-bottom: 5px; }
.highlight .special { border-right: 1px solid #eee; }
.highlight .special .img { display: block; margin-bottom: 15px; }
.highlight .special .img img { width: 100%; }
.highlight .special .date { color: #999; }
.highlight .special .title a { font-size: 24px; margin-bottom: 7px; font-weight: 500; line-height: normal; }
.highlight .second_special { border-left: 1px solid #eee; }
.highlight .second_special .item .img { display: block; margin: 0 10px 10px 0; }
.highlight .second_special .item .img img { width: 100%; }
.highlight .second_special .item .title { margin-bottom: 0px; }
.highlight .second_special .item .title a { line-height: normal; font-size: 16px; font-weight: 500; }
.highlight .second_special .item:first-child { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.highlight .second_special .item:last-child { padding-top: 10px; }
.highlight .list-special { list-style: none; padding: 0; }
.highlight .list-special .special-item { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; }
.highlight .list-special .special-item:last-child { border: none; }
.highlight .list-special .special-item .khungAnh { width: 120px; float: left; margin: 5px 20px 0px 0; }
.highlight .list-special .special-item .title { margin-bottom: 0px; width: calc(100% - 140px); float: right; }
.highlight .list-special .special-item .title a { line-height: normal; font-size: 16px; font-weight: 500; }
.highlight .listAdver { margin-bottom: 5px; }
.highlight .listAdver .cS-hidden { min-height: 80px; }
.highlight .listAdver .item { padding-right: 10px; }
.highlight .listAdver .item .khungAnh { width: 120px; float: left; margin: 5px 10px 0 0; }
.highlight .listAdver .item .title { margin-bottom: 0px; width: calc(100% - 130px); float: right; }
.highlight .listAdver .item .title a { line-height: normal; font-size: 16px; font-weight: 400; }

.khungAnh { position: relative; z-index: 1; overflow: hidden; background: #ddd; }

.khungAnh:before { padding-bottom: 60%; }

.khungAnhCrop, .khungAnhCrop0 { display: inline-block; height: 100%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1; transition: 0.7s; }

.khungAnh:before, .khungVideo:before { content: ""; display: block; }

.khungAnhCrop img { left: 50%; max-height: 150%; max-width: 150%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; transition: 0.6s; }

.khungAnhCrop img { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.khungAnhCrop img.tall { height: 100%; min-width: 100%; }

.CategoryItem .FirstItem .khungAnh:before { padding-bottom: 65%; }
.CategoryItem .FirstItem .img { margin-bottom: 10px; }
.CategoryItem .FirstItem .title a { line-height: normal; font-size: 18px; font-weight: 500; }
.CategoryItem .CategoryTitle { font-size: 16px; line-height: 22px; color: #336aea; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; }
.CategoryItem .CategoryTitle a, .CategoryItem .CategoryTitle a:visited { color: #222; }
.CategoryItem .CategoryTitle a:hover { color: #336aea; }

.ListSecondary .item { margin-bottom: 15px; }
.ListSecondary .item .khungAnh { width: 80px; float: right; margin: 5px 0px 0px 10px; }
.ListSecondary .item .title { margin-bottom: 0px; width: calc(100% - 90px); float: right; line-height: 19px; }
.ListSecondary .item .title a { font-weight: 500; font-size: 15px; }

.ListSecondaryLayout2 .item { margin-bottom: 15px; }
.ListSecondaryLayout2 .item .khungAnh { width: 110px; float: left; margin: 5px 10px 0px 0px; }
.ListSecondaryLayout2 .item .title { margin-bottom: 0px; width: calc(100% - 120px); float: left; line-height: 19px; }
.ListSecondaryLayout2 .item .title a { font-weight: 500; font-size: 15px; }

.ListSecondaryLayout3 .item { margin-bottom: 15px; }
.ListSecondaryLayout3 .item .khungAnh { width: 80px; float: left; margin: 5px 10px 0px 0px; }
.ListSecondaryLayout3 .item .title { margin-bottom: 0px; width: calc(100% - 90px); float: left; line-height: 19px; }
.ListSecondaryLayout3 .item .title a { font-weight: 500; font-size: 15px; }

.Layout2 { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.Layout2 .FirstItem { border-bottom: 1px solid #ddd; margin-bottom: 7px; }
.Layout2 .CategoryTitle { margin-top: 20px; }
.Layout2:nth-child(3), .Layout2:nth-child(6) { border-right: none; }

.Layout3 { border-top: 1px solid #ddd; margin-bottom: 20px; }

.CategoryDiv .highlight { border-right: 1px solid #ddd; }
.CategoryDiv .highlight .special { border-right: none; margin-bottom: 15px; }
.CategoryDiv .highlight .FirstItem .date { color: #999; margin-bottom: 0px; }

.CategoryListArticles { margin-top: 20px; }
.CategoryListArticles .item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.CategoryListArticles .item .khungAnh { width: 250px; float: left; margin: 5px 10px 0px 0px; }
.CategoryListArticles .item .title { margin-bottom: 10px; width: calc(100% - 260px); float: left; line-height: 19px; }
.CategoryListArticles .item .title a { line-height: normal; font-size: 18px; font-weight: 500; }
.CategoryListArticles .item .date { color: #888; font-size: 15px; margin-bottom: 5px; }

.PageDetail { color: #333; }
.PageDetail .ovv { font-weight: 500; margin-bottom: 15px; }
.PageDetail .article-content span { font-family: 'Roboto' !important; font-size: 16px !important; }
.PageDetail .article-content a { color: #336aea; }
.PageDetail .article-content img, .PageDetail .article-content table, .PageDetail .article-content input { max-width: 100% !important; height: auto !important; }
.PageDetail .ListLinkArticle { border: 1px solid #ddd; padding: 15px; margin-bottom: 15px; }
.PageDetail .ListLinkArticle p { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; color: #222; }
.PageDetail .ListLinkArticle ul { padding: 0px; }
.PageDetail .ListLinkArticle ul li { margin-left: 20px; padding: 7px 0; }
.PageDetail .printDiv { padding: 10px 15px; background: #f2f2f2; border-radius: 5px; }
.PageDetail .printDiv ul { margin: 0px; }
.PageDetail .printDiv ul li, .PageDetail .printDiv ul a { color: #555; font-size: 15px; }
.PageDetail .printDiv ul a:hover { color: #336aea; }
.PageDetail h1.Title { font-size: 32px; font-weight: 600; color: #222; }
.PageDetail .date { color: #777; }

.otherList h4 { margin: 20px 0; border-top: 1px solid #222; padding-top: 15px; font-weight: 600; font-size: 18px; line-height: 20px; color: #222; }
.otherList .FirstItem { margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.otherList .item { margin-bottom: 15px; padding-bottom: 15px; }
.otherList .item a { font-weight: 600; font-size: 14px; line-height: 20px; }
.otherList .item:not(:last-child) { border-bottom: 1px solid #ddd; }

.navigation .nlist { border-bottom: 1px solid #ddd; margin-bottom: 20px; margin-top: 10px; padding-bottom: 5px; }
.navigation .nlist .list-inline-item:not(:last-child) { margin-right: 20px; }
.navigation .nlist li { line-height: 35px; color: #888; font-size: 0.9rem; }
.navigation .nlist li a { color: #565656; font-size: 15px; }
.navigation .nlist li a:hover { color: #336aea; }
.navigation .nlist li .parent { font-size: 16px; font-weight: 600; color: #333; border-right: 1px solid #ddd; padding-right: 20px; }
.navigation .nlist li a.active { color: #336aea; }

.tagItem { background: #f2f2f2; border: 1px solid #ddd; border-radius: 20px; padding: 7px; font-size: 14px; }

iframe { overflow: hidden; }

.fb-like-wrap { max-width: 100% !important; overflow: hidden !important; }

.notDesktop { display: none; }

.xsShow { display: none !important; }

.BannerIframe { width: 100%; border: none; }

.btn-seemore { background: #336aea; color: #fff !important; cursor: pointer; margin: auto; padding-left: 60px; padding-right: 60px; }

.myValidation ul { padding: 0px; margin-left: 10px; color: red; font-style: italic; }
.myValidation ul li { margin-bottom: 8px; }

.VideoWrapper { padding-top: 56.25%; width: 100%; background: #333; position: relative; }
.VideoWrapper iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.VideoItem { cursor: pointer; padding-bottom: 20px; }
.VideoItem .img { display: block; margin-bottom: 7px; position: relative; }
.VideoItem .img img { width: 100%; }
.VideoItem .khungAnhCrop:before { display: block; content: ''; background: rgba(0, 0, 0, 0.5) url(../images/play-icon.png) no-repeat center; height: 100%; width: 100%; position: absolute; z-index: 99; transition: 0.4s; }
.VideoItem .img:hover::before { opacity: 0.5; }
.VideoItem .title { margin-top: 15px; text-align: left; margin-bottom: 0px; }
.VideoItem .title a { color: #111; font-weight: bold; }

.surveyList .form-check { margin-bottom: 20px; }
.surveyList .form-check label { cursor: pointer; }

.survey-Item { border: 1px dashed #ddd; border-radius: 5px; padding: 20px; margin-bottom: 15px; }
.survey-Item p.title { font-size: 16px; }
.survey-Item p.ovv { font-size: 12px; color: #555; }

.section-title-contact h2 { font-size: 13px; letter-spacing: 1px; font-weight: 700; padding: 8px 20px; margin: 0; background: #e7f1fd; color: #106eea; display: inline-block; text-transform: uppercase; border-radius: 50px; }
.section-title-contact h3 { margin: 15px 0 0 0; font-size: 32px; font-weight: 700; }

.info-box { color: #444444; text-align: center; box-shadow: 0 0 30px #d6d7d8; padding: 20px 0 30px 0; }
.info-box a { color: #444444; }
.info-box i { font-size: 26px; color: #106eea; border-radius: 50%; padding: 8px; border: 2px dotted #b3d1fa; width: 52px; height: 52px; margin-bottom: 15px; }
.info-box h3 { font-size: 20px; color: #777777; font-weight: 700; margin: 10px 0; }

.infographic { font-size: 22px; padding-top: 45px; }
.infographic img { display: block; margin: auto; }
.infographic p { width: 90%; max-width: 1320px; margin: 30px auto; display: block; }

.infographicNav { padding: 15px 10px 15px !important; margin-bottom: 0px !important; height: 65px; background: #f2f2f2d1 url(../images/infographic.png) no-repeat center center; position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid #dadada; z-index: 99999; }
.infographicNav .printDiv { font-size: 14px; }

.poweredby { color: #336aea; font-weight: 500; margin-top: 20px; }

.scrollTop { position: fixed; width: 45px; height: 45px; right: 20px; bottom: 20px; background-color: #999; border-radius: 50%; opacity: 0; cursor: pointer; transition: all 0.4s ease-in-out 0s; border: 2px solid #fff; justify-content: center; align-items: center; display: flex; font-size: 16px; color: #fff; z-index: 999; }
.scrollTop:hover { background: #336aea; }

.scrollTop div { width: 100%; text-align: center; line-height: 27px; }

.backlink ul { margin-left: 20px; padding: 0; }
.backlink ul a { color: #336aea; }
.backlink ul li { padding: 4px 0; }

.mt20 { margin-top: 20px; }

.BannerItem a { display: block; text-align: center; }
.BannerItem .Inside { position: relative; }
.BannerItem .Inside a { width: 100%; height: 100%; display: block; position: absolute; z-index: 9; }

.PriceBoard { margin-bottom: 15px; width: 100%; }
.PriceBoard thead { border-bottom: 1px solid #ddd; }
.PriceBoard tbody tr:first-child td { padding-top: 15px; }
.PriceBoard td { font-weight: normal; padding: 7px 0; font-size: 15px; }
.PriceBoard td .up { color: #336aea; }
.PriceBoard td .down { color: red; }
.PriceBoard td:nth-child(3) { font-weight: 500; }

.Footer_wr { padding-top: 20px; margin-top: 10px; }

footer { padding: 10px 15px; padding-top: 20px; background: #daedff; color: #111; }
footer h4 { font-size: 18px; font-weight: 500; }
footer a { color: rgba(255, 255, 255, 0.9); }
footer a:hover { color: #ffe9af; }
footer .copyright { padding: 20px 0; font-size: 0.9rem; }
footer .copyright .companyname { text-transform: uppercase; font-size: 1rem; }
footer .copyright p { margin-bottom: 5px; }

@media only screen and (min-width: 1400px) { .container { max-width: 1320px !important; } }
@media only screen and (max-width: 1399px) { .stellarnav > ul > li > a { padding: 0px 10px; } }
@media only screen and (max-width: 1200px) { .stellarnav > ul > li > a { padding: 0px 5px; font-size: 13px; } }
@media only screen and (max-width: 991px) { .hidden-md { display: none; }
  #MainMenu { display: none; }
  .stellarnav > ul > li > a { font-size: 14px; }
  .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { position: absolute; z-index: 1; top: -55px; right: 0px; font-size: 16px; }
  .highlight .second_special .item .title a { font-size: 18px; }
  .list-special { padding-top: 20px !important; margin-top: 20px; border-top: 1px solid #ddd; }
  .second_special { border-left: none !important; } }
@media only screen and (max-width: 767px) { .notMobile { display: none; }
  .notDesktop { display: block; }
  .xsShow { display: block !important; }
  .xsHide { display: none !important; } }
@media only screen and (max-width: 640px) { .CategoryItem .CategoryTitle a, .CategoryItem .CategoryTitle a:visited { color: #336aea; }
  .navigation .nlist .list-inline-item:not(:first-child) { display: none; }
  .CategoryListArticles .item .khungAnh { width: 100%; float: none; margin: 0px 10px 0px 0px; }
  .CategoryListArticles .item .title { margin-bottom: 10px; width: 100%; float: none; margin-top: 15px; line-height: 19px; } }

/*# sourceMappingURL=site.css.map */