body { font-family: var(--font-family-inter); font-weight: 400; font-size: 16px; line-height: 1.5rem; color: var(--body); position: relative; } body:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; opacity: 0; visibility: hidden; z-index: 999; } body.offcanvas-menu { overflow: hidden; } body.offcanvas-menu:before { opacity: 1; visibility: visible; } .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1320px; padding-left: 12px; padding-right: 12px; } .row { margin-right: -12px; margin-left: -12px; } .col, [class*="col-"] { padding-left: 12px; padding-right: 12px; } i[class^="icon-fluent"], i[class^="icon_fluent"]:before, i[class*=" icon_fluent"]:before { font-size: 24px; } .text-primary { color: var(--primary) !important; } .text-body { color: var(--body) !important; } .text-success { color: var(--success) !important; } .text-blue { color: var(--blue) !important; } .text-warning { color: var(--warning) !important; } .text-danger { color: var(--danger) !important; } ul, ol { padding: 0; margin: 0; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a, a:active, a:link, a:visited, a:focus { color: var(--body); } .contraC h1.circle a, .contraC h2.circle a, .contraC h3.circle a, .contraC h4.circle a, .contraC h5.circle a, .contraC h6.circle a { color: var(--body) !important; } .border-right { border-right: 1px solid var(--border-tertiary) !important; } .bg-yellow { background-color: var(--delicate-yellow); } .cursor-pointer { cursor: pointer; } .word-break-all { word-break: break-all; } .white-space-break-spaces { white-space: break-spaces; } .btn { font-size: 0.875rem; line-height: 1.25rem; padding: 0.5rem 1rem; font-weight: 500; } .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus { color: var(--white); background-color: var(--primary); border-color: var(--primary); } .btn.btn-outline-primary, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus { color: var(--primary); background-color: var(--white); border-color: var(--primary); } /***************************************/ /* .skins-layout .header.header-bg .nav-brand { background-image: url("../images/bg-header-02.png"); background-color: var(--white); background-repeat: no-repeat; background-size: cover; } */ .skins-layout .header.header-bg .nav-brand { position: relative; background-color: var(--primary-dark); } .skins-layout .header.header-bg .nav-brand::before, .skins-layout .header.header-bg .nav-brand::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dnnEditState .skins-layout .header.header-bg .nav-brand::before, .dnnEditState .skins-layout .header.header-bg .nav-brand::after{ position:static } /***************************************/ /* .skins-layout .header.header-bg .nav-brand::before { -webkit-mask: url("../images/bg-header-02.png") no-repeat center / cover; mask: url("../images/bg-header-02.png") no-repeat center / cover; background-color: var(--template-background-9); z-index: 1; } .skins-layout .header.header-bg .nav-brand::after { background: linear-gradient(90deg, #FFFFFF 0%, rgba(234, 239, 255, 0) 50%, #FFFFFF 100%); z-index: 2; } */ .skins-layout .header.header-bg .nav-brand::before { -webkit-mask: url("../images/bg-header-03.png") no-repeat center / cover; mask: url("../images/bg-header-03.png") no-repeat center / cover; background-color: var(--white); z-index: 1; } .skins-layout .header.header-bg .nav-brand .container { position: relative; z-index: 3; } .skins-layout .nav-brand { padding: 0.5rem 0; } .skins-layout .nav-brand .logo { display: flex; align-items: center; gap: 8px; } .skins-layout .nav-brand .logo > a { flex-shrink: 0; } .skins-layout .nav-brand img { padding: 0; } .nav-brand img { height: 64px; } /* .skins-layout .nav-brand .logo .div_link { margin-left: 0.5rem; } */ .skins-layout .nav-brand .logo .div_link .language-object a { /* font-family: var(--font-family-literata); font-weight: 500; */ font-family: var(--font-family-inter); font-weight: 600; color: var(--body); font-size: 0.875rem; line-height: 1.25rem; margin-top: 0.5rem; margin-left: 5px; } .skins-layout .nav-brand .logo .brand-name {} .skins-layout .nav-brand .brand-name h1 { font-family: var(--font-family-inter); font-weight: 600; font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; text-transform: uppercase; } .skins-layout .nav-brand .brand-name h2 { font-family: var(--font-family-literata); font-weight: 700; font-size: 1.75rem; line-height: 2.75rem; color: var(--white); margin-bottom: 0; /* text-transform: capitalize; */ } .skins-layout .contra-nav { background-color: #0B2144; /* background: var(--template-background-2); */ /* border-bottom: 1px solid var(--template-border-6); box-shadow: 0px 1px 0px 0px var(--template-shadow-2) inset; */ } .navbar-container > label { display: none; } .skins-layout .home-panels-wrapper { min-height: calc(100vh - 471px); /* padding-top: 40px; */ } /* .skins-layout .content-panels-wrapper { padding-top: 1.5rem; } .skins-layout .page-title ~ .content-panels-wrapper { padding-top: 0; } */ .content-layout .content-sidebar { padding-top: 1.5rem; padding-bottom: 1.5rem; } .content-layout .content-sidebar .page-title { padding-top: 0; } .skins-layout.main-loading { opacity: 0; height: 100vh; overflow: hidden; } .loading-page { position: fixed; top: 0; left: 0; width: 100%; height: 100svh; display: flex; align-items: center; justify-content: center; background-color: var(--white); z-index: 999; } .loading-page .loading-inner { width: 32px; height: 32px; border-radius: 50%; border: 3px solid var(--primary); border-top-color: var(--white); } .personabar-visible .loading-page:not(.loading-inner) { left: 80px; width: calc(100% - 80px); } .content-full-layout .content-panels-wrapper { padding-top: 1.5rem; padding-bottom: 1.5rem; } /* .content-title .content-panels-wrapper { padding-top: 1.5rem; } */ .content-title .main-content-container .contraC h4.titleH, .content-title .main-content-container .contraC h4.titleH span, .content-title .main-content-container .contraC h4.modTitle { font-size: 1.5rem; line-height: 2rem; } .content-title .main-content-container .contraC h4.titleH, .content-title .main-content-container .contraC h4.modTitle { padding: 0 !important; margin-bottom: 1.5rem; border-bottom: 0 !important; } .content-title .main-content-container .contraC h4.titleH::before, .content-title .main-content-container .contraC h4.modTitle::before { content: none; } /* .content-title .sidebar-container { padding-top: 56px; } */ /*********************Search Top***********************/ .action-nav { width: 100%; } .action-nav .search-nav { display: flex; align-items: center; gap: 8px; } .action-nav .icon, .action-nav .icon::before { width: 20px; height: 20px; display: inline-block; } .action-nav .icon::before { content: ""; background-color: var(--white); vertical-align: top; } .action-nav .icon.icon-sign-in::before { -webkit-mask: url("../images/icon-sign-in.svg") no-repeat center / contain; mask: url("../images/icon-sign-in.svg") no-repeat center / contain; } .action-nav .icon.icon-sign-out::before { -webkit-mask: url("../images/icon-sign-out.svg") no-repeat center / contain; mask: url("../images/icon-sign-out.svg") no-repeat center / contain; } .wrapper-search {} .search-box { /* width: 386px; */ height: 30px; position: relative; } .wrapper-search input { position: absolute; top: -17px; right: 36px; box-sizing: border-box; width: 0px; height: 30px; padding: 0 !important; outline: none; font-size: 16px; border-radius: 0; color: var(--body); border: none; background-color: transparent; border-bottom: 1px solid var(--body); transition: all 0.8s ease; font-family: var(--font-family-inter); } .wrapper-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--body); } .wrapper-search input::-moz-placeholder { /* Firefox 19+ */ color: var(--body); } .wrapper-search input:-ms-input-placeholder { /* IE 10+ */ color: var(--body); } .wrapper-search input:-moz-placeholder { /* Firefox 18- */ color: var(--body); } .wrapper-search .btn-search-bar { position: absolute; right: 0; top: 3px; transition: all 0.8s ease; text-decoration: none; } .wrapper-search input.active { width: 100%; right: 36px; padding: 0 26px 0 0 !important; } .wrapper-search .btn-search-bar.animate { transform: rotate(-360deg); right: 0; } .wrapper-search .searchInputContainer { width: 100%; border: 0; } .wrapper-search .SearchButton { display: none; } .wrapper-search .searchInputContainer a.dnnSearchBoxClearText { right: 36px; margin: 0; top: -12px; } .wrapper-search ul.searchSkinObjectPreview { top: calc(100% + 20px); right: 36px; border: none; border-radius: 8px; max-height: 500px; overflow-y: auto; padding: 0; box-shadow: 0 2px 4px 0 rgb(0, 0, 0, 0.3); z-index: 1005; /* scrollbar-color: var(--template-scrollbar-1) var(--white); scrollbar-width: thin; */ } @-moz-document url-prefix() { .wrapper-search ul.searchSkinObjectPreview { scrollbar-color: var(--template-scrollbar-1) var(--white); scrollbar-width: thin; } } .wrapper-search ul.searchSkinObjectPreview::-webkit-scrollbar { width: 4px; border-radius: 999px; } .wrapper-search ul.searchSkinObjectPreview::-webkit-scrollbar-thumb { background-color: var(--template-scrollbar-1); border-radius: 999px; } .wrapper-search ul.searchSkinObjectPreview::-webkit-scrollbar-track { background: var(--white); border-radius: 999px; padding: 10px 0; } .action-nav .link-icn.search-mobile { display: none; } /************************Search Modal*************************/ .wrapper-search .search-box ul.searchSkinObjectPreview>li { border: none; padding: 15px; text-align: left; } .wrapper-search .search-box ul.searchSkinObjectPreview>li:hover { background-color: var(--template-background-1); color: var(--body); } .wrapper-search .search-box ul.searchSkinObjectPreview>li.searchSkinObjectPreview_group, .wrapper-search .search-box ul.searchSkinObjectPreview>li:last-child { background-color: var(--template-background-1); font-weight: 600; font-size: 16px; line-height: 20px; color: var(--body); padding: 10px 15px; } .wrapper-search .search-box ul.searchSkinObjectPreview>li:last-child a { color: var(--primary); } .wrapper-search .search-box ul.searchSkinObjectPreview>li p { padding: 0; font-size: 14px; line-height: 20px; color: var(--body); margin-top: 5px; font-style: normal; } .wrapper-search .search-box ul.searchSkinObjectPreview>li>span { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; font-size: 16px; line-height: 20px; color: var(--body); } .wrapper-search .search-box input:focus { outline: none; } .wrapper-search .search-box ul.searchSkinObjectPreview>li.searchSkinObjectPreview_group:not(:last-child) { display: none; } /* */ .dnnSearchBoxPanel .dnnSearchBox, .dnnSearchBoxPanel, .dnnSearchResultPanel { border-color: var(--template-border-6); background-color: var(--template-background-1); } .dnnSearchResultPager, .dnnSearchResultPager.dnnSearchResultPagerTop, .dnnSearchResultContainer > .dnnSearchResultItem:not(:last-child) { border-color: var(--border-tertiary); } .dnnSearchResultPanel .dnnSearchResultSortOptions > li, .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active, .dnnSearchResultPager .dnnLeft > span::before, .dnnSearchResultPager a.dnnPager-prev, .dnnSearchResultPager a.dnnPager-next { background-color: var(--primary-dark); } .dnnSearchResultPanel .dnnSearchResultSortOptions > li:not(.active) { opacity: 0.7; } .dnnSearchResultAdvancedTip, .dnnSearchResultAdvancedTip:hover, .dnnSearchResultAdvancedTip:focus { color: var(--blue) !important; } .dnnSearchBoxPanel .dnnTableDisplay th { background-color: var(--template-border-1); border-color: var(--template-border-6); } .dnnSearchBoxPanel .dnnTableDisplay td, .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced, .dnnSearchBoxPanel div.dnnTagsInput, .dnnSearchBoxPanel .selectize-control.single .selectize-input, .dnnSearchBoxPanel .selectize-control.multi .selectize-input.has-items { border-color: var(--template-border-6) !important; } .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_dropdown { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); } .dnnSearchResultPager .dnnLeft span { color: var(--primary-dark); } .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title, .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title a { color: var(--body) !important; font-weight: 600; } .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title > .dnnSearchResultItem-Link { margin-bottom: 6px; } .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Link a { color: var(--primary) !important; } .dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem .dnnLabel > .dnnBoxLabel, .dnnSearchBoxPanel .dnnSearchBox_advanced .dnnForm .dnnFormItem:not(:last-of-type) .dnnLabel > label > span, .dnnSearchBoxPanel div.dnnTagsInput > div > input, .dnnSearchBoxPanel .selectize-input .item, .dnnSearchBoxPanel .selectize-control.show-checkbox .items .summary, .dnnSearchResultPager .dnnRight span, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Title a, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description b, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others span, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others a { color: var(--body); } .dnnSearchBoxPanel .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label, .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Link a { font-weight: 500; } .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label.dnnExpanded { color: var(--body) !important; } .dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li:first-child a { background-color: var(--primary); border-color: var(--primary); } .dnnSearchBoxPanel #dnnSearchResultAdvancedForm .dnnActions li:last-child a { border-color: var(--primary); color: var(--primary); } /* .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description, .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b { color: var(--body); } */ /***************Notification****************/ .section-notification { padding-top: 0.5rem; padding-bottom: 1.5rem; } .section-notification.section-empty { padding-top: 0; } .section-notification:not(.section-empty) .header-pane { display: flex; padding: 0.5rem 1rem; background-color: var(--bg-blue-gray-lighter); } .section-notification.section-empty .notification:not(.DNNEmptyPane) .DnnModule, .section-notification.section-empty .extension:not(.DNNEmptyPane) .DnnModule { margin-top: 1.5rem; } .marquee { width: 100%; overflow: hidden; } .section-notification .js-marquee .item { position: relative; padding-left: 1rem; margin-right: 0.5rem; display: inline-block; } .section-notification .js-marquee .item::before { content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--template-background-2); } .section-notification .js-marquee .news_title a { font-family: var(--font-family-inter); font-weight: 400; display: inline-block; } .section-notification .js-marquee .news_title a:hover { color: var(--primary); } .section-notification:not(.section-empty) .notification { width: 10%; flex-grow: 1; position: relative; } .section-notification:not(.section-empty) .header-pane-date .notification { margin-left: 32px; } .weather { border: 1px solid #bde3ff; background: #eaf6ff; border-radius: 6px; display: flex; padding: 0px 5px; align-items: center; /* gap: 6px; */ /* text-overflow: ellipsis; */ font-size: 13px; line-height: 1.71429; margin-left: 15px; } #dnn_LivePane #youtube-root:not(:empty), #dnn_LivePane #facebook-root:not(:empty){ margin-bottom:1.5rem } .section-notification .header-pane-date .notification::before, .section-notification .DanhSachChuyenMuc_ListIcon ul li::before { content: ""; position: absolute; left: -1rem; top: 50%; transform: translateY(-50%); width: 0; height: 1rem; border-right: 1px solid var(--template-border-3); } .section-notification .DanhSachChuyenMuc_ListIcon ul { display: flex; } .section-notification .DanhSachChuyenMuc_ListIcon ul li { display: flex; align-items: center; margin-left: 32px; position: relative; } .section-notification .DanhSachChuyenMuc_ListIcon ul li img { width: 24px; height: 24px; vertical-align: top; } .section-notification .DanhSachChuyenMuc_ListIcon ul li > a { margin-left: 4px; padding-bottom: 0; transition: all 0.5s ease-in-out; } .section-notification .DanhSachChuyenMuc_ListIcon ul li:hover a { color: var(--primary); } /***************News No Image****************/ .home-layout .dstinbaikhonganh, .home-layout .documents .DnnModule { margin-bottom: 40px; } .skins-layout .contraC h5.circle, .skins-layout .contraC h4.titleH, .skins-layout .contraC h4.modTitle, .skins-layout .contraC .menu-m8-group h2, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title { padding: 0 0 0 1rem; margin-bottom: 1.5rem; position: relative; text-transform: none; background: none; } .contraC h5.circle span, .contraC h4.titleH span { margin-bottom: 0; } .ChiTietTinBai .TinBai_Khac .Title { margin-bottom: 1rem; } .skins-layout .title-line .contraC h5.circle, .skins-layout .title-line .contraC h4.titleH, .skins-layout .title-line .contraC h4.modTitle, .skins-layout .title-line .contraC .menu-m8-group h2, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title { padding-bottom: 1rem; border-bottom: 1px solid var(--template-line-2); } .skins-layout .contraC h5.circle::before, .skins-layout .contraC h4.titleH::before, .skins-layout .contraC h4.modTitle::before, .skins-layout .contraC .menu-m8-group h2::before, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; border-left: 4px solid var(--template-line-1); } .skins-layout .title-line .contraC h5.circle::before, .skins-layout .title-line .contraC h4.titleH::before, .skins-layout .title-line .contraC h4.modTitle::before, .skins-layout .title-line .contraC .menu-m8-group h2::before, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title::before { height: calc(100% - 1rem); } .skins-layout .contraC h5.circle, .skins-layout .contraC h5.circle a, .skins-layout .contraC h4.titleH, .skins-layout .contraC h4.titleH span, .skins-layout .contraC h4.titleH a, .skins-layout .contraC h4.modTitle, .skins-layout .contraC h4.modTitle a, .skins-layout .contraC .menu-m8-group h2, .skins-layout .contraC .menu-m8-group h2 a, .ChiTietTinBai .TinBai_Khac .Title, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title, .DnnModule-VanBanQuyPhamPhapLuat_TrinhDienVanBanQuyPhamPhapLuat .list-title span { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; /* font-size: 20px; line-height: 28px; */ font-size: 18px; line-height: 26px; text-transform: uppercase; color: var(--template-title-1) !important; } .skins-layout .contraC h5.circle a, .skins-layout .contraC h4.titleH span, .skins-layout .contraC h4.titleH a, .skins-layout .contraC h4.modTitle a, .skins-layout .contraC .circle.no_img:before { display: inline-block; } .skins-layout .news-noimage { margin-bottom: 40px; } .skins-layout .news-noimage .dstinbaikhonganh { margin-bottom: 0; } .skins-layout .TinBaiKhongAnh ul.list_news li, .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc:not(.sub-menu, .collapse, .collapsing) > li > a, .Menu-PAKN .list-menu-PAKN li { padding-left: 20px; position: relative; } .skins-layout .TinBaiKhongAnh ul.list_news li::before, .menu-m8-group ul li::before, .sidebar-content ul.list_chuyenmuc.list_child li::before, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li::before, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li::before, .DnnModule-VanBanQuyPhamPhapLuat_DanhMuc .list_chuyenmuc:not(.sub-menu, .collapse, .collapsing) > li > a::before, .Menu-PAKN .list-menu-PAKN li::before { content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--template-background-2); } .skins-layout .TinBaiKhongAnh ul.list_news li .news_date { display: block; margin-top: 4px; font-size: 14px; line-height: 20px; color: var(--text-tertiary); } .skins-layout .TinBaiKhongAnh ul.list_news li:not(:last-of-type), .Menu-PAKN .list-menu-PAKN li:not(:last-of-type) { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--border-tertiary); } a.news_link, .content_scrollnews__titlenews a.news_link_bold, .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a, a.slide_bglnk, .event .div-right .title-event a, .multi-media .list_media ul li .info-img, .multi-media .list_media ul li .info-img p, .multi-media .list_media ul li .info-img a, #owl-dsTinBaiAnh .item .news_link a, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link a, .news_list_chuyenmuc .listcategory .news_link_bold, .item-main .item .image-title span, .Image-bg-lg ul li .album-lg .imagetitle, .videogallery .item .videos-title a, .lightgallery-video-html5 .videos-title a, .tin-bai-slide-ngang .group_content .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_title span, .TinBaiDanhSach_TieuDiem .news_info_short .news_title a, .tin-bai-anh-slide .item .news_title a, .tin-bai-anh-slide-ngang .item .news_title a, .tin-bai-anh-slide-ngang-cm .item .news_title a, .tin-bai-anh-slide-ngang-cm .item .news_title span, .DanhSachTinBai .list_news li .news_title a, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a, .TinBaiAnhDangBang .news_title a, .multi-media .Image-bg-lg ul li .album-lg .imagetitle, .multi-media .lightgallery-video-html5 .videos-title a, .category-media_list .category-list .category-item .category-link a, .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a, .EventOrther .event-other .item .Orther-link, .EventOrther .event-other .item .Orther-link span { /* font-family: var(--font-family-literata); font-weight: 500; */ font-family: var(--font-family-inter); font-weight: 600; color: var(--body); line-height: 1.5; } a.news_link:hover, .content_scrollnews__titlenews a.news_link_bold:hover, .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a:hover, a.slide_bglnk:hover, .event .div-right .title-event a:hover, .multi-media .list_media ul li .info-img a:hover, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link a:hover, .news_list_chuyenmuc .listcategory .news_link_bold:hover, .tin-bai-slide-ngang .group_content .news_title a:hover, .TinBaiDanhSach_TieuDiem .news_info .news_title a:hover, .TinBaiDanhSach_TieuDiem .news_info_short .news_title a:hover, .tin-bai-anh-slide .item .news_title a:hover, .tin-bai-anh-slide-ngang .item .news_title a:hover, .tin-bai-anh-slide-ngang-cm .item .news_title a:hover, .DanhSachTinBai .list_news li .news_title a:hover, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a:hover, .category-media_list .category-list .category-inner:hover .category-link a, .TinBaiAnhDangBang .news_title a:hover, .media-wrapper .item-main .album-lg:hover .image-title span, .media-wrapper .item-main .videosAlbum:hover .videos-title a, .EventOrther .event-other .item .other-container:hover .Orther-link, .video-list .list_video .caption .Title:hover a { color: var(--template-title-2); } a.news_link:not(.dstinbailietkeanh), .content_scrollnews__titlenews a.news_link_bold, .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a, a.slide_bglnk, span.news_summary, #owl-dsTinBaiAnh .item .news_link a, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link a, .news_list_chuyenmuc .listcategory .news_link_bold, .tinbai_slide_bg .news_category a, .tinbai_slide_bg .item .news_bglnk a, .title-event a, .item-main .item .image-title span, .videogallery .item .videos-title a, .tin-bai-slide-ngang .group_content .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_title span, .TinBaiDanhSach_TieuDiem .news_info_short .news_title a, .TinBaiDanhSach_TieuDiem .news_info .news_summary, .Image-bg-lg ul li .album-lg .imagetitle, .lightgallery-video-html5 .videos-title a, .tin-bai-anh-slide .item .news_title a, .tin-bai-anh-slide .item .news_summary, .tin-bai-anh-slide-ngang .item .news_title a, .tin-bai-anh-slide-ngang .item .news_summary, .tin-bai-anh-slide-ngang-cm .item .news_title span, .tin-bai-anh-slide-ngang-cm .item .news_title a, .tin-bai-anh-slide-ngang-cm .item .news_summary, .DanhSachTinBai .list_news li .news_title a, .DanhSachTinBai .list_news li .news_summary, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_summary, .category-media_list .category-list .category-item .category-link a, .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a, .EventOrther .event-other .item .Orther-link span, .video-list .list_video .caption .Title a { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } span.news_date, .img_right_list ul li .group_scoll .content_scrollnews .news_date, #owl-dsTinBaiAnh .item .news_date, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_date, .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_date span, .news_list_chuyenmuc .listcategory .news_date, .news_list_chuyenmuc .listcategory .news_date span, .tin-bai-slide-ngang .group_content .news_date, .TinBaiDanhSach_TieuDiem .news_info .news_date, .tin-bai-anh-slide .item .news_date, .tin-bai-anh-slide-ngang .item .news_date, .tin-bai-anh-slide-ngang-cm .item .news_date, .DanhSachTinBai .list_news li .news_date, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_date, .EventOrther .event-other .item .Orther-date, .EventOrther .event-other .item .DateTookplace { /* display: inline-block; */ display: block; font-size: 14px; line-height: 20px; color: var(--text-tertiary); } span.news_summary, #owl-dsTinBaiAnh .item .news_summary, .news_list_chuyenmuc .listcategory .news_summary, .TinBaiDanhSach_TieuDiem .news_info .news_summary, .tin-bai-anh-slide .item .news_summary, .tin-bai-anh-slide-ngang .item .news_summary, .tin-bai-anh-slide-ngang-cm .item .news_summary, .DanhSachTinBai .list_news li .news_summary, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_summary { /* font-size: 14px; line-height: 20px; */ color: var(--text-gray-dark); } /*****************News Two Column****************/ .skins-layout .DsTinBaiLietKeAnh_TieudeCM2Cot { margin-bottom: 0; } .skins-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .group_scoll .img_scrollnews .img_bg, .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .img_bg { width: 100%; background-image: none !important; } .skins-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .group_scoll .img_scrollnews .img_bg, .skins-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .group_scoll .img_scrollnews .img_bg img, .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .img_bg, .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .img_bg img { display: inline-block; height: auto; } .skins-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .group_scoll .img_scrollnews .img_bg img, #owl-dsTinBaiAnh .item .img_bg img, .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .img_bg img { width: 100%; height: 100%; object-fit: cover; } .skins-layout .img_left_large .group_scoll .content_scrollnews span.news_summary { height: auto; } .home-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .module_container_news3img { display: flex; } .skins-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .img_left_large .group_scoll, .skins-layout .img_right_list ul { display: block; } .DsTinBaiLietKeAnh_TieudeCM2Cot .content_scrollnews_short { display: none; } .skins-layout .img_right_list ul li .group_scoll .content_scrollnews .news_summary { display: none; } .skins-layout .img_left_large .group_scoll .img_scrollnews, .skins-layout .img_left_large .group_scoll .content_scrollnews { max-width: 100%; } .home-layout .breaking-news .TinBai2Cot_TieuDiem .left-pane { order: 1; flex: 0 0 65%; max-width: 65%; } .home-layout .breaking-news-style .TinBai2Cot_TieuDiem .left-pane { order: 0; } .home-layout .breaking-news .TinBai2Cot_TieuDiem .right-pane { flex: 0 0 35%; max-width: 35%; padding-right: 0.5rem; } .home-layout .breaking-news-style .TinBai2Cot_TieuDiem .right-pane { padding-right: 0; padding-left: 1.5rem; } .home-layout .breaking-news .TinBai2Cot_TieuDiem .left-pane .item_img_link { aspect-ratio: 1.8; display: block; width: 100%; } .breaking-news.breaking-news-style .TinBai2Cot_TieuDiem .left-pane .item_img_link { margin-bottom: 0.5rem; } .breaking-news:not(.breaking-news-style) .TinBai2Cot_TieuDiem .left-pane .news_info { padding: 12px 24px; background-color: var(--template-background-1); } .home-layout .breaking-news.no-image .TinBai2Cot_TieuDiem .right-pane ul li>a, .home-layout .breaking-news-style .TinBai2Cot_TieuDiem .right-pane ul li>a { } .breaking-news.breaking-news-style .DnnModule, .breaking-news.breaking-news-style + .handbook .DnnModule:last-of-type { margin-bottom: 40px; } .breaking-news .TinBai2Cot_TieuDiem .left-pane .news_title a { margin-bottom: 0.5rem; -webkit-line-clamp: 3; font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; } .breaking-news .TinBai2Cot_TieuDiem .left-pane .news_date { margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.5; } .breaking-news .TinBai2Cot_TieuDiem .left-pane .news_summary { font-size: 1rem; line-height: 1.5; color: var(--text-gray-dark); -webkit-line-clamp: 3; } .img_right_list { margin-top: 0; } .img_right_list ul li { max-width: 100%; margin-right: 0; } .skins-layout .img_right_list ul li .group_scoll, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item { display: flex; } .skins-layout .img_right_list ul li .group_scoll .img_scrollnews, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { flex: 0 0 100px; max-width: 100px; margin-right: 1rem; } .skins-layout .img_right_list ul li .group_scoll .img_scrollnews .img_bg, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { vertical-align: top; height: 100px; } .news-image-large .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { flex: 0 0 150px; max-width: 150px; } .news-image-large .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { height: auto; aspect-ratio: 1.56; } .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper img { width: 100%; height: 100%; object-fit: cover; } .skins-layout .img_right_list ul li .group_scoll .content_scrollnews, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_info { flex-grow: 1; } .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_info { display: flex; flex-direction: column; } .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_category { font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: #CC7B00; } .list-tin-bai-sidebar-cm .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a { -webkit-line-clamp: 2; } .skins-layout .img_right_list ul li .group_scoll .content_scrollnews .TitleNews, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title { margin-bottom: 4px; } .skins-layout .img_right_list ul li .group_scoll .content_scrollnews .TitleNews a, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_title a { -webkit-line-clamp: 3; } .skins-layout .img_right_list ul li .group_scoll .content_scrollnews .news_date, .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_date { font-size: 14px; margin-bottom: 0; } .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_date { order: 1; } .skins-layout .img_right_list ul > li:not(:last-of-type), .TinBai_SideBar_Wrapper .TinBai_SideBar_Item:not(:last-of-type) { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--border-tertiary); } .news-nowrap .TinBai_SideBar_Wrapper { display: flex; flex-flow: row nowrap; margin-left: -12px; margin-right: -12px; } .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item { flex-flow: column wrap; flex: 0 0 25%; max-width: 25%; padding-left: 12px; padding-right: 12px; padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { margin-right: 0; width: 100%; max-width: 100%; height: auto; aspect-ratio: 1.59; } /* .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper .item_img { border-radius: 8px; } */ .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_info { margin-top: 8px; } .grouptinbaimotanh .TinBai_SideBar_Item { display: block; } .grouptinbaimotanh .news-image-large .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { display: block; width: 100%; max-width: unset; aspect-ratio: 1.96; margin-bottom: 8px; margin-right: 0; } .grouptinbaimotanh .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_date { order: 0; } .grouptinbaimotanh .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .news_summary { -webkit-line-clamp: 3; line-clamp: 3; margin-top: 4px; } @-moz-document url-prefix() { .breaking-news .TinBai2Cot_TieuDiem .right-pane ul { scrollbar-color: var(--template-scrollbar-2) transparent; scrollbar-width: thin; } } .breaking-news .TinBai2Cot_TieuDiem .right-pane ul { padding-right: 0.5rem; max-height: 100%; overflow: auto; } .breaking-news .TinBai2Cot_TieuDiem .right-pane ul::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 999px; -webkit-border-radius: 999px; } .breaking-news .TinBai2Cot_TieuDiem .right-pane ul::-webkit-scrollbar-track { background: transparent; border-radius: 999px; -webkit-border-radius: 999px; } .breaking-news .TinBai2Cot_TieuDiem .right-pane ul::-webkit-scrollbar-thumb { background-color: var(--template-scrollbar-2); border-radius: 999px; -webkit-border-radius: 999px; } /*****************Event News******************/ .event-news { margin-bottom: 40px; } .event-news .TinBaiDanhSach_TieuDiem .bottom_pane .news_summary { display: none; } /****************Focus News****************/ .focus-news { margin-top: 56px; } .focus-news .DnnModule, .banner-single .DnnModule, .banner .DnnModule { margin-bottom: 40px; } /* .banner-single.DNNEmptyPane { display: none; } .banner-single.DNNEmptyPane + .banner-single { flex: 0 0 100%; max-width: 100%; } */ .focus-news .DnnModule-TinBaiNew_TrinhDien_TinBai { background-color: var(--bg-blue-gray-lighter); padding: 1.5rem; position: relative; } .focus-news .contraC h5.circle { position: absolute; left: 1.5rem; top: -1rem; text-transform: uppercase; padding: 4px 8px; border-bottom: 0; } .focus-news .contraC h5.circle::before { content: none; } .focus-news .contraC h5.circle, .focus-news .contraC h5.circle a, .focus-news .contraC h5.circle span { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5rem; font-weight: 600; background-color: var(--template-background-7); color: var(--white); margin-bottom: 0; } .focus-news .tin-bai-slide-ngang .group_content .news_date { font-size: 14px; line-height: 20px; margin-bottom: 4px; display: block; } .focus-news .tin-bai-slide-ngang .group_content .news_title a { -webkit-line-clamp: 2; } .skins-layout .owl-stage-outer::after { content: none; } .focus-news .owl-carousel .owl-stage { display: flex; } .focus-news .owl-carousel .owl-item { padding-left: 4px; } .focus-news .owl-carousel .owl-item::after { content: ""; position: absolute; top: 0; right: -1.5rem; width: 0; height: 100%; border-right: 1px solid var(--template-border-3); } /***************News Video*************/ .video-list .list_video .video-item .news_video { position: relative; aspect-ratio: 1.59; } .video-list .list_video .video-item .news_video a { display: block; width: 100%; height: 100%; } .video-list .list_video img { border-radius: 0; } .video-list div[class*="videoDuration"], .video-list .list_video .videoDuration-0 { top: auto; right: 0.5rem; bottom: 0.5rem; } .video-list .list_video .video-item .news_video .overlay, .video-list .list_video .video-item .caption svg, .video-list div[class*="videoDuration"]:empty { display: none; } .showmore { text-align: right; } .module-spacing .DnnModule { margin-bottom: 40px; } .module-spacing-small .DnnModule { margin-bottom: 1.5rem; } /*****************Category****************/ .special-page .DanhSachChuyenMuc_ListIcon ul { display: flex; flex-wrap: wrap; margin-bottom: 40px; gap: 1rem; } .special-page .DanhSachChuyenMuc_ListIcon ul li { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .handbook .DanhSachChuyenMuc_ListIcon ul { display: block; } .handbook .DanhSachChuyenMuc_ListIcon ul li, .Menu-PAKN .guide-use a { background-color: var(--template-background-1); border: 1px solid var(--template-border-1); border-radius: 4px; padding: 0.5rem 1rem; } .handbook .DanhSachChuyenMuc_ListIcon ul li:not(:last-of-type) { margin-bottom: 0.5rem; } /* .special-page .DanhSachChuyenMuc_ListIcon ul li:nth-child(2n+1) { margin-right: 1rem; } .special-page .DanhSachChuyenMuc_ListIcon ul li:not(:nth-last-child(-n+2)) { margin-bottom: 1rem; } */ .handbook .DanhSachChuyenMuc_ListIcon ul li, .special-page .DanhSachChuyenMuc_ListIcon ul li { display: flex; align-items: center; } .special-page .DanhSachChuyenMuc_ListIcon ul li { background-color: var(--bg-blue-gray-lighter); border: 1px solid var(--border-tertiary); border-radius: 4px; padding: 0.5rem 1rem; } .DanhSachChuyenMuc_ListIcon ul li .icon_chuyenmuc, .Menu-PAKN .guide-use a::before { flex-shrink: 0; } .DanhSachChuyenMuc_ListIcon ul li .icon_chuyenmuc a { display: block; } .handbook .DanhSachChuyenMuc_ListIcon ul li img, .special-page .DanhSachChuyenMuc_ListIcon ul li img { width: 32px; height: 32px; object-fit: contain; } .handbook .DanhSachChuyenMuc_ListIcon ul li > a, .special-page .DanhSachChuyenMuc_ListIcon ul li > a, .Menu-PAKN .guide-use a span { margin-left: 1rem; padding-bottom: 0; } .sidebar-content ul.list_chuyenmuc, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc .DanhSachChuyenMucCapDoc ul.list_chuyenmuc { list-style-type: none; } .handbook .DanhSachChuyenMuc_ListIcon ul li > a, .special-page .DanhSachChuyenMuc_ListIcon ul li > a, .sidebar-content ul.list_chuyenmuc.list_child li a, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li a, .Menu-PAKN .list-menu-PAKN li a, .Menu-PAKN .guide-use a { /* font-family: var(--font-family-literata); font-weight: 500; */ font-family: var(--font-family-inter); font-weight: 600; display: inline-block; color: var(--body); transition: all 0.5s ease-in-out; } .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a { display: block; padding-right: 0.75rem; cursor: pointer; } .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li.active a { color: var(--primary); } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li.active a { color: var(--primary); } .handbook .DanhSachChuyenMuc_ListIcon ul li:hover > a, .special-page .DanhSachChuyenMuc_ListIcon ul li:hover > a, .menu-m8-group ul li a:hover, .sidebar-content ul.list_chuyenmuc.list_child li a:hover, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a:hover, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li a:hover, .Menu-PAKN .list-menu-PAKN li a:hover, .Menu-PAKN .guide-use a:hover { color: var(--primary); } .menu-m8-group ul li, .sidebar-content ul.list_chuyenmuc.list_child li, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li, .Menu-PAKN .list-menu-PAKN li { position: relative; padding-left: 20px; } .menu-m8-group ul li::before, .sidebar-content ul.list_chuyenmuc.list_child li::before, .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li::before, .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li::before, .Menu-PAKN .list-menu-PAKN li::before { top: 9px; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child li::before { content: none; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child > li:not(:last-of-type) { margin-bottom: 0; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child { padding: 0 1rem; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child li { padding-left: 0; padding-right: 0; } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child li:first-child { padding-top: 12px } .DanhSachChuyenMucNhieuCap > ul > li ul.list_chuyenmuc.list_child li:last-child { padding-bottom: 12px } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc li::before { content: none; } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc > li:not(:last-of-type) { margin-bottom: 0; padding-bottom: 8px } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc > li:not(:first-child) { padding-top: 8px } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc > li { padding-left: 0 } .DanhSachChuyenMucCapDoc > ul > li ul.list_chuyenmuc { padding: 12px; margin: 12px 0 8px -20px; background: var(--template-background-1); border: 1px solid var(--template-border-6); border-radius: 8px; } .list_chuyenmuc > li.has_menu > a::after { content: ""; width: 12px; height: 12px; display: block; position: absolute; top: 6px; right: 0; background-image: url('data:image/svg+xml,'); } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li { position: relative; } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li a { margin-right: 0.75rem; } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li svg { position: absolute; top: 6px; right: 0; cursor: pointer; } .DanhSachChuyenMucCapDoc .list_chuyenmuc > li.has_menu > a::after { content: none; background-image: url('data:image/svg+xml,'); } .DanhSachChuyenMucCapDoc ul.list_chuyenmuc li.has_menu > a { cursor: pointer; } .menu-m8 ul li li a, .menu-m8 ul li li:not(:last-child) a { padding: 0; border: 0; color: var(--body) !important; } .menu-m8 ul li li a:hover { color: var(--primary) !important; } .menu-m8-group ul > li:not(:last-of-type), .sidebar-content ul.list_chuyenmuc.list_child > li:not(:last-of-type), .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child > li:not(:last-of-type), .DanhSachChuyenMucCapDoc ul.list_chuyenmuc > li:not(:last-of-type) { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--border-tertiary); } .special-page-1 .DanhSachChuyenMuc_ListIcon ul { margin-bottom: 0; } #dnn_Row1_Grid12_Pane6:not(.DNNEmptyPane) { margin-bottom: 40px; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li { flex-basis: calc(25% - 0.75rem); max-width: calc(25% - 0.75rem); min-height: 90px; } /* .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(4n) { margin-right: 0; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:not(:nth-last-child(-n+2)) { margin-bottom: auto; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:not(:nth-last-child(-n+4)) { margin-bottom: 1rem; } */ .link-website .dropdown-menu[role="menu"] { margin: 0 !important; padding: 0; float: none; border: 0; border-radius: 0; } .link-website .dropdown-menu[role="menu"] > li:not(:last-of-type) { margin-bottom: 12px; } .link-website .dropdown-menu[role="menu"] > li > a { padding: 7px 40px 7px 16px; background-color: var(--template-background-1); border: 1px solid var(--template-border-1); border-radius: 4px; display: block; position: relative; } .link-website .dropdown-submenu>a:after { content: "\e3e2"; float: none; width: auto; height: auto; border: 0; margin: 0; font-family: FluentSystemIcons !important; font-size: 24px; line-height: 1; position: absolute; top: 7px; right: 12px; transition: all 0.3s ease-in-out; } /* .link-website .dropdown-menu[role="menu"] > li > a:hover::after */ .link-website .dropdown-menu[role="menu"] > li.show > a::after { transform: rotate(180deg); } .link-website .dropdown-submenu>.dropdown-menu { float: none; left: 0; top: 100%; width: 100%; margin: 0; border-color: var(--border-tertiary); border-radius: 4px; } .link-website .dropdown-submenu>.dropdown-menu.show { display: block; } .link-website .dropdown-submenu:hover>.dropdown-menu { display: none; } .link-website .dropdown-submenu>.dropdown-menu li a { padding: 8px 16px; display: block; } .link-website .dropdown-submenu>.dropdown-menu li a:hover { background-color: rgba(0, 0, 0, 0.05); } .link-website .dropdown-submenu>.dropdown-menu { max-height: 300px; overflow: auto; } @-moz-document url-prefix() { .link-website .dropdown-submenu>.dropdown-menu { scrollbar-color: var(--template-scrollbar-1) var(--white); scrollbar-width: thin; } } .link-website .dropdown-submenu>.dropdown-menu::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 999px; -webkit-border-radius: 999px; } .link-website .dropdown-submenu>.dropdown-menu::-webkit-scrollbar-track { background: var(--white); border-radius: 999px; -webkit-border-radius: 999px; } .link-website .dropdown-submenu>.dropdown-menu::-webkit-scrollbar-thumb { background-color: var(--template-scrollbar-1); border-radius: 999px; -webkit-border-radius: 999px; } .link-website .Lienket_website { border-radius: 0; border: 0; background: transparent; padding: 0; } .link-website .Lienket_website .list_website { gap: 0.75rem; } .link-website .Lienket_website .select2 .select2-selection { background: var(--template-background-1); border: 1px solid var(--template-border-1); outline: 0; } .link-website .Lienket_website .select2 .select2-selection span { font-family: var(--font-family-inter); color: var(--body); font-size: 1rem; line-height: 1.5; outline: 0; } .link-website .Lienket_website .select2 .select2-selection .select2-selection__rendered { padding: 0.5rem 2.5rem 0.5rem 1rem; } .link-website .Lienket_website .select2 .select2-selection .select2-selection__arrow { width: 16px; height: 16px; right: 16px; } .link-website .Lienket_website .select2 .select2-selection .select2-selection__arrow b { width: 16px; height: 16px; margin-top: 0; background-repeat: no-repeat; background-size: contain; position: static; display: inline-block; transform: none; transition: all 0.3s ease-in-out; } .link-website .Lienket_website .select2.select2-container--open .select2-selection .select2-selection__arrow b { transform: rotate(180deg); } /********************Media*******************/ .sidebar-content .DnnModule:not(.DnnModule-TrinhDienQuangCao), .module-right .DnnModule-TrinhDienQuangCao { margin-bottom: 1.5rem; } .multi-media .list_media ul, .multi-media .Image-bg-lg ul { display: block; } .multi-media .list_media ul li, .multi-media .Image-bg-lg ul li, .multi-media .lightgallery-video-html5 ul li { width: 100%; margin: 0; max-width: 100%; padding: 0; } .multi-media .Image-bg-lg ul, .multi-media .lightgallery-video-html5 #html5-videos { margin: 0; } .multi-media .lightgallery-video-html5 #html5-videos li { flex: 0 0 100%; max-width: 100%; padding: 0; } .multi-media .list_media ul li .borderimg a, .multi-media .list_media .borderimg .crop_img, .multi-media .list_media .bordervideo a, .multi-media .list_media .bordervideo .crop_img, .multi-media .item-main .image-light a, .multi-media .videogallery .item .video-light a, .multi-media .Image-bg-lg .image-light a, .multi-media .lightgallery-video-html5 .video-light a { display: block; width: 100%; height: auto; top: 0; aspect-ratio: 1.7; } .multi-media .list_media .crop_img, .multi-media .item-main .image-light, .multi-media .videogallery .item .video-light, .multi-media .Image-bg-lg ul li .image-light, .multi-media .lightgallery-video-html5 .video-light { position: relative; border-radius: 0; } .multi-media .list_media .crop_img .total-item, .multi-media .item-main .image-light .total-item, .multi-media .Image-bg-lg .image-light .total-item { position: absolute; right: 0.5rem; bottom: 0.5rem; font-size: 12px; line-height: 16px; color: var(--white); padding: 4px; display: flex; align-items: center; background-color: rgba(13, 21, 42, 0.8); z-index: 1; } .multi-media .list_media .crop_img .total-item::before, .multi-media .item-main .image-light .total-item::before, .multi-media .Image-bg-lg .image-light .total-item::before { content: "\e8b6"; font-family: FluentSystemIcons !important; color: var(--white); margin-right: 4px; font-size: 16px; line-height: 1; } .multi-media .list_media .bordervideo .crop_img .total-item, .multi-media .videogallery .item .video-light .total-item, .multi-media .lightgallery-video-html5 .video-light .total-item, .multi-media .Video-Gallery .section-title, .multi-media .demo-gallery-poster { display: none; } .multi-media .list_media .bordervideo { border: 0; margin: 0; padding-bottom: 28px; } .multi-media .list_media .bordervideo a { position: relative; } .multi-media .list_media ul li .borderimg img.resizecrop, .multi-media .list_media ul li .bordervideo img.resizecrop, .multi-media .item-main .image-light img, .multi-media .videogallery .item .video-light img, .multi-media .Image-bg-lg .image-light img, .multi-media .lightgallery-video-html5 .video-light img { display: block; width: 100%; height: 100%; object-fit: cover; } .multi-media .list_media ul li .info-img, .multi-media .item-main .image-title, .multi-media .videogallery .item .videos-title, .multi-media .Image-bg-lg .image-title, .lightgallery-video-html5 .videos-title { overflow: unset; margin: 0.5rem 0 0; text-align: center; } .multi-media .Image-bg-lg .image-title .imagetitle, .lightgallery-video-html5 .videos-title .videostitle { margin-top: 0; } .lightgallery-video-html5 .videos-title, .multi-media .videogallery .item .videos-title { margin-top: 2rem; } .lightgallery-video-html5 .videos-title a { font-size: 1rem; } .multi-media .list_media ul li .info-img p { padding-bottom: 0; } .multi-media .Video-Gallery { margin: 0; } .multi-media .list_media .bordervideo a::after, .multi-media .videogallery .item .video-light::after, .lightgallery-video-html5 .video-light::after { content: ""; position: absolute; width: 56px; height: 56px; background: url("../images/play_filled.png") var(--primary) no-repeat center / 24px auto; /* background-color: var(--primary); background-repeat: no-repeat; background-size: 24px auto; background-position: center center; */ border-radius: 50%; border: 4px solid var(--white); left: 50%; bottom: -28px; transform: translateX(-50%); z-index: 1; cursor: pointer; } .multi-media .Image-bg-lg ul li .album-lg .imagetitle, .multi-media .lightgallery-video-html5 .videos-title a { -webkit-line-clamp: 3; } .multi-media .list_media .bordervideo + .info-img { margin-top: 0.25rem; } body:not(.dnnEditState) .DNNEmptyPane { margin: 0; } /************************Banner**********************/ .section-banner { padding: 40px 0; background-color: var(--template-background-6); } .banner .list_QuangCao ul { justify-content: flex-start; gap: 0; } /* .home-layout .banner .list_QuangCao ul { padding-bottom: 40px; border-bottom: 1px solid var(--primary); } */ .banner .list_QuangCao ul li { flex: 1 0 calc(50% - 12px); border-radius: 0; } .banner .list_QuangCao .view_list_QuangCao ul li:not(:last-of-type) { margin-right: 24px; margin-bottom: 0; } .banner .list_QuangCao ul li input { max-width: 100%; width: 100%; vertical-align: top; } .banner-slide .container_module_title { display: none; } .banner-slide .item .img_bg, .banner-slide .item .content_news { display: none; } .banner-slide .item img { border-radius: 0.5rem; } .banner-right .list_QuangCao img { border-radius: 0.75rem; } .banner-slide .owl-carousel .owl-nav [class*="owl-"] { position: absolute; padding: 0.5rem !important; color: var(--primary); border-radius: 50%; box-shadow: 0px 0px 16px 0px rgba(13, 21, 42, 0.2); background-color: var(--white); top: 50%; transform: translateY(-50%); z-index: 1; transition: all 0.3s ease-in-out; } .banner-slide .owl-carousel .owl-nav [class*="owl-"]:focus { outline: 0; } .banner-slide .owl-carousel .owl-nav [class*="owl-"]:hover { background-color: var(--primary); color: var(--white); } .banner-slide .owl-theme .owl-nav { margin-top: 0; } .banner-slide .owl-nav .owl-prev { left: -20px; } .banner-slide .owl-nav .owl-next { right: -20px; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul { display: flex; margin-left: -12px; margin-right: -12px; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul li { flex: 1 1 auto; padding-left: 12px; padding-right: 12px; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul li input { width: 100%; } .banner .DSChuyenMuc_AnhDaiDien ul li { border-radius: 8px; overflow: hidden; } .banner .DSChuyenMuc_AnhDaiDien ul li a { display: block; } .banner .DSChuyenMuc_AnhDaiDien ul li .list_tomtat, .banner .DSChuyenMuc_AnhDaiDien .showmore { display: none; } .banner .DSChuyenMuc_AnhDaiDien ul li:not(:last-of-type) { margin-bottom: 2rem; } /******************Footer******************/ .skins-layout footer a:link, .skins-layout footer a:active, .skins-layout footer a:focus, .skins-layout footer a:visited { color: var(--body); } .skins-layout footer { padding-top: 0; background-color: var(--primary-dark); /* background: var(--template-background-2); */ /* padding: 1.5rem 0; */ font-family: var(--font-family-inter); } .skins-layout footer p { font-family: var(--font-family-inter); font-weight: 400; color: var(--white); } .skins-layout footer::before { content: none; } /* .skins-layout footer .footer-top { position: relative; padding-top: 1.5rem; } .skins-layout footer .footer-top::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 3px; background-color: var(--primary); } */ .skins-layout footer .footer-top { padding: 1rem 0; } .skins-layout footer .footer-bottom { background-color: #0B2144; /* background-color: var(--primary-dark); */ padding: 0.5rem 0; } .skins-layout footer .footer-info h2 { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-weight: 600; font-size: 20px; line-height: 24px; margin-bottom: 0.5rem; color: var(--white); } .skins-layout footer .footer-info p { font-size: 16px; line-height: 1.5; margin-bottom: 4px; padding-bottom: 0; } .skins-layout footer .footer-info p a { display: inline-block; color: var(--white); } .skins-layout footer .footer-info p a:hover, .skins-layout footer .footer-link a:hover { color: var(--white); } .skins-layout footer .footer-info .info-row { display: flex; flex-wrap: wrap; } .skins-layout footer .footer-info .info-row p:first-of-type { margin-right: 40px; } .skins-layout footer .footer-info p:last-child { margin-bottom: 0; } .skins-layout footer .footer-link, .skins-layout footer .footer-certificate, .skins-layout footer .onlinecounter-statistics { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .skins-layout footer .footer-link a { font-size: 1rem; line-height: 1.5rem; display: inline-block; margin-bottom: 0.5rem; } .skins-layout footer .footer-link > a:not(:last-of-type) { margin-right: 32px; font-weight: 600; position: relative; } .skins-layout footer .footer-link > a:not(:last-of-type)::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -1rem; width: 0; height: 1rem; border-right: 1px solid var(--template-border-3); } .skins-layout footer .footer-link > a:last-of-type { display: flex; align-items: center; } .skins-layout footer .footer-link > a:last-of-type:hover { color: var(--body); } /* .skins-layout footer .footer-link img { margin-left: 0.5rem; vertical-align: top; } */ .skins-layout footer .footer-link i { min-width: 40px; display: inline-block; line-height: 38px; text-align: center; border-radius: 50%; border: 1px solid var(--border-tertiary); color: var(--primary); transition: all 0.3s ease-in-out; margin-left: 0.5rem; } .skins-layout footer .footer-link a:hover i { color: var(--white); background-color: var(--primary); border-color: var(--primary); } .skins-layout footer .onlinecounter-statistics .counteronline { display: flex; align-items: flex-end; padding-top: 0.5rem; padding-bottom: 0.5rem; margin: 0; text-transform: none; font-family: var(--font-family-inter); color: var(--white); } .skins-layout footer .onlinecounter-statistics > .counteronline:not(:last-of-type) { margin-right: 1.5rem; } .skins-layout footer .onlinecounter-statistics .counteronline span:first-child { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5; color: var(--white); margin-right: 0.5rem; } .skins-layout footer .onlinecounter-statistics .counteronline span:last-child { font-size: 20px; line-height: 28px; font-weight: 600; } .skins-layout footer .footer-certificate .item { padding-top: 0.5rem; } .skins-layout footer .footer-certificate .item:not(:last-of-type) { margin-right: 1.5rem; } .skins-layout footer .footer-certificate img { width: auto; height: 32px; } .skins-layout footer .tooltip_constrast { margin-top: 0; width: auto; } /* .skins-layout footer .copyright { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border-tertiary); display: flex; flex-wrap: wrap; justify-content: space-between; } */ .skins-layout footer .copyright div p:first-child { display: none; } .skins-layout footer .copyright p { font-size: 14px; line-height: 20px; /* text-align: center; */ margin-bottom: 4px; padding-bottom: 0; } .skins-layout footer .copyright > p:last-child { margin-bottom: 0; } .skins-layout footer .copyright p span { font-weight: 600; } .skins-layout footer .copyright .SkinObject { font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; } /*****************Back To Top******************/ .back-to-top { display: none; position: fixed; bottom: 18px; right: 15px; z-index: 999; } .back-to-top:hover { text-decoration: none; } .back-to-top i, .back-to-home i { display: block; width: 40px; height: 40px; line-height: 40px; color: var(--template-text-2); text-align: center; /* background-color: rgba(0, 27, 167, 1); */ background-color: var(--white); border: 2px solid var(--template-border-5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: padding-box; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .back-to-top i[class*=" icon_fluent"], .back-to-top i[class*=" icon_fluent"]:before, .back-to-home i[class*=" icon_fluent"], .back-to-home i[class*=" icon_fluent"]:before { font-size: 20px; /* line-height: 40px; */ line-height: 38px; font-weight: 600; } .back-to-home { position: fixed; bottom: 74px; right: 15px; z-index: 999; } .back-to-home i { background-color: var(--template-border-5); color: var(--white); border: 0; } .back-to-home i[class*=" icon_fluent"], .back-to-home i[class*=" icon_fluent"]:before { line-height: 40px; } /********************Content******************/ .page-title { padding-top: 1.5rem; padding-bottom: 1.5rem; } .page-title h5, .list-title .title-task, .content-full-layout h3, .content-full-layout h3 span { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-size: 1.5rem; line-height: 2rem; color: var(--template-title-1); margin-bottom: 0; } .content-full-layout h3 { margin-bottom: 1.5rem; } .main-content-container .DnnModule { margin-bottom: 40px; } .content-layout .news-noimage .DnnModule, .content-layout .dstinbaikhonganh { margin-bottom: 0; } .content-layout .news-noimage { margin-bottom: 40px; } .breadcrumb { padding-left: 0; padding-right: 0; } .breadcrumb .object_breadcrumb, .breadcrumb i { color: var(--primary); } .custom-select, .input-group-text, .select2-container--default .select2-selection--single, .form-control { border-color: var(--border-tertiary); } .breadcrumb .object_breadcrumb:hover { text-decoration: none; } /**************Breaking News*************/ .content-layout .breaking-news .TinBaiDanhSach_TieuDiem { display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane { border-right: 0; max-width: 100%; padding-right: 0; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane { max-width: 100%; padding-left: 0; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .TieuDiem { display: flex; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border-tertiary); } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .item_img_link { max-width: 55%; flex: 0 0 55%; margin-bottom: 0; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .item_img_link img { width: 100%; min-height: 100%; object-fit: cover; aspect-ratio: 1.78; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .news_info { max-width: 45%; flex: 0 0 45%; padding: 12px 24px; background-color: var(--template-background-1); } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .news_info .news_title a { font-size: 20px; line-height: 28px; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .news_date { font-size: 1rem; line-height: 1.5; margin-bottom: 0.5rem; display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .news_info .news_title a, .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .news_info .news_summary { -webkit-line-clamp: 5; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul { /* padding-right: 0; max-height: unset; */ display: flex; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 calc((100% - 64px)/3); max-width: calc((100% - 64px)/3); position: relative; display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type) { margin-right: 32px; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type)::after { content: ""; position: absolute; top: 0; right: -1rem; width: 0; height: 100%; border-right: 1px solid var(--border-tertiary); } .content-layout .breaking-news .img_right_list ul li .group_scoll { display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link { width: 100%; max-width: 100%; margin-left: 0; margin-bottom: 8px; aspect-ratio: 1.66; display: block; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link img { width: 100%; height: 100% !important; object-fit: cover; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .news_info .news_title { margin-bottom: 0.25; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .news_info .news_title a { font-size: 1rem; line-height: 1.5; -webkit-line-clamp: 3; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .news_info .news_summary { display: none; } /******************News******************/ .content-layout .DsTinBaiLietKeAnh #dstinbailietkeanh ul li { margin-bottom: 0; } .tin-bai-anh-slide .item .item_img_link { display: block; width: 100%; aspect-ratio: 1.7; } .tin-bai-anh-slide .item .item_img_link img { width: 100%; height: 100%; object-fit: cover; } .tin-bai-anh-slide .item .news_title { margin-top: 0.5rem; } .tin-bai-anh-slide .item .news_title a { -webkit-line-clamp: 2; } .tin-bai-anh-slide .item .news_date { display: block; margin-top: 0.25rem; } .tin-bai-anh-slide .item .news_summary { margin-top: 4px; -webkit-line-clamp: 3; font-size: 1rem; line-height: 1.5; } /************************Banner**********************/ .list_QuangCao .view_list_QuangCao ul li:not(:last-of-type), .banner .list_item ul li:not(:last-of-type) { margin-bottom: 0.5rem; } .list_QuangCao .view_list_QuangCao ul li a { display: block; width: 100%; } .list_QuangCao .view_list_QuangCao ul li img { width: 100%; height: auto; border-radius: 0.5rem; } .list_QuangCao .view_list_QuangCao ul li:last-child { margin-bottom: 0; } .list_QuangCao > a { display: block; } .list_QuangCao img { width: 100%; } .banner .list_item ul li input { width: 100%; max-width: 100%; height: auto; vertical-align: top; } .banner .list_item ul li { border-radius: 0.5rem; overflow: hidden; } .main-content-container .list_QuangCao { border-top: 1px solid var(--template-border-7); padding-top: 40px; } .main-content-container .list_QuangCao .view_list_QuangCao ul li { flex: 0 0 calc(100%/4); max-width: calc(100%/4); padding-left: 8px; padding-right: 8px; margin-bottom: 16px; } .main-content-container .list_QuangCao .view_list_QuangCao ul li input { border-radius: 4px; overflow: hidden; } .main-content-container .list_QuangCao .view_list_QuangCao ul { display: flex; flex-flow: row wrap; margin-left: -8px; margin-right: -8px; justify-content: flex-end; gap: 0; } /********************Sidebar Modules********************/ .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul { display: block; } .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li { flex: 0 0 100%; max-width: 100%; margin-right: 0; display: flex; } .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li img { margin: 0; } .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link { margin-top: 0; text-align: left; } .sidebar-content .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_link a { -webkit-line-clamp: 3; text-align: left; } .DsTinBaiLietKeAnh #dstinbailietkeanh ul li .news_date { margin-top: 4px; } /******************News Details*******************/ /* .DanhSachTinBai .list_news li { display: flex; } .DanhSachTinBai .list_news li:not(:last-of-type) { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-tertiary); } .DanhSachTinBai .list_news li .item_img_link { margin-right: 1rem; float: none; width: 36%; flex: none; } */ .DanhSachTinBai .list_news { display: flex; flex-wrap: wrap; gap: 24px; } .DanhSachTinBai .list_news li { flex: 0 0 calc(calc(100% - 48px)/3); max-width: calc(calc(100% - 48px)/3); border-radius: 16px; overflow: hidden; background-color: var(--white); border: 1px solid var(--border-tertiary); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; } .DanhSachTinBai .list_news li .item_img_link { display: block; width: 100%; aspect-ratio: 1.56; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(#fff, #000); mask-image: radial-gradient(#fff, #000); } .DanhSachTinBai .list_news li .item_img_link img { width: 100%; height: 100% !important; transition: all 0.3s ease-in-out; } @media (min-width: 1025px) { .DanhSachTinBai .list_news li:hover { transform: translateY(-4px); } .DanhSachTinBai .list_news li:hover a { color: var(--primary); } .DanhSachTinBai .list_news li:hover img { transform: scale(1.05); } } .DanhSachTinBai .list_news li .news_info { padding: 16px; display: flex; flex-direction: column; gap: 8px; } .DanhSachTinBai .list_news li .news_title { /* margin-top: 4px; */ order: 1; } .DanhSachTinBai .list_news li .news_title a { font-size: 20px; line-height: 24px; -webkit-line-clamp: 2; } .DanhSachTinBai .list_news li .news_summary { /* margin-top: 4px; */ order: 2; } .DanhSachTinBai .list_news li .news_date, .DanhSachTinBai .list_news li .news_summary, .DanhSachTinBai .list_news li .news_summary p { font-size: 1rem; line-height: 1.5; } .DanhSachTinBai .list_news li .news_date::before { content: "\e2be"; font-family: "FluentSystemIcons"; color: var(--text-tertiary); margin-right: 4px; font-size: 24px; line-height: 1; vertical-align: top; } .DanhSachTinBai .list_news li .news_summary { -webkit-line-clamp: 3; } .DanhSachTinBai .dataCM-container:empty + .data-container { margin-top: 0 !important; } .no-image .DanhSachTinBai .list_news li .item_img_link, .no-summary .DanhSachTinBai .list_news li .news_summary { display: none; } .summary-full .DanhSachTinBai .list_news li .news_summary { -webkit-line-clamp: unset; } .summary-break-spaces .DanhSachTinBai .list_news li .news_summary { white-space: break-spaces; } .page_disabled, .page_selected { background-color: var(--primary); color: var(--white) !important; border: 1px solid var(--primary); } /******************Travel Media****************/ .lg-on[style*="margin-left"] .lg-outer { left: 80px; width: calc(100% - 80px); } .lg-sub-html h4 { font-family: var(--font-family-inter); font-size: 1rem; line-height: 2rem; font-weight: 500; color: var(--white) } .lg-backdrop { background-color: rgba(0, 0, 0, 0.9); } .lg-outer .lg-toggle-thumb, .lg-outer .lg-thumb-outer { background-color: #000; } .lg-outer .lg-thumb-outer { padding-left: 0.5rem; } .lg-progress-bar { height: 3px; } .lg-progress-bar .lg-progress { background-color: var(--white); height: 3px; } .category-media_list .category-list .category-item .category-image, .media-wrapper .item-main .item .image-light, .media-wrapper .item-main .item .video-image { position: relative; padding-top: 0.5rem; margin-bottom: 0.5rem; } .category-media_list .category-list .category-item .category-image > a, .media-wrapper .item-main .item .image-light > a, .media-wrapper .item-main .item .video-image > a { display: block; width: 100%; aspect-ratio: 1.54; border-radius: 0.5rem; overflow: hidden; /* margin-bottom: 0.5rem; */ position: relative; z-index: 2; } .category-media_list .category-list .category-item .category-image::before, .media-wrapper .item-main .item .image-light::before, .media-wrapper .item-main .item .video-image::before { content: ""; position: absolute; top: 0; left: 0.75rem; right: 0.75rem; bottom: 0.5rem; background-color: #FFE1B2; border-radius: 0.5rem; z-index: 0; } .category-media_list .category-list .category-item .category-image::after, .media-wrapper .item-main .item .image-light::after, .media-wrapper .item-main .item .video-image::after { content: ""; position: absolute; top: 0.25rem; left: 0.5rem; right: 0.5rem; bottom: 0.25rem; background-color: #FFC266; border-radius: 0.5rem; border: 0; z-index: 1; } .category-media_list .category-list .category-item .total-item, .media-wrapper .item-main .item .total-item { font-size: 0.75rem; line-height: 1rem; color: var(--white); font-weight: 500; position: absolute; display: flex; align-items: center; right: 0.5rem; bottom: 0.5rem; background-color: rgba(13, 21, 42, 0.8); padding: 0.25rem; border-radius: 0.25rem; z-index: 3; } .category-media_list .category-list .category-item .total-item::before, .media-wrapper .item-main .total-item::before, .media-wrapper .section-title .view-all::before { font-family: FluentSystemIcons !important; color: var(--white); margin-right: 4px; font-size: 16px; line-height: 1; } .media-wrapper .item-main .album-lg .total-item::before { content: "\e8b6"; } .media-wrapper .item-main .videosAlbum .total-item::before { content: "\f169"; } .category-media_list .category-list .category-item .total-item::before { content: "\e017"; } /* .travel-media .videogallery .item > a { display: block; width: 100%; } .travel-media .item-main .item .image-light a { display: block; width: 100%; height: 100%; } */ .category-media_list .category-list .category-item .category-image img, .media-wrapper .item-main .item .image-light img, .media-wrapper .item-main .item .video-image img { width: 100%; height: 100%; object-fit: cover; } .category-media_list .category-list .category-item .category-link a, .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a { -webkit-line-clamp: 2; transition: all 0.3s ease-in-out; } .category-media_list .category-list .category-item .category-link a, .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a { -webkit-line-clamp: 3; } .category-media_list .category-list, .media-wrapper .item-main { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; } .media-wrapper .section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .media-wrapper .section-title h4 { /* font-family: var(--font-family-literata); */ font-family: var(--font-family-inter); font-size: 1.25rem; line-height: 1.75rem; color: var(--primary-dark); margin-bottom: 0; } .media-wrapper .section-title .lnk-view-all { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: var(--primary-dark); display: none; } .media-wrapper .section-title h4 + .lnk-view-all { display: inline-block; } .media-wrapper .section-title .view-all { display: flex; align-items: center; } .media-wrapper .section-title .view-all::before { content: "\e3e5"; font-size: 1.25rem; color: var(--primary-dark); } .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 calc(100%/3); max-width: calc(100%/3); padding-left: 12px; padding-right: 12px; margin-bottom: 24px; } .category-media_list .category-list .category-item .category-inner, .media-wrapper .item-main .item .album-lg, .media-wrapper .item-main .item .videosAlbum { cursor: pointer; } .category-media_list .category-list .category-item .category-image > a, .media-wrapper .item-main .item .image-light > a, .media-wrapper .item-main .item .video-image > a { aspect-ratio: 1.56; } .category-media_list .category-list .category-item .category-image::before, .media-wrapper .item-main .item .image-light::before, .media-wrapper .item-main .item .video-image::before { background-color: var(--template-background-3); } .category-media_list .category-list .category-item .category-image::after, .media-wrapper .item-main .item .image-light::after, .media-wrapper .item-main .item .video-image::after { background-color: var(--template-background-4); } /* .media-wrapper .item-main .item .image-title span, .media-wrapper .item-main .item .videos-title a { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; } */ .media-wrapper .item-main .item .videos-title { margin-top: 0; text-align: left; } /*****************Pagination****************/ .pageSizePanel-wrapper { display: flex; align-items: center; justify-content: center; gap: 8px; } .pageSizePanel-wrapper a { width: 32px; height: 32px; line-height: 30px; min-width: 32px; border-radius: 4px; border: none; background-color: transparent; } .pageSizePanel-wrapper a.page_disabled { background-color: var(--primary); cursor: default; } .pageSizePanel-wrapper a:first-of-type, .pageSizePanel-wrapper a:nth-of-type(2), .pageSizePanel-wrapper a:last-of-type, .pageSizePanel-wrapper a:nth-last-of-type(2) { background-color: transparent; color: var(--body) !important; } .pageSizePanel-wrapper a.page_disabled:first-of-type, .pageSizePanel-wrapper a.page_disabled:nth-of-type(2), .pageSizePanel-wrapper a.page_disabled:last-of-type, .pageSizePanel-wrapper a.page_disabled:nth-last-of-type(2) { opacity: 0.5; } .skins-layout #viewDiv { height: calc(100vh - 128px); min-height: 70vh; } /*******************Animation*******************/ .animate-spin { animation: spin 1s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Media Query */ @media (min-width: 1025px) { .sm-contra > li { margin-right: 2.5rem; position: relative; } .sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted { font-family: var(--font-family-inter); font-size: 1rem; line-height: 1.5; font-weight: 600; padding: 12px 0; color: var(--white); position: relative; } .sm-contra a.has-submenu { padding-right: 1.875rem !important; } .sm-contra a.current, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra > li a.has-submenu[aria-expanded="true"] { background-color: transparent; color: var(--template-title-2); } .sm-contra > li > a.current, .sm-contra > li > a:hover, .sm-contra > li > a:focus, .sm-contra > li > a:active, .sm-contra > li > a.has-submenu[aria-expanded="true"] { color: #00D0FF; } .sm-contra a:hover span.sub-arrow, .sm-contra > li a.has-submenu[aria-expanded="true"] span.sub-arrow, .sm-contra > li a.has-submenu.current span.sub-arrow { /* border-color: #00D0FF transparent transparent transparent; */ transform: translateY(-50%) rotate(180deg); } .sm-contra > li a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-top: 2px solid transparent; transition: all 0.5s ease-in-out; } .sm-contra > li a.has-submenu::after { width: calc(100% - 1.875rem); } .sm-contra a.current::after, .sm-contra a:hover::after, .sm-contra a:focus::after, .sm-contra a:active::after, .sm-contra > li a.has-submenu[aria-expanded="true"]::after { border-top: 2px solid #00D0FF; } .sm > li > ul > li { padding: 0; } .sm .submenu-ul { min-width: 250px !important; /* max-height: 300px; overflow: auto; */ border-radius: 8px; border: none; box-shadow: 0px 3px 6px var(--template-shadow-1); padding: 10px 0; background-color: var(--white); } .sm-contra .sm-nowrap > li > a, .sm-contra .sm-nowrap > li > :not(ul) a { white-space: normal; } .sm-contra ul > li a, .sm-contra ul > li a:hover, .sm-contra ul > li a:focus, .sm-contra ul > li a:active, .sm-contra ul > li a.highlighted { color: var(--body); font-size: 1rem; text-transform: none; padding: 0.25rem 1rem; line-height: 1.75rem; } .sm-contra ul > li a:hover, .sm-contra ul > li a:focus, .sm-contra ul > li a:active, .sm-contra ul > li a.highlighted { color: var(--template-title-3); background: rgba(0, 0, 0, 0.05); } .sm-contra ul > li a::after { content: none; } @-moz-document url-prefix() { .sm .submenu-ul { scrollbar-color: var(--template-scrollbar-1) transparent; scrollbar-width: thin; } } .sm .submenu-ul::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 999px; -webkit-border-radius: 999px; } .sm .submenu-ul::-webkit-scrollbar-track { background: transparent; border-radius: 999px; -webkit-border-radius: 999px; } .sm .submenu-ul::-webkit-scrollbar-thumb { background-color: var(--template-scrollbar-1); border-radius: 999px; -webkit-border-radius: 999px; } } /***************************Responsive Trang chủ******************************/ @media screen and (max-width:1442px){ } @media screen and (max-width:1367px){ } @media screen and (max-width:1200px){ .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 100%; } } @media screen and (max-width:1280px){ .banner-slide .owl-carousel .owl-nav { text-align: center; margin-top: 1rem; } .banner-slide .owl-carousel .owl-nav [class*="owl-"] { position: static; transform: none; margin: 0 8px; } } @media screen and (max-width:1140px){ } @media screen and (max-width:1024px){ .sm-contra > li { margin-right: 1.5rem; } .sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted { font-size: 14px; line-height: 24px; padding: 3px 0; } .nav-brand img { height: 48px; } .skins-layout .nav-brand .brand-name h1 { font-size: 0.75rem; line-height: 1.4; } .skins-layout .nav-brand .brand-name h2 { font-size: 1.5rem; line-height: 2rem; } .skins-layout .contra-nav .row { flex-wrap: nowrap; justify-content: flex-end; } .skins-layout .contra-nav .row > div { width: auto; } .skins-layout .contra-nav .search { padding-right: 0; } .skins-layout .contra-nav .row > div:first-child { order: 1; padding-right: 0; } .main-menu-btn { float: none; margin: 0; height: 36px; vertical-align: top; width: 24px; } .skins-layout .menu-bar { position: relative; } .skins-layout .contra-nav { position: absolute; top: calc(50% - 18px); right: 12px; background: transparent; z-index: 1051; } .navbar-container { position: fixed; top: 0; bottom: 0; right: -100%; width: 300px; max-width: 100%; background-color: var(--white); padding: 1rem; overflow: auto; transition: all 0.5s ease-in-out; z-index: 1050; } /* @-moz-document url-prefix() { .navbar-container { scrollbar-width: none; } } .navbar-container::-webkit-scrollbar { display: none; } */ .personalBarContainer ~ .skins-layout .navbar-container { max-width: calc(100% - 80px); } #main-menu-state:not(:checked) ~ .navbar-container #main-menu { display: block; } #main-menu-state:checked ~ .navbar-container { right: 0; } #main-menu::before, #main-menu::after { content: none; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { transform: none; top: -7px; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { transform: none; top: 7px; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height: 2px; background: var(--white); } .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after { background: var(--white); } .navbar-container > label { display: block; margin: 0; text-align: right; } #main-menu { max-height: calc(100% - 24px); overflow: auto; } .sm-contra > li { margin-right: 0; } .sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted { padding: 8px 0; font-size: 1rem; line-height: 1.5; } .sm-contra a span.sub-arrow { padding-top: 0; width: 24px; height: 24px; line-height: 24px; top: 8px; } .sm-contra a.highlighted span.sub-arrow:before { content: "\2013"; height: 24px; } .sm-contra a:hover, .sm-contra a.current { font-family: var(--font-family-inter); } .sm-contra a.current, .sm-contra a.highlighted { font-weight: 600; } .sm-contra > li:hover { background: none; } .sm-contra, .submenu-ul { width: 100% !important; } .sm-contra a.has-submenu { padding-right: 36px; } .sm-contra a.has-submenu::before { right: 6px; } .wrapper-search { display: none; } .action-nav { text-align: right; } .action-nav .link-icn.search-mobile { display: inline-block; text-decoration: none; } .section-notification .header-pane { flex-wrap: wrap; } .section-notification .header-pane .extension { width: 100%; margin-top: 12px; } .section-notification .menu-m1_img ul li:first-of-type, .section-notification .DanhSachChuyenMuc_ListIcon ul li:first-of-type { margin-left: 0; } .section-notification .menu-m1_img ul li:first-of-type::before, .section-notification .DanhSachChuyenMuc_ListIcon ul li:first-of-type::before { content: none; } .skins-layout .DsTinBaiLietKeAnh_TieudeCM2Cot .module_container_news3img { flex-wrap: wrap; } .breaking-news .img_left_large, .breaking-news .img_right_list, .event-news .img_left_large, .event-news .img_right_list, .home-layout .breaking-news .TinBai2Cot_TieuDiem .left-pane, .home-layout .breaking-news .TinBai2Cot_TieuDiem .right-pane, .event-news .TinBaiDanhSach_TieuDiem .up_pane, .event-news .TinBaiDanhSach_TieuDiem .bottom_pane { flex: 0 0 100%; max-width: 100%; } .breaking-news .img_left_large, .home-layout .breaking-news .TinBai2Cot_TieuDiem .left-pane { order: 0; margin-bottom: 1.5rem; padding-right: 0; } .home-layout .breaking-news .TinBai2Cot_TieuDiem .right-pane { padding-right: 0; } .home-layout .breaking-news-style .TinBai2Cot_TieuDiem .right-pane { padding-left: 0; } .event-news .img_left_large, .event-news .TinBaiDanhSach_TieuDiem .up_pane { padding-right: 0; margin-bottom: 1.5rem; border-right: 0; } .event-news .img_right_list, .event-news .TinBaiDanhSach_TieuDiem .bottom_pane { padding-left: 0; } .footer-info { margin-bottom: 1.5rem; } .skins-layout footer .footer-link, .skins-layout footer .footer-certificate, .skins-layout footer .onlinecounter-statistics { justify-content: flex-start; } .sidebar-container { position: fixed; top: 0; bottom: 0; right: -100%; width: 300px; max-width: 100%; background-color: var(--white); padding: 1rem; overflow: auto; transition: all 0.5s ease-in-out; z-index: 1050; } .sidebar-container { width: 400px; overflow: hidden; } .content-title .sidebar-container { padding-top: 1rem; } .personalBarContainer ~ .skins-layout .sidebar-container { max-width: calc(100% - 80px); } .sidebar-content { max-height: calc(100% - 40px); overflow: auto; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } .sidebar-container.show { right: 0; } .main-content-container { flex: 0 0 100%; max-width: 100%; } .EventOrther .event-other .item, .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 calc(100%/3); max-width: calc(100%/3); } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li { flex-basis: calc((100% - 2rem)/3); max-width: calc((100% - 2rem)/3); } /* .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(4n) { margin-right: 1rem; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(3n) { margin-right: 0; } */ .traveler-section { padding-top: 1.5rem; padding-bottom: 1.5rem; } .travel-news .list_QuangCao { margin-top: 1.25rem; margin-bottom: 1.25rem; } .food-news .owl-carousel .owl-nav { opacity: 1; text-align: center; } .food-news .owl-carousel .owl-nav [class*=owl-] { position: static; transform: none; margin: 16px 10px 0; } .travel-media, .travel-suggestion, .hotel-news .TinBaiDanhSach_TieuDiem .up_pane, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane { flex: 0 0 100%; max-width: 100%; } .travel-media { margin-bottom: 2rem; } .travel-suggestion ul { display: flex; gap: 1rem; } .travel-suggestion ul li { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .travel-suggestion ul li:not(:last-of-type) { margin-bottom: 0; } .grouptinbaimotanh .news-image-large .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { aspect-ratio: 1.56; height: unset; } .skins-layout #viewDiv { height: calc(100vh - 64px); min-height: 70vh; } } @media screen and (max-width: 992px){ } @media screen and (max-width: 800px){ .DanhSachTinBai .list_news li { flex: 0 0 calc(calc(100% - 24px) / 2); max-width: calc(calc(100% - 24px) / 2); } .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 768px){ } @media screen and (max-width: 767px){ .skins-layout .nav-brand .brand-name h2 { font-size: 1.25rem; } /* .nav-brand img { height: 48px; } .skins-layout .nav-brand .brand-name h1 { font-size: 0.75rem; line-height: 1.4; } .skins-layout .nav-brand .brand-name h2 { font-size: 1.5rem; line-height: 2rem; } .skins-layout .contra-nav .row { flex-wrap: nowrap; justify-content: flex-end; } .skins-layout .contra-nav .row > div { width: auto; } .skins-layout .contra-nav .row > div:first-child { order: 1; } .main-menu-btn { float: none; margin: 0; height: 36px; vertical-align: top; width: 24px; } .navbar-container { position: fixed; top: 0; bottom: 0; right: -100%; width: 300px; max-width: 100%; background-color: var(--white); padding: 1rem; overflow: auto; transition: all 0.5s ease-in-out; z-index: 1050; } .personalBarContainer ~ .skins-layout .navbar-container { max-width: calc(100% - 80px); } #main-menu-state:not(:checked) ~ .navbar-container #main-menu { display: block; } #main-menu-state:checked ~ .navbar-container { right: 0; } #main-menu::before, #main-menu::after { content: none; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { transform: none; top: -7px; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { transform: none; top: 7px; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height: 2px; background: var(--body); } .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after { background: var(--body); } .navbar-container > label { display: block; margin: 0; text-align: right; } #main-menu { max-height: calc(100% - 24px); overflow: auto; } .sm-contra > li { margin-right: 0; } .sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted { padding: 8px 0; font-size: 1rem; line-height: 1.5; } .sm-contra a span.sub-arrow { padding-top: 0; width: 24px; height: 24px; line-height: 24px; top: 8px; } .sm-contra a.highlighted span.sub-arrow:before { content: "\2013"; height: 24px; } .sm-contra a:hover, .sm-contra a.current { font-family: var(--font-family-inter); } .sm-contra a.current, .sm-contra a.highlighted { font-weight: 600; } .sm-contra > li:hover { background: none; } */ .skins-layout footer .footer-info h2 { font-size: 20px; line-height: 24px; margin-bottom: 0.75rem; } .breaking-news .img_left_large .group_scoll .img_scrollnews { margin-bottom: 0; } .breaking-news .img_right_list ul, .home-layout .breaking-news:not(.breaking-news-style) .TinBai2Cot_TieuDiem .right-pane { margin-bottom: 40px; } .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link { order: 0; margin-left: 0; margin-right: 1rem; } .skins-layout .news-noimage, .skins-layout .event-news { padding-left: 12px !important; padding-right: 12px !important; } .event-news .img_left_large { border: 0 !important; } .img_left_large { border-bottom: 0; } .breaking-news .img_right_list { padding-right: 0; } .img_right_list ul li:last-of-type { border: 0; padding-bottom: 0; margin-bottom: 0; } .title-line.border-right { border-right: 0 !important; } .banner .list_QuangCao ul { flex-wrap: wrap; } .banner .list_QuangCao ul li { flex: 0 0 100%; } .banner .list_QuangCao .view_list_QuangCao ul li:not(:last-of-type) { margin-right: 0; margin-bottom: 1.5rem; } .main-content-container .nhom-thongke .nhom-thongke-block:first-child { margin-bottom: 1.5rem; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group.col-md-2 { padding-left: 12px; } .main-content-container .DnnModule-TraCuuHoSoDVC .form-group .btn.btn-primary { display: inline-block; min-width: 120px; margin-top: 0.75rem; } .DanhSachTinBai .list_news li .news_title a { -webkit-line-clamp: 2; } .EventOrther .event-other .item, .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 50%; max-width: 50%; } .DnnModule-HueTourisEventViewDetail .detail_content .information-content>* { width: 100%; } .DnnModule-HueTourisEventViewDetail .detail_content .div-img>a { aspect-ratio: 1.8; } .search_PAKN .boxsearch { flex-wrap: wrap; justify-content: flex-end; } .search_PAKN .boxsearch .group-search { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .search_PAKN .boxsearch .group-search:last-child { width: 100%; } .search_PAKN .boxsearch .group-search:last-child label { display: none; } .list_PKAN li { width: 100%; } .news-nowrap .TinBai_SideBar_Wrapper { flex-wrap: wrap; } .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item, .video-list .list_video { flex: 0 0 50%; max-width: 50%; } .home-layout .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item, .home-layout .video-list .list_video { margin-bottom: 1rem; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li { flex-basis: calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } /* .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(3n) { margin-right: 1rem; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li:nth-child(2n) { margin-right: 0; } */ .ThongTinTongHop .list_chuyenmuc li ul { position: static; width: 100% !important; max-width: 100%; margin-top: 0.5rem; text-wrap: auto !important; background: var(--template-background-1); border: 1px solid var(--template-border-6); border-radius: 8px; box-shadow: none; } .travel-media .Image-bg-lg ul, .travel-media #html5-videos { row-gap: 1rem; } .travel-media .Image-bg-lg ul li, .travel-media #html5-videos li { flex: 0 0 50%; max-width: 50%; } .tourist-attraction-news .item .news_info, .tourist-attraction-news .item .group_content, .hotel-news .group_scoll .content_scrollnews, .hotel-news .news_item .news_info, .travel-media .media-content, .travel-suggestion ul li { padding: 1rem; } .travel-media { margin-bottom: 1rem; } .tourist-attraction-news .item .news_info_short, .tourist-attraction-news .item .group_content_short { padding: 3rem 1rem 1rem; } .hotel-news .group_scoll .content_scrollnews_short, .hotel-news .news_item .news_info_short { padding: 2.5rem 1rem 1rem; } /* .tourist-attraction-news .item .news_summary, .tourist-attraction-news .item .news_summary span, .food-news .item .news_summary span { font-size: 14px; line-height: 20px; } */ .tourist-attraction-news .item .news_title a, .tourist-attraction-news .item .news_bglnk a, .food-news .item .news_bglnk a, .food-news .item .news_info .news_title a, .hotel-news .img_left_large .content_scrollnews__titlenews .news_link_bold, .hotel-news .up_pane .news_item .news_title a, .hotel-news .bottom_pane .news_item .news_title a { font-size: 1rem; line-height: 1.5; } .tourist-attraction-news .item .news_summary, .hotel-news .up_pane .news_item .news_summary { -webkit-line-clamp: 6; } .hotel-news .TinBaiDanhSach_TieuDiem, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul { gap: 1rem; } .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); } .ChiTietTinBai .TinBai_BaiViet { display: flex; flex-direction: column; } .ChiTietTinBai .TinBai_Scroll { position: sticky; top: 0; left: 0; z-index: 10; } .ChiTietTinBai .group-function { position: sticky; top: 0; left: 0; display: flex; gap: 10px; margin-bottom: 10px; margin-right: 0; align-items: center; justify-content: center; width: 100%; background: #FFF; flex-direction: row; padding: 4px 0; } .ChiTietTinBai .group-function > div { height: 100%; } .ChiTietTinBai .group-function .MXH_share { flex-direction: row; gap: 8px; } .ChiTietTinBai .group-function .MXH_share svg, .statistical-filter-wrapper .form-row .form-group:last-child label { display: none; } .ChiTietTinBai .group-function .text-zoom .group-small { display: flex; align-items: center; gap: 10px; flex-direction: row; } .ChiTietTinBai .TinBai_BaiViet .Group_TinBai { max-width: 100%; } .DSChuyenMuc_ListTomTat .list_CM_Tomtat li { flex-direction: column !important; gap: 15px !important; } } @media screen and (max-width: 600px) { /* .skins-layout .nav-brand .logo .div_link { display: none; } */ .skins-layout .nav-brand .brand-name h2 { font-size: 1rem; line-height: 1.5; } .section-notification .notification { width: 100%; margin-left: 0; margin-top: 0.5rem; } .section-notification .notification::before { content: none; } .section-notification .menu-m1_img ul, .section-notification .DanhSachChuyenMuc_ListIcon ul { flex-wrap: wrap; } .section-notification .menu-m1_img ul li, .section-notification .DanhSachChuyenMuc_ListIcon ul li { margin-left: 0; width: 100%; } .section-notification .menu-m1_img ul li:first-of-type, .section-notification .DanhSachChuyenMuc_ListIcon ul li:first-of-type { margin-bottom: 0.5rem; } .section-notification .menu-m1_img ul li::before, .section-notification .DanhSachChuyenMuc_ListIcon ul li::before { content: none; } .special-page .menu-m1_img ul li, .special-page .DanhSachChuyenMuc_ListIcon ul li { flex: 0 0 100%; max-width: 100%; } .special-page .menu-m1_img ul li:nth-child(2n+1), .special-page .DanhSachChuyenMuc_ListIcon ul li:nth-child(2n+1) { margin-right: 0; } /* .special-page .menu-m1_img ul li:not(:last-of-type), .special-page .DanhSachChuyenMuc_ListIcon ul li:not(:last-of-type) { margin-bottom: 1rem; } */ .document-list li .document-info { flex-direction: column-reverse; align-items: flex-start; } .home-layout .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more, .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more, .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more { position: static; text-align: center; margin-top: 0.75rem; display: block !important; } .news-image-large .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { flex: 0 0 100px; max-width: 100px; } .news-image-large .TinBai_SideBar_Wrapper .TinBai_SideBar_Item .item_img_wrapper { height: 100px; aspect-ratio: unset; } .content-layout .main-content-container .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a, .documents .DnnModule-VanBanQuyPhamPhapLuat_VanBanTongQuan .vbcn_more a { justify-content: flex-end; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .TieuDiem, .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul, .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul { flex-wrap: wrap; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .item_img_link, .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .up_pane .news_info { flex: 0 0 100%; max-width: 100%; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 100%; max-width: 100%; display: flex; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type) { margin-right: 0; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border-tertiary); } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li:not(:last-of-type)::after { content: none; } .content-layout .breaking-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li .item_img_link { order: 0; flex: 0 0 100px; aspect-ratio: 1; margin-right: 1rem; margin-bottom: 0; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul li { flex: 0 0 100%; } .main-content-container .DnnModule-TrinhDienThongTinDoanhNghiep .list_item ul li:not(:last-child) { margin-bottom: 1rem; } .main-content-container .list_QuangCao .view_list_QuangCao ul li { flex: 0 0 50%; max-width: 50%; } .DanhSachTinBai .list_news li { flex-wrap: wrap; } .DanhSachTinBai .list_news li .item_img_link { /* margin-bottom: 0.5rem; */ margin-right: 0; width: 100%; } .DanhSachTinBai .list_news li .news_title a { font-size: 18px; } .ChiTietTinBai .group-function { margin-right: 12px; margin-bottom: 12px; } .ChiTietTinBai .group-function > div { padding: 8px; } .EventOrther .event-other .item, .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 100%; max-width: 100%; } .DnnModule-HueTourisEventViewDetail .detail_content .div-img>a { aspect-ratio: 1.56; } .DanHoi_DanhSach .content-body #navFAQ li a { font-size: 1rem; padding: 8px 12px; } .DanHoi_DanhSach .group-filter { flex-wrap: wrap; gap: 0.75rem; padding: 1rem; justify-content: flex-end; } .DanHoi_DanhSach .group-filter input { width: 100%; } .DanHoi .content-body .box-content, .boxGopY, .form-GuiGopY, .DnnModule-HuePortal_PhananhKiennghi [id*="TDGuiPhananhKiennghi_udpRecommends"] { padding: 1rem; } .main-right .vbpl-form .group-flex-row { flex-wrap: wrap; } .main-right .vbpl-form .group-flex-row .group-button-action { width: 100%; text-align: right; margin-top: 1rem; } table.lichTD tbody table { min-width: 800px; } .leader_avar { flex-wrap: wrap; } .leader_avar .leader_info { width: 100%; margin-top: 1rem; } .organization-layout .leader_info p { flex-wrap: wrap; } .organization-layout .leader_info p span:not(:first-child) { width: 100%; margin-top: 0.5rem; padding-left: 26px; } .search_PAKN .boxsearch .group-search { flex: 0 0 100%; max-width: 100%; } .list_PKAN li { gap: 0.75rem; } .list_PKAN li .row > *[class*="col"], .DnnModule-HuePortal_PhananhKiennghi .form-send .row > div:nth-last-child(2) > label { width: 100%; } .list_PKAN li .row > *[class*="col"]:first-child { margin-bottom: 0.25rem; } .form-GuiGopY .form-group { display: block !important; } .form-GuiGopY .form-group label { display: block; margin-right: 0 !important; } .form-GuiGopY .group-radio-wrapper, .DnnModule-HuePortal_PhananhKiennghi .form-send table { margin-left: 0; margin-top: 0.5rem; } .DnnModule-HuePortal_PhananhKiennghi .form-send .row > div:nth-last-child(2) { flex-wrap: wrap; } .DnnModule-HuePortal_PhananhKiennghi .form-send table tr td:first-child { padding-left: 0 !important; } .news-nowrap .TinBai_SideBar_Wrapper .TinBai_SideBar_Item, .video-list .list_video { flex: 0 0 100%; max-width: 100%; } .special-page.special-page-1 .DanhSachChuyenMuc_ListIcon ul li { flex-basis: 100%; max-width: 100%; } .PhanAnhKienNghi .search_PAKN, .box-gray-search, .DnnModule-HueTourisEventViewDetail .detail_content .detail1, .content-panels-wrapper .DnnModule-QuanLyHoSoDVCMotCuaDienTuCapHuyenXa, .main-content-container .DnnModule-TraCuuHoSoDVC, .DnnModule-ThongKeTongSo { padding: 1rem; } .DnnModule-HueTourisEventViewDetail .detail_content .bn-lblTen { font-size: 1.25rem; } #sdtc ul li { flex-wrap: wrap; flex-direction: column; gap: 1rem; padding: 1rem; } #sdtc ul li > div:first-child { text-align: center; } .food-news .item { flex-direction: column; } .food-news .item .news_img { order: 0; margin-left: 0; margin-bottom: 0.5rem; width: 100%; } .food-news .item .news_info .news_title { margin-bottom: 0.5rem; } .travel-suggestion ul { flex-direction: column; } .travel-suggestion ul li { flex: 0 0 100%; max-width: 100%; } .travel-suggestion ul li img { width: 2rem; } .travel-media .Image-bg-lg ul li, .travel-media #html5-videos li, .hotel-news .TinBaiDanhSach_TieuDiem .bottom_pane ul li { flex: 0 0 100%; max-width: 100%; } .DanhSachTinBai .list_news li, .category-media_list .category-list .category-item, .media-wrapper .item-main .item { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 540px) { } @media screen and (max-width: 500px) { } @media screen and (max-width: 426px){ } @media screen and (max-width: 376px){ .skins-layout .nav-brand .brand-name h2 { font-size: 0.875rem; } } @media screen and (max-width: 320px) { .navbar-container { width: 100%; } } .group-table-button .icon-function { display: inline-block; font-size: 0 !important; width: 18px; height: 18px; background-size: contain; background-position: center; background-repeat: no-repeat; } .group-table-button { display: flex; justify-content: center; align-items: center; } .owl-carousel-event .lblDiaDiem, .owl-carousel-event .date-event-none { display: none; } .main-event-tieudiem span[id*="lbltype"] { display: none; } .owl-carousel-event .date-event { color: var(--blue, #0765e3); font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; display: inline-block; margin-bottom: 2px; padding-left: 0; position: relative; } .owl-carousel-event .main-img { margin-bottom: 10px; border-radius: 10px; } .owl-carousel-event .main-img .div-img, .owl-carousel-event .main-img .div-img .img-thumb { border-radius: 10px; width: 100%; aspect-ratio: 1.65; } .owl-carousel-event .main-img .div-img { position: relative; } .owl-carousel-event .main-img .div-img .img-thumb-warpper { border-radius: 10px; overflow: hidden; } .owl-carousel-event .main-img .div-img .img-thumb { display: block; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease-in-out; } .owl-carousel-event .main-img .div-img .label-status { position: absolute; bottom: 0; right: 0; left: 0; text-align: center; padding: 7px; border-radius: 0px 0px 10px 10px; background: rgba(0, 0, 0, 0.6); font-family: "Roboto", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 1.5; color: var(--yellow, #ffc52d); margin-bottom: 0; } .owl-carousel-event .main-img .div-img .label-status.label-status-dangdienra { color: #ffc52d; } .owl-carousel-event .main-img .div-img .label-status.label-status-sapdienra { color: #ea8f00; } .owl-carousel-event .main-img .div-img .label-status.label-status-daketthuc, .owl-carousel-event .main-img .div-img .label-status.label-status-dadienra { color: #fff; } .owl-carousel-event .item:hover .img-thumb { transform: scale(1.1); } .owl-carousel-event .item:hover span.takeplace { color: #d61c26; } .owl-carousel-event .title-event span.takeplace { color: var(--text-mi, #182940); font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; transition: all 0.3s ease-in-out; } .owl-carousel.owl-carousel.owl-carousel-event { margin-bottom: 40px; } .owl-carousel-event .main-img .div-img .img-thumb img, .section-inner .ModHueTourisEventC .owl-carousel-event .main-img .div-img .img-thumb img { aspect-ratio: 324 / 196; object-fit: cover; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav, .owl-carousel.owl-carousel.owl-carousel-event .owl-nav.disabled { display: inline-block !important; position: absolute; right: 0; top: -65px; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button { width: 25px; height: 12px; outline: none !important; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button span { font-size: 0; width: 25px; height: 12px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button:not(:last-child) { margin-right: 10px; } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button.owl-prev span { background-image: url('data:image/svg+xml,'); } .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button.owl-next span { background-image: url('data:image/svg+xml,'); } .owl-carousel-event .btn.btn-danger, .owl-carousel-event .owl-dots { display: none; } .navbar-banner .list_QuangCao .view_list_QuangCao ul li img, .navbar-banner .list_QuangCao .view_list_QuangCao ul li { border-radius: 0; object-fit: cover; object-position: top; } .navbar-banner .list_QuangCao { padding:0; } body:not(.dnnEditState ) .navbar-banner { position: absolute; top:0; height: 100%; overflow:hidden; width: 100%; } .navbar-banner *:not(a), .navbar-banner .list_QuangCao .view_list_QuangCao ul li a { width:100% !important; height:100% !important; } #youtube-root, #facebook-root { position:relative; } #youtube-root > iframe, #facebook-root > iframe { position:absolute; top:0; left:0; width:100%; height:100%; }