/** * Swiper 8.0.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 14, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* Swiper 8.0.6 -> end */ /*---Start common---*/ @charset "utf-8"; * { font-family:Arial, Helvetica, sans-serif; font-size:12px; } body { margin:0; } a { text-decoration:none; } a:hover { color:#78b43d; } p { line-height: 1.4; } img { border:0; } .clF, .clear { clear:both; } .contnr { margin:0 auto; width:1004px; background:#ffffff; } .footerd .contnr{ width: 100%; } *html .contnr { overflow:hidden; } .mrB20 { margin-bottom: 20px; } .mrT20 { margin-top: 20px; } .mrT15 { margin-top: 15px; } .mrT10 { margin-top: 10px; } .mrT5 { margin-top: 5px; } .mrB5 { margin-bottom: 5px; } .mrL10 { margin-left: 10px; } .mrR10 { margin-right: 10px; } .mrB10 { margin-bottom: 10px; } .mrB15 { margin-bottom: 15px; } .pdB20 { padding-top: 20px; } .pdT20 { padding-top: 20px; } .pdB10 { padding-bottom: 10px; } .pdT10 { padding-top: 10px; } .pdT5 { padding-top: 5px; } .pdB5 { padding-bottom: 5px; } .clrWh { color: #fff; } .clrGr { color: #757575; } .clrGrn { color: #00722e; } .clrBlu { color: #00f; } .clrTit { color: #333; } .txtIl { font-style: italic; } .txtCt p > * { font-size: 13px; } .hdr { width:100%; position: initial; height:50px; background:#78b43d; margin: 0 auto; background-attachment: scroll!important; /*begin dangtq toi_uu_css_sau_nang_cap_giao_dien*/ } .log { float:left; width:90px; height:50px; overflow:hidden; position: relative; } .mnTp{ width: 70px; float: left; border-left: #90c95a solid 1px; border-right: #90c95a solid 1px; height: 38px; padding: 12px 0 0 10px; } .max_width_83 { max-width: 83%; } /*Begin 31/3/2020: dangtq fix_font_chu_to_nho_khong_deu_nhau_noi_dung_bai_viet*/ h1, h2, h3, h4, h5, h6 { margin: 0; display: inline; } /*End 31/3/2020: dangtq fix_font_chu_to_nho_khong_deu_nhau_noi_dung_bai_viet*/ ul, li { margin: 0; padding: 0; list-style: none; } /*== Minhdt 25/11/2021 Add-display-cho-page ==*/ .d-none{ display: none !important; } /*== End Minhdt 25/11/2021 Add-display-cho-page ==*/ .m_banner_show { display: block; margin: 0 auto; } #rightBannerBackground .m_banner_show { text-align: left; } #leftBannerBackground .m_banner_show { text-align: right; } .imgNwsHm>.picIco { /*left: 13px;*/ /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ } /*-----Start icon-----*/ .picIco { position: absolute; display: block; bottom: 5px; left: 5px; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4391px; width: 24px; height: 24px; z-index: 1; } .icoPic { background: url(https://cdn.24h.com.vn/images/2014/icon-pic.gif) no-repeat 5px 0; width: 20px; height: 9px; display: inline-block; } /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ .vdNml { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -359px; } .lstNml { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -46px -253px; } .viHt { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -680px; } .phtNml { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1549px; } /*end t?i uu CSS sau tri?n khai giao di?n m?i*/ .phtHt { background: url(https://cdn.24h.com.vn/images/2014/photo_hot.png) 0 6px no-repeat; background-size: 11px; } /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ .lstRdStr { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -51px -2323px; } /*end t?i uu CSS sau tri?n khai giao di?n m?i*/ .icoquz { background: url(https://cdn.24h.com.vn/images/2014/icon-quiz.png) 0 5px no-repeat; } /*Begin t?i uu CSS sau tri?n khai giao di?n m?i*/ .icoNws { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2551px; width: 29px; height: 12px; vertical-align: -2px; display: inline-block; margin: 0 0 0 5px; } /*End t?i uu CSS sau tri?n khai giao di?n m?i*/ .vidIcoLt { position: absolute; display: block; bottom: 5px; left: 5px; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4515px; width: 24px; height: 24px; z-index: 1; } .icoVid { background: url(https://cdn.24h.com.vn/images/m2014/images-small/iconVideo-small.png) no-repeat 3px 0; width: 21px; height: 10px; margin-left: 2px; display: inline-block; } .icoInfo { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1328px; /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ } .icoMaz { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2100px; /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ } .redStar { background: url(https://cdn.24h.com.vn/images/2014/red-star.gif) 0px 0px no-repeat; width: 10px; height: 10px; margin-left: 2px; display: inline-block; } .grnStar { background: url(https://cdn.24h.com.vn/images/2014/green-star.gif) 0px 0px no-repeat; width: 10px; height: 10px; margin-left: 2px; display: inline-block; } .icoLiv { display: inline-block; color: #fff; font-size: 7px; line-height: 12px; position: relative; top: -1px; text-transform: uppercase; font-weight: 600; background: #f00; padding: 0 3px; border-radius: 3px; margin-left: 5px; } /*-----End icon-----*/ .txtCent { text-align: center; } .txtRt { text-align: right; } /*.atrHdr { height: 40px; }*/ .arPagUp { display: block; z-index: 9999999; position: fixed; bottom: 20px; right: 20px; opacity: .6; transition: background .3s,color .3s; -webkit-transition: background .3s,color .3s; -moz-transition: background .3s,color .3s; } #back-to-top.show { opacity: 1; width: 40px; height: 40px; display: inline-block; background-size: 40px; } #back-to-top { opacity: 0; } .arPagUp:hover { opacity: .7; } .txtTrf { text-transform: uppercase; } .bld { font-weight: 600; } .lin { border-bottom: 1px solid #ddd; } .lind { border-bottom: 1px dotted #78b43d; } /*---Start pagination ---*/ .pgCate { margin-top: 15px; } .pg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pgCate .pg { margin-top: .5rem; margin-bottom: .5rem; } .pgCate .pgIt { margin: 0 3px; } .pgLnk { position: relative; display: block; padding: 0; margin-left: -1px; color: #757575; background-color: #fff; border: 1px solid #ddd; width: 28px; height: 28px; box-sizing: border-box; text-align: center; line-height: 27px; } .pgBf img { /*margin-right: 5px;*/ vertical-align: middle; margin-top: -3px; } .pgAt img { margin-left: 5px; vertical-align: middle; margin-top: -3px; } .pgCate .atv a { background-color: #78b43d; color: #fff; border: 1px solid #78b43d; } .bdrNn .pgLnk { border: 0; } /*---End pagination ---*/ /*---Start box doi subtab ---*/ .bxBoiSbTb{ width: 699px; padding-left: 0; height: 27px; overflow: hidden; } .gryTb2L { float: left; width: 5px; height: 27px; background: url(https://cdn.24h.com.vn/images/2014/tab.gif) 0 -48px no-repeat; } .gryTb2R { float: left; height: 24px; padding: 3px 7px 0 3px; background: url(https://cdn.24h.com.vn/images/2014/tab.gif) right -48px no-repeat; font-size: 11px; color: #333; font-weight: 600; } .gryTb2R h2, .gryTb2R h3, .gryTb2R h4, .gryTb2R h5 { margin: 0; font-size: 11px; } .gryTb2R a { font-size: 11px; color: #333; font-weight: 600; margin: 0; } .gryTb2R a:hover { color: #692; } /*Begin t?i uu CSS sau tri?n khai giao di?n m?i*/ .lstNwsInAtcl article { display: block; list-style: none; padding: 2px 0 7px 12px; padding-left: 18px; } /*End t?i uu CSS sau tri?n khai giao di?n m?i*/ .lstNwsInAtcl a { text-decoration: none; color: #000; font-size: 12px; } /*---End box doi subtab ---*/ /*---Start chon ngay ---*/ .lstChsDy { /*float: right;*/ margin-top: 10px; } .iptChsDy { width: 90px; float: left; } .iptChsDy .cal { margin-right: 2px; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -47px -3333px; outline: none; float: right; width: 20px; /*Begin t?i uu CSS sau tri?n khai giao di?n m?i*/ height: 19px; /*Begin t?i uu CSS sau tri?n khai giao di?n m?i*/ line-height: 11px; display: block; border: 1px solid #ebebeb; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .iptChsDy:hover .cal { background-color: #ddd; cursor: pointer; } .phtrChsDy { float: left; } .phtrChsDy .pgCate { margin-bottom: 0; margin-top: 0; } .phtrChsDy .pgCate li a, .phtrChsDy .pgCate li span { width: 20px; height: 20px; line-height: 18px; padding: 0; text-align: center; border: 1px solid #ebebeb; } .phtrChsDy .pgCate .pg { margin: 0; } .phtrChsDy .pgCate .atv span { border: 1px solid #78b43d; color: #fff; } /*---End chon ngay ---*/ /*---End common---*/ /*---Start header---*/ .hmClk { position: absolute; height: 50px; left: -1px; /*begin 02/01/2019 dangtq Xay dung tinh nang tuy chinh ?nh n?n menu ngang header + logo website*/ } .logoOld{ padding-top: 5px; left: 0; } .nav { width: 182px; margin-right: 0; font-size: 11px; margin-bottom: -1px; } .nav, .nav ul { list-style-type: none; margin: 0; padding: 0; float: left; z-index: 1000000000000; left: -101px; top: -9px; } .mnTp>.nav>.sbLi>a { font-size: 10px; background: url(https://cdn.24h.com.vn/images/2014/menu-top-xem-danh-muc.gif) no-repeat 0px 0px; height: 23px; border: 0; color: #fff; background-position: 40px 0px; padding-top: 29px!important; text-transform: uppercase; } .nav .sbLi { width: 100%; } .sbLi { margin-top: -50000px; } .sbA { margin-top: 50000px; } .nav a { position: relative; width: 157px; margin-right: -181px; background: #aad862 url(//cdn.24h.com.vn/images/2014/menuDot.gif) 13px 10px no-repeat; border-bottom: #78b43d solid 1px; float: left; color: #000; font-weight: normal; font-size: 12px; text-align: left; line-height: 16px; padding: 6px 0 5px 25px!important; } .hdrRt { position: initial; /*z-index: 999999;*/ /*top: 0;*/ background: #78b43d; width: 100%; } .hdrRt .contnr { position: relative; } /*--Start duclv 4/6/2018 :fix_menu*/ .tpMnRt { position: absolute; top: 0; right: 0; width: 815px; z-index: 99999; } /*--Start duclv 4/6/2018 :fix_menu*/ .tpMnRt>ul { height: 50px; line-height: 40px; width: 764px; /*6/1/2020: dangtq fix_loi_nhay_dong_menu_ngang_header*/ float: left; } /*--End duclv 4/6/2018 :fix_menu*/ /* Begin 11/9/2019: dangtq Toi_uu_menu_ngang_header */ .tpMnRt ul>li { vertical-align: middle; /*padding: 0 3px;*/ float: initial; /*cursor: pointer;*/ display: inline-block; list-style: none; } /* End 11/9/2019: dangtq Toi_uu_menu_ngang_header */ .tpMnRt ul li:hover .mnC2Hdr { display: block; } /* Begin 11/9/2019: dangtq Toi_uu_menu_ngang_header */ .tpMnRt ul li .tit { font-size: 12px; border-right: 1px solid #fff; line-height: 40px; color: #fff; vertical-align: middle; padding: 0 7px 0 0; white-space: nowrap; } /* End 11/9/2019: dangtq Toi_uu_menu_ngang_header */ /*--End duclv 4/6/2018 :fix_menu*/ .tpMnRt ul li a:hover { text-decoration: underline; color: #fff; } .mnC2Hdr { position: relative; z-index: 100000000; display: none; } /* Begin 11/9/2019: dangtq Toi_uu_menu_ngang_header */ .menu-c2 { position: absolute; top: 0; height: auto; width: 200px; left: 0; } /* End 11/9/2019: dangtq Toi_uu_menu_ngang_header */ .tpMnRt ul li ul.menu-c2 li { display: inherit; padding: 0; } .tpMnRt ul li ul.menu-c2 li a { border-right: 0; background: #aad862 url(//cdn.24h.com.vn/images/2014/menuDot.gif) 13px 10px no-repeat; padding: 6px 0 5px 25px; width: 185px; line-height: 16px; color: #000; text-decoration: none; border-bottom: #78b43d solid 1px; float: left; } .tpMnRt ul li ul.menu-c2 li:hover>a { color: #fff; background: #78b43d url(//cdn.24h.com.vn/images/2014/menuDot.gif) 13px 10px no-repeat; } /*--Start duclv 4/6/2018 :fix_menu*/ .tpMnRt .icoSch { float: right; position: absolute; right: 10px; border-right: #90c95a solid 1px; height: 45px; padding-right: 8px; padding-top: 5px; } .icoSch form{ margin-top: -1px!important; } /*--End duclv 4/6/2018 :fix_menu*/ .hsFedBck { float: right; transition: all .35s,border-radius 0s; width: 32px; height: 32px; position: relative; } .icoSch .hsFedBck input[placeholder] { opacity: 0; } .icoSch .hsFedBck:hover input[placeholder] { opacity: 1; } .hsFedBck .frmctrl { border: 0 none; background: transparent; box-shadow: none; display: block; width: 98%; height: 30px; font-size: 14px; line-height: 1.42857143; color: #555; } .hsFedBck:hover .frmctrl { width: 94%; height: 40px; background-color: #fff; padding-left: 10px; } .hsFedBck a { position: absolute; right: 6px; top: 8px; } .tpMnRt .icoSch:hover { width: 100%; } .icoSch .hsFedBck:hover { width: 99%; padding-right: 10px; border-radius: 4px 25px 25px 4px; } .tpMnRt ul li:last-child a { border-right: 0; } /*--- Start menu left ---*/ .mnTrhnr > ul { position: relative; } .mnTrhnr > ul .sbLi:hover .fly { display: block; } .nav ul { position: relative; margin-bottom: -10000px; } .nav li:hover>a { color: #fff; background: #78b43d url(//cdn.24h.com.vn/images/2014/menuDot.gif) 13px 10px no-repeat; } .nav ul.fly { left: 182px; top: -28px; } .sbLi a:hover, .sbLi a:focus, .sbLi a:active { margin-right: 0; } .nav a:hover, .nav a:focus, .nav a:active { outline: 0; color: #fff; } .nav ul li { float: left; clear: left; max-width: 182px; } .nav ul.fly li a { background: #78b43d; border-bottom: #aad862 solid 1px; } /*--- End menu left ---*/ /*---End header---*/ /*---Start home---*/ .colLt { float: left; width: 699px; } .brkNwsHm { width: 100%; margin-bottom: 3px; padding: 0; /* overflow: hidden; */ } .bdBrk span { font-size: 14px; color: #000; line-height: 1.3; } .ltBrk { width: 338px; height: 225px; float: left; margin-right: 15px; position: relative; } .ltBrk img{ width: 100%; height: 100%; object-fit: cover; } .rtBrk { float: left; width: 345px; padding-right: 10px; box-sizing: border-box; } .titBrk { display: block; padding: 0 0 10px 0; margin: 0; } .titBrk a { font-weight: 600; color: #000; font-size: 20px; line-height: 1.2; } .icoSkn span { font-size: 12px; text-decoration: none; color: #666; padding-left: 15px; background: url(https:https://cdn.24h.com.vn/images/2014/sprites.png?1) 0 2px no-repeat; } .icoSkn a { text-decoration: underline; color: #666; font-weight: 600; } .icoSkn { margin-bottom: 10px; } .bxDoL { width: 347px; float: left; } .bxDoT { width: 347px; height: 27px; background: url(https://cdn.24h.com.vn/images/2014/sprites-responsive.png?1) 0 -220px no-repeat; overflow: hidden; } .grnTbL { float: left; width: 5px; height: 27px; background: url(https://cdn.24h.com.vn/images/2014/tab.png) 0 0 no-repeat; } .grnTbR { float: left; height: 25px; line-height: 13px; padding: 3px 7px 0 3px; background: url(https://cdn.24h.com.vn/images/2014/tab.png) right 0 no-repeat; font-size: 11px!important; font-weight: 600; color: #fff; } .grnTbR ul li, .gryTbR ul li { display: block; list-style: none; } .grnTbR h1, .grnTbR h2, .grnTbR h3 { margin: 0; font-size: 11px; font-weight: 600; display: inline; } .grnTbR a { font-size: 13px; font-weight: 600; color: #fff; } .grnTbR a:hover { color: #000; } .gryTbL { float: left; width: 5px; height: 20px; background: url(https://cdn.24h.com.vn/images/2014/tab.png) 0 -29px no-repeat; margin: 0 0 0 1px; } .gryTbR { float: left; height: 18px; padding: 2px 6px 0 0; background: url(https://cdn.24h.com.vn/images/2014/tab.png) right -29px no-repeat; font-size: 11px; color: #000; white-space: nowrap; } .gryTbR a { font-size: 11px; color: #3d3d3d; } .gryTbR a:hover { color: #669922 } .bxDoR { width: 347px; float: left; margin-left: 3px; } .bxDoC { width: 346px; padding: 2px 2px 2px 0; } .bxDoItspc { padding: 0 10px 2px 0; min-height: 80px; } .tmBv .nwsTit { margin-bottom: 15px; height: 40px; /*6/11/2018*/ overflow: hidden; /*6/11/2018*/ padding: 0; } .nwsTit { display: block; color: #333; padding: 0 0 5px 0; margin: 0; } .nwsTit a { color: #333; font-weight: 600; } .dnIt2 .nwsTit a { font-weight: 400; } .bxDoiSbIt .nwsTit a { font-weight: 600; display: block; /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ height: 40px; overflow: hidden; } .bxDoiSbIt .tmBv .nwsTit a { font-size: 14px; } .nwsTit a:hover, .nwsHotLt header a:hover{ color: #78b43d; } .imgNwsHm { width: 120px; height: 90px; } .imgNws { width: 110px; height: 83px; } .imgNwsSml { width: 90px; height: 70px; } .imgFlt { float: left; margin-right: 10px; display: block; position: relative; } .bxDoItspc .nwsTit { text-align: left; height: 34px; } .nwsSpSpc { display: block; color: #333; font-size: 13px; line-height: 18px; height: auto; } .divSbNws { font-size: 11px; text-align: justify; padding: 5px 0 0 131px; /* Minhdt 25/08/2023 Fix-tho-thut-box-cate-tren-footer */ } /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ .divSbNws a { font-size: 11px; text-decoration: none; color: #777; padding-left: 15px; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1774px; } /*end t?i uu CSS sau tri?n khai giao di?n m?i*/ .hmNwsSpe2 { background-color: #eaf8d2; overflow: hidden; height: 55px; padding: 2px 5px; } .hmNwsSpe2 article, .hmNwsSpe1 article { line-height: 17px; display: block; list-style: none; padding: 2px 0 0 15px; padding-left: 16px; } .hmNwsSpe2 article a { color: #333; text-decoration: none; font-size: 12px; white-space: nowrap; } .hmNwsSpe2 article a:hover { color: #692; } /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ .hmNwsSpe1 { height: 37px; padding: 2px 5px; overflow: hidden; background-color: #d5ecab; } /*end t?i uu CSS sau tri?n khai giao di?n m?i*/ .hmNwsSpe1 article a { color: #333; font-weight: 600; text-decoration: none; font-size: 12px; white-space: nowrap; } .hmNwsSpe1 article a:hover { color: #692; } .bxDoMrNws { overflow: hidden; display: block; padding: 0 5px 0 0; font-size: 11px; } .bxDoMrNws article { display: block; list-style: none; padding: 2px 0 0 15px; padding-left: 15px; line-height: 20px; } .bxDoMrNws article.vdNml{ background-position: -50px -357px; } .bxDoMrNws article.lstNml{ background-position: -46px -251px; } .brkNwsHm .bxDoMrNws article a { color: #000; font-size: 13px; text-decoration: none; /*white-space: nowrap;*/ line-height: 1.5; text-overflow: ellipsis; overflow: hidden; width: 300px; display: block; } .brkNwsHm .bxDoMrNws article a:hover, .brkNwsHm article a:hover { color: #692; text-decoration: none; } .bxDoMrNws article a { text-decoration: none; color: #000; font-size: 12px; } .bxDoMrNws article a:hover { text-decoration: underline; } .mrB10 .bxDoIt { margin-bottom: 4px; } .bxTrtmC .bxDoIt { /* margin-bottom: 0; */ } /*---End home---*/ /*---Start banner*/ /* Start duclv: fixed_banner_cong_chao */ .bnrPtn { position: relative; margin-left: -1px; /*2/10/2019: dangtq fix_banner_cong_chao_top*/ } /* End duclv: fixed_banner_cong_chao */ /* Minhdt 12/01/2021 Fix-text-adv-banner-hotrectangle1 */ .divBnrHm{ position: relative; margin-top: -5px; } /* End Minhdt 12/01/2021 Fix-text-adv-banner-hotrectangle1 */ /*AnhTT thay_doi_ads_zone*/ .txtBnrVtl, .divBnrHm .txtBnrHor { /* Minhdt 12/01/2021 Fix-text-adv-banner-hotrectangle1 */ position: absolute; top: 60px; /* Minhdt 12/01/2021 Fix-text-adv-banner-center */ /* bottom: 5px; */ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform-origin: left center; -webkit-transform-origin: left center; -ms-transform-origin: left center; left: -9px; } .colRt .txtBnrHor, .txtR { text-align: right; } .txtBnrVtl span, .txtBnrHor span { position: relative; color: #999; text-transform: none; font-size: 10px; font-weight: normal; } .txtBnrVtl span:before, .txtBnrHor span:before { content: "Advertisement"; } /*AnhTT thay_doi_ads_zone*/ .bnrHmL { float: left; width: 336px; height: 280px; /*background: #eee;*/ } .mBnrShw { margin: 0 auto; display: block; padding-bottom: 0; } .bnrHmR { float: left; width: 353px; margin-left: 10px; height: 280px; overflow: hidden; } .bnrHmR .bxTrtmT { background: 0; } .bxTrtmT { width: 353px; height: 26px; /*background: url(https://cdn.24h.com.vn/images/2014/tab.png) 0 -111px no-repeat;*/ overflow: hidden; } .bxTrtmC { width: 353px; padding: 0; border: 0; } .bxDoIt { padding: 0 10px 2px 0; } .bxDoIt .nwsTit { height: 34px; text-align: left; } .bxDoIt .titbxwhome { height: 30px; } .nwsSp { font-size: 13px; line-height: 16px; display: block; color: #333; } .bxDoMrNwsOne { height: 89px; overflow-x: hidden; } .bxDoMrNwsOne ul li { line-height: 20px; } .bxDoMrNwsTwo { background-color: #d5ecab; } .bxDoMrNws .bxDoMrNwsTwo article { line-height: 14px; } .bxDoMrNwsOne::-webkit-scrollbar { width: 10px; background-color: #f5f5f5; } .bxDoMrNwsOne::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); background-color: #f5f5f5; height: 10px; } /*---End banner---*/ /*---Start video chon loc---*/ .grnBxT { border-radius: 3px 3px 0 0; background-color: #78b43d; padding: 5px 10px; color: #fff; font-size: 12px; font-weight: 600; clear: both; } .bxCmSbPg .grnBxT { background-color: #d2577e; } .bnrAtclLt .bxCmSbPg .grnBxT { background-color: #78b43d; } .bnrAtclLt .bnrHmL { margin-top: -15px; } .divTitVd .grnBxT { text-align: center; padding: 8px 10px; font-size: 14px; } .bxVdtrn { background: url(https://cdn.24h.com.vn/images/2014/video-iconwhite.png) 0 0 no-repeat; width: 22px; height: 12px; display: inline-block; margin-right: 5px; } .grnBxT a { color: #fff; font-size: 12px; font-weight: 600; } .grnBxT .lkHmVdCh { font-size: 14px; } .divVdR { margin-left: 0; margin-right: 10px; margin-top: 5px; width: 400px; float: left; } .titBdDivVdR { margin: 10px 0; } .titBdDivVdR a { font-size: 18px; font-weight: 600; color: #333; } .smbdDivVdR span { font-size: 13px; } .divVdL { width: 285px; float: left; } .divVd .divVdL { height: 430px; margin-left: 4px; margin-top: 5px; overflow-x: hidden; } .cmDivVdL { margin-bottom: 10px; margin-right: 15px; clear: both; display: inline-block; width: 100%; } .imgDivVdL { width: 130px; height: 74px; float: left; margin-right: 10px; } .imgDivVdL a { display: block; width: 100%; position: relative; } .imgDivVdL a:before { content: ""; position: absolute; background: url(https://cdn.24h.com.vn/images/2014/small-iconvideo.png) center center no-repeat; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; display: block; background-size: 35px; } .imgDivVdL a img, .imgDivVdL a video { width: 130px; height: 74px; } .bdDivVdL a { font-weight: 400; line-height: 18px; color: #333; font-size: 13px; padding-right: 15px; display: block; } .divVdL::-webkit-scrollbar { width: 10px; background-color: #f5f5f5; } .divVdL::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); background-color: #f5f5f5; height: 10px; } /*---End video chon loc---*/ /*---Start topic hot---*/ .tpcHtBlk { padding-left: 0; margin: 12px 0; } .tpcHt { position: relative; } .tpcHt #interact_wrap { overflow: hidden; position: relative; box-sizing: border-box; z-index: 2; background-color: #eee; user-select: none; -webkit-user-select: none; padding: 5px 10px; height: 102px; } .tpcHt .tpcLitIt { overflow: hidden; padding: 0; margin: 0; } .tpcHt .tpcLitIt li { float: left; box-sizing: border-box; list-style: none; width: 100%; } .tpcHt .tpcLitIt li a { font-size: 13px; color: #f17920; padding: 5px; float: left; margin: 5px 2px; line-height: 24px; background: none; width: 69px; padding-bottom: 0; } .tpcHt .tpcLitIt li a:hover{ color: #c85b09; } .tpcHt a .ico { vertical-align: middle; max-width: 30px; max-height: 25px; display: block; margin: 0 auto; } /*---End topic hot---*/ /*---Start box don---*/ .bxDnT { width: 699px; height: 27px; overflow: hidden; } .bxDnC { width: 690px; padding: 5px 0 5px 0; } .bxDnMrNws { /* Minhdt 25/08/2023 Fix-tho-thut-box-cate-tren-footer */ margin: 5px 0 0 0; padding: 0 0 0 131px; /* float: left; */ } .bxDnMrNws article { display: block; list-style: none; padding: 2px 0 1px 15px; } .bxDnMrNws article.vdNml{ background-position: -50px -357px; } .bxDnMrNws article.lstNml{ background-position: -46px -251px; } .bxDnMrNws article a { line-height: 20px; } .bxDnMrNws article a { text-decoration: none; color: #000; font-size: 12px; } /*---End box don---*/ /*---Start box bai cung cm---*/ .bxPrShw { box-shadow: 0px 0px 12px #d7d7d7; } .bxPrShw .bxPrIn { display: inline-block; width: 100%; margin-top: 10px; } .bxPrLt, .bxPrRt { width: 48%; float: left; padding: 0px 5px; } .bxPrShw .nwsTit a { font-size: 14px; } .titBxPr a:hover { color: #000; } /*---End box bai cung cm---*/ /*---Start thong tin dn---*/ .bx4TBtmHm { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(https://cdn.24h.com.vn/images/2014/box4T-bg.png) repeat; border: solid 1px #7bb541; padding: 5px 5px; position: relative; float: left; } .t4ArwLt { width: 19px; height: 40px; display: block; position: absolute; top: 50%; margin-top: -20px; left: 0; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5711px; z-index: 100; } .t4ArwRt { width: 19px; height: 40px; display: block; position: absolute; top: 50%; margin-top: -20px; right: 0; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -48px -5011px; z-index: 100; } .dnIt2 { float: left; width: 215px; /*padding: 8px 0 8px 10px;*/ padding: 8px 5px; } .dnIt2 .imgNws { width: 110px; height: 83px; } .imgFltT4 { float: left; border: #ebebeb solid 1px; margin-right: 10px; display: block; background: #f5f5f5; position: relative; } .tdnSp { color: #333; display: block; padding: 0 0 0 90px; line-height: 16px; } /* Minhdt 15/06/2022 Toi-uu-swiper-ban-new */ /* Pagination thong tin dn */ .ttdnkh .pagination { position: absolute; width: auto; margin: 0; left: 50%; bottom: 6px; transform: translateX(-50%); z-index: 20; } .ttdnkh .pagination .swiper-pagination-bullet { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #ccc; margin: 0 7px 0 0; cursor: pointer; opacity: 1; } .ttdnkh .pagination .swiper-pagination-bullet-active { background: #ef7930; width: 7px; height: 7px; margin-bottom: -1px; } /* End Pagination thong tin dn */ /* End Minhdt 15/06/2022 Toi-uu-swiper-ban-new */ /*---End thong tin dn---*/ /*---Start colRt---*/ .colRt { float: left; width: 300px; margin-left: 5px; } .grnBxTit { color: #78b43d; line-height: 30px; margin-bottom: 5px; } .grnBxTit h2 { margin: 0; font-weight: 600; font-size: 17px; text-align: left; display: block; text-transform: uppercase; } .bx4Tbg { background: url(https://cdn.24h.com.vn/images/2014/box4T-bg.png) repeat; padding-top: 0; padding-bottom: 0; display: inline-block; width: 300px; } .grnBxCntGrn { background: none; } .bx4Tbg .imgNwsHm { width: 100px; height: 75px; } .lstNws { color: #000; } .lstNws article { display: block; list-style: none; padding: 2px 0 1px 15px; font-size: 11px; } .bxDn .lstNws article a { font-size: 12px; line-height: 16px; } .lstNws article a:hover { color: #78b43d; } .box_rss_6_rss24h, .box_rss_7_rss24h { width: 300px; } .box_rss_6_rss24hTop, .box_rss_7_rss24hTop { background: url(https://cdn.24h.com.vn/images/Layer-3191-092018.jpg) no-repeat center; padding: 15px; color: #fff; font-size: 17px; font-weight: 600; box-sizing: border-box; display: block; text-transform: uppercase; } .box_rss_6_rss24hTop a, .box_rss_7_rss24hTop a { color: #fff!important; font-size: 12px; font-weight: 600; } .box_rss_6_rss24hTop img, .box_rss_7_rss24hTop img { vertical-align: middle; margin: 0 5px 5px 0; } .box_rss_6_rss24hCnt, .box_rss_7_rss24hCnt { border-left: #378b36 solid 2px; border-right: #378b36 solid 2px; border-bottom: #378b36 solid 2px; background: #fff; padding: 5px; } .box_rss_6_rss24hCnt .lstNws article a { padding: 9px 10px!important; box-sizing: border-box!important; font-size: 13px!important; line-height: 1.5!important; display: block!important; border-bottom: 1px solid #eee!important; padding-left: 22px!important; position: relative; } .lstNws article a { text-decoration: none; color: #000; font-size: 12px; } /*---End colRt---*/ /*---Start box danh cho phai dep---*/ .dcpd { width: 300px; } .dcpd .bxRsEvaTp { background: #d2577e; padding: 5px 10px; color: #fff; font-size: 12px; font-weight: 600; text-align: center; } .dcpd .bxRsEvaTp a { color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; } .dcpd .bxRsEvaCnt { border-left: #d2577e solid 2px; border-right: #d2577e solid 2px; background: #fff; border-bottom: #d2577e solid 2px; padding: 5px 9px; } .phTr { color: #333; text-align: right; font-weight: normal; font-size: 12px; padding: 0 10px 5px 0; } .phTr a { text-decoration: none; color: #888; } .phTr a:hover{ color: #78b43d; } .bx4Tbg .nwsTit a { font-size: 13px; font-weight: normal; color: #252525; line-height: 17px; } .bx4Tbg .nwsTit a:hover{ color: #78b43d; } /*---End box danh cho phai dep---*/ /*---Start ve dau trang---*/ .btnTpHm { border: solid 1px #dfdfdf; padding: 8px 8px 5px 10px; color: #555; font-weight: 600; display: inline-block; background: #f7f7f7 url(//cdn.24h.com.vn/images/sprites.png?1) no-repeat 3px -805px; padding-left: 30px; margin-right: 5px; } .btnTpDt { border: solid 1px #dfdfdf; padding: 8px 8px 5px 10px; color: #555; font-weight: 600; display: inline-block; background: #f7f7f7 url(//cdn.24h.com.vn/images/sprites.png?1) no-repeat 3px -845px; padding-left: 30px; } /*---End ve dau trang---*/ /*---Start footer---*/ .ftMn1Contnr { background: #ebebeb; padding: 10px; border-top: #ddd solid 1px; display: inline-block; width: 100%; box-sizing: border-box; margin-bottom: -3px; } .ftMn1 { width: 1004px; margin: 0 auto; color: #000; } .ftMn1 ul.grpIt { margin: 0; padding: 0; } .ftMn1 ul.grpIt li { display: inline-block; list-style: none; width: 106px; padding: 0 5px 0 0; vertical-align: top; float: left; line-height: 20px; } .ftMn1 a { color: #333333; } .footerd .ftMn1 ul.grpIt li a b, .footerd .ftMn1 ul.grpIt li ul li a, .footerd .cpyRt p{ font-size: 13px; } .ftMn1 ul.grpIt li ul li { line-height: 20px; padding: 0; } .ftMn1 ul.grpIt li ul li a { font-size: 11px; } .ftMn1 ul.grpIt li a:hover { text-decoration: underline; } .ftMn2Contnr { background: #78b43d; padding: 5px 30px; text-align: center; color: #000; font-weight: 600; } .ftMn2 { text-align: center; color: #fff; font-weight: 600; } .ftMn2 a { font-weight: 600; color: #fff; margin: 0 15px; font-size: 13px; } .cpyRt { width: 998px; margin: 0 auto; font-size: 12px; color: #7d7d7d; text-align: center; padding: 10px 0 0 0; } /*---End footer---*/ .width-100 { width: 100%; height: 100%; object-fit: cover; } .img200 { width: 200px; } .sktdIt { display: inline-block; width: 100%; } #calenderTable { border: 1px solid #ddd; background-color: #eee; display: none; position: absolute; z-index: 9999; top: 0; left: 0; border-radius: 4px; font-size: 1.1em; width: 300px; padding: 5px; } /*Start duclv: 15/1/2017 Edit toi_uu_box_tim_kiem_phan_trang_box_tin_cung_muc */ /* calender */ #calender{width:200px;font-family:tahoma,ms sans serif,sans serif;font-size:7pt} #calenderTable{ border: 1px solid #dddddd; background-color:#eee; display:none; position:absolute; z-index:9999; top:0px; left:0px; border-radius: 4px; font-size: 1.1em; width: 300px; padding: 5px; } #calenderTable TD{ text-align:center; font-size:10pt; width:30px; padding: 6px; font-weight: 600; } #calenderTableHead tr {background-color:white} #calenderTableHead tr td { border: 1px solid #ddd; } #calenderTableDays tr td { font-size: 14px; } #selectMonth,#selectYear{font-family:tahoma,ms sans serif,sans serif;font-size:14px;border-width:0px;border-style:none; width: 100%} #calenderTable A{ color: #78b43d; text-decoration: none; width: 20px; height: 20px; border: 1px solid #78b43d; background-color: #fff; display: block; margin: 0 auto; line-height: 20px; border-radius: 50%; } #calenderTable A:hover{text-decoration:none; background-color: #eee} .normalDay{border:1px solid #ddd;cursor:pointer; background-color: #f6f6f6;} .hlDay{border:1px solid #ddd;background-color:#78b43d;color:#fff;cursor:pointer} .toDay{border:1px solid #ddd;background-color:#78b43d;color:#fff;font-weight:bold;cursor:pointer} .choosenDay{border:1px solid green;background-color:#A8FAA8;color:green;font-weight:bold;cursor:pointer} #calenderTable #calender td { text-align: right; } .mxh-ver-left { width: 10px; height: 17px; display: inline-block; background: url(https://cdn.24h.com.vn/images/2014/mxh-ver-left.gif) no-repeat; font-size: 12px; padding: 3px 0 0 0; vertical-align: bottom; } .mxh-ver-right { height: 17px; display: inline-block; background: url(https://cdn.24h.com.vn/images/2014/mxh-ver-right.gif) no-repeat right; font-size: 12px; padding: 3px 5px 0 0; vertical-align: bottom; } /*Start bai pr*/ .bxPrShw { box-shadow: 0 0 12px #d7d7d7; } .bxPrTit a:hover { color: #000; } .bxPrTit { border-radius: 3px 3px 0 0; background-color: #78b43d; padding: 5px 10px; color: #fff; font-size: 12px; font-weight: 600; box-shadow: 0 3px 3px #e3e3e3; text-align: center; text-transform: uppercase; } .bxPrTit a { color: #fff; font-size: 12px; font-weight: 600; } .bxPr { padding: 5px 0 5px 0; margin: 0 0 5px 0; } #doanhNghiepItem1 { float: left; width: 338px; padding: 5px 0 5px 10px; } #doanhNghiepItem2 { float: right; width: 338px; padding: 5px 0 5px 10px; } .bxPrSbIt { width: 338px; float: left; padding: 0 0 0 10px; } .lstNwsInAtcl a:hover { color: #78b43d; } /*End bai pr*/ /*Start rss*/ .bxRssTp { background: #378b36; padding: 2px 10px 0 10px; color: #fff; font-size: 12px; font-weight: 600; text-align: center; } .bxRssTp a { color: #fff; font-size: 12px; font-weight: 600; } .bxRssTp a:hover { color: #000; } .bxRssTp img { vertical-align: middle; margin: 0 5px 5px 0; } .bxRssCt { border-left: #378b36 solid 2px; border-right: #378b36 solid 2px; border-bottom: 2px solid #378b36; background: #fff; padding: 5px; } .bxRssCt .lstNws a { font-size: 12px; line-height: 18px; } .bxRssCt .lstNws a:hover { color: #78b43d; } /*End rss*/ /*---Start box bai cung cm---*/ .bxPrShw { box-shadow: 0px 0px 12px #d7d7d7; } .bxPrShw .bxPrIn { display: inline-block; width: 100%; margin-top: 10px; } .bxPrLt, .bxPrRt { width: 48%; float: left; padding: 0px 5px; } .bxPrShw .nwsTit a { font-size: 14px; } .titBxPr a:hover { color: #000; } /*---End box bai cung cm---*/ /*---Start box rss---*/ .listNews li { display: block; list-style: none; padding: 2px 0 1px 12px; font-size: 12px; } .lst-normal { background: url(https://cdn.24h.com.vn/images/2014/sprites.png) 2px -545px no-repeat; } .listNews li a { line-height: 18px; text-decoration: none; color: #000; font-size: 12px; } .listNews li a:hover { color: #78b43d; } /*---End box rss---*/ /*Start duclv menu livescore*/ .tpMn { width: 1004px; height: 28px; background: #e6e6e6; border-bottom: #c1c1c1 solid 1px; } .seCate { width: 150px; float: left; } .btnHm24h { background: url(https://cdn.24h.com.vn/images/2014/menu-top-ve-trang-chu.jpg) no-repeat; width: 150px; height: 27px; display: block; } .tpMnRtPg { float: left; width: 645px; } .tpMnRtPg ul li { display: inline-block; list-style: none; vertical-align: top; float: left; padding: 4px 5px 3px 0; border-right: #c1c1c1 solid 1px; } .tpMnRtPg ul li a { color: #333; font-size: 11px; vertical-align: middle; margin: 0; } .tpMnRtPg ul li a img { margin: 0 5px 0 7px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; } .schPg { float: left; width: 202px; height: 28px; background: url(https://cdn.24h.com.vn/images/2014/search-trangtrong.gif) no-repeat 0 2px; position: relative; } .schTxtPg { overflow: hidden; color: #818181; border: 0; background: 0; margin: 6px 10px 0 15px; width: 180px; } .schIcoPg { position: absolute; top: 6px; right: 10px; width: 16px; height: 16px; } /*End duclv menu livescore */ /* ======================= end of social.css =================== */ /* ======================= start of ltd.css =================== */ .viewVideoPlay .vjs-marker-tableinfo { border: 1px solid #ddd; display: inline-block; width: 100%; margin-top: 0; } .viewVideoPlay .vjs-marker-tableinfo > div:first-child .sub-time-highlight { border-top: 0; } .viewVideoPlay .sub-time-highlight { margin-left: 0; } .viewVideoPlay .vjs-marker-tableinfo::-webkit-scrollbar { width: 10px; background-color: #f5f5f5; } .viewVideoPlay .vjs-marker-tableinfo::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #a1a1a1; } .viewVideoPlay .vjs-marker-tableinfo::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #f5f5f5; } .plCurrent { text-align: left; } .plCurrent span { width: 20px; display: block; padding: 5px 10px; background: #ddd; color: #000; font-weight: 600; } .viewVideoPlay { display: inline-block; width: 100%; } .icoMarker { margin-left: -11px; width: 20px; } /*End Duclv css video 24h_player */ .magzIco { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4763px; width: 24px; height: 24px; display: inline-block; position: absolute; bottom: 5px; left: 5px; } .ltdTb { width: 100%; border-collapse: collapse; } .ltdTb tbody tr td { padding: 10px 4px; border-bottom: 1px solid #ddd; text-align: center; font-size: 11px; } .ltdTb tbody tr:nth-child(even) { background-color: #eff5e9; } .ltdTb tbody tr td span { font-size: 11px; } .ltd-detail { padding-right: 10px; } .ltd-detail a { font-size: 12px; color: #78b43d; font-style: italic; text-decoration: underline; } /*Start less-bxh*/ .less-ltd { margin-top: 5px; } .less-ltd .ltdTb tbody tr td { padding: 4px; border: 1px solid #ddd; } .less-ltd .asiadTb td, .less-ltd .ltdTb td span { font-size: 11px; } .ltdTit span { font-size: 11px; color: #f3a346; display: inline-block; text-align: center; width: 78%; position: relative; } .ltdTit .ltd-detail { float: right; padding-right: 0; } .ltdTit .ltd-detail a { font-size: 11px; text-decoration: none; } .ltdTit .ltd-detail a:hover { text-decoration: underline; } .ltdTit { margin-bottom: 5px; } /*End less-bxh*/ /* ======================= end of ltd.css =================== */ /* begin 12/10/2018 by dangtq */ .clear{ clear: both; } /* end 12/10/2018 by dangtq */ /*begin bangnd 17/10/2018 */ .pad0 { padding: 0 !important; } .module3 .pgCate .atv span{ background: #d2577e; border-color: #d2577e; color: #fff; } .module3 .pgLnk:hover{ color: #d2577e; } .module1 .imgNws { width: 143px; height: 107px; } #style-1 .bxDoiSbIt { padding:0; } .fs11 { font-size: 11px !important; } .fs12 { font-size: 12px !important; } .fs13 { font-size: 13px !important; } .fs15 { font-size: 15px !important; } .fs17 { font-size: 17px !important; } /*end bangnd 17/10/2018 */ /* begin sprites 18/10/2018 DangTQ */ .icoArrWh { width: 16px; height: 12px; background: url('/css/css_sprites.png') -8px -605px; } .icoClose { width: 10px; height: 10px; background: url('/css/css_sprites.png') -8px -363px; } .icoLive { width: 33px; height: 12px; background: url('/css/css_sprites.png') -8px -717px; } .icoquz { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1989px; } .icoHomeSm { width: 20px; height: 18px; background: url('/css/css_sprites.png') -8px -899px; } .icoArrYl { width: 16px; height: 12px; background: url('/css/css_sprites.png') -8px -745px; } .icoCmt { width: 12px; height: 12px; background: url('/css/css_sprites.png') -8px -577px; } .icoUp { width: 12px; height: 8px; background: url('/css/css_sprites.png') -8px -235px; } .icoSearch { width: 24px; height: 24px; background: url('/css/css_sprites.png') -8px -1153px; } .icoPrevGrey { width: 18px; height: 40px; background: url('/css/css_sprites.png') -8px -1441px; } .bxDnT269 b { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -3797px; } .icoPolygonBl { width: 11px; height: 7px; background: url('/css/css_sprites.png') -8px -140px; } .icoPolygonGr { width: 11px; height: 7px; background: url('/css/css_sprites.png') -8px -117px; } .icoBell { width: 14px; height: 16px; background: url('/css/css_sprites.png') -8px -867px; } .icoTke { width: 24px; height: 24px; background: url('/css/css_sprites.png') -8px -1233px; } .icoBd { width: 20px; height: 20px; background: url('/css/css_sprites.png') -8px -1037px; } .icoNextGrey { width: 18px; height: 40px; background: url('/css/css_sprites.png') -8px -1553px; } .icoNextWh { width: 8px; height: 10px; background: url('/css/css_sprites.png') -8px -259px; } .icoNext { width: 8px; height: 12px; background: url('https://cdn.24h.com.vn/images/sprites092018.png') -50px -3223px; display: inline-block; } .icoArrGrey { width: 16px; height: 16px; background: url('https://cdn.24h.com.vn/images/sprites092018.png') -8px -835px; display: inline-block; } .icoArrGr { width: 16px; height: 16px; background: url('https://cdn.24h.com.vn/images/sprites092018.png') -8px -803px; display: inline-block; } .btnTpHmd { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5151px; width: 40px; height: 40px; display: inline-block; } /*begin t?i uu CSS sau tri?n khai giao di?n m?i*/ .vdcl .tit { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -3909px; font-size: 17px; color: #78b43d; border-bottom: 2px solid #78b43d; display: block; line-height: 2; margin-bottom: 10px; padding-left: 30px; } /*end t?i uu CSS sau tri?n khai giao di?n m?i*/ .icoMag { width: 24px; height: 24px; background: url('/css/css_sprites.png') -8px -1073px; } .icoPrev { width: 8px; height: 12px; background: url('https://cdn.24h.com.vn/images/sprites092018.png') -50px -2999px; display: inline-block; } .icoVid { width: 24px; height: 24px; background: url('/css/css_sprites.png') -8px -1113px; } .icoArrRight { width: 12px; height: 8px; background: url('/css/css_sprites.png') -8px -163px; } .icoPaging { width: 14px; height: 14px; background: url('/css/css_sprites.png') -8px -773px; } .icoPicSm { width: 10px; height: 10px; background: url('/css/css_sprites.png') -8px -415px; } .icoNew { width: 29px; height: 12px; background: url('/css/css_sprites.png') -8px -633px; } .btnTpDtd { width: 40px; height: 40px; display: inline-block; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5571px; } .icoDown { width: 12px; height: 8px; background: url('/css/css_sprites.png') -8px -187px; } .phtHt { background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1659px; } .icoPic { width: 24px; height: 24px; background: url('/css/css_sprites.png') -8px -1193px; } .lstRdStrGr { width: 12px; height: 11px; background: url('/css/css_sprites.png') -8px -495px; } .icoVidMd { width: 40px; height: 40px; background: url('/css/css_sprites.png') -8px -1497px; } .lstNmlRed { width: 5px; height: 5px; background: url('https://cdn.24h.com.vn/images/sprites092018.png') -8px -29px; } .icoArrLeft { width: 12px; height: 8px; background: url('/css/css_sprites.png') -8px -211px; } .picico{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4391px; } .videoico{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4515px; } .prev{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5431px; } .next{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -5291px; } .redStar{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2328px; width: 12px; height: 11px; } .icoLiv{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2775px; width: 33px; height: 12px; vertical-align: -3px; } .TvidIcoLt{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4515px; width: 24px; height: 24px; position: absolute; top: 5px; right: 5px; } .TpicIco{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4391px; width: 24px; height: 24px; position: absolute; top: 5px; right: 5px; } .TmagzIco{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4763px; width: 24px; height: 24px; position: absolute; top: 5px; right: 5px; } .TinfoIco{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4639px; width: 24px; height: 24px; position: absolute; top: 5px; right: 5px; } .T2vidIcoLt{ width: 11px; height: 7px; display: inline-block; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -365px; } .TquizIco{ /*background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4639px;*/ width: 24px; height: 24px; position: absolute; top: 5px; right: 5px; } .brkLive{ display: inline-block; font-size: 17px; text-transform: uppercase; font-weight: 600; width: 58px; height: 28px; text-align: right; padding-right: 10px; background-color: #ff0000; color: #fff; line-height: 30px; border-radius: 4px; position: absolute; top: 10px; left: -5px; z-index: 1; } .brkLive:before{ content: ''; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; position: absolute; top: 10px; left: 5px; } .infoIco{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4639px; position: absolute; display: block; bottom: 5px; left: 5px; width: 24px; height: 24px; z-index: 1; } .icoSearTop{ background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4887px; display: inline-block; width: 24px; height: 24px; } /* end sprites 18/10/2018 DangTQ */ /* begin menu top 18/10/2018 DangTQ */ /* Begin 11/9/2019: dangtq Toi_uu_menu_ngang_header */ /*.tpMnRtx>ul>li{ height: 45px; padding-top: 5px; }*/ /*Begin tối ưu CSS sau triển khai giao diện mới*/ .tpMnRtx>ul>li>a:first-child{ /*height: 11px;*/ display: block; height: 50px; padding: 3px 3px 0 3px; box-sizing: border-box; } @-moz-document url-prefix(){ .tpMnRtx>ul>li>a:first-child{ padding: 3px 1px 0 3px; } } .tpMnRtx>ul{ border-right: #90c95a solid 1px; } /*.tpMnRtx ul li img{ display: block; margin: 0 auto; margin-top: 2px; margin-bottom: -7px; }*/ .icoMenuTop{ display: block; text-align: center; } /* End 11/9/2019: dangtq Toi_uu_menu_ngang_header */ /*End t?i uu CSS sau tri?n khai giao di?n m?i*/ /* Begin 11/9/2019: dangtq Toi_uu_menu_ngang_header */ .tpMnRtx ul li .tit{ font-size: 10px; text-transform: uppercase; padding: 0 1px; border: 0; margin-top: -24px; display: block; max-height: 30px; /*24/6/2020 dangtq*/ } /* End 11/9/2019: dangtq Toi_uu_menu_ngang_header */ .tpMnRtx .icoSch{ right: 0; } #headerd .sbLix{ margin-top: -50010px; margin-left: -21px; } .tpMnRtx ul li ul.menu-c2 li a{ width: 200px; font-size: 12px; text-transform: initial; } .tpMnRtx>ul>li:hover{ background-color: #609a26; } /* end menu top 18/10/2018 DangTQ */ /* begin change 19/10/2018 DangTQ */ /* Minhdt 30/12/2022 Fix Box Danh Cho Phai Dep Phai Home */ .dcpd:before { content: "Advertisement"; display: block; margin: 0 0 6px; text-align: right; font-size: 9px; color: #b3b3b3; } .dcpd .bxRsEvaTp269{ display: flex; align-items: center; justify-content: center; padding: 8px 5px; /* Minhdt 05/01/2023 Toi Uu Box Danh Cho Phai Dep Phai Home Lan 1 */ border-radius: 8px 8px 0 0; background-color: #d2577e; } .dcpd .bxRsEvaTp269:before { content: ""; display: inline-block; margin: 0 8px 0 0; width: 21px; height: 23px; background: url('https://cdn.24h.com.vn/images/sprites30122022.png') -8px -1782px no-repeat; } .dcpd .bxRsEvaTp269 a { font-size: 15px; color: #fff; text-transform: uppercase; } .dcpd.dcpd269 .list { padding: 10px; /* Minhdt 05/01/2023 Toi Uu Box Danh Cho Phai Dep Phai Home Lan 1 */ border: 1px solid #ebebeb; border-radius: 0 0 8px 8px; } .dcpd.dcpd269 .list article:first-child .imgNwsSml269{ border-radius: 6px; overflow: hidden; } .dcpd .inner{ font-size: 13px; } .dcpd.dcpd269 .list article:first-child .nwsTit a{ display: block; font-size: 14px; line-height: 18px; color: #252525; } .dcpd269 .bxRsEvaCnt{ border: 0; background: none; padding: 0; } .dcpd269 .item-first .name{ display: block; font-size: 15px; color: #252525; position: absolute; bottom: 2px; left: 0; padding: 10px; background-color: rgba(255, 255, 255, 0.92); border-bottom: 1px solid #e1e1e1; font-weight: 600; } .dcpd.dcpd269 .list article:not(:first-child){ display: flex; margin: 0 0 10px; /* Minhdt 05/01/2023 Toi Uu Box Danh Cho Phai Dep Phai Home Lan 1 */ } .dcpd.dcpd269 .list article:not(:first-child):before { content: ""; display: block; position: relative; top: 6px; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 3px; margin: 0 10px 0 0; background-color: #d0597e; } .dcpd.dcpd269 .list article:not(:first-child) a { display: block; font-size: 13px; line-height: 18px; color: #252525; } .dcpd-eva__action{ margin-top: 10px; /* Minhdt 05/01/2023 Toi Uu Box Danh Cho Phai Dep Phai Home Lan 1 */ } .dcpd-eva__action, .dcpd-eva__action .arrow{ display: flex; align-items: center; justify-content: center; } .dcpd-eva__action .numb{ margin: 0 10px; } .dcpd-eva__action .numb *, .dcpd-eva__action .numb{ font-size: 13px; color: #737373; } .dcpd-eva__action .arrow { width: 28px; height: 28px; border-radius: 14px; background-color: #fff; border: 1px solid #e1e1e1; cursor: pointer; } .dcpd-eva__action .arrow:before { content: ""; display: inline-block; padding: 3px; margin: 0 0 0 4px; border: solid #B3B3B3; border-width: 0 2px 2px 0; vertical-align: middle; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .dcpd-eva__action .arrow-right:before { margin: 0px 3px 0 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .dcpd-eva__action .arrow:hover{ background:#d0597e; border-color: #d0597e; } .dcpd-eva__action .arrow:hover:before{ border-color: #fff; } .dcpd.dcpd269 .list article:first-child .nwsTit a:hover, .dcpd.dcpd269 .list article:not(:first-child) a:hover, .dcpd269 .list a:hover, .dcpd269 .item-first .name:hover, .videocl .bdDivVdL a:hover, .videocl .titBdDivVdR a:hover{ color: #78b43d; } /* End Minhdt 30/12/2022 Fix Box Danh Cho Phai Dep Phai Home */ .lined{ border-bottom: 2px solid #78b43d; display: block; width: 100%; margin-top: -3px; } .mgt5{ margin-top: 5px; } .mgt10{ margin-top: 10px; } .mgt15{ margin-top: 15px; } .mgt20{ margin-top: 20px; } .mgt30{ margin-top: 30px; } .mgbt5{ margin-bottom: 5px; } .mgbt10{ margin-bottom: 10px; } .mgbt15{ margin-bottom: 15px; } .mgbt20{ margin-bottom: 20px; } .mgbt25{ margin-bottom: 25px; } .mgbt30{ margin-bottom: 30px; } .fl{ float: left!important; } .fr{ float: right!important; } .inbl{ display: inline-block; } .rlt{ position: relative; } .ct{ text-align: center; } .ovf{ overflow: hidden; } /* end change 19/10/2018 DangTQ */ /* begin change 20/10/2018 DangTQ */ .contnrd{ margin-top: 10px; margin-bottom: 10px; } .ftMn1 ul.grpIt li a:hover, .ftMn1 ul.grpIt li a:hover{ text-decoration: none; color: #78b43d; } .ftMn2 a:hover{ color: #333; } /* end change 20/10/2018 DangTQ */ /* begin bangnd 20/10/2018 */ .pagination { position: absolute; z-index: 20; left: 50%; bottom: 0; margin-left: -25px; } .swiper-pagination-switch { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #cccccc; margin-right: 7px; cursor: pointer; } .swiper-active-switch { background: #ef7930; width: 7px; height: 7px; margin-bottom: -1px; } /* end bangnd 20/10/2018 */ /* begin change 21/10/2018 DangTQ */ .hotnew .bnrHmL, .bnrIrad2{ height: 286px; } .hotnew{ padding-left: 353px; height: 286px; } /*Begin 6/2/2020: dangtq toi_uu_heading_tag*/ .hotnew .title, .hotnew header{ background-color: #eeeeee; display: block; text-align: center; font-size: 17px; text-transform: uppercase; font-weight: 600; color: #78b43d; border: 1px solid #eeeeee; border-bottom: 0; height: 35px; box-sizing: border-box; line-height: 35px; } /*.hotnew .title a{ background-color: #eeeeee; display: block; text-align: center; font-size: 17px; text-transform: uppercase; font-weight: 600; color: #78b43d; border: 1px solid #eeeeee; border-bottom: 0; height: 35px; box-sizing: border-box; line-height: 35px; }*/ /*End 6/2/2020: dangtq toi_uu_heading_tag*/ .hotnew .list{ border: 1px solid #eeeeee; border-top: 0; height: 243px; overflow: hidden; overflow-y: scroll; } .hotnew .nwsTit{ box-sizing: border-box; position: relative; padding: 10px 25px; padding-left: 55px; border-bottom: 1px solid #eeeeee; } .hotnew .nwsTit a{ font-size: 15px; line-height: 20px; display: table-cell; vertical-align: middle; line-height: 20px; } .hotnew .stt{ font-size: 20px; font-weight: 600; position: absolute; height: 23px; top: 50%; margin-top: -11px; left: 20px; font-weight: 600; color: #898989; width: 23px; text-align: center; } .hotnew .bxDoiSbIt:nth-child(1) .stt{ color: #ed1c24; } .hotnew .bxDoiSbIt:nth-child(2) .stt{ color: #ef7930; } .hotnew .bxDoiSbIt:nth-child(3) .stt{ color: #f5c031; } .hotnew .bxDoiSbIt:last-child .nwsTit{ border-bottom: 0; } .hotnew.oto .bxDoiSbIt:nth-child(1) .stt, .hotnew.oto .bxDoiSbIt:nth-child(2) .stt, .hotnew.oto .bxDoiSbIt:nth-child(3) .stt{ color: #898989; } #style-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #style-1::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } #style-1::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #7C7C7C; } /* end change 21/10/2018 DangTQ */ /* begin change 22/10/2018 DangTQ */ .icoMenu { width: 20px; height: 16px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -162px; } .icoMenuMobile { width: 20px; height: 16px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -510px; } .icoBronze { width: 18px; height: 20px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -746px; } .icoGold { width: 18px; height: 20px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -626px; } .icoSilver { width: 18px; height: 20px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -866px; } .icoFb1 { width: 25px; height: 25px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -986px; } .icoFb2 { width: 25px; height: 25px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -1111px; } .icoGg { width: 25px; height: 25px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -1236px; } .icoVidLg { width: 40px; height: 40px; background: url(https://cdn.24h.com.vn/images/sprites2018_5-2018.png) -50px -1486px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; } .icoNextAlbum { width: 10px; height: 16px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -278px; display: inline-block; } .icoPrevAlbum { width: 10px; height: 16px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -394px; display: inline-block; } .icoFb3 { width: 25px; height: 25px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -1361px; } .icoDetail{ width: 16px; height: 12px; background: url('https://cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -50px; } /* end change 22/10/2018 DangTQ */ /* begin 23/10/2018 DangTQ */ .box_rss_6_rss24h .rssBgTop1{ background: url(https://cdn.24h.com.vn/images/Layer-3191-092018.jpg) no-repeat!important; padding: 10px!important; text-align: left!important; } .box_rss_6_rss24hTop img{ display: none; } .box_rss_6_rss24hTop a{ font-size: 17px!important; } .box_rss_6_rss24h .rssBgTop2{ background: url(https://cdn.24h.com.vn/images/iStock_518208206-092018.jpg) no-repeat!important; padding: 10px!important; text-align: left!important; } .box_rss_6_rss24h{ margin: 20px 0; } .box_rss_6_rss24hCnt{ border: #eee solid 1px!important; border-top: 0!important; } .box_rss_6_rss24hBottom{ border: 0!important; } .box_rss_6_rss24h .lstNws article{ background: none!important; padding-left: 11px; counter-increment: rssIndex; /*Begin t?i uu CSS sau tri?n khai giao di?n m?i*/ } .box_rss_6_rss24hCnt .lstNws article a:before{ font-size: 20px; font-weight: 600; position: absolute; height: 30px; top: 50%; left: 0; margin-top: -15px; color: #9E9E9E; } .box_rss_6_rss24h .lstNws article a:before{ content:counter(rssIndex); } .box_rss_6_rss24h .lstNws article:last-child a{ border: 0!important; } .box_rss_6_rss24h .icoNws{ display: none; } .box_rss_6_rss24hTop{ transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; } .box_rss_6_rss24hTop:hover{ -webkit-filter: brightness(90%); -o-filter: blur(5px); -moz-filter: blur(5px); filter: blur(10%); } .icoNnd{ width: 20px; height: 12px; display: inline-block; margin-right: 8px; background: url('https://cdn.24h.com.vn/images/sprites092018.png') -50px -2887px; } /* end 23/10/2018 DangTQ */ /* begin 25/10/2018 DangTQ */ .bnrSbPg.vf{ width: 335px; /*04/01/2019 dangtq Toi uu box bai PR nhan hang*/ margin-left: 15px; margin-top: 0; /*25/12/2018 dangtq Bo sung text "Ad zone of 24h" cho box PR nhan hang*/ overflow: hidden; } .vf>header{ line-height: 0; } .vf>header img{ width: 100%; } .vf .imgFlt{ width: 143px; height: 107px; } .vf .lstNml{ padding-bottom: 10px; background: none; position: relative; } .vf .lstNml:before{ content: ''; position: absolute; top: 7px; left: 0; width: 5px; height: 5px; background-color: #c90a09; } .vf .lstNml:last-child{ padding-bottom: 0; } /*begin 04/01/2019 dangtq T?i uu box bai PR nhan hang*/ .vf .bxGrtt{ padding: 10px; height: 225px; overflow: hidden; overflow-y: scroll; } /*end 04/01/2019 dangtq Toi uu box bai PR nhan hang*/ .vf .bxGrtt.divVdL{ width: auto; float: none; } .vf .bxGrtt header a{ font-size: 15px; /*24/12/2018 dangtq Cap nhat font-size cho tieu de tin bai s? 1 box PR doc quyen*/ } /* end 25/10/2018 DangTQ */ /* begin bangnd 26/10/2018 */ .col-up-3 *, .col-up-4 * { box-sizing: border-box !important; } .col { position: relative; min-height: 1px; padding: 0 !important; margin: 0 !important; float: left; margin-bottom: 15px; } .col-up-3>.col { width: 33.3333333333% !important; } .col-up-3>.col:nth-of-type(1n) { clear: none } .col-up-3>.col:nth-of-type(3n+1) { clear: both } .col-up-3>.col:last-child { float: left } .col-up-4>.col { width: 25% !important; } .col-up-4>.col:nth-of-type(1n) { clear: none } .col-up-4>.col:nth-of-type(4n+1) { clear: both } .col-up-4>.col:last-child { float: left } /* end bangnd 26/10/2018 */ /* begin 28/10/2018 dangtq */ .pdT15{ padding-top: 15px; } /* end 28/10/2018 dangtq */ /* begin 31/10/2018 dangtq */ .mgL14{ margin-left: 14px; } /* end 31/10/2018 dangtq */ /* begin 1/11/2018 dangtq */ .brmCm2{ border-bottom: 1px solid #ddd; } .icoDnSlt{ margin-right: 0!important; } .brmCm2.off_line{ border-bottom: 0px solid #ddd; margin-bottom: 5px; margin-top: 14px; } /* begin 1/11/2018 dangtq */ /*bangnd 1/11 */ .slide-box-4t2 .col-up-4 { margin-left: -8px; margin-right: -8px; } /* begin 3/11/2018 dangtq */ .box_ds_tran_dau_hot_chuyen_muc .text_decoration_none{ color: #333; font-size: 13px; } /* end 3/11/2018 dangtq */ /* begin 5/11/2018 */ .bxDoMrNwsTwo article.lstNml{ background-position: -46px -254px; } .bxDoMrNwsTwo article.vdNml{ background-position: -50px -360px; } .bxTrtmC .bxDoIt{ margin-bottom: 7px; } .plContnr .icoSocialCm{ width: 25px; height: 25px; display: inline-block; margin-left: 5px; } /* end 5/11/2018 */ /* begin bangnd 7/11/2018 XLCYCMHENG_33212_bo_sung_logo_khach_hang_len_menu */ .aff-xanh a{ background: url(https://cdn.24h.com.vn/images/detox3-092018.jpg) no-repeat 4px center #50b849!important; color: #fff!important; padding-left: 50px!important; background-size: auto 85%!important; } .aff-nau a{ background: url(https://cdn.24h.com.vn/images/cumar3-092018.jpg) no-repeat 4px center #7d450a!important; color: #fff!important; padding-left: 60px!important; background-size: auto 85%!important; } /* end bangnd 7/11/2018 XLCYCMHENG_33212_bo_sung_logo_khach_hang_len_menu */ /*begin bangnd 7/11/2018 XLCYCMHENG_33208_bo_sung_icon_hot_menu_ngang_header*/ .mnIco img{ max-width: 100%!important; /*width: 28px!important; height: 26px!important;*/ max-height: 100%!important; margin-top: -6px!important; margin-right: 5px; } /*end bangnd 7/11/2018 XLCYCMHENG_33208_bo_sung_icon_hot_menu_ngang_header*/ .no-slide .col-up-4 { margin-right: 26px; margin-left: 26px; } /*begin 04/01/2019 dangtq Toi_uu_box_bai_PR_nhan_hang*/ .vf .tmBv .nwsTit { height: auto; } .vf .tmBv .nwsTit .nwsSppr{ font-size: 13px; margin-top: 5px; display: block; } /*end 04/01/2019 dangtq Toi_uu_box_bai_PR_nhan_hang*/ /*begin 16/11/2018 dangtq XLCYCMHENG_33349_quan_tri_icon_hot_new_menu_ngang_header*/ .siHot{ display: inline-block; background: url(https://cdn.24h.com.vn/images/Hot-092018.png) no-repeat; width: 21px; height: 20px; position: absolute; top: 0; right: 6px; } .siNew{ display: inline-block; background: url(https://cdn.24h.com.vn/images/NEW-112018.png) no-repeat; width: 26px; height: 26px; position: absolute; top: 0; right: 7px; } /*end 16/11/2018 dangtq XLCYCMHENG_33349_quan_tri_icon_hot_new_menu_ngang_header*/ /*begin 29/11/2018 dangtq banner_hot_1*/ .bnhotretngle{ background: url(https://cdn.24h.com.vn/images/Rectangle-545-copy.jpg); /*T?i uu CSS sau tri?n khai giao di?n m?i*/ } /*end 29/11/2018 dangtq banner_hot_1*/ /*begin 28/11/2018 dangtq phan_trang_box_danh_cho_phai_dep_cot_phai*/ .pTrang{ text-align: center; margin-top: 15px; } .pTrang li{ display: inline-block; margin: 0 2px; } .pTrang .pgLnk{ position: relative; display: block; padding: 0; margin-left: -1px; color: #757575; background-color: #fff; border: 1px solid #ddd; width: 28px; height: 28px; box-sizing: border-box; text-align: center; line-height: 27px; border-radius: 0; } .pTrang .pgLnk:hover{ color: #d2577e; } .pTrang .atv .pgLnk{ background: #d2577e; border-color: #d2577e; color: #fff!important; } .pTrang img{ vertical-align: middle; margin-top: -3px; } /*end 28/11/2018 dangtq phan_trang_box_danh_cho_phai_dep_cot_phai /*begin logo_nhan_hang 13/02/2019 dangtq*/ .detoxGreenImg{ display: inline-block; /*width: 56px;*/ height: 18px; float: right; padding-right: 10px; margin-top: -3px; } .sbMnCateUl .detoxGreenImg{ display: inline-block; height: 15px; margin-left: 5px; margin-top: -5px; padding-right: 0; } /*end logo_nhan_hang 13/02/2019 dangtq*/ /*Begin template box pr nhan - dangtq 12/4/2019*/ /* Template 1 */ .slideBoxPr{ position: absolute; top: 50%; right: 13PX; background-color: #fff; width: 90px; height: 24px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; text-align: center; color: #527ab7; line-height: 24px; margin-top: -12px; } .icoPrevPr{ display: inline-block; background: url('https://cdn.24h.com.vn/images/prev_pr_dac_viet.png') no-repeat; width: 12px; height: 12px; position: absolute; top: 50%; left: 7px; margin-top: -6px; cursor: pointer; } .icoNextPr{ display: inline-block; background: url('https://cdn.24h.com.vn/images/next_pr_dac_biet.png') no-repeat; width: 12px; height: 12px; position: absolute; top: 50%; right: 7px; margin-top: -6px; cursor: pointer; } .postx .templateBoxPr .imgNws, .templateBoxPr .imgNws{ width: 90px; height: 70px; } .templateBoxPr .lin{ border-color: #eeeff0; } .templateBoxPr .lstNml:before{ background-color: #0e3743; } .templateBoxPr .lstNwsInAtcl a{ font-size: 15px; } .templateBoxPr .bxGrtt.divVdL{ overflow: visible; } .templateBoxPr a{ font-weight: normal; font-size: 14px!important; line-height: 18px; } .templateBoxPr .lstNwsInAtcl a{ color: #333; } .templateBoxPr .lstNwsInAtcl a:hover{ color: #78b43d; } .templateBoxPr header.rlt a{ line-height: 0; } /* Template 2 */ .prTemp2 .lstNwsInAtcl article{ padding: 0; } .prTemp2 .tmBv .nwsTit{ margin-bottom: 0; } .prTemp2 .lin{ border-color: #eeeff0; } .prTemp2 .lstNwsInAtcl .imgNws{ width: 80px; height: 60px; } .prTemp2 .lstNwsInAtcl .nwsTit a{ /*font-weight: normal;*/ font-size: 13px; line-height: 16px; } .prTemp2 .mrB10{ margin-bottom: 7px; } .prTemp2 .nwsSppr{ margin-top: 10px!important; } /* Template 3 */ .postx .prTemp4 .imgNws, .prTemp4 .imgNws{ width: 130px; height: 98px; } .prTemp4 .nwsTit{ margin-bottom: 0; } .prTemp4 span.nwsSppr{ margin-top: 10px!important; } .prTemp4 .bxGrtt header a{ font-weight: 700; } .prTemp4 article.tmBv{ margin-top: 5px; margin-bottom: 15px; } /*End template box pr nhan - dangtq 12/4/2019*/ .displaynone{ display: none !important; } /*Begin template box PR 7*/ .prTemp7 .bxGrtt { overflow: visible; } .prTemp7 .imgNws { width: 110px!important; height: 83px!important; } .prTemp7 .nwsTit { margin-bottom: 0; } .prTemp7 .bxGrtt header a { display: inline-block; font-size: 15px; font-weight: normal; line-height: 18px; } .prTemp7 .dots { display: inline-block; width: 6px; height: 6px; background-color: #ccc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 0 3px; vertical-align: middle; cursor: pointer; } .prTemp7 .dots.active { width: 8px; height: 8px; background-color: #78b43d; } .prTemp7 .txtSlide { font-size: 15px; font-style: italic; color: #757575; margin-top: 5px; } /*End template box PR 7*/ /*Begin template box PR 8*/ .prTemp8 .bxGrtt { overflow: visible; } .prTemp8 .bxGrtt .inner { display: flex; } .prTemp8 .bxGrtt .inner article { margin-bottom: 0; width: 50%; } .prTemp8 .bxGrtt .inner article:nth-child(2n+1) { margin-right: 15px; } .prTemp8 .imgNwspr { width: 150px; height: 113px; float: none; margin-bottom: 5px; } .prTemp8 .nwsTit { margin-bottom: 0; } .prTemp8 .bxGrtt header a { display: inline-block; font-size: 14px; font-weight: normal; line-height: 16px; } .prTemp8 .dots { display: inline-block; width: 6px; height: 6px; background-color: #ccc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 0 3px; vertical-align: middle; cursor: pointer; } .prTemp8 .dots.active { width: 8px; height: 8px; background-color: #78b43d; } .prTemp8 .txtSlide { font-size: 15px; font-style: italic; color: #757575; margin-top: 5px; } /*End template box PR 8*/ /*Begin 3/12/2019: dangtq fix_banner_top_width_1016px*/ .contnrTop{ width: 1016px; margin: 0 auto; background: #fff; } /*End 3/12/2019: dangtq fix_banner_top_width_1016px*/ .logoTaitro { float: left; border-left: 1px solid #eee; padding-left: 5px; } .logoTaitro img { max-height: 23px; } .arbackpage{ bottom: 70px; } /* Begin: 09-04-2020 toi_uu_co_che_xem_bai_chua_xuat_ban_va_che_do_preview */ .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; background: rgba(0, 0, 0, 0.81); } .frmCode { width: 440px; border: 1px solid #e4e4e4; color: #333; font-family: Arial, sans-serif; line-height: 1.5; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .frmCode * { box-sizing: border-box; font-size: 14px; } .frmCode .title { font-size: 16px; padding: 5px 10px; background: #e4e4e4; position: relative; } .frmCode .btnClose { width: 26px; height: 26px; line-height: 26px; color: #fff; background: #ff0000; cursor: pointer; text-align: center; position: absolute; top: 50%; margin-top: -13px; right: 10px; } .frmCode .inner { padding: 10px; } .frmCode .txtGreen { color: #008000; } .frmCode input[type="text"] { border: 1px solid #ccc; width: 100%; padding: 8px 5px; margin: 15px 0; outline: none; color: #FF0000; } .frmCode input[type="text"]::placeholder { color: #999; } .frmCode input[type="checkbox"] { margin: 0; vertical-align: -2px; } .frmCode .btn { text-align: center; margin: 10px 0; } .frmCode .btn a { display: inline-block; padding: 5px 30px; border-radius: 5px; border: 1px solid #797979; background: none; outline: none; cursor: pointer; color: #333; font-weight: normal; } .frmCode .err input[type="text"] { border-color: red; margin-bottom: 5px; } .frmCode .txtErr { font-size: 13px; color: #FF0000; margin-bottom: 10px; display: inline-block; } /* End: 09-04-2020 toi_uu_co_che_xem_bai_chua_xuat_ban_va_che_do_preview */ /*Begin 25/5/2020: dangtq icon_bai_hoi_dap*/ .hoidapIco, .TophoidapIco { background: url('https://cdn.24h.com.vn/images/icon_hoi_dap_trong_anh.png') no-repeat; width: 24px; height: 24px; display: inline-block; position: absolute; bottom: 5px; left: 5px; } .TophoidapIco{ left: auto; top: 5px; right: 5px; } .icohoidap { background: url('https://cdn.24h.com.vn/images/icon_hoi_dap_dau_text.png') left 5px no-repeat; } .Top2hoidapIco{ display: inline-block; width: 12px; height: 12px; background: url('https://cdn.24h.com.vn/images/icon_hoi_dap_dau_text.png') no-repeat; vertical-align: middle; } .T2magzIco{ width: 12px; height: 11px; display: inline-block; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2106px; } .T2infoIco{ width: 11px; height: 10px; display: inline-block; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1335px; } .T2picIco{ width: 11px; height: 10px; display: inline-block; background: url(https://cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1555px; } /*End 25/5/2020: dangtq icon_bai_hoi_dap*/ /* Begin: 26/5/2020: xay_dung_trang_chi_so_chung_khoan */ .disFLex, .boxCk .list .item, .boxCk .listBottom, .pageCk .head, .pageCk .listTop, .pageCk .listTop .item div:first-child, .pageCk .chart, .pageCk .tbl .tblHead, .pageCk .tbl .tblBody .row { display: flex; } .icoUpCk, .icoDownCk, .icoUpCkWhite { display: inline-block; width: 7px; height: 7px; background: url("https://cdn.24h.com.vn/images/2014/ttcb/btn_up2019.png") no-repeat; background-position: center; margin-top: 3px; } .icoDownCk { background-image: url("https://cdn.24h.com.vn/images/2014/ttcb/btn_down2019.png"); } .atv .icoUpCk { background-image: url("https://cdn.24h.com.vn/images/icoUpCkWhite.png"); background-size: 100%; } .atv .icoUpCkWhite { background-image: url("https://cdn.24h.com.vn/images/icoUpCkWhite.png"); background-size: 100%; } .atv .icoDownCk { background-image: url("https://cdn.24h.com.vn/images/icoUpCkWhite.png"); background-size: 100%; transform: rotate(180deg); } .atv .icoyellowCk{ background: white; } .atv .colorUpyellow{ color: #fff !important; } .colorUp { color: #78b43d; } .colorDown { color: #e01010; } .bgUp { background: #71b871; } .bgDown { background: #e01010; } .txtUp { color: #378b36; } .txtDown { color: #e11a1a; } .txtOrange { color: #d95c00; } .boxCk{ margin-top: 10px; } .boxCk .icoUpCk, .boxCk .icoDownCk { display: inline-block; width: 7px; height: 7px; background: url("https://cdn.24h.com.vn/images/2014/ttcb/btn_up2019.png") no-repeat; background-position: center; margin-top: 3px; } .boxCk .icoDownCk { background-image: url("https://cdn.24h.com.vn/images/2014/ttcb/btn_down2019.png"); } .boxCk .title { font-size: 18px; color: #78b43d; background: url("https://cdn.24h.com.vn/images/icon_topck.png") no-repeat; border-bottom: 2px solid; padding-left: 35px; display: block; margin-bottom: 5px; } .boxCk .list { background: #fafafa; border: 1px solid #EDEDED; /*padding: 8px;*/ border-radius: 5px; margin-bottom: 5px; } .boxCk .list .item { display: flex; justify-content: space-between; /*margin-bottom: 5px;*/ padding: 5px 8px; } .boxCk .list div:nth-child(5) .item { margin-bottom: 0; } .boxCk .list .item span:nth-child(1) { font-size: 13px; width: 40%; color: #333; } .boxCk .list .item span:nth-child(2) { width: 17%; color: #333; font-size: 13px; } .boxCk .list .item span:nth-child(3) { width: 15%; } .boxCk .list .item span:nth-child(4) { width: 20%; font-size: 13px; } .boxCk .list .item span:nth-child(5) { width: 19%; font-size: 13px; } .boxCk .listBottom { display: flex; justify-content: space-between; } .boxCk .listBottom div { background: #fafafa; /*border: 1px solid #d8d6d6;*/ /*padding: 5px;*/ border-radius: 5px; width: 100%; margin-right: 10px; text-align: center; } .boxCk .listBottom div:nth-child(3) { width: 150%; } .boxCk .listBottom div:nth-child(5) { margin-right: 0; } .boxCk .listBottom .item{ font-size: 13px; padding: 5px; display: block; color: #333; } .pageCk .title { font-size: 23px; color: #378b36; background: url("https://cdn.24h.com.vn/images/icon_topck2.png") left center no-repeat; padding-left: 35px; } .pageCk .title.titleBottom { margin-bottom: 15px; background-image: url("https://cdn.24h.com.vn/images/analytics-monitor.png"); display: inline-block; } .pageCk .head { justify-content: space-between; margin: 25px 0 13px; } .pageCk .head .txt { color: #525252; font-size: 12px; margin-top: 10px; } .pageCk .listTop { margin-bottom: 20px; } .pageCk .listTop .item { width: 100%; padding: 5px; border: 1px solid #b7b7b7; margin-right: 5px; text-align: center; border-radius: 5px; line-height: 1.4; cursor: pointer; } .pageCk .listTop .item * { font-size: 13px; } .pageCk .listTop .item:nth-child(7) { margin-right: 0; } .pageCk .listTop .item.atv { color: #fff; background: #71b871; } .pageCk .listTop .item.atv div{ color: #fff; } .pageCk .listTop .item.atv .number { color: #fff; } .pageCk .listTop .item div:first-child { justify-content: space-evenly; } .pageCk .listTop .item .number { color: #000; } .pageCk .listTop .icoUpCk, .pageCk .listTop .icoDownCk, .pageCk .listTop .icoUpCkWhite, .pageCk .listTop .icoUpDown { vertical-align: 1px; } .pageCk .colorUp { color: #378b36; } .pageCk .chart { margin-bottom: 25px; } .pageCk .chart .cnt { width: 65%; margin-right: 20px; } .pageCk .chart .inner { flex-grow: 1; } .pageCk .chart .bg { background: #edf9fe; padding: 5px 10px; line-height: 2; border-radius: 5px; margin-bottom: 5px; } .pageCk .chart .bg i { color: #727272; margin-left: 10px; } .pageCk .chart .bor { border-bottom: 1px solid #eee; padding-left: 10px; height: 35px; line-height: 35px; } .pageCk .chart .bor span:first-child { display: inline-block; width: 100px; font-size: 13px; margin-right: 15px; } .pageCk .tbl { margin-bottom: 30px; } .pageCk .tbl .title { background-image: url("https://cdn.24h.com.vn/images/increasing-stocks-graphic-of-bars.png"); background-position: unset; margin-bottom: 15px; display: inline-block; } .pageCk .tbl .tblHead { background: #d3f0fd; padding: 0 10px; height: 30px; line-height: 30px; } .pageCk .tbl .item { font-size: 13px; } .pageCk .tbl .item * { font-size: 13px; } .pageCk .tbl .item:nth-child(1) { width: 60%; } .pageCk .tbl .item:nth-child(1) div:nth-child(1){ font-size: 14px; } .pageCk .tbl .item:nth-child(2), .pageCk .tbl .item:nth-child(3) { width: 20%; } .pageCk .tbl .tblBody { border: 1px solid #eee; height: 305px; overflow: hidden; overflow-y: scroll; } .pageCk .tbl .tblBody::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } .pageCk .tbl .tblBody::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background: #7C7C7C; } .pageCk .tbl .tblBody .row { padding: 5px 10px; border-bottom: 1px solid #eee; } .pageCk .tbl .tblBody .row:last-child { border: 0; } .pageCk .tbl .tblBody .item:nth-child(1){ padding: 5px 0; } .pageCk .tbl .tblBody .item:nth-child(2), .pageCk .tbl .tblBody .item:nth-child(3) { padding-top: 13px; } .pageCk .tbl .tblBody .item:nth-child(3) { color: #8c8c8c; font-size: 11px; line-height: 20px; padding: 5px 0 5px 25px; } .pageCk .tbl .txt { color: #8c8c8c; font-size: 10px; margin-top: 3px; } .pageCk .tbl .percent { border-radius: 5px; padding: 5px; color: #fff; width: 55px; display: inline-block; box-sizing: border-box; margin-right: 5px; } .ckvn_tc, .cktg_tc { /*background: #f2f2f2;*/ } .icoyellowCk{ display: inline-block; width: 7px!important; height: 7px; background: #FF9800; vertical-align: middle; } .boxCk .icoyellowCk{ margin-top: 3px; } #box_loc_bieu_do_ck{ margin-bottom: 10px; } #box_loc_bieu_do_ck a{ width: 30px; height: 20px; color: #b1b8c8; display: inline-block; font-size: 14px; text-align: center; margin-right: 10px; } #box_loc_bieu_do_ck a.ckatv{ color: #47556c; border-bottom: 2px solid #47556c; } .ck_time_atv{ color: red !important; } .highcharts-tooltip rect{ height: 65px; } /* End: 26/5/2020: xay_dung_trang_chi_so_chung_khoan */ /* Begin: 8/6/2020 xay_dung_noi_dung_chi_so_khong_khi */ .txtAirIndex { width: 161px !important; display: inline-block; text-align: right; padding-right: 13px; position: relative; color: #2c90d0; } .txtAirIndex:before, .txtAirIndex:after { content: ''; width: 18px; height: 13px; background: url("https://cdn.24h.com.vn/images/ttcb/chisokhongkhi_clound.png") no-repeat; position: absolute; left: 33px; } .txtAirIndex:after { width: 5px; height: 9px; background-image: url("https://cdn.24h.com.vn/images/ttcb/chisokhongkhi_next.png"); left: auto; right: 0; top: 2px; } .titleAirIndex { border-bottom: 3px solid #88c685; } .titleAirIndex span { display: inline-block; font-size: 13pt; color: #fff; background: url("https://cdn.24h.com.vn/images/ttcb/Rectangle-41.png") no-repeat; background-size: 100%; height: 36px; line-height: 39px; padding: 0 25px 0 10px; margin-bottom: -1px; } .titleAirIndex.titleWeather { border: 0; margin-top: 5px; } .titleAirIndex.titleWeather span { background-image: url("https://cdn.24h.com.vn/images/ttcb/Rectangle-4.png"); } .boxAirIndex * { box-sizing: border-box; } .boxAirIndex .good { background: #88c685; } .boxAirIndex .bad { background: #fcb44e; } .boxAirIndex .least { background: #fc6171; } .boxAirIndex .list { display: table; padding: 15px 10px 0; } .boxAirIndex .list .item { display: inline-table; width: 86px; margin-right: 15px; border: 1px solid #b5e6b3; text-align: center; padding: 7px; border-radius: 5px; margin-bottom: 10px; } .boxAirIndex .list .item:last-child { margin: 0; text-align: left; border: 0; padding: 0; position: relative; width: 54px; } .boxAirIndex .list .item:last-child div { color: #969696; font-size: 9pt; margin-bottom: 8px; position: absolute; } .boxAirIndex .list .item:last-child div:first-child{ top: -15px; } .boxAirIndex .list .item:last-child div:nth-child(2){ top: 5px; } .boxAirIndex .list .item:last-child div:last-child { margin-bottom: 0; top: 25px; } .boxAirIndex .list .item:last-child .color { display: inline-block; width: 20px; height: 12px; border-radius: 3px; vertical-align: top; margin-right: 5px; } .boxAirIndex .list .add { font-size: 11pt; font-weight: bold; color: #565656; margin: 5px 0 10px 0; white-space: nowrap; max-width: 86px; overflow: hidden; text-overflow: ellipsis; } .boxAirIndex .list .number { font-size: 11pt; font-weight: bold; color: #fff; padding: 5px 0; border-radius: 5px; } .dbtt { margin-top: 0!important; } /* End: 8/6/2020 xay_dung_noi_dung_chi_so_khong_khi */ /*20-10-2020 DanNC Begin bo sung css menu ngang*/ .total_sbMn .dnSltUpn { margin-top: 12px; } /*20-10-2020 DanNC End bo sung css menu ngang*/ /* css toi uu banner cong chao */ .header-bg-fixed { position: relative; z-index: 9; } .bg-fixed-top { position: fixed; top: 0; left: 50.1%; transform: translateX(-50%); /*z-index: 0;*/ } .bg-content-fixed { position: relative; width: 1015px; /*margin: 200px auto 0;*/ background: #fff; z-index: 1; overflow: hidden; } .mrAuto{ margin: auto; } /* End css toi uu banner cong chao */ /*== Begin 09/12/2020 minhdt fix-bg-banner-qc-duoi-chan-trang ==*/ .banner_footer { display: flex; align-items: center; width: 1004px; /* height: 120px; */ margin: 0 auto 20px; padding: 17px 0; background: #f2f2f2; } .banner_footer .banner_inread { margin: 0 !important; } .banner-footer-fixed { position: relative; width: 1015px; /*margin: 200px auto 0;*/ background: #fff; /*z-index: 1;*/ overflow: hidden; } .banner-footer-fixed-full { /*position: relative;*/ /*margin: 200px auto 0;*/ background: #fff; z-index: 1; overflow: hidden; } /*== End 09/12/2020 minhdt fix-bg-banner-qc-duoi-chan-trang ==*/ .balloon { position: fixed; bottom: 0; right: 0; z-index: 99999; } .balloon .banner_inread { margin: 0 !important; } /*16-03-2021 DanNC begin toi uu link bai viet anh*/ .show_hide_chu_thich p { display: block; position: absolute; top: 0; bottom: 0; right: 53px; width: 200px; color: #fff; text-align: justify; padding: 10px; z-index: 99999; font-size: 14px; } .show_hide_chu_thich p a { color: #fff; width: 100%; height: auto; display: inline; font-size: 14px; } /*16-03-2021 DanNC end toi uu link bai viet anh*/ /* 02-06-2021 DanNC begin can giu text quang cao */ .text_center_nc div { text-align: center !important; } /* 02-06-2021 DanNC end can giu text quang cao */ /*== most viewed ==*/ .hotnew .title-bg, .hotnew .title-bg .title{ background: #78b43d; color: #fff; border-color: #79b33c; } /*== End most viewed ==*/ /*=== Minhdt 27/08/2021 Fix-Banner-BillboardTop ===*/ .bnBillboardTop .bnBillboardTopChidren{ display: flex; align-items: center; justify-content: center; overflow: hidden; } /*=== End Minhdt 27/08/2021 Fix-Banner-BillboardTop ===*/ .contentbaiviet .v-24h-media-player { margin-bottom: 20px !important; } /*22-09-2021 DanNC begin bổ sung poll banner*/ .none_txt_banner .txtBnrHor { display: none; } .none_txt_banner .banner_inread { margin-bottom: 0 !important; } /*== Minhdt 28/10/2021 Fix-Banner-Sponsor ==*/ .bnSponTop, .bnSponBot{ display: flex; } .bnSponTop .m_banner_show, .bnSponBot .m_banner_show{ display: flex; align-items: center; text-align: center; } /* Fix On Safari */ @media not all and (min-resolution:.001dpcm) { .bnSponTop, .bnSponBot{ justify-content: center; } .bnSponTop .m_banner_show, .bnSponBot .m_banner_show{ margin: auto; justify-content: center; } } /* End Fix On Safari */ /*== End Minhdt 28/10/2021 Fix-Banner-Sponsor ==*/ /*== Minhdt 23/12/2021 Add-Btn-Share-MXH-Tren-24H ==*/ /*== Custom Font ==*/ @font-face { font-family: 'Roboto-Regular'; src: url(https://cdn.24h.com.vn/css/fonts/Roboto-Regular.ttf); } @font-face { font-family: 'Roboto-Bold'; src: url(https://cdn.24h.com.vn/css/fonts/Roboto-Bold.ttf); } /*== End Custom Font ==*/ /*== Reset ==*/ .btn-share-24h .cv19-sha-social h1, .btn-share-24h .cv19-sha-social h2, .btn-share-24h .cv19-sha-social h3, .btn-share-24h .cv19-sha-social h4, .btn-share-24h .cv19-sha-social h5, .btn-share-24h .cv19-sha-social h6{ display: block; font-weight: inherit; } .btn-share-24h .d-flex, .btn-share-24h-event,/* Page Event */ .btn-share-24h-fixed, /* Link Share duoi chan trang toan page */ .btn-share-24h-art,/* Page Bai Viet */ .btn-share-24h-info,/* Page Bai Infographic */ .btn-share-24h-info-b,/* Page Bai Infographic */ .btn-share-24h-poll{ /* Page Bai Poll */ display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .btn-share-24h .justify-content-between, .btn-share-24h-art,/* Page Bai Viet */ .btn-share-24h-info/* Page Bai Infographic */ { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; } .btn-share-24h .align-items-center, .btn-share-24h-event,/* Page Event */ .btn-share-24h-fixed, /* Link Share duoi chan trang toan page */ .btn-share-24h-art, /* Page Bai Viet */ .btn-share-24h-info,/* Page Bai Infographic */ .btn-share-24h-info-b,/* Page Bai Infographic */ .btn-share-24h-poll{ /* Page Bai Poll */ -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .btn-share-24h .align-items-start { -webkit-box-align: start!important; -ms-flex-align: start!important; align-items: start!important; } .btn-share-24h .text-uppercase { text-transform: uppercase } .btn-share-24h .text-center { text-align: center; } .btn-share-24h .cv19-sha-social a{ transition: all ease .3s; } .btn-share-24h .margin-bottom-20 { margin-bottom: 20px!important } .btn-share-24h .margin-bottom-30 { margin-bottom: 30px!important } .btn-share-24h .cv19-sha-social * { padding: 0; margin: 0; box-sizing: border-box; font-family: 'Roboto-Regular'; } /*== End Reset ==*/ /*== Bg Sprite Main ==*/ .btn-share-24h .icon-sha-social-sprite{ background: url('https://cdn.24h.com.vn/images/covid/sprite-icon-share-social-covid-19.png') no-repeat; } /*== End Bg Sprite Main ==*/ /*== Font Bold Main ==*/ .btn-share-24h .cv19-sha-social__tit, .btn-share-24h .cv19-sha-social__list-tit header, .btn-share-24h .cv19-sha-social__list-tit header *, .btn-share-24h .cv19-sha-social__list .copy-link a{ font-family: 'Roboto-Bold'; } /*== End Font Bold Main ==*/ .btn-share-24h .cv19-sha-social__tit{ border-radius: 5px; padding: 3px 10px; color: #fff; font-size: 12px; background-color: #209956; cursor: pointer; } .btn-share-24h .cv19-sha-social__tit:before{ content: ""; display: inline-block; width: 21px; height: 21px; margin: 0 5px 0 0; background: url('https://cdn.24h.com.vn/images/covid/sprite-icon-share-social-covid-19.png') -5px -150px no-repeat; } .btn-share-24h .cv19-sha-social__list { position: absolute; min-width: 520px; padding: 15px 20px; background: #fff; box-shadow: #00000059 1px 1px 5px; opacity: 0; visibility: hidden; transition: all ease .3s; z-index: 9999; } .btn-share-24h .cv19-sha-social__list.active_menu_share{ opacity: 1; visibility: visible; } .btn-share-24h .cv19-sha-social__list-tit header, .btn-share-24h .cv19-sha-social__list-tit header * { font-size: 18px; color: #209956; } .btn-share-24h .cv19-sha-social__list-close{ display: inline-block; width: 15px; height: 15px; background-position: -5px -125px; cursor: pointer; } .btn-share-24h .cv19-sha-social .cv19-sha-social__list-icon{ justify-content: space-between !important; } .btn-share-24h .cv19-sha-social__list-icon li .icon-sha-social-sprite { display: block; width: 50px; height: 50px; margin: 0 auto 10px; } .btn-share-24h .cv19-sha-social__list-icon li a{ display: block; font-size: 14px; color: #252525; } .btn-share-24h .cv19-sha-social__list-icon li a:hover{ color: rgb(32, 153, 86); } .btn-share-24h .cv19-sha-social__list-icon li .icon-zalo{ background-position: -5px -5px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-fb{ background-position: -5px -65px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-mess{ background-position: -5px -181px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-skype{ background-position: -5px -283px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-tele{ background-position: -5px -343px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-twi{ background-position: -5px -403px; } .btn-share-24h .cv19-sha-social__list .copy-link a { display: block; min-width: 100%; padding: 8px 5px; background: #F2F2F2; border: 1px solid rgb(215, 215, 215); border-radius: 5px; font-size: 14px; color: rgb(32, 153, 86); } .btn-share-24h .cv19-sha-social__list .copy-link a:hover{ background: rgb(32, 153, 86); color: #fff; border-color: rgb(32, 153, 86); } /* Page Bai Infographic */ .btn-share-24h-info-b .btn-share-24h{ margin-right: auto; } /* End Page Bai Infographic */ /* Page Lich Van Nien */ .brmCm2.btn-share-24h-lvn { position: relative; } .btn-share-24h-lvn .btn-share-24h .cv19-sha-social { position: absolute; top: 0; right: 0; z-index: 1; } .btn-share-24h-lvn .sbMnCate { margin-top: 23px; } .btn-share-24h-lvn .cateBdm { padding-top: 10px; } /* End Page Lich Van Nien */ /* Link Share duoi chan trang toan page */ .btn-share-24h-fixed .btn-share-24h { display: inline-block; margin: 0 5px 0 0; } .btn-share-24h-fixed .btn-share-24h .cv19-sha-social__tit { height: 40px; line-height: 40px; border-radius: 999px; background: #78B43D; font-size: 14px; } .btn-share-24h-fixed .btn-share-24h .cv19-sha-social__tit:before { width: 20px; height: 20px; background: url('https://cdn.24h.com.vn/images/2021-template/share_cuoi_trang_1.png') center center/contain no-repeat; } .btn-share-24h-fixed .btn-share-24h .cv19-sha-social__tit:hover { background: #209956; } .btn-share-24h-fixed { justify-content: flex-end; } .btn-share-24h-fixed .btnTpHmd { margin: 0 5px 0 0; } .btn-share-24h-fixed .btnTpHmd, .btn-share-24h-fixed .btnTpDtd{ z-index: 0; } /* Page Covid-19 */ .btn-share-24h-fixed .cv19-sha-social{ position: static; transform: translateY(0); } /* End Page Covid-19 */ /* End Link Share duoi chan trang toan page */ /* Page Bai Poll */ .btn-share-24h-poll{ justify-content: center; padding: 0 0 10px; } .btn-share-24h-poll .cv19-sha-social { margin: 0 0 0 10px; } .btn-share-24h-poll .cv19-sha-social__tit{ padding: 2px 10px; } /* End Page Bai Poll */ /* Page Covid-19 */ .btn-share-24h.btn-share-24h-covid .cv19-sha-social__list.active_menu_share { top: 50%; } .btn-share-24h.btn-share-24h-covid .cv19-sha-social__list { right: unset; } /* End Page Covid-19 */ /* Page Event */ .btn-share-24h-event .bmTpSeoBlk { margin-left: auto; } /* End Page Event */ /* Page Quiz */ .btn-share-24h-quiz{ position: relative; } .btn-share-24h-quiz .btn-share-24h{ position: absolute; top: 50%; right: -12px; transform: translateY(-50%); } /* End Page Quiz */ /* Page Phat minh y hoc */ .btn-share-24h-pmyh .btn-share-24h{ float: right; } .btn-share-24h-pmyh .bmTpSeo { padding-top: 9px; } /* End Page Phat minh y hoc */ /*== End Minhdt 23/12/2021 Add-Btn-Share-MXH-Tren-24H ==*/ /*== Minhdt 20/01/2022 Fix-Logo-Nhan-Menu-Cate-Left ==*/ .mnTrhnr .logoBrandOnlyImg{ min-width: 182px; background: none; padding: 0 !important; } .mnTrhnr .logoBrandOnlyImg img{ max-width: 100%; height: auto; vertical-align: middle; } /*== End Minhdt 20/01/2022 Fix-Logo-Nhan-Menu-Cate-Left ==*/ .txtBnrHor, .txtBnrVtl, .lineAdZone { display: none; } /*== Minhdt 22/02/2022 Add-icon-video-hightlight ==*/ .vidIcoLtfob, .TvidIcoLtfob{ position: absolute; display: block; bottom: 5px; left: 5px; background: url('https://cdn.24h.com.vn/images/Icon-Video-highlight.gif') no-repeat; width: 24px; height: 24px; z-index: 1; } .T2vidIcoLtfob{ display: inline-block; position: relative; top: 2px; width: 10px; height: 10px; background: url('https://cdn.24h.com.vn/images/sprites2022.png') no-repeat -50px -5851px; } /* Trang Bong Da Cu */ .newsx .TvidIcoLtfob, .evtHot .TvidIcoLtfob, /* Box Su kien NHA Trang Chu */ .box-24h-spec-tour-highl-big .vidIcoLtfob, /* Box Su kien WC Trang Chu */ .box-24h-spec-tour-highl .nwsHotLt .TvidIcoLtfob{ /* Box Su kien AFF CUP Trang Chu */ top: 5px; right: 5px; bottom: unset; left: unset; } /* End Trang Bong Da Cu */ .vdNmlfob{ position: relative; } .vdNmlfob .icoSpites, .box-24h-spec-tour-highl-list .vdNmlfob:before{ /* Box List Su kien WC trang Chu */ display: inline-block; position: absolute; top: 7px; left: 0; background: url('https://cdn.24h.com.vn/images/sprites2022.png') no-repeat -50px -5851px; width: 10px; height: 10px; } /* Box List Su kien WC trang Chu */ .box-24h-spec-tour-highl-list .vdNmlfob:before{ content: ""; top: 15px; } .box-24h-spec-tour-highl-list .vdNmlfob a:before{ content: none; } /* End Box List Su kien WC Trang Chu */ /*== End Minhdt 22/02/2022 Add-icon-video-hightlight ==*/ /* Minhdt 13/04/2022 Add-Icon-Podcast-Audio */ .audioIco { position: absolute; display: block; bottom: 5px; left: 5px; background: url('https://cdn.24h.com.vn/images/sprites-new-2022.png') no-repeat -48px -5791px; width: 24px; height: 24px; z-index: 1; } .Icoaudio { background: url('https://cdn.24h.com.vn/images/sprites-new-2022.png') no-repeat -47px -5849px; } /* End Minhdt 13/04/2022 Add-Icon-Podcast-Audio */ /* Minhdt 21/06/2022 Add-Icon-Chuyen-Gia-Tu-Van */ .bxDoL.nwsHotLt .anhIcontuvan{ top: 5px; right: 5px; bottom: unset; left: unset; } .anhIcontuvan { position: absolute; display: block; bottom: 5px; left: 5px; background: url('https://cdn.24h.com.vn/images/sprites-new-2022-2.png') no-repeat -48px -5902px; width: 25px; height: 25px; z-index: 1; } .tuvanNml { background: url('https://cdn.24h.com.vn/images/sprites-new-2022_1.png') no-repeat -48px -5972px; } /* End Minhdt 21/06/2022 Add-Icon-Chuyen-Gia-Tu-Van */ /* Begin duclt 21/06/2022 popup box_tam_su */ .tam_su_blur { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.68); z-index: 999999; } .tam_su_blur .form { background: #fff; width: 668px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px 20px; border: 3px solid #78b43d; } .tam_su_blur .form .closeBtn { width: 44px; height: 44px; background: url(https://cdn.24h.com.vn/images/closeBtn-hoidap.png) no-repeat; position: absolute; top: -25px; right: -25px; } .tam_su_blur * { box-sizing: border-box; } .tam_su_blur .form .form-control { width: 100%; outline: none; padding: 9px 20px; border: 1px solid #cccccc; border-radius: 7px; font-size: 15px; } .tam_su_blur .form .form-control { width: 100%; outline: none; padding: 9px 20px; border: 1px solid #cccccc; border-radius: 7px; font-size: 15px; } .tam_su_blur .form .submitBtn { background: #78b43d; color: #fff; width: 110px; height: 33px; border-radius: 25px; font-size: 14px; padding: 10px 32px; } .tam_su_blur .txtCent { margin-top: 20px; } .tam_su_blur .g-recaptcha>div { margin: 0 auto; } /* End duclt 21/06/2022 popup box_tam_su */ /* Minhdt 19/10/2022 Box Suc Nong 24h cho CocCoc */ .hottest-24h *{ margin: 0; padding: 0; box-sizing: border-box; } .hottest-24h { float: left; width: calc(100% - 355px - 10px - 2px); height: 279px; border: 1px solid #ebebeb; } .hottest-24h .img-fluid{ max-width: 100%; height: auto; vertical-align: middle; } .hottest-24h-tit{ height: 36px; } .hottest-24h-list{ padding: 15px; height: calc(100% - 36px); overflow-y: auto; } /*== Custom ScrollBar ==*/ .hottest-24h-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ebebeb; border-radius: 6px; background-color: #ebebeb } .hottest-24h-list::-webkit-scrollbar { width: 3px; border-radius: 6px; background-color: #ccc } .hottest-24h-list::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 3px #ebebeb; background-color: #7a7a7a } /*== End Custom ScrollBar ==*/ .hottest-24h-items{ display: flex; } .hottest-24h-items:not(:last-child){ margin: 0 0 15px; } .hottest-24h-bg{ flex: 0 0 100px; max-width: 100px; height: 75px; margin: 0 10px 0 0; border-radius: 4px; overflow: hidden; } .hottest-24h-name{ flex: 1; } .hottest-24h-name *{ display: -webkit-box !important; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; font-size: 13px; line-height: 18px; color: #252525; font-weight: 400; } .hottest-24h-name a:hover{ color: #78b43d; } /* End Minhdt 19/10/2022 Box Suc Nong 24h cho CocCoc */ /* Quyvd 28/11/2022 bo_sung_giao_dien_box_phong_cach_dan_ong */ .pcdo-r-24h *{ margin: 0; padding:0; box-sizing: border-box; } .pcdo-r-24h .img-fluid{ max-width: 100%; width: 100%; height: auto; vertical-align: middle; } .pcdo-r-24h .img-cover{ height: 100%; object-fit: cover; } .pcdo-r-24h { position: relative; border: 1px solid #dde4ec; padding: 10px 15px 0; margin: 20px 0; border-radius: 4px; } .pcdo-r-24h__tit{ margin: 0 0 10px; text-align: center; height: 20px; } .pcdo-r-24h-big { position: relative; height: 180px; margin: 0 0 15px; } /* Minhdt 11/01/2023 Toi Uu Box Pcdo lan 1 */ .pcdo-r-24h-big__bg { height: 100%; background: #000; } .pcdo-r-24h-big__bg .tit { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 15px 10px; background-image: linear-gradient(0deg,rgba(0,0,0,0.9019607843137255) 0%,rgba(0,0,0,0) 99%); } .pcdo-r-24h-big__bg:hover img { opacity: .5; } /* End Minhdt 11/01/2023 Toi Uu Box Pcdo lan 1 */ .pcdo-r-24h-big__bg * { font-size: 15px; line-height: 20px; color: #fff; } .pcdo-r-24h-sma { display: flex; margin: 0 0 10px; } .pcdo-r-24h-sma:before { content: ""; display: inline-block; position: relative; top: 6px; flex: 0 0 6px; width: 6px; height: 6px; margin: 0 10px 0 0; border-radius: 999px; background: #5E6670; } .pcdo-r-24h-sma * { font-size: 13px; line-height: 17px; font-weight: 400; color: #252525; } .pcdo-r-24h-sma a{ display: block; } .pcdo-r-24h-sma a:hover { /* Minhdt 11/01/2023 Toi Uu Box Pcdo lan 1 */ color: #78b43d; } /* End Quyvd 28/11/2022 bo_sung_giao_dien_box_phong_cach_dan_ong */ /* Begin 8/12/2022 Quyvd Toi_uu_kich_thuoc_anh_resize_cac_box_tin */ .img-div-video-R .vjs-poster { background-size: cover!important; } .img-div-video-R .video-js .vjs-tech { object-fit: cover; } /* End 8/12/2022 Quyvd Toi_uu_kich_thuoc_anh_resize_cac_box_tin */ /* XLCYCMHENG-40352 - [24h] Bổ sung ảnh nền vị trí Hot 1 toàn trang */ section[id$=_145_15s_container] { display: block!important; } div[id$=_145_15s] { float: left; width: 336px; height: 279px; background-image: url(https://cdn.24h.com.vn/upload/html/bg_336x280.png) !important; background-size: cover !important; /* không hiện text "Advertisement" -> margin căn với nội dung bên phải */ margin-top: 14px; } .divBnrHm div[id$=_145_15s] { margin-top: unset; } div[id$=_145_15s].bg-img-none { background-image: none!important; margin-top: unset; } /*== Popup Form Hoi Dap ==*/ .ques_answ_blur * { box-sizing: border-box; } .ques_answ_blur { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.68); z-index: 999999; } .ques_answ_blur .mgbt10{ margin-bottom:10px; } .ques_answ_blur .form { position: absolute; top: 50%; left: 50%; width: 668px; padding: 15px 20px; border: 3px solid #78b43d; background: #fff; transform: translate(-50%,-50%); } .ques_answ_blur .form .closeBtn { position: absolute; top: -25px; right: -20px; width: 44px; height: 44px; background: url(https://cdn.24h.com.vn/images/closeBtn-hoidap.png) no-repeat; z-index: 1; } .ques_answ_blur .form .form-control { width: 100%; padding: 9px 10px; border: 1px solid #ccc; border-radius: 7px; font-size: 15px; } .ques_answ_blur .form .form-control::placeholder { font-size: 12px; color: #797979; font-style: italic; } .ques_answ .g-recaptcha>div { margin: 0 auto; } .ques_answ_blur .form .submitBtn { display: inline-block; width: 90px; height: 33px; line-height: 33px; margin: 15px 0 0; border-radius: 25px; font-size: 14px; background: #78b43d; color: #fff; } .ques_answ_blur .form .submitBtn:hover { background: #36853b; } .ques_answ_blur .contact-popup-success { text-align: center; } .ques_answ_blur .contact-popup-success .title { font-size: 22px; text-transform: uppercase; color: #191919; } .ques_answ_blur .contact-icon-success svg { width: 139px; height: 139px; transform: rotate(0deg); margin: 10px 0; } .ques_answ_blur .contact-popup-success .contact-message-success { font-size: 18px; line-height: 1.2; color: #000; margin: 10px 0 20px; } .ques_answ_blur .contact-popup-success .closeBtn2 { display: block; margin: auto; width: 105px; height: 40px; line-height: 40px; border-radius: 4px; background-color: #808080; font-size: 16px; color: #fff; } .ques_answ_blur .contact-popup-success .closeBtn2:hover { background: #77b43d; } .ques_answ_blur .form .icon-loading { width: 33px; height: 33px; margin-top: 10px; display: none; } /*== End Popup Form Hoi Dap ==*/ /* Minhdt 02/11/2023 Clone Header/Footer New */ /* Custom Font */ /* Regular */ @font-face { font-family: 'Roboto-Regular'; font-style: normal; font-weight: 400; src: url('https://cdn.24h.com.vn/css/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Regular.woff') format('woff');/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } /* Italic */ @font-face { font-family: 'Roboto-Italic'; font-style: italic; font-weight: 400; src: url('https://cdn.24h.com.vn/css/fonts/Roboto-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Italic.woff') format('woff');/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } /* Medium */ @font-face { font-family: 'Roboto-Medium'; font-style: normal; font-weight: 500; src: url('https://cdn.24h.com.vn/css/fonts/Roboto-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Medium.woff') format('woff');/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } /* Bold */ @font-face { font-family: 'Roboto-Bold'; font-style: normal; font-weight: 700; src: url('https://cdn.24h.com.vn/css/fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Bold.woff') format('woff');/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } /* End Custom Font */ /* Reset */ /* Css Varibles */ :root{ --color-main:#252525; --color-24h: #78b43d; --color-white: #fff; --hover-color-24h: #78b43d; --hover-bor-bg-cl-24h: #78b43d; --border-circle: 999px; --border-swiper-nav: #707070; --border-swiper-nav-act: #78b43d; --bg-white: #fff; --bg-swiper-pagi-bullet: #bfbfbf; --bg-swiper-pagi-bullet-act: #78b43d; } /* End Css Varibles */ html { text-rendering: optimizeLegibility !important; /* Làm cho text rõ nét hÆ¡n */ -webkit-text-size-adjust: 100%; /* Resize Text on Screen Mobile */ -webkit-tap-highlight-color: transparent; } .menu-24h-main *, .footer-24h *, .header-24h *{ margin: 0; padding: 0; box-sizing: border-box; /* Reset xác định width,height của thành phần */ -webkit-box-sizing: border-box; } body { margin: 0; font-size: 15px; color:var(--color-main); font-family: 'Roboto-Regular'; } ul,li { list-style: none; } a { text-decoration: none; transition: all ease .3s; } h1,h2,h3,h4,h5,h6{ font-weight: inherit; } textarea, input:matches( [type="email"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="url"] ) { -webkit-appearance: none; } select,input,button,textarea{ outline: none; } textarea{ overflow: auto; resize: vertical; margin: 0; } .img-fluid, .width-100 { max-width: 100%; height: auto; vertical-align: middle; /* Xóa khoảng trắng thừa ở ảnh */ } .img-cover, .width-100 { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .img-scale-down { width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; } hr { border: none; border-top: 1px solid #ccc; margin: 20px 0; } /* Reset Svg bi xoay dinh thu vien video Player */ .menu-24h-main svg, .footer-24h svg, .header-24h svg, .scroll-top-24h svg, /* Minh 07/11/2023 Fix-svg-bi-xoay */ .main-24h svg{ transform: rotate(0deg); } /* End Reset Svg bi xoay dinh thu vien video Player */ .pos-rel{ position: relative; } .pos-ab{ position: absolute; } .pos-fixed{ position: fixed; } .pos-sticky{ position: sticky; top: 0; z-index: 1; } .d-none{ display: none; } .d-block{ display: block; } .d-inline-block{ display: inline-block; } .d-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important } .justify-content-between { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; } .align-items-center { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .align-items-end { -webkit-box-align: end!important; -ms-flex-align: end!important; align-items: end!important; } .flex-dir-col { flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .overflow-h{ overflow: hidden; } .overflow-x{ overflow-x: auto; } .overflow-y{ overflow-y: auto; } .cursor-pointer{ cursor: pointer; } .vertical-mid{ vertical-align: middle; } .z-index-1{ z-index: 1; } .z-index-99{ z-index: 99; } .z-index-9999{ z-index: 9999; } /* Hover Color Main vs Hover Text Underline */ .hover-color-24h:hover{ color:var(--hover-color-24h) !important; } /* End Hover Color Main vs Hover Text Underline */ .color-white { color:var(--color-white); } .color-main{ color:var(--color-main); } .color-24h{ color:var(--color-24h); } .bg-white{ background: var(--bg-white); } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .txtCent, .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .fw-bold,strong{ font-family: 'Roboto-Bold' !important; } .fw-regu{ font-family: 'Roboto-Regular' !important; } .fw-medium{ font-family: 'Roboto-Medium' !important; } .fw-italic,em{ font-family: 'Roboto-Italic' !important; } .w-100{ width: 100%; } .h-100{ height: 100%; } .lh-100{ line-height: 100%; } .flex-1{ flex: 1; } .flex-auto{ flex: 0 0 auto; } .mw-0{ min-width: 0; } .mrAuto, .mar-auto{ margin: 0 auto !important; } .no-border{ border: none !important; } .no-border-t{ border-top: none !important; } .no-border-b{ border-bottom: none !important; } .no-mar { margin: 0px !important; } .no-mar-t{ margin-top: 0 !important; } .no-mar-r{ margin-right: 0 !important; } .no-mar-b{ margin-bottom: 0 !important; } .no-mar-l{ margin-left: 0 !important; } .mar-t-5{ margin-top: 5px !important; } .mar-t-10 { margin-top: 10px !important; } .mar-t-15 { margin-top: 15px !important; } .mar-t-20 { margin-top: 20px !important; } .mar-t-25 { margin-top: 25px !important; } .mar-t-30 { margin-top: 30px !important; } .mar-t-40 { margin-top: 40px !important; } .mar-t-50 { margin-top: 50px !important; } .mar-r-5 { margin-right: 5px !important; } .mar-r-10 { margin-right: 10px !important; } .mar-r-15 { margin-right: 15px !important; } .mar-r-20 { margin-right: 20px !important; } .mar-r-25 { margin-right: 25px !important; } .mar-r-30 { margin-right: 30px !important; } .mar-r-40 { margin-right: 40px !important; } .mar-b-5 { margin-bottom: 5px !important; } .mgbt10, .mar-b-10 { margin-bottom: 10px !important; } .mar-b-15 { margin-bottom: 15px !important; } .mar-b-20, .margin-bottom-20 { margin-bottom: 20px !important; } .mar-b-25 { margin-bottom: 25px !important; } .mar-b-30, .margin-bottom-30 { margin-bottom: 30px !important; } .mar-b-40 { margin-bottom: 40px !important; } .mar-b-50 { margin-bottom: 50px !important; } .mar-l-3{ margin-left: 3px !important; } .mar-l-5 { margin-left: 5px !important; } .mar-l-10 { margin-left: 10px !important; } .mar-l-15 { margin-left: 15px !important; } .mar-l-20 { margin-left: 20px !important; } .mar-l-25 { margin-left: 25px !important; } .mar-l-30 { margin-left: 30px !important; } .mar-l-40 { margin-left: 40px !important; } .no-padd { padding: 0px !important; } .no-padd-t{ padding-top: 0 !important; } .no-padd-r{ padding-right: 0 !important; } .no-padd-b{ padding-bottom: 0 !important; } .no-padd-l{ padding-left: 0 !important; } .padd-t-10{ padding-top: 10px !important; } .padd-t-15{ padding-top: 15px !important; } .padd-t-20{ padding-top: 20px !important; } .padd-t-25{ padding-top: 25px !important; } .padd-t-30{ padding-top: 30px !important; } .padd-t-40{ padding-top: 40px !important; } .padd-r-10{ padding-right: 10px !important; } .padd-r-15{ padding-right: 15px !important; } .padd-r-20{ padding-right: 20px !important; } .padd-r-25{ padding-right: 25px !important; } .padd-r-30{ padding-right: 30px !important; } .padd-r-40{ padding-right: 40px !important; } .padd-b-10{ padding-bottom: 10px !important; } .padd-b-15{ padding-bottom: 15px !important; } .padd-b-20{ padding-bottom: 20px !important; } .padd-b-25{ padding-bottom: 25px !important; } .padd-b-30{ padding-bottom: 30px !important; } .padd-b-40{ padding-bottom: 40px !important; } .padd-l-10{ padding-left: 10px !important; } .padd-l-15{ padding-left: 15px !important; } .padd-l-20{ padding-left: 20px !important; } .padd-l-25{ padding-left: 25px !important; } .padd-l-30{ padding-left: 30px !important; } .padd-l-40{ padding-left: 40px !important; } /* Link Cover */ .cover-link{ top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 1; } /* End Link Cover */ /* End Reset */ /* Custom Container/Row */ .menu-24h-main .row, .footer-24h .row, .header-24h .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .menu-24h-main .row [class*=col-], .footer-24h .row [class*=col-], .header-24h .row [class*=col-] { padding: 0 15px; } .col-12 { flex: 0 0 100%; max-width: 100%; } .col-8 { flex: 0 0 66.66%; max-width: 66.66%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .menu-24h-main .col-4{ flex: 0 0 33.33%; max-width: 33.33%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-20 { flex: 0 0 20%; max-width: 20%; } /* Minhdt 02/11/2023 Fix Bi Co noi dung khi thu nho man hinh PC trên Tablet/Mobile */ .menu-24h-main .container, .footer-24h .container, .header-24h .container { width: 1060px; max-width: 1060px; } .mw-1100{ max-width: 1100px; } @media screen and (max-width: 1024px){ .menu-24h-main .container, .footer-24h .container, .header-24h .container { padding: 0 20px; } .header-24h, .menu-24h-main{ width: 1060px; } } /* End Minhdt 02/11/2023 Fix Bi Co noi dung khi thu nho man hinh PC trên Tablet/Mobile */ /* End Custom Container/Row */ /* Header */ .header-24h{ height: 50px; } /* Logo 24h */ .logo-24h { /* Minhdt 02/01/2024 Fix W/H Logo Header */ max-width: 100px; height: 47px; } .logo-24h *, .logo-event * { font-size: inherit; height: 100%; } /* End Logo 24h */ /* Logo Event */ .logo-event{ max-width: 150px; height: 42px; border-left: 1px solid #ebebeb; } /* End Logo Event */ /* List xem nhanh */ .header-24h-view{ border-right: 1px solid #ebebeb; } .header-24h-view li a{ font-size: 14px; color: #404040; } .header-24h-view li:not(:last-child){ margin: 0 30px 0 0; } .header-24h-view li .icon-svg{ width: 20px; height: 20px; } .header-24h-view li .icon-tcd-header{ /* Minhdt 21/08/2023 */ max-width: 150px; height: 40px; } /* End List xem nhanh */ /* Search Header */ .header-24h-search { padding: 0 10px; height: 32px; border: 1px solid #ebebeb; border-radius: var(--border-circle); } .header-24h-search .header-24h-search-input, .header-24h-search-input .header-24h-search-input-input::-webkit-input-placeholder { font-size: 14px; color: #959595; } .header-24h-search .header-24h-search-input, .header-24h-search-input .header-24h-search-input-input::-webkit-input-placeholder, .header-24h-search-btn { border: none; background: none; } .header-24h-search-btn { color: #a1a1a1; } .header-24h-search-btn svg { width: 20px; height: 20px; } /* End Search Header */ /* Menu Header */ .menu-24h-main{ --bg-menu-header: #78b43d; --bg-click-slide-menu:#fff; --bg-click-slide-menu-close: #78b43d; --hover-link-menu-header: rgb(0,0,0,30%); --hover-link-submenu-header: #78b43d; --border-top-submenu-header: #3c811e; --color-link-submenu-header: #404040; position: sticky; top: 0; left: 0; right: 0; height: 36px; background: var(--bg-menu-header); z-index: 9999; } /* Fix cho menu ko bi rot dong */ .menu-24h-main>.container>ul>li:nth-child(n+13) { display: none; } .menu-24h-main>.container>ul>li>a { white-space: nowrap; } /* End Fix cho menu ko bi rot dong */ .menu-24h-main>.container>ul>li:not(.img-brands,.icon-hum)>a { display: block; height: 36px; line-height: 36px; padding: 0 7px; /* Minhdt 14/11/2023 Add Icon Home Menu Header */ font-size: 12px; z-index: 2; } .menu-24h-main ul li.icon-home a:hover, /* Minhdt 14/11/2023 Add Icon Home Menu Header */ .menu-24h-main>.container>ul>li:not(.img-brands,.icon-hum):hover>a{ background: var(--hover-link-menu-header); color: var(--color-white); /* Fix Cho Page Video */ } /* Minhdt 14/11/2023 Add Icon Home Menu Header */ .menu-24h-main ul li.icon-home{ width: 36px; margin: 0 0 0 15px; } .menu-24h-main ul li.icon-home svg { width: 16px; height: 16px; } .menu-24h-main ul li.icon-home:before { content: ""; position: absolute; top: 50%; left: -10px; width: 1px; height: 20px; background: #ffffff80; transform: translateY(-50%); } .menu-24h-main ul li.icon-home a { justify-content: center; height: 36px; } /* End Minhdt 14/11/2023 Add Icon Home Menu Header */ .menu-24h-main ul li.img-brands{ max-width: 165px; height: 27px; } .menu-24h-main ul li ul.sub-menu { top: 100%; left: 0; min-width: 199px; padding: 0 15px; border-top: 3px solid var(--border-top-submenu-header); border-radius: 0 0 4px 4px; box-shadow: 0px 2px 2px rgba(0,0,0,0.25); opacity: 0; visibility: hidden; } .menu-24h-main ul li.img-brands ul.sub-menu { top: 31px; } .menu-24h-main ul li:nth-child(n+6) ul.sub-menu { right:0; left:unset; } .menu-24h-main ul li:hover ul.sub-menu{ opacity: 1; visibility: visible; } .menu-24h-main ul li ul.sub-menu li{ margin: 0 -15px; padding: 0 15px; } .menu-24h-main ul li ul.sub-menu li a { font-size: 13px; } .menu-24h-main ul li ul.sub-menu li:not(.img-brands-sub) a { display: block; height: 100%; padding: 10px 0; color: var(--color-link-submenu-header); } .menu-24h-main ul li ul.sub-menu li:not(:last-child) a { border-bottom: 1px solid #ebebeb; } .menu-24h-main ul li ul.sub-menu li:not(.img-brands-sub):hover{ cursor: pointer; background-color: var(--hover-link-submenu-header); } .menu-24h-main ul li ul.sub-menu li:hover a{ color: var(--color-white); border-bottom: 1px solid transparent; } .menu-24h-main ul li ul.sub-menu li.img-brands-sub{ height: 35px; } /* Menu 2 & 3 Collum */ .menu-24h-main ul li ul.sub-menu.sub-menu-2-coll { min-width: 399px; } .menu-24h-main ul li ul.sub-menu.sub-menu-3-coll{ min-width: 600px; } .menu-24h-main ul li ul.sub-menu.sub-menu-2-coll li.img-brands-sub, .menu-24h-main ul li ul.sub-menu.sub-menu-3-coll li.img-brands-sub{ max-width: 50%; height: auto; } /* End Menu 2 & 3 Collum */ /* Icon Menu CM */ .menu-24h-main .click-slide-menu24h{ width: 36px; height: 36px; } .menu-24h-main .click-slide-menu24h.act-menu { filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.25)); } /* Minhdt 14/11/2023 Add Icon Home Menu Header */ .menu-24h-main .click-slide-menu24h .icon-hum{ position: relative; left: -7px; } .menu-24h-main .click-slide-menu24h.act-menu .icon-hum{ left: 0; } /* End Minhdt 14/11/2023 Add Icon Home Menu Header */ .menu-24h-main .icon-hum .line { display: block; width: 21px; height: 2px; margin: 3px 0; background: var(--bg-click-slide-menu); transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } .menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line { opacity: 1; transform: rotate(42deg) translate(2px , -1px); background: var(--bg-click-slide-menu-close); } .menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line:nth-child(2) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } .menu-24h-main .click-slide-menu24h.act-menu .icon-hum .line:nth-child(3) { transform: rotate(-42deg) translate(1px , 0px); } /* End Icon Menu CM */ /* End Menu Header */ /* Slide Menu Header */ .slide-menu24h { top: 36px; left: 0; width: 100%; height: calc(100vh - 36px); opacity: 0; visibility: hidden; transition: opacity .5s,visibility .5s; /* Minhdt 18/12/2023 - [SPND] Bổ sung box NEO trên menu dọc header */ } .slide-menu24h.show-menu { opacity: 1; visibility: visible; } .slide-menu24h-t { padding: 0 0 50px; height: 100%; overflow-y: auto; } .slide-menu24h-t::-webkit-scrollbar { width: 5px; height: 5px; } .slide-menu24h-t::-webkit-scrollbar-track { background: transparent; border-radius: 10px; } .slide-menu24h-t::-webkit-scrollbar-thumb { background: #e5e5e5; border-radius: 10px; } .slide-menu24h-t .container{ max-width: 1055px; } .slide-menu24h-t .box-items{ padding: 25px; } .slide-menu24h-t .box-items:nth-child(even){ background-color: #f5f5f5; } .slide-menu24h-t .box-items-inner .text-cm, .slide-menu24h-t .box-items-inner .text-cm *{ font-size: 15px; line-height: 20px; } .slide-menu24h-t .box-items-inner .img-brands{ height: 31px; } .menu-24h-main ul li ul.sub-menu li.img-brands-sub a.d-flex, /* Menu Header */ .slide-menu24h-t .box-items-inner .img-logo-text a{ padding: 5px; } .menu-24h-main ul li ul.sub-menu li.img-brands-sub .icon-logo, /* Menu Header */ .slide-menu24h-t .box-items-inner .icon-logo { display: inherit; height: 18px; } .slide-menu24h-t .box-items-inner .sub-menu{ max-height: 315px; overflow-y: auto; padding: 0 2px 0 0; } .slide-menu24h-t .box-items-inner .sub-menu:not(.show-full) li:nth-child(n+6){ display: none; } .slide-menu24h-t .box-items-inner .sub-menu::-webkit-scrollbar { width: 4px; height: 4px; } .slide-menu24h-t .box-items-inner .sub-menu::-webkit-scrollbar-track { background: #c4c4c4; border-radius: 10px; } .slide-menu24h-t .box-items-inner .sub-menu::-webkit-scrollbar-thumb { background: #9d9d9d; border-radius: 10px; } .slide-menu24h-t .box-items-inner .sub-menu li:not(:last-child){ margin: 0 0 15px; } .slide-menu24h-t .box-items-inner .sub-menu li a{ font-size: 14px; line-height: 18px; color: #404040; } .slide-menu24h-t .box-items-inner .btn-more{ padding: 10px 0 0; border-top: 1px solid #ebebeb; } .slide-menu24h-t .box-items-inner .btn-more a{ font-size: 12px; color: #9e9e9e; } .slide-menu24h-t .box-items-inner .btn-more a:after{ content: ""; position: relative; display: inline-block; top: -2px; margin: 0 5px 0; border: solid currentcolor; border-width: 0 2px 2px 0; padding: 2px; vertical-align: middle; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all ease .3s; } .slide-menu24h-t .box-items-inner .btn-more a.btn-up:after { top: 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } /* Minhdt 18/12/2023 - [SPND] Bổ sung box NEO trên menu dọc header */ .slide-menu24h-b{ left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; background-color: #78b43d; } .slide-menu24h-b a{ margin: 0 65px 0 0; } .slide-menu24h-b .img-item{ width: auto; height: 20px; } /* End Minhdt 18/12/2023 - [SPND] Bổ sung box NEO trên menu dọc header */ /* End Slide Menu Header */ /* End Header */ /* Footer */ .footer-24h{ --color-footer-main: #333; --color-footer-menu: #464646; } .back-home-fixed, /* Minhdt 13/11/2023 Fix-nut-back-home-trang-trong */ .footer-24h .btn-share-footer a, .footer-24h .back-home{ height: 40px; background: #78B43D; border-radius: var(--border-circle); } .footer-24h .btn-share-footer a{ padding: 3px 10px; font-size: 14px; } .back-home-fixed, /* Minhdt 13/11/2023 Fix-nut-back-home-trang-trong */ .footer-24h .back-home { width: 40px; } .back-home-fixed svg, /* Minhdt 13/11/2023 Fix-nut-back-home-trang-trong */ .footer-24h .back-home svg, .footer-24h .btn-share-footer svg, .scroll-top-24h a svg { /* Scroll To Div */ width: 20px; height: 20px; } .back-home-fixed:hover, /* Minhdt 13/11/2023 Fix-nut-back-home-trang-trong */ .footer-24h .btn-share-footer a:hover, .footer-24h .back-home:hover{ background: #669a33; } .footer-24h-menu{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .footer-24h-menu ul li { padding: 4px 0; } .footer-24h-menu ul li a{ font-size: 12px; color: var(--color-footer-menu); padding: 0 15px; } .footer-24h-menu ul li:not(:last-child) a{ border-right: 1px solid currentcolor; } .footer-24h-menu ul li.icon-home a{ border: none; padding: 0; } .footer-24h-menu ul li.icon-home svg{ width: 20px; height: 20px; } .footer-24h-b .row{ margin: 0 -30px; } .footer-24h-b .row [class*=col-]{ padding: 0 30px; } .footer-24h-b .col-6:first-child{ border-right: 1px solid #ebebeb; } .footer-24h-b .icon-dmca{ width: 110px; height: 42px; } .footer-24h-b .icon-vh-24h{ width: 88px; height: 42px; } .footer-24h-info, .footer-24h-info *{ font-size: 12px; line-height: 18px; color: var(--color-footer-main); } .footer-24h-info svg{ width: 17px; height: 20px; } .footer-24h-info .tit-add{ font-size: 14px; } .footer-24h-info .tit-comp{ font-size: 15px; } .footer-24h-link a { padding: 0 15px; font-size: 14px; line-height: 20px; color: #363636; } .footer-24h-link .link-adv { padding: 6px 15px; margin: 0 15px 0 0; color: #30811d; border-radius: 8px; border: 1px solid #e1e1e1; } .footer-24h-link .link-adv:hover{ border-color:currentcolor; } /* Scroll To Div */ .scroll-top-24h{ bottom: 20px; right: 20px; } .scroll-top-24h a { width: 40px; height: 40px; color: #707070; border-radius: var(--border-circle); border: 1px solid #ebebeb; } .scroll-top-24h a:hover{ border-color: var(--hover-bor-bg-cl-24h); } /* End Scroll To Div */ /* Popup Share Social */ .btn-share-24h{ --cl-bg-bor-share-24h: rgb(32, 153, 86); } .btn-share-24h .icon-sha-social-sprite{ background: url('https://cdn.24h.com.vn/images/covid/sprite-icon-share-social-covid-19.png') no-repeat; } .btn-share-24h .cv19-sha-social__list-tit header, .btn-share-24h .cv19-sha-social__list-tit header * { font-size: 18px; color: #209956; } .btn-share-24h .cv19-sha-social__list-tit.mar-b-20 header * { color: #209956 !important; } .btn-share-24h .cv19-sha-social__list-close{ width: 15px; height: 15px; background-position: -5px -125px; } .btn-share-24h .cv19-sha-social__list { min-width: 520px; padding: 15px 20px; box-shadow: #00000059 1px 1px 5px; opacity: 0; visibility: hidden; transition: all ease .3s; z-index: 9999; } .btn-share-24h .cv19-sha-social__list.active_menu_share{ opacity: 1; visibility: visible; } .btn-share-24h .cv19-sha-social__list-icon li .icon-sha-social-sprite { width: 50px; height: 50px; margin: 0 auto 10px; } .btn-share-24h .cv19-sha-social__list-icon li a{ font-size: 14px; color: #252525; } .btn-share-24h .cv19-sha-social__list-icon li a:hover{ color: var(--cl-bg-bor-share-24h); } .btn-share-24h .cv19-sha-social__list-icon li .icon-zalo{ background-position: -5px -5px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-fb{ background-position: -5px -65px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-mess{ background-position: -5px -181px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-skype{ background-position: -5px -283px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-tele{ background-position: -5px -343px; } .btn-share-24h .cv19-sha-social__list-icon li .icon-twi{ background-position: -5px -403px; } .btn-share-24h .cv19-sha-social__list .copy-link a { padding: 8px 5px; background: #F2F2F2; border: 1px solid rgb(215, 215, 215); border-radius: 5px; font-size: 14px; color: var(--cl-bg-bor-share-24h); } .btn-share-24h .cv19-sha-social__list .copy-link a:hover{ background: var(--cl-bg-bor-share-24h); color: var(--color-white); border-color: var(--cl-bg-bor-share-24h); } /* End Popup Share Social */ /* Minhdt 13/11/2023 Fix-nut-back-home-trang-trong */ .back-home-fixed{ right: 71px; bottom: 20px; z-index: 1; } .back-home-fixed svg{ transform: rotate(0); } /* End Minhdt 13/11/2023 Fix-nut-back-home-trang-trong */ /* End Footer */ /* End Minhdt 02/11/2023 Clone Header/Footer New */ /* Minhdt 12/03/2024 XLCYCMHENG-42373 - [24H] Toi uu CLS cho quang cao trang 24H */ .fixad300x600 { width: 300px !important; height: calc(600px + 12px) !important; background-size: cover!important; display: block !important; } .fixad300x600 .m_banner_show{ height: 600px; background-image: url(https://cdn.24h.com.vn/upload/html/bg_pc_p1.png)!important; } .fixad1060x150 { width: 1060px !important; height: 150px !important; background-image: url(https://cdn.24h.com.vn/upload/html/bg_1060x150px.png)!important; background-size: cover!important; display: block !important; } .fixad396x40 { width: 396px !important; height: 40px !important; display: block !important; } .fixad740x120 { width: 740px !important; height: 120px !important; background-image: url(https://cdn.24h.com.vn/upload/html/bg_970x90px.jpg)!important; background-size: cover!important; display: block !important; } .fixad740x50 { width: 740px !important; height: 50px !important; display: block !important; } .fixad444x1040 { width: 444px !important; height: 1040px !important; display: block !important; } .fixad970x91 { width: 970px !important; height: 91px !important; background-image: url(https://cdn.24h.com.vn/upload/html/bg_970x90px.jpg)!important; background-size: cover!important; display: block !important; } .fixad740x560 { width: 740px !important; height: 560px !important; display: block !important; } .fixad660x370 { width: 660px !important; height: 370px !important; display: block !important; } .fixad660x50 { width: 660px !important; height: 50px !important; display: block !important; } .fixad600x80 { width: 600px !important; height: 80px !important; display: block !important; } .fixad300x250 { width: 300px !important; height: calc(250px + 12px) !important; display: block !important; } .fixad300x250 .m_banner_show{ height: 250px; } /* End Minhdt 12/03/2024 XLCYCMHENG-42373 - [24H] Toi uu CLS cho quang cao trang 24H */