/** * 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---*/ * { font-family: Helvetica,Arial,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden; } h1, h2, h3 { margin: 0; } a { text-decoration: none; } img { border: 0; } body, html, ul { margin: 0; padding: 0; } p { margin-bottom: 30px; margin-top: 30px; line-height: 1.5; font-size: 18px; text-align: left; } ul, li { 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 ==*/ .contnr, .blk { padding-left: 10px; padding-right: 10px; } .blk2 { padding-right: 6px; padding-left: 6px; } .clF, .clear { clear:both; } .fs12 { font-size: 12px !important; } .fs14 { font-size: 14px !important; } .fs16 { font-size: 16px !important; } .fs18 { font-size: 18px !important; } .pd10 { padding: 10px; } .mr0 { margin: 0 !important; } .mrB20 { margin-bottom: 20px; } .mrT20 { margin-top: 20px; } .mrT15 { margin-top: 15px !important; } .mrT10 { margin-top: 10px; } .mrT8 { margin-top: 8px; } .mrB8 { margin-bottom: 8px; } .mrT5 { margin-top: 5px; } .mrB5 { margin-bottom: 5px; } .mrB10 { margin-bottom: 10px; } .mrB15 { margin-bottom: 15px !important; } .pdB20 { padding-top: 20px; } .pdT20 { padding-top: 20px; } .pdB10 { padding-bottom: 10px; } .pdT10 { padding-top: 10px; } .pdT5 { padding-top: 5px; } .pdB5 { padding-bottom: 5px; } .pd5 { padding: 5px; } .pdLt { padding-left: 110px; } .clrWh { color: #fff; } .clrRd { color: #ff0000; } .bld { font-weight: 700; } .clrTit { color: #333; } .clrGr { color: #757575; } .clrDft { color: #000; } .clrEx { color: #78b43d; } .clrBlu { color: blue; } .lin { border-bottom: 1px solid #ddd; } .lind { border-bottom: 1px dotted #ddd; } .txtTrf { text-transform: uppercase; } .txtCent { text-align: center; } .txtLt { text-align: left; } .txtRt { text-align: right; } .flLt { float: left; } .flRt { float: right; } .vidIcoLt { background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4515px; width: 24px; height: 24px; position: absolute; bottom: 5px; left: 5px; display: block; z-index: 1; } .picIco { position: absolute; display: block; bottom: 5px; left: 5px; background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4391px; width: 24px; height: 24px; z-index: 1; } .quizIco{ /* background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4515px; */ width: 24px; height: 24px; position: absolute; bottom: 5px; left: 5px; display: block; z-index: 1; } .infoIco { background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4639px; width: 24px; height: 24px; position: absolute; bottom: 5px; left: 5px; display: block; z-index: 1; } .magzIco { background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4763px; width: 24px; height: 24px; position: absolute; bottom: 5px; left: 5px; display: block; z-index: 1; } .livIco { /*background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4763px;*/ width: 24px; height: 24px; position: absolute; bottom: 5px; left: 5px; display: block; z-index: 1; } .icoVid { background: url(//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; } .icoPic { background: url(//cdn.24h.com.vn/images/m2014/images-small/iconPic-small.png) no-repeat 3px 0; width: 19px; height: 10px; margin-left: 2px; display: inline-block; } .redStar { background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2328px; width: 12px; height: 11px; margin-left: 2px; display: inline-block; } .icoNws{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2551px; width: 29px; height: 12px; margin-left: 2px; display: inline-block; } .grnStar { background: url(//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; background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2775px; width: 33px; height: 12px; margin-left: 2px; } .seMr { background: #ebebeb; } .seMr a{ padding: 10px; display: inline-block; font-size: 14px; font-weight: normal; text-transform: initial; } .seMr a .ico { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) 0 -162px; width: 20px; height: 16px; display: inline-block; } .vidIco { position: absolute; top: 37%; left: 40%; background: url(//cdn.24h.com.vn/images/m2014/images-small/videoPlay-small.png) no-repeat; width: 30px; height: 30px; display: block; } .atrHdr { height: 40px; } article { display: inline-block; width: 100%; } .txtIl { font-style: italic; } .btnGrn { background-color: #78b43d; color: #FFF; padding: 5px 15px; display: inline-block; text-align: center; } .brnGry { background-color: #ebebeb; color: #000; padding: 5px 15px; display: inline-block; text-align: center; } /*---End common---*/ /*---Start banner---*/ .txtBnrHor { text-align: left; padding-left: 10px; margin-bottom: 2px; } /*AnhTT thay_doi_ads_zone*/ .txtBnrVel span, .txtBnrHor span { color: #999; text-transform: none; font-weight: normal; } .txtBnrVel span:before, .txtBnrHor span:before { content: "Advertisement"; } /*AnhTT thay_doi_ads_zone*/ /*---End banner---*/ /*---Start header---*/ .hdr { height: 60px; background: #78b43d; width: 100%; z-index: 99999; } /*begin 02/01/2019 dangtq Xây dựng tính năng tùy chỉnh ảnh nền menu ngang header + logo website*/ .log { float: left; margin-left: -10px; } .logoOld{ padding-top: 10px; margin-left: -5px; } /*end 02/01/2019 dangtq Xây dựng tính năng tùy chỉnh ảnh nền menu ngang header + logo website*/ .log a { width: 80px; height: 40px; /* background: url(//cdn.24h.com.vn/images/m2014/images/logo24h.png) no-repeat center center; */ margin: 0 auto; text-align: center; display: inline-block; line-height: 56px; } .mnDm { height: 60px; padding: 10px 0; position: relative; float: right; margin-left: 0; line-height: 26px; } .mnDm .imgMn { font-size: 12px; color: #fff; background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 7px 0px; display: block; height: 20px; width: 34px; margin: 0 auto; } .txtMn { font-size: 14px; margin-left: 4px; } .menutp { height: 60px; top: 0; left: 75px; padding-left: 0; padding-right: 0; position: absolute; right: 50px; overflow: hidden; } .Home img { vertical-align: middle; } .menutp ul{ padding-left: 15px; } .menutp ul li { display: inline-block; list-style: none; height: 60px; line-height: 18px; padding: 10px 6px; } .menutp ul li a { display: block; font-size: 13px; } .txtMn { font-size: 13px; margin-left: 1px; } /*---End header---*/ /*---Start home---*/ /*---Start breaking news---*/ .icoSkn span { font-size: 14px; text-decoration: none; color: #666; padding-left: 15px; background: url(//cdn.24h.com.vn/images/2014/sprites.png) 0 2px no-repeat; } .icoSkn a { color: #666; font-weight: 700; } .bdBrk { text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.4; } /*---End breaking news---*/ .nwsHt, .bdTp { position: relative; } .titTp { position: absolute; display: block; padding: 3px 5px; background: #78b43d; text-transform: uppercase; font-weight: bold; color: #FFF; top: 5px; left: -5px; z-index: 1000; } /*begin dangtq toi_uu_css_sau_nang_cap_giao_dien*/ .tmPst { display: block; margin-top: 8px; margin-bottom: 8px; font-size: 12px; font-style: normal; } /*end dangtq toi_uu_css_sau_nang_cap_giao_dien*/ .titNws a { font-size: 22px; } .tmPst a { text-decoration: none; padding-left: 14px; background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1773px; font-size: 12px; font-weight: normal; } .ctTp { line-height: 1.4; font-size: 14px; } .nwsItHm:last-child { border-bottom: 0; } .bxLlq.lstNml{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -42px -246px; background-color: #eaf8d2; } .bxLlq .nwsItHm { border-bottom: 0; padding: 7px 5px; line-height: 1.5; } .nwsTitSlHm { padding: 0 0 0 15px; line-height: 1.3; font-size: 14px; display: block; } .imgFlt { float: left; margin-right: 10px; display: block; background: #f5f5f5; position: relative; } .imgNwsMdm { width: 100px; height: 75px; } .extTit a { font-size: 12px; } .nwsTitHm { font-size: 16px; line-height: 1.2; } /*begin 04/01/2019 dangtq Bỏ nền gạch sọc chéo dưới bài PR box tin*/ .extTit span { font-size: 12px; color: #757575; line-height: 12px; } /*end 04/01/2019 dangtq Bỏ nền gạch sọc chéo dưới bài PR box tin*/ .tpcHtBlk { border-top: 2px solid #f17920; padding-left: 0; } .tpcHt { position: relative; } .vNxt { position: absolute; right: 0; top: 19px; z-index: 10; display: block; width: 35px; height: 35px; background: url(//cdn.24h.com.vn/images/2014/icon_next_prev_common_slider.png) right -28px no-repeat; } .vPrv { position: absolute; left: -3px; top: 19px; z-index: 10; display: block; width: 35px; height: 35px; background: url(//cdn.24h.com.vn/images/2014/icon_next_prev_common_slider.png) 0 -28px no-repeat; } .tpcHtBlk .vPrev { left: 0; } .tpcHt #interact_wrap { overflow: hidden; position: relative; box-sizing: border-box; z-index: 2; background-color: #eee; user-select: none; -webkit-user-select: none; margin-left: -10px; margin-right: -10px; margin: 0 auto; backface-visibility: hidden; } .tpcHt .tpcLitIt { /*overflow: hidden;*/ padding: 10px 0 0 5px; margin: 0; margin-bottom: 10px; margin-left: 10px; } .tpcHt .swiper-wrapper { position: relative; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .tpcHt .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; height: 100%; position: relative; } .tpcHt .tpcLitIt li.swiper-slide { opacity: 1!important; } .pagination { left: 0; text-align: center; bottom:5px; width: 100%; } .swiper-pagination-switch { display: inline-block; width: 6px; height: 6px; background: #ccc; border-radius: 50%; margin: 0 3px; } .swiper-active-switch { background: #78b43d; width: 8px; height: 8px; top: 1px; position: relative; } .tpcHt .tpcLitIt li { float: left; box-sizing: border-box; list-style: none; } .tpcHt .tpcLitIt li a { color: #f17920; text-align: center; padding: 10px 5px; display: block; font-weight: 700; font-size: 12px; background: #fff; float: left; margin-right: 7px; border-radius: 5px; border: 1px solid #ddd; } .tpcHt .tpcLitIt li a img { vertical-align: middle; margin-right: 5px; } /*Start menu right*/ .fdInRt { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } .anmtd { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .mnRtClsBtn { position: absolute; top: 0px; background: #78b43d; } .menRt, .mnRtClsBtn { z-index: 9999999; } .mnRtClsBtn a { display: block; width: 40px; height: 40px; background: #000 url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 12px -870px; } .menRt { display: block; overflow-y: auto; position: absolute; top: 0; right: 0; background: #464646; } .schBx { border-bottom: #555 solid 1px; padding: 10px; } .schTxtBx { background: #d7d7d7; border: 0; padding: 10px 50px 10px 10px; width: 100%; height: 30px; font-size: 14px; color: #666; float: left; border-radius: 3px; } .schBtn { display: block; width: 35px; height: 30px; position: absolute; top: 10px; right: 10px; background: #78b43d url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 10px -983px; float: right; border-radius: 0 3px 3px 0; } .mnRt { overflow-x: hidden; height: 500px; } .mnRt li { display: block; border-bottom: #555 solid 1px; list-style: none; position: relative; /*logo_nhan_hang 13/02/2019 dangtq*/ } .mnRt li a { padding: 8px 15px; color: #fff; } .mnRt li a:first-child { display: inline-block; /*width: 80%;*/ /*dangtq: 20/3/2020*/ } .mnRt li a.home { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 15px -927px; padding-left: 47px; } .mnRt li a.down { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat right -754px; } .mnRt li a.up { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat right -665px; } .mnRt li ul { margin: 0; padding: 0; background: #636363; border-top: #464646 solid 1px; /*logo_nhan_hang 13/02/2019 dangtq*/ } .mnRt li ul li { display: block; border-bottom: #464646 solid 1px; padding-left: 20px; position: relative; /*logo_nhan_hang 13/02/2019 dangtq*/ } .mnRtCls { background: #000; padding: 15px; font-size: 14px; color: #fff; display: block; text-align: center; } .mnRtCls .ico { width: 20px; height: 20px; display: inline-block; background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 0 -880px; vertical-align: middle; padding-left: 5px; } @media only screen and (max-width: 598px) { .menRt { width: 270px; } .mnRt li a { font-size: 16px; } .mnRtClsBtn { right: 270px; } .txtCt, .txtCt h2 { font-size: 18px; } } /*End menu right*/ /*---Start menu cm---*/ .mnCM-close { width: 38px; height: 38px; right: -3px; top: -4px; background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 0 -190px; display: block; position: absolute; border: none !important; } .bxMncm { padding: 10px; border: #e1e1e1 solid 1px; /*border-left: #e1e1e1 solid 1px; border-right: #e1e1e1 solid 1px;*/ background-color: #fff; } .bxMncm li { display: block; list-style: none; } .bxMncm li a { color: #000; display: block; font-size: 16px; background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 0 -228px; padding: 10px 0 10px 15px; } /*---End menu cm---*/ /*---Start menu quick---*/ .icoQkOpn { background: #f17920 url(//cdn.24h.com.vn/images/2014/quick-menu.png) no-repeat center; width: 63px; height: 63px; position: fixed; right: 0; top: 100px; display: block; border-radius: 50%; z-index: 9999; opacity: .6; } .icoqkBd { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156425-icon-bongda.png); } .icoqkTt { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156418-icon-tintuc.png); } .icoqkSk { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156217-icon-skds.png); } .icoqkBt { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156309-icon-bantre.png); } .icoqkAt { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156138-icon-amthuc.png); } .icoqkDl { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499155689-icon-dulich.png); } .icoqkC24h { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156296-icon-cuoi.png); } .icoqkHit { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156203-icon-hitech.png); } .icoqkTg { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156408-icon-thegioi.png); } .icoqkAn { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156378-icon-anxh.png); } .icoqkXm { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156169-icon-xemay-xedap.png); } .icoqkTtr { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156368-icon-thoitrang.png); } .icoqkDs { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156239-icon-ds-showbiz.png); } .icoqkGt { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156228-icon-giaitri.png); } .icoqkLd { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156358-icon-lamdep.png); } .icoqkTth { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156257-icon-thethao.png); } .icoqkGd { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499155983-icon-giaoduc.png); } .icoqkCn { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156190-icon-cntt.png); } .icoqkOto { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156180-icon-oto.png); } .icoqkPht { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156150-icon-phitruong-kiquac.png); } .icoqkTch { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156336-icon-taichinh-bds.png); } .icoqkTd { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156319-icon-thitruong.png); } .icoqkDh { background: url(//image.24h.com.vn/upload/3-2017/images/2017-07-04/1499156104-icon-gocdohoa.png); } .icoqkBd, .icoqkDh, .icoqkTd, .icoqkTch, .icoqkPht, .icoqkOto, .icoqkCn, .icoqkGd, .icoqkTth, .icoqkLd, .icoqkGt, .icoqkDs, .icoqkTtr, .icoqkXm, .icoqkAn, .icoqkTg, .icoqkHit, .icoqkC24h, .icoqkDl, .icoqkAt, .icoqkBt, .icoqkSk , .icoqkTt { width: 20px; height: 20px; display: inline-block; background-repeat: no-repeat; } .mnRtQk ul { list-style: none; padding-left: 15px; margin-top: 5px; overflow-x: hidden; height: 275px; margin-bottom: 0; } .dvQkMn { height: 100%; width: 100%; position: fixed; top: 0; z-index: 99999; display: none; } .icoQkMnCls { background: rgba(0,0,0,0.7) url(//cdn.24h.com.vn/images/2014/icon-quick-close.png) no-repeat 15px 12px; width: 50px; height: 50px; position: fixed; right: 0; top: 323px; z-index: 10000; } .mnRtQk { width: 270px; position: fixed; top: 0; right: 0; z-index: 999999; background: #fff; display: block; overflow-y: auto; border-left: #ddd solid 1px; border-bottom: #ebebeb 2px solid; } .fadeInRt { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } .animated { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .mveCte { height: 40px; line-height: 40px; background-color: #f5f5f5; text-align: center; } .mveCte span { font-size: 14px; } .mnRtQk ul li { display: inline-block; width: 100%; } .mnRtQk ul li > span { float: left; /*margin-top: 10px;*/ padding-right: 10px; } .mnRtQk ul li > span a { padding-left: 0; } .mnRtQk ul li > span img { vertical-align: middle; margin-top: -4px; } .mnRtQk ul li a { font-size: 14px; color: #212121; height: 40px; display: block; line-height: 40px; padding-left: 35px; } .mnRtQk ul::-webkit-scrollbar { width: 12px; } .mnRtQk ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .mnRtQk ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } /*---End menu quick---*/ /*---End home---*/ /*---Start box chuyen muc don---*/ .tbCmg { position: relative; /*max-height: 49px;*/ overflow: hidden; text-align: left; /*border-bottom: 1px solid #e0e0e0;*/ background: #78b43d; margin-bottom: 0; } .tbCmg ul { display: table-cell; -webkit-text-size-adjust: 100%; padding: 0; margin: 0; vertical-align: middle; } .tbCmg ul li { font-size: 14px; /*display: inline-block;*/ display: inline; border: none; margin: 0; margin-right: 8px; padding-right: 8px; padding-left: 0; border-right: #eee solid 1px; list-style: none; color: #fff; /*float: left;*/ } /*.tbCmg ul li.tbMn.first { padding-left: 10px; margin-left: -5px; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; border-left: #aad862 solid 1px; }*/ .tbCmg ul li h2 { font-size: 18px; } .tbCmg ul li h2, .tbCmg ul li h1 { margin: 0; padding: 0; display: inline; color: #fff; } .tbCmg ul li a { padding: 0; /*display: block;*/ display: inline; line-height: 1.6; color: #fff; font-size: 12px; } .mnAtv { font-weight: bold; } .tbCmg ul li .mnAtv { font-size: 14px; } .tbCmg ul li:last-of-type { border: none; } .tbCmg ul li.last-child{ border-right: 0; } .mnWrap { padding: 10px 45px 10px 10px; } .mnWrap .inner { max-height: 44px; overflow: hidden; } .barToggle .icoTit:before{ color: #fff; bottom: 0; right: 7px; } .mnCM-expand, .mnCM-close { position: absolute; top: 50%; right: 0; margin-top: -21px; display: block; border-bottom: 0!important; height: 38px; width: 38px; } .mainSec .mnWrap { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 5px; padding-bottom: 5px; margin: 5px 0; } .mainSec .mnWrap .inner { max-height: 50px; /*min-height: 30px;*/ /*display: table;*/ } .mainSec .mnCM-close { background-position-y: -192px; } .bxDoRt { margin-left: 110px; } /*---End box chuyen muc don---*/ /*---Start box chuyen muc doi---*/ .ldIt, .doanhNghiep-item { width: 50%; float: left; margin-bottom: 10px; padding-left: 10px; } .ldIt2, .doanhNghiep-item2 { width: 50%; float: right; margin-bottom: 10px; padding-left: 10px; } .ldImg { margin-bottom: 5px; position: relative; } .ldIt a, .ldIt2 a { font-size: 16px; line-height: 1.2; } /*---End box chuyen muc doi---*/ /*---Start clip dac sac---*/ .tbCmCent { position: relative; padding: 7px; text-align: left; border-bottom: 2px solid #78b43d; } .tbVidIco { width: 20px; height: 18px; display: inline-block; background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -3915px; vertical-align: -1px; } .tbCmCent a { font-size: 17px; color: #78b43d; } .bxVidLst { width: 100%; overflow: hidden; position: relative; } .vidIt { width: 48%; float: left; } .vidItRt { width: 50%; float: right; padding-right: 7px; padding-left: 3px; } .vidIt a, .vidItRt a { color: #000; font-size: 14px; } .vidIt .img, .vidItRt .img { position: relative; display: block; margin-bottom: 5px; } .pagS2 { background: #ebebeb; padding: 0 10px; text-align: center; clear: both; } .pagS2 a { padding: 10px 5px; } .pagS2 a.Next, .pagS2 a.Prev, .pagS2 a.New { font-size: 12px; text-transform: uppercase; } .pagS2 a.Prev { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 0 -624px; padding-left: 15px; float: left; } .pagPge { font-size: 12px; display: inline-block; text-align: center; padding: 10px; color: #7d7d7d; border-left: #d7d7d7 solid 1px; border-right: #d7d7d7 solid 1px; } .pagS2 a.Next { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat right -584px; padding-right: 15px; float: right; } /*---End clip dac sac---*/ /*---Start danh cho phai dep---*/ .tbTcb { background: #f17920; padding: 7px; } .tbTcb a { font-weight: 700; color: #fff; font-size: 16px; } .dcpdMbl .nwsTitSlHm { background: url(//eva-img-cdn.24hstatic.com/images/m2014/images/sprites.png) no-repeat 0 -1497px; } /*---End danh cho phai dep---*/ /*---Start ttcb---*/ .ttcb-cnt { padding: 0 10px; border-bottom: #e1e1e1 solid 1px; border-left: #e1e1e1 solid 1px; border-right: #e1e1e1 solid 1px; } .tcbIt li { display: block; vertical-align: top; list-style: none; } .tcbIt li a { border-bottom: #ebebeb solid 1px; display: block; padding: 10px 0 10px 45px; font-size: 16px; } .tcbIt li:last-child a { border-bottom: 0; } .tcbGld { background: url(//cdn.24h.com.vn/images/m2014/images/ttcb.png) 5px 10px no-repeat; } .tcbNgt { background: url(//cdn.24h.com.vn/images/m2014/images/ttcb.png) 5px -34px no-repeat; } .tcbVlm { background: url(//cdn.24h.com.vn/images/m2014/images/orange_tuyen_dung-22px.png) 5px 5px no-repeat; background-size: 25px; } .tcbXso { background: url(//cdn.24h.com.vn/images/m2014/images/ttcb.png) 5px -78px no-repeat; } .tcbTht { background: url(//cdn.24h.com.vn/images/m2014/images/ttcb.png) 5px -164px no-repeat; } .tcbVid { background: url(//cdn.24h.com.vn/images/m2014/images/icon-video-ttcb1.png) no-repeat 7px 10px; } .tcbLcp { background: url(//cdn.24h.com.vn/images/m2014/images/ttcb.png) 5px -210px no-repeat; } /*---End ttcb---*/ /*---Start CM khac---*/ .cateOthr li { display: inline-block; list-style: none; border-bottom: 1px solid #e1e1e1; padding: 5px 0; } .cateOthr li:nth-child(odd) { width: 47%; margin-right: 2%; } .cateOthr li:nth-child(even) { width: 47%; margin-left: 2%; } .cateOthr li a { background: none; font-size: 14px; padding: 8px 0 8px 5px; color: #000; display: block; } .btnTpHm { border: #e1e1e1 solid 1px; padding: 5px 16px; font-size: 14px; background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 4px -32px; margin-right: 5px; } .btnTpDt { border: #e1e1e1 solid 1px; padding: 5px 16px; font-size: 14px; background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 7px -449px; } /*---End CM khac---*/ /*---Start ttdn---*/ .nwsTitSl { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) 0 -1531px no-repeat; padding: 0 0 0 10px; display: block; } /*---End ttdn---*/ /*---Start footer---*/ .ftMn2 { height: 36px; line-height: 36px; background-color: #464646; color: #fff; } .ftMn2 a { font-size: 14px; color: #fff; padding: 0 10px; font-weight: 700; } #footer p{ padding: 0 5px; font-size: 12px; text-align: center; line-height: 1.4; } .arrowPageUp { position: fixed; bottom: 75px; /*28/11/2019: dangtq chinh_nut_tro_ve_dau_trang_tang_len_15px*/ right: 0; } /*---End footer---*/ .event-box .imgNewsSmall a img, .newsItem a img, .new-blq .bailienquan-trangtrong span.imgFloat a img, .img img, .ldImg img { max-width: 100%; max-height: 100%; height: inherit!important; } /*---Start media query---*/ @media only screen and (max-width: 598px) { .imgFlt { margin-right: 10px; } .tbCmg ul { /*height: 38px;*/ overflow: hidden; } .tbCmg ul li h2, .tbCmg ul li h1, .tbCmg ul li h3 { font-size: 14px; } .tbCmg ul li a { font-size: 14px; } /*.mnCM-expand { width: 38px; height: 38px; right: 0; top: 3px; }*/ .m_banner_show > div { width: 100% !important; } } @media only screen and (min-width: 321px) and (max-width: 479px) { /* AnhTT thay_doi_ads_zone*/ /*.txtBnrHor span { font-size: 10px; }*/ /* AnhTT thay_doi_ads_zone*/ .ifTtr { font-size: 12px; } .extTit span, .seMr a, .pagS2 a.Next, .pagS2 a.Prev, .pagS2 a.New, .pagPge, .nguontin, .nmEvt, .pgS2 a.Nxt, .pgS2 a.Prv, .pgS2 a.Nws, .pgPge { font-size: 14px; } .icoSkn span, .icoSkn a, .nwsTitHm, .mnRtQk ul li a, .mveCte span, .evtBx .evtBxSp, .sbNws { font-size: 16px; } .bdBrk, .titTp a, .tbTcb, .tbTcb a, .bxRdPsnLt a, .atclRdSbIn .nwsTit a, .plContnr, .sbevt, p, .vdFul a, .mnItTit a, .bxMncm li a { font-size: 18px; } .evtBxTit a, .tbLngrn a, .tbLngrn h2, .evtHlt h2, .tbLngble h3, .bxDoRt .nwsTitHm a { font-size: 20px; } .titNws a { font-size: 22px; } .atclTit h1 { font-size: 26px; } } @media only screen and (min-width: 480px) { .icoQkMnCls { top:0; right: 400px } .mnRtQk { width: 320px; } .menutp ul li { padding: 10px 7px; } } @media only screen and (min-width: 480px) and (max-width: 568px) { /* AnhTT thay_doi_ads_zone*/ /*.txtBnrHor span { font-size: 12px; }*/ /* AnhTT thay_doi_ads_zone*/ .ifTtr { font-size: 14px; } .tmPst a, .extTit a, .extTit span, .tmPst, .seMr a, .pagS2 a.Next, .pagS2 a.Prev, .pagS2 a.New, #footer p, .pagPge, .nguontin, .nmEvt, .pgS2 a.Nxt, .pgS2 a.Prv, .pgS2 a.Nws, .pgPge { font-size: 16px; } .icoSkn span, .txtMn, .icoSkn a, .nwsTitHm, .tpcHt .tpcLitIt li a, .tbCmg ul li a, .cateOthr li a, .mnRtQk ul li a, .mveCte span, .evtBx .evtBxSp, .sbNws { font-size: 18px; } .bdBrk, .nwsTitSlHm, .titTp a, .tbCmg ul li, .ldIt a, .ldIt2 a, .vidIt a, .vidItRt a, .tbTcb, .tcbIt li a, .ftMn2 a, .tbTcb a, .ctTp, .tbCmg ul li .mnAtv, .bxRdPsnLt a, .atclRdSbIn .nwsTit a, .plContnr, .sbevt, p, .vdFul a, .mnItTit a, .bxMncm li a { font-size: 20px; } .tbCmCent a, .evtBxTit a, .tbLngrn a, .tbLngrn h2, .evtHlt h2, .tbLngble h3, .bxDoRt .nwsTitHm a { font-size: 22px; } .titNws a { font-size: 24px; } .atclTit h1 { font-size: 28px; } } @media only screen and (min-width: 599px) { .mnWrap { padding-right: 60px; } .mnWrap .inner { max-height: 63px; } .mainSec .mnWrap .inner { max-height: 66px; } /*.tbCmg ul { height: 60px; overflow: hidden; } .tbCmg { max-height: 60px; }*/ .mnRtQk { width: 400px; } /* .mnCM-expand { width: 38px; height: 38px; right: 0; top: 5px; background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 8px -1485px; } */ .pgS2 a.Nxt { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat right -580px; } .pgS2 a.Prv { background: url(//cdn.24h.com.vn/images/m2014/images-small/sprites-small.png) no-repeat 0 -620px; } .nwsTitSlHm { background-position: 0 -1528px; } .mnRtClsBtn { right: 320px; } .menRt { width: 320px; } .mnRt li a { font-size: 20px; } .schTxtBx { width: 250px; } } @media only screen and (min-width: 569px) and (max-width: 667px) { /* AnhTT thay_doi_ads_zone*/ /*.txtBnrHor span { font-size: 14px; }*/ /* AnhTT thay_doi_ads_zone*/ .ifTtr { font-size: 16px; } .tmPst a, .extTit a, .extTit span, .tmPst, .seMr a, .pagS2 a.Next, .pagS2 a.Prev, .pagS2 a.New, #footer p, .pagPge, .nguontin, .menutp ul li a, .nmEvt, .pgS2 a.Nxt, .pgS2 a.Prv, .pgS2 a.Nws, .pgPge { font-size: 18px; } .icoSkn span, .txtMn, .icoSkn a, .nwsTitHm, .tpcHt .tpcLitIt li a, .tbCmg ul li a, .cateOthr li a, .mnRtQk ul li a, .mveCte span, .evtBx .evtBxSp, .sbNws { font-size: 20px; } .bdBrk, .nwsTitSlHm, .titTp a, .tbCmg ul li, .ldIt a, .ldIt2 a, .vidIt a, .vidItRt a, .tbTcb, .tcbIt li a, .ftMn2 a, .tbTcb a, .ctTp, .tbCmg ul li .mnAtv, .bxRdPsnLt a, .atclRdSbIn .nwsTit a, .plContnr, .sbevt, p, .vdFul a, .mnItTit a, .bxMncm li a { font-size: 22px; } .tbCmCent a, .evtBxTit a, .tbLngrn a, .tbLngrn h2, .evtHlt h2, .tbLngble h3, .bxDoRt .nwsTitHm a { font-size: 24px; } .titNws a { font-size: 26px; } .atclTit h1 { font-size: 30px; } } @media only screen and (min-width: 668px) and (max-width: 767px) { .mnWrap .inner { max-height: 70px; } /* AnhTT thay_doi_ads_zone*/ /*.txtBnrHor span { font-size: 16px; }*/ /* AnhTT thay_doi_ads_zone*/ .ifTtr { font-size: 18px; } .tmPst a, .extTit a, .extTit span, .tmPst, .seMr a, .pagS2 a.Next, .pagS2 a.Prev, .pagS2 a.New, #footer p, .pagPge, .nguontin, .menutp ul li a, .nmEvt, .pgS2 a.Nxt, .pgS2 a.Prv, .pgS2 a.Nws, .pgPge { font-size: 20px; } .icoSkn span, .txtMn, .icoSkn a, .nwsTitHm, .tpcHt .tpcLitIt li a, .tbCmg ul li a, .cateOthr li a, .mnRtQk ul li a, .mveCte span, .evtBx .evtBxSp, .sbNws { font-size: 22px; } .bdBrk, .nwsTitSlHm, .titTp a, .tbCmg ul li, .ldIt a, .ldIt2 a, .vidIt a, .vidItRt a, .tbTcb, .tcbIt li a, .ftMn2 a, .tbTcb a, .ctTp, .tbCmg ul li .mnAtv, .bxRdPsnLt a, .atclRdSbIn .nwsTit a, .plContnr, .sbevt, p, .vdFul a, .mnItTit a, .bxMncm li a { font-size: 24px; } .tbCmCent a, .evtBxTit a, .tbLngrn a, .tbLngrn h2, .evtHlt h2, .tbLngble h3, .bxDoRt .nwsTitHm a { font-size: 26px; } .titNws a { font-size: 28px; } .atclTit h1 { font-size: 32px; } } @media only screen and (min-width: 768px) { .mnWrap .inner { max-height: 63px; } .mainSec .mnWrap .inner { max-height: 70px; } } .width-100{ width: 100%; } /*---Start media query---*/ .displaynone{ display:none; } /* Begin popup*/ .box-popup {overflow: hidden;position: relative;_position: relative;z-index: 1000000;_background: transparent;background-color:#F8F8F8;margin: 0;padding: 0px;-moz-border-radius: 6px;border-radius: 6px;border: none;font: normal 12px Tahoma,Arial, sans-serif;} .popup-overlay {z-index: 999999;border: none;position: absolute;_position: absolute;top: 0;left: 0;right: 0;bottom: 0;top: 0;background-color:#F8F8F8;_background: transparent;} .modal-noscroll { /*position: fixed;*/ overflow: hidden !important; width: 100%; position:fixed; } /* End popup*/ /*Start poll*/ .popup { border: #78b43d solid 2px; margin: 2%; } .popupCnt { padding: 2%; } #box_gop_y .popupCnt p a { margin: 0 auto; } /*End poll*/ /* begin poll*/ .plTp { padding: 3px 10px 7px 10px; color: #fff; font-size: 14px; text-align: center; font-weight: bold; } .plCt { background: #fff; padding: 10px 8px; text-align: left; } .txtBx { border: #e1e1e1 solid 1px; padding: 5px; color: #666; width: 100%; } .linDsh { border-top: 1px dashed #e5e5e5; display: block; line-height: 23px; margin: 10px 0 0; padding: 5px 0 0; } .fdNte { background: #e6e6e6; padding: 10px; } .btnGrn { background-color: #78b43d; color: #FFF; padding: 5px 15px; display: inline-block; text-align: center; text-decoration: none; margin-top: 10px; } .btnGry { background-color: #ebebeb; color: #000; padding: 5px 15px; display: inline-block; text-align: center; text-decoration: none; } .fdNte i{ font-size: 11px; } .plQA { display: block; padding: 0 0 10px 0; font-weight: 400; } .plAnwr { font-weight: 700; font-size: 14px; color: #000; } .plAnwrBr { height: 15px; float: left; margin: 3px 10px 0 0; } .txtSch { padding: 5px 0; } span.close { display: inline-block; width: 20px; height: 12px; background: url(//cdn.24h.com.vn/images/m2014/images/iconClose.png) 0 0 no-repeat; } .aCenter { text-align: center; } .plNum { font-size: 12px; color: #666; font-weight: 700; } .txtBx { border: #e1e1e1 solid 1px; padding: 5px 10px; color: #666; } .btn-green { background-color: #78b43d; color: #FFF; padding: 5px 15px; display: block; white-space: nowrap; text-align: center; margin: 5px 0; } .boxGreyBr { background: #ebebeb; border: #d7d7d7 solid 1px; padding: 10px; margin-bottom: 10px; } .btn-green-big { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #78b43d; -webkit-box-shadow: inset 0 -2px rgba(0,0,0,.2); -moz-box-shadow: inset 0 -2px rgba(0,0,0,.2); box-shadow: inset 0 -2px rgba(0,0,0,.2); color: #fff; font-size: 14px; font-weight: 700; text-align: center; padding: 10px; display: block; } .pollTop { padding: 3px 10px 7px; color: #fff; text-align: center; font-weight: 700; background: #78b43d; } /*End poll*/ /* begin 10/10/2018 by dangtq */ .nwsItHm>.nwsTitHm>a, .lady .nwsItHm>.evtBxTit>a{ font-size: 18px; } .nwsItHm>.tmPst>a{ font-size: 14px; margin-bottom: 10px; display: block; } /* Minhdt 30/12/2022 Fix Box Danh Cho Phai Dep Phai Home */ /* Include 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); } @font-face { font-family: 'Roboto-Medium'; font-style: normal; font-weight: 500; /* Font Bold để 700-900 ko dùng Bold */ src: url('https://cdn.24h.com.vn/css/fonts/Roboto-Medium.woff') format('woff'),/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('https://cdn.24h.com.vn/css/fonts/Roboto-Medium.ttf') format('truetype'); /* Safari, Android, iOS */ font-display: swap; } /* End Include Font */ .lady{ background: none; } .lady *{ font-family: 'Roboto-Regular'; } .lady>header{ display: flex; align-items: center; padding: 11px 15px; border-radius: 8px 8px 0 0; background-color: #d2577e; } .lady>header: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; } .lady:before { content: "Advertisement"; display: block; margin: 6px 0; text-align: right; font-size: 10px; color: #9e9e9e; } .lady > header a{ display: block; text-transform: uppercase; font-family: 'Roboto-Bold'; font-weight: inherit; color: #fff; } .lady .lady-list { padding: 15px; border: 1px solid #ebebeb; border-radius: 0 0 8px 8px; } .lady .bxLlq .nwsItHm{ background: none; padding-left: 0; padding-right: 0; padding-bottom: 0; } .lady .nwsTitSlHm{ position: relative; } .lady .clrTit{ line-height: 1.4; } .lady .clrTit, .lady .evtBx1 .evtBxSp a{ color: #252525; } .lady .nwsTitSlHm, .lady .evtBx1 .evtBxSp a{ font-weight: inherit; font-family: 'Roboto-Medium' !important; } .lady .dotCircle{ margin: 20px 0 0 0; } .lady .lady-list article.mrB10.mrT10, .lady .evtBx1 .mrT10{ margin: 0; } .lady .dotCircle .nwsItHm, .lady .evtBx1 .mrT10{ display: flex; } .lady .dotCircle .nwsItHm:before { content: ''; position: relative; top: 6px; flex: 0 0 6px; width: 6px; height: 6px; margin: 0 7px 0 0; border-radius: 50%; background: #d2577e; } .lady .dotCircle .nwsTitSlHm{ padding: 0; } .lady .evtBx.evtBx1 .imgNwsMdm { flex: 0 0 130px; width: 130px; height: 97px; border-radius: 6px; overflow: hidden; } .lady .evtBx.evtBx1 .evtBxSp{ flex: 1; } .lady .lady-list .pagination{ margin: 15px 0 5px; } .lady .swiper-active-switch{ top: 0; width: 6px; height: 6px; background: #d2577d; } .lady .swiper-pagination-switch{ margin: 0 1px; } .lady .vuot{ color: #9e9e9e; font-style: inherit; padding: 0; } .vuot{ color: #757575; text-align: center; font-size: 12px; font-style: italic; margin-top: 5px; padding-bottom: 10px } /*== Reponsive Mobile ==*/ /*== Hoz ==*/ @media screen and (min-width: 736px){ /* Man hinh Iphone 6,7,8 Plus,XsMax Hoz Screen */ /*== Repos Text ==*/ .lady .vuot{ font-size: 17px; } .lady .evtBx1 .evtBxSp a, .lady .lady-list .nwsTitSlHm { font-size:19px; line-height: 24px; } .lady > header a{ font-size: 22px; } /*== End Repos Text ==*/ } @media screen and (max-width: 667px){ /* Man hinh Iphone 6,7,8,X Hoz Screen */ /*== Repos Text ==*/ .lady .vuot{ font-size: 15px; } .lady .evtBx1 .evtBxSp a, .lady .lady-list .nwsTitSlHm { font-size:17px; line-height: 22px; } .lady > header a{ font-size: 20px; } /*== End Repos Text ==*/ } @media screen and (max-width: 568px){ /* Man hinh Iphone 5,5c,SE Hoz Screen */ /*== Repos Text ==*/ .lady .vuot{ font-size: 13px; } .lady .evtBx1 .evtBxSp a, .lady .lady-list .nwsTitSlHm { font-size:15px; line-height: 20px; } .lady > header a{ font-size: 18px; } /*== End Repos Text ==*/ } /*== End Hoz ==*/ /*== Vertical ==*/ @media screen and (max-width: 480px){ /*== Repos Text ==*/ .lady .vuot{ font-size: 15px; } .lady .evtBx1 .evtBxSp a, .lady .lady-list .nwsTitSlHm { font-size:17px; line-height: 22px; } .lady > header a{ font-size: 20px; } /*== End Repos Text ==*/ } @media screen and (max-width: 375px){ /* Man hinh Iphone 6,7,8,X Ver Screen */ /*== Repos Text ==*/ .lady .vuot{ font-size: 13px; } .lady .evtBx1 .evtBxSp a, .lady .lady-list .nwsTitSlHm { font-size:15px; line-height: 20px; } .lady > header a{ font-size: 18px; } /*== End Repos Text ==*/ } @media screen and (max-width: 320px){ /* Man hinh Iphone 5,5c,SE Ver Screen */ /*== Repos Text ==*/ .lady .vuot{ font-size: 11px; } .lady .evtBx1 .evtBxSp a, .lady .lady-list .nwsTitSlHm { font-size:13px; line-height: 18px; } .lady > header a{ font-size: 16px; } /*== End Repos Text ==*/ } /*== End Vertical ==*/ /*== End Reponsive Mobile ==*/ /* End Minhdt 30/12/2022 Fix Box Danh Cho Phai Dep Phai Home */ footer .tbCmg{ background: none; border-bottom: 2px solid #78b43d; } footer .tbCmg ul li{ font-size: 18px; text-transform: uppercase; color: #000; } .bxVidLst .first{ float: none; display: block; width: 100%; position: relative; } .bxVidLst .first header{ /* position: absolute; bottom: 4px; left: 0; width: 100%; font-weight: bold; background-color: rgba(0, 0, 0, 0.65);*/ padding: 10px; } /*.bxVidLst .first header a{ color: #fff; font-size: 16px; }*/ .bxVidLst .list{ background-color: #eeeeee; padding: 7px 0; } .bxVidLst .list .vidIt{ width: 50%; padding-left: 7px; padding-right: 3px; /*margin-right: 10px;*/ } /* end 10/10/2018 by dangtq */ /* begin 15/10/2018 by dangtq */ .ttdn .swiper-active-switch{ background: #ef7930; } /* end 15/10/2018 by dangtq */ /* begin change icon 19/10/2018 DangTQ */ .tthLive{ background-color: #ff0000; font-size: 14px; font-weight: bold; color: #fff; display: inline-block; width: 60px; height: 25px; text-align: right; padding-right: 10px; line-height: 25px; position: absolute; top: 5px; left: 0; z-index: 1; } .tthLive:before{ content: ''; background-color: #fff; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 9px; left: 10px; } .viHt{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -680px; } .phtHt{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1660px; } .lstRdStr{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -51px -2324px; } .vdNml{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -359px; } .phtNml{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1550px; } .icoquz{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1990px; } .icoInfo{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -1330px; } .icoMaz{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -2100px; } .lstNml{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -254px; } /* end change icon 19/10/2018 DangTQ */ /* start bangnd 24/10/2018 */ .tbCmg ul li h2 > a { display: inline; } .tbCmg ul li > .inl { font-weight: 700; } .tbCmg ul li > span.inl:last-of-type { margin: 0 5px; } /*Begin 8/5/2020: dangtq Tinh_chinh_giao_dien_box_Eva_tren_24h*/ .evtBxSp .clrTit { font-size: 14px; } /*End 8/5/2020: dangtq Tinh_chinh_giao_dien_box_Eva_tren_24h*/ .tmPst.pt8 { margin-bottom: 0; margin-top: 8px; } .bgGrey { background: #eeeeee; } .noblk { margin-left: -10px; margin-right: -10px; } /* start:fix footer */ #footer .tbCmg ul { padding: 5px 0; } .cateOthr li:nth-last-child(1), .cateOthr li:nth-last-child(2) { border-bottom: none; } /* end:fix footer */ /* end bangnd 24/10/2018 */ /* begin 15/01/2019 dangtq */ .rlt{ position:relative; } .ovf{ overflow: hidden; } /**/ .vf>header img{ width: 100%; } /* .vf .imgFlt{ width: 143px; height: 107px; } .vf .evtBxTit a{ font-size: 18px; } .vf .list{ padding: 0; } .vf .list>article{ margin-bottom: 10px; } .vf .evtBxSp .clrTit{ font-size: 14px; } */ .vf .nwsTitSlHm{ position: relative; /*font-weight: bold;*/ /*11/01/2019 dangtq Box PR độc quyền: bỏ in đậm cho tiêu đề tin bài nhỏ - Phiên bản mobile*/ /*background: url(//cdn.24h.com.vn/images/sprites092018.png) -50px -148px no-repeat;*/ } .vf .nwsTitSlHm:before{ content: ''; position: absolute; top: 7px; left: 0; width: 5px; height: 5px; background-color: #c90a09; } .vf .nwsItHm{ padding: 0; } /**/ .icoNnd{ width: 20px; height: 12px; display: inline-block; margin-right: 8px; background: url(//cdn.24h.com.vn/images/sprites092018.png) -50px -2887px; } .icoVidLg{ width: 40px; height: 40px; background: url(//cdn.24h.com.vn/images/sprites2018_4-092018.png) -50px -1374px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; display: inline-block; } .icoArrGr { width: 16px; height: 16px; background: url('//cdn.24h.com.vn/images/sprites092018.png') -8px -803px; display: inline-block; } /* end 25/10/2018 dangtq /*Begin 16-04-2018 trungcq XLCYCMHENG_24127_xu_ly_header_bam_dinh_mobile*/ .nav-down{ width: 100%; z-index: 99999 !important; position: fixed !important; top: 0; left: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transition: transform 400ms ease; -webkit-transition: transform 400ms ease; -moz-transition: transform 400ms ease; -o-transition: transform 400ms ease; } .nav-down.nav-up { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); } /* Minhdt 02/11/2023 Clone Header/Footer New */ /* #div_menu_container section{ display: inline-block; width: 100%; position: fixed; top: 0; z-index: 999999; } .after-height{ height: 59px; } */ /* End Minhdt 02/11/2023 Clone Header/Footer New */ /*End 16-04-2018 trungcq XLCYCMHENG_24127_xu_ly_header_bam_dinh_mobile*/ /* begin 26/10/2018 dangtq */ .icoBars{ background: url(//cdn.24h.com.vn/images/sprites2018_5-2018.png) -45px -503px; width: 38px; height: 38px; right: 0; top: 0; position: absolute; } .icoTit:before{ content: 'Menu'; color: #898989; font-size: 11px; display: inline-block; right: 9px; bottom: 0; position: absolute; } .arrToggle .icoBars{ width: 11px; height: 7px; background: url('//cdn.24h.com.vn/images/sprites092018.png') -50px -472px; display: inline-block; top: 12px; right: 12px; } .barToggle .icoBars{ width: 38px; height: 24px; background: url(//cdn.24h.com.vn/images/sprites2018_5-2018.png) -42px -155px; display: inline-block; top: 0; right: 0; } .arrToggle .icoTit{ display: none; } .mnCM-close span{ display: none!important; } .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; } .ct{ text-align: center; } /* end 26/10/2018 dangtq */ /* begin 30/10/2018 dangtq */ .mnToggleBtn{ position: absolute; right: 0; top: 50%; bottom: 0; margin-top: -19px; } .icoMenu { width: 20px; height: 16px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -162px; } .icoMenuMobile { width: 20px; height: 16px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -510px; } .icoBronze { width: 18px; height: 20px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -746px; } .icoGold { width: 18px; height: 20px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -626px; } .icoSilver { width: 18px; height: 20px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -866px; } .icoFb1 { width: 25px; height: 25px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -986px; } .icoFb2 { width: 25px; height: 25px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -1111px; } .icoGg { width: 25px; height: 25px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -1236px; } .icoVidLg { width: 40px; height: 40px; background: url(//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('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -278px; display: inline-block; } .icoPrevAlbum { width: 10px; height: 16px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -394px; display: inline-block; } .icoFb3 { width: 25px; height: 25px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -1361px; } .icoDetail{ width: 16px; height: 12px; background: url('//cdn.24h.com.vn/images/sprites2018_5-2018.png') -50px -50px; } /*begin 03/01/2019 dangtq Tối ưu box bài PR nhãn hàng*/ /*end 03/01/2019 dangtq Tối ưu box bài PR nhãn hàng*/ .vf .swiper-active-switch{ background: #c90a09; } .vf .pagination{ margin-top: 10px; } .nosearhcontent{ font-size: 18px; } .backhome{ display: block; font-size: 16px; padding: 10px; color: #fff; background-color: #7ab345; } .iconhome{ background: url(//cdn.24h.com.vn/images/sprites092018.png) no-repeat -50px -4033px; display: inline-block; width: 20px; height: 18px; margin-right: 5px; vertical-align: text-top; } .titlesearch{ font-size: 16px; font-weight: bold; } @media screen and (max-width: 320px) { /*.mainSec .mnWrap .inner { max-height: 55px; }*/ /*.mainSec>header{ padding-bottom: 10px; }*/ /*.mainSec .mnCM-expand{ top: 15px; } .mainSec .mnCM-close{ top: 0 }*/ } @media screen and (min-width: 360px) and (max-width: 413px) { .barToggle .icoTit:before { right: 5px; bottom: -2px; } .mnWrap .inner { max-height: 50px; } .mainSec .mnWrap .inner { max-height: 55px; } .txtMn{ margin-left: 0; } /*.mainSec .mnCM-close{ top: 0 } .mainSec .mnCM-expand{ top: 15px; }*/ .nosearhcontent{ font-size: 20px; } .backhome, .titlesearch{ font-size: 18px; } /* AnhTT thay_doi_ads_zone*/ /*.vf .txtBnrHor span{ font-size: 11px; 25/12/2018 dangtq Bổ sung text "Ad zone of 24h" cho box PR nhãn hàng }*/ /* AnhTT thay_doi_ads_zone*/ } @media screen and (min-width: 414px) and (max-width: 487px) { .mnWrap .inner { max-height: 55px; } .mainSec .mnWrap .inner { max-height: 62px; } .mainSec .icoBars { background-position-y: -505px; } .txtMn{ margin-left: 0; } .icoTit:before{ right: 6px; } /*.mainSec .mnCM-close{ top: 0 } .mainSec .mnCM-expand{ top: 15px; }*/ .nosearhcontent{ font-size: 22px; } .backhome, .titlesearch{ font-size: 20px; } /* AnhTT thay_doi_ads_zone*/ /*.vf .txtBnrHor span{ font-size: 13px; 25/12/2018 dangtq Bổ sung text "Ad zone of 24h" cho box PR nhãn hàng }*/ /* AnhTT thay_doi_ads_zone*/ } @media screen and (min-width: 481px) and (max-width: 568px) { .mnWrap .inner { max-height: 60px; } .mainSec .mnWrap .inner { max-height: 55px; } /*.mainSec>header{ padding-bottom: 10px; }*/ /*.mainSec .mnCM-expand{ top: 15px; }*/ .nosearhcontent{ font-size: 20px; } .backhome, .titlesearch{ font-size: 18px; } /* AnhTT thay_doi_ads_zone*/ /*.vf .txtBnrHor span{ font-size: 11px; 25/12/2018 dangtq Bổ sung text "Ad zone of 24h" cho box PR nhãn hàng }*/ /* AnhTT thay_doi_ads_zone*/ } @media screen and (max-width: 812px) and (min-width: 569px) { /*.mainSec>header{ padding-bottom: 10px; }*/ /*.mainSec .mnCM-expand{ top: 15px; }*/ .icoTit:before{ right: 6px; } .nosearhcontent{ font-size: 22px; } .backhome, .titlesearch{ font-size: 20px; } /* AnhTT thay_doi_ads_zone*/ /*.vf .txtBnrHor span{ font-size: 13px; 25/12/2018 dangtq Bổ sung text "Ad zone of 24h" cho box PR nhãn hàng }*/ /* AnhTT thay_doi_ads_zone*/ } @media screen and (min-width: 736px) and (max-width: 812px) { .nosearhcontent{ font-size: 24px; } .backhome, .titlesearch{ font-size: 22px; } .iconhome{ vertical-align: initial; } /* AnhTT thay_doi_ads_zone*/ /*.vf .txtBnrHor span{ font-size: 15px; 25/12/2018 dangtq Bổ sung text "Ad zone of 24h" cho box PR nhãn hàng }*/ /* AnhTT thay_doi_ads_zone*/ } /* end 30/10/2018 dangtq */ /*start 31/10/2018 bangnd */ .sapo { line-height: 1.5; } @media screen and (min-width: 375px) and (orientation: landscape) { .mnRtQk ul { height: 330px; } /*.icoQkMnCls { top: 377px; }*/ } /* 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 bangnd 7/11/2018 XLCYCMHENG_33208_bo_sung_icon_hot_menu_ngang_header*/ .mnIco{ padding-top: 0!important; } .mnIco img{ /*margin-right: -10px!important;*/ } /*end bangnd 7/11/2018 XLCYCMHENG_33208_bo_sung_icon_hot_menu_ngang_header*/ /*begin 16/11/2018 dangtq XLCYCMHENG_33349_quan_tri_icon_hot_new_menu_ngang_header*/ .siHot{ display: inline-block; background: url(//cdn.24h.com.vn/images/Hot-092018.png) no-repeat; width: 21px; height: 20px; position: absolute; top: 0; right: 0px; } .siNew{ display: inline-block; background: url(//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: bai pr vi tri banner infeed */ /* Begin 16/7/2019: dangtq fix_can_giua_anh_banner_infeed */ .infeed{ width: 100%; display: inline-block; background: #f2f2f2; border-width: 0; text-decoration: none; position: relative; padding-left: 110px; min-height: 75px; } .infeed .img{ width: 100px; height: 75px; position: absolute; top: 50%; margin-top: -38px; left: 0; } /* End 16/7/2019: dangtq fix_can_giua_anh_banner_infeed */ .infeed .img img{ width: 100%; display: block; } .infeed .content{ margin-top: 6px; overflow: hidden; font-family: Arial; } .infeed div.text{ color: #666; font-size: 12px; line-height: 17px; margin-bottom: 0; overflow: hidden; } .infeed .label{ font-weight: normal; color: #666; font-size: 12px; line-height: 17px; } .infeed span.text{ font-weight: bold; text-transform: uppercase; color: #666; font-size: 12px; line-height: 17px; } .infeed .title{ color: #000; text-decoration: initial; font-weight: bold; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-size: 16px; margin-top: 5px; } @media screen and (min-width: 481px) and (max-width: 568px){ .infeed .title{ font-size: 18px; } } @media screen and (max-width: 812px) and (min-width: 569px){ .infeed .title{ font-size: 20px; } } @media screen and (min-width: 736px) and (max-width: 812px){ .infeed .title{ font-size: 22px; } } /* end: bai pr vi tri banner infeed */ /*begin 17/01/2019 dangtq*/ .lh0{ line-height: 0!important; } /*end 17/01/2019 dangtq*/ /*begin edit box_nhieu_nguoi_doc dangtq*/ .manyReader { padding-bottom: 4px } .manyReader .ldItHm { width: 100%; float: none } .manyReader .ldImg { width: 140px; height: 105px; float: left; margin-right: 10px; margin-bottom: 0 } .manyReader .tbLngrn { padding: 5px 0 } /*end edit box_nhieu_nguoi_doc dangtq*/ /*begin box_thong_tin_can_biet_giavang_tygia_thoitiet dangtq*/ .boxTtcbTt table, .boxTtcbKd table{ border-spacing: 0; width: 100%; } /**/ .boxTtcbTt{ margin: -10px 10px -10px 10px; background-color: #e6e6e6c2; overflow: hidden; } .boxTtcbTt *{ font-size: 10px; } .boxTtcbTt table{ table-layout: fixed; } .boxTtcbTt td{ width: 126px; } /* Begin: 8/6/2020 xay_dung_noi_dung_chi_so_khong_khi */ .boxTtcbTt td.boxTtcbTtTit{ font-size: 9px; font-weight: 600; background-color: #254a70; color: #fff; height: 40px; line-height: 40px; text-align: center; width: 50px; } /* End: 8/6/2020 xay_dung_noi_dung_chi_so_khong_khi */ .boxTtcbTtTit a{ color: #fff; } .pdL10{ padding-left: 10px; } .boxTtcbTt img{ vertical-align: -8px; width: 25px; height: 25px; padding-right: 5px; box-sizing: content-box; } .colorGrey{ color: #999999; } .colorBlack{ color: #000; } /**/ .boxTtcbKd{ overflow: hidden; background-color: #f7f7f7; margin: -10px 10px -10px 10px; } .boxTtcbKd *{ box-sizing: border-box; font-size: 9px; } .boxTtcbKdCol{ width: 50%; } .boxTtcbKdTit{ height: 20px; padding: 0 5px; line-height: 20px; display: block; color: #fff; font-weight: 600; } .boxTtcbKd .col1 .bor{ border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; clear: both; } .boxTtcbKd .col2 .bor{ border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; clear: both; } .boxTtcbKd .bor div:first-child{ margin-top: -6px; } .disBl{ display: block; } .boxTtcbKd .bor span{ display: inline-block; padding: 5px; overflow: hidden; height: 20px; } .boxTtcbKdName{ width: 32px; } .boxTtcbKdMua, .boxTtcbKdBan{ width: 55px; } .boxTtcbKd img{ float: right; padding-top: 3px; } .colorGreyish{ color: #5e5e5e; font-weight: normal; } .boxTtcbKdTit.boxTtcbKdTitLogo{ display: inline; } .boxTtcbKd .boxTtcbLogo{ padding-right: 5px; height: 18px; } @media screen and (max-width: 320px){ .boxTtcbGv .boxTtcbKdName{ width: 45px; } .boxTtcbGv .boxTtcbKdMua, .boxTtcbGv .boxTtcbKdBan{ width: 43px; } } @media screen and (min-width: 321px) and (max-width: 375px){ .boxTtcbTtTit, .boxTtcbKd *{ font-size: 11px; } .boxTtcbTt *{ font-size: 12px; } .boxTtcbKdName{ width: 37px; } .boxTtcbKdMua, .boxTtcbKdBan{ width: 66px; } .boxTtcbTt td{ width: 146px; } .boxTtcbTt td.boxTtcbTtTit{ width: 58px; } .boxTtcbGv .boxTtcbKdName{ width: 55px; } .boxTtcbGv .boxTtcbKdMua, .boxTtcbGv .boxTtcbKdBan{ width: 52px; } } @media screen and (min-width: 321px) and (max-width: 360px){ .boxTtcbKd *{ font-size: 11px; } .boxTtcbKdName{ width: 35px; } .boxTtcbKdMua, .boxTtcbKdBan{ width: 63px; } .boxTtcbGv .boxTtcbKdMua, .boxTtcbGv .boxTtcbKdBan{ width: 48px; } .boxTtcbKd .bor div:first-child{ margin-top: 0; } } @media screen and (min-width: 376px) and (max-width: 414px){ .boxTtcbTtTit, .boxTtcbKd *{ font-size: 13px; } .boxTtcbTt *, .boxTtcbTt .pdL10{ font-size: 14px; } .boxTtcbKdName{ width: 43px; } .boxTtcbKdMua, .boxTtcbKdBan{ width: 36%; /*edit 01/04/2019 dangtq*/ } .boxTtcbTt td{ width: 160px; } .boxTtcbTt td.boxTtcbTtTit{ width: 68px; } .boxTtcbGv .boxTtcbKdName{ width: 65px; } .boxTtcbGv .boxTtcbKdMua, .boxTtcbGv .boxTtcbKdBan{ width: 56px; } } @media screen and (min-width: 480px) and (max-width: 568px){ .boxTtcbTtTit, .boxTtcbKd *{ font-size: 11px; } .boxTtcbTt *{ font-size: 12px; } .boxTtcbKdName{ width: 33%; } .boxTtcbKdMua, .boxTtcbKdBan{ width: 32%; } .boxTtcbTt td{ width: 125px; } .boxTtcbTt td.boxTtcbTtTit{ width: 58px; } .boxTtcbTt img{ float: left; } } @media screen and (min-width: 569px) and (max-width: 667px){ .boxTtcbTtTit, .boxTtcbKd *{ font-size: 13px; } .boxTtcbTt *{ font-size: 14px; } .boxTtcbKdName{ width: 33%; } .boxTtcbKdMua, .boxTtcbKdBan{ width: 32%; } .boxTtcbTt td{ width: 144px; } .boxTtcbTt td.boxTtcbTtTit{ width: 68px; } .boxTtcbTt img{ float: left; } } @media screen and (min-width: 569px) and (max-width: 640px){ .boxTtcbKd .bor div:first-child{ margin-top: 0; } } @media screen and (min-width: 668px) and (max-width: 736px){ .boxTtcbTtTit, .boxTtcbKd *{ font-size: 15px; } .boxTtcbTt *{ font-size: 16px; } .boxTtcbKdName{ width: 33%; } .boxTtcbKdMua, .boxTtcbKdBan{ width: 32%; } .boxTtcbTt td{ width: 159px; } .boxTtcbTt td.boxTtcbTtTit{ width: 75px; } .boxTtcbTt img{ float: left; } .boxTtcbKd .bor{ padding-bottom: 3px; } } @media screen and (min-width: 812px){ .boxTtcbTtTit, .boxTtcbKd *{ font-size: 13px; } .boxTtcbTt *{ font-size: 14px; } .boxTtcbKdName{ width: 33%; } .boxTtcbKdMua, .boxTtcbKdBan{ width: 32%; } .boxTtcbTt td{ width: 144px; } .boxTtcbTt td.boxTtcbTtTit{ width: 68px; } .boxTtcbTt img{ float: left; } } /*end box_thong_tin_can_biet_giavang_tygia_thoitiet dangtq*/ /*begin edit_logo_nhan_hang 22/03/2019 dangtq*/ .mnRt li ul li a, .mnRt li ul li a:first-child{ width: 100%; } .mnRt li ul li a img{ vertical-align: middle; padding-left: 10px; } /*end edit_logo_nhan_hang 22/03/2019 dangtq*/ /*Begin template box pr nhãn - dangtq 12/4/2019*/ /*Template 1*/ .prTemp2 .imgNwsMdm{ width: 120px; height: 90px; } .prTemp2 .nwsTitHm h2{ font-size: 14px; line-height: 1.5; } .prTemp2 .lin{ border-color: #eeeff0; } .prTemp2 .clrDft{ font-weight: normal; /*color: #333333;*/ /*11/11/2019: dangtq sua_mau_title_template_pr_doc_nhieu*/ } .prTemp2 .pagination{ margin-top: 0; } .prTemp2 .vuot{ padding-bottom: 3px; } /*Template 2*/ .templateBoxPr .inner .nwsItHm{ width: 48%; float: left; } .templateBoxPr .inner .nwsItHm:nth-child(2n+1){ margin-right: 4%; } .templateBoxPr .nwsTitHm h2, .prTemp4 .nwsTitHm h2{ font-size: 14px; line-height: 1.3; } .templateBoxPr .nwsTitSlHm:before, .prTemp4 .nwsTitSlHm:before{ background-color: #0e3743; } .templateBoxPr .clrDft, .prTemp4 .clrDft{ color: #333333; } .templateBoxPr .lin{ border-color: #eeeff0; margin-top: 15px; margin-bottom: 3px; } .templateBoxPr .pagination{ margin-top: 0; } .templateBoxPr .nwsTitHm{ padding-top: 3px; } .templateBoxPr{ margin-bottom: -15px; } .prTemp3 .pagination{ margin-top: 0; } .prTemp3{ margin-bottom: 0; } /*Template 3*/ .prTemp4 .imgNwsMdm{ width: 140px; height: 105px; } /*End template box pr nhãn - dangtq 12/4/2019*/ /* Begin tổng hợp các độ phân giải màn hình - dangtq 2019 */ @media screen and (min-width: 321px) and (max-width: 375px) { .prTemp2 .nwsTitHm h2, .templateBoxPr .nwsTitHm h2, .prTemp4 .nwsTitHm h2 a{ font-size: 16px; } } @media screen and (min-width: 376px) and (max-width: 414px) { .prTemp2 .nwsTitHm h2, .templateBoxPr .nwsTitHm h2, .prTemp4 .nwsTitHm h2 a{ font-size: 18px; } } @media screen and (min-width: 480px) and (max-width: 568px) { .prTemp2 .nwsTitHm h2, .templateBoxPr .nwsTitHm h2, .prTemp4 .nwsTitHm h2 a{ font-size: 16px; } } @media screen and (min-width: 569px) and (max-width: 667px) { .prTemp2 .nwsTitHm h2, .templateBoxPr .nwsTitHm h2, .prTemp4 .nwsTitHm h2 a{ font-size: 18px; } } @media screen and (min-width: 668px) and (max-width: 736px) { .prTemp2 .nwsTitHm h2, .templateBoxPr .nwsTitHm h2, .prTemp4 .nwsTitHm h2 a{ font-size: 20px; } } @media screen and (min-width: 812px) { .prTemp2 .nwsTitHm h2, .templateBoxPr .nwsTitHm h2, .prTemp4 .nwsTitHm h2 a{ font-size: 18px; } } /* End tổng hợp các độ phân giải màn hình - dangtq 2019 */ /*Begin template box pr 8,9 */ /*== Begin 27/11/2020 minhdt fix-box-pr-nhieu-nguoi-doc-template-5 ==*/ .prTemp8 .lin{ display: none; } .prTemp8 article .imgNwsMdm { width: 120px; height: 91px; } .prTemp8 .slide_box_pr_special{ margin:0; } .prTemp8 article .nwsTitHm h2,.prTemp8 article .nwsTitHm h2 .clrDft,.prTemp8 article .nwsTitHm .clrDft { font-size:16px; color: #000; line-height: 1.5; font-weight: 500; } .vf.prTemp8 .nwsItHm { border-bottom: 1px solid #eeeeee; padding: 10px 0; } .prTemp8 .pagination { margin-top: 0; } @media screen and (min-width: 480px) { .prTemp8 article .nwsTitHm h2,.prTemp8 article .nwsTitHm .clrDft { font-size: 16px; line-height: 21px; /* Minhdt 30/11/2021 Add-line-height-title-box-bai-pr-nhieu-nguoi-doc-slide */ } } @media screen and (min-width: 600px) { .prTemp8 article .nwsTitHm h2,.prTemp8 article .nwsTitHm .clrDft { font-size: 18px; line-height: 23px; /* Minhdt 30/11/2021 Add-line-height-title-box-bai-pr-nhieu-nguoi-doc-slide */ } } @media screen and (min-width: 700px) { .prTemp8 article .nwsTitHm h2,.prTemp8 article .nwsTitHm .clrDft { font-size: 20px; line-height: 25px; /* Minhdt 30/11/2021 Add-line-height-title-box-bai-pr-nhieu-nguoi-doc-slide */ } } @media only screen and (max-width: 598px){ .prTemp8 .imgFlt { margin-right: 12px; } } @media screen and (max-width: 414px) { .prTemp8 article .nwsTitHm h2,.prTemp8 article .nwsTitHm h2 .clrDft,.prTemp8 article .nwsTitHm .clrDft { font-size: 18px; line-height: 23px; /* Minhdt 30/11/2021 Add-line-height-title-box-bai-pr-nhieu-nguoi-doc-slide */ } } @media screen and (max-width: 375px) { .prTemp8 article .nwsTitHm h2,.prTemp8 article .nwsTitHm h2 .clrDft,.prTemp8 article .nwsTitHm .clrDft { font-size: 16px; line-height: 21px; /* Minhdt 30/11/2021 Add-line-height-title-box-bai-pr-nhieu-nguoi-doc-slide */ } } @media screen and (max-width: 320px) { .prTemp8 article .nwsTitHm h2,.prTemp8 article .nwsTitHm h2 .clrDft,.prTemp8 article .nwsTitHm .clrDft { font-size: 14px; line-height: 19px; /* Minhdt 30/11/2021 Add-line-height-title-box-bai-pr-nhieu-nguoi-doc-slide */ } } /*== End 27/11/2020 minhdt fix-box-pr-nhieu-nguoi-doc-template-5 ==*/ .prTemp9 .list { display: flex; justify-content: space-between; } .prTemp9 .list article { width: 166px; } .prTemp9 .list article .imgNwsMdm { float: none; width: 100%; height: 125px; margin: 0 0 10px 0; line-height: 0; } @media screen and (max-width: 360px) { .prTemp9 .list article .imgNwsMdm { height: auto; } } @media screen and (min-width: 400px) { .prTemp9 .list article .imgNwsMdm { height: auto; } } @media screen and (max-width: 360px) { .prTemp9 .list article { width: 50%; } .prTemp9 .list article:nth-child(2n+1) { margin-right: 23px; } } @media screen and (min-width: 400px) { .prTemp9 .list article { width: 50%; } .prTemp9 .list article:nth-child(2n+1) { margin-right: 23px; } } /*End template box pr 8,9 */ /*# sourceMappingURL=template_box_pr_8.css.map */ /* infeed_01 */ .infeed_01 { display: flex; padding: 0; } .infeed_01 .img { width: 137px; height: 103px; position: relative; margin: 0 10px 0 0; } .infeed_01 .content { width: 137px; flex-grow: 1; padding-right: 10px; margin-top: 7px; } .infeed_01 .content .label, .infeed_01 .content span.text { font-size: 11px; } .infeed_01 .content span.text { font-weight: normal; color: #78b43d; } .infeed_01 .content .title { margin-top: 4px; line-height: 1.2; } .infeed_01.infeed_01b .label, .infeed_01.infeed_01b .content span.text, .infeed_01.infeed_01b span.text { color: #a1a1a1; } .infeed_01.infeed_01b .content span.text{ text-transform: none; } /* infeed_02 */ .infeed_02 { flex-direction: row-reverse; padding: 10px; } .infeed_02 .img { margin: 0; width: 110px; height: 83px; } .infeed_02 .content { margin-top: 0; } /*# sourceMappingURL=infeed.css.map */ .catfish_banner { position: fixed !important; bottom: 0; left: 50%; transform: translateX(-50%); line-height: 0; background: none !important; z-index: 9999 !important; } /* Begin 26/12/2019: dangtq logo_tai_tro_nippont */ .tbCmg ul{ /*position: relative;*/ overflow: visible; } .wlogoTaiTro{ display: inline-block; position: relative; } .tbCmg .logoTaitro { margin: 0; padding: 0; position: absolute; right: -70px; top: 50%; transform: translateY(-50%); } .tbCmg .logoTaitro img { max-height: 22px; vertical-align: middle; } @media screen and (max-width: 320px){ .tbCmg .logoTaitro{ position: static; } } /* End 26/12/2019: dangtq logo_tai_tro_nippont */ /* 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: 95%; 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; } @media screen and (max-width: 320px) { .frmCode * { font-size: 12px; } .frmCode .title { font-size: 14px; } .frmCode .txtErr { font-size: 11px; } } @media screen and (min-width: 414px) { .frmCode * { font-size: 16px; } .frmCode .title { font-size: 18px; } .frmCode .txtErr { font-size: 15px; } } @media screen and (min-width: 480px) { .frmCode * { font-size: 14px; } .frmCode .title { font-size: 16px; } .frmCode .txtErr { font-size: 13px; } } @media screen and (min-width: 640px) { .frmCode * { font-size: 16px; } .frmCode .title { font-size: 18px; } .frmCode .txtErr { font-size: 15px; } } @media screen and (min-width: 736px) { .frmCode * { font-size: 18px; } .frmCode .title { font-size: 20px; } .frmCode .txtErr { font-size: 17px; } } /* End: 09-04-2020 toi_uu_co_che_xem_bai_chua_xuat_ban_va_che_do_preview */ /* AnhTT thay_doi_ads_zone*/ .txtBnrHor span, .adZone { font-size: 10px; } @media screen and (max-width: 320px) { .txtBnrHor span, .adZone { font-size: 8px; } } @media screen and (min-width: 414px) { .txtBnrHor span, .adZone { font-size: 12px; } } @media screen and (min-width: 480px) { .txtBnrHor span, .adZone { font-size: 10px; } } @media screen and (min-width: 640px) { .txtBnrHor span, .adZone { font-size: 12px; } } @media screen and (min-width: 736px) { .txtBnrHor span, .adZone { font-size: 14px; } } /* AnhTT thay_doi_ads_zone*/ /*Begin 25/5/2020: dangtq icon_bai_hoi_dap*/ .hoidapIco, .TophoidapIco { background: url('//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('//cdn.24h.com.vn/images/icon_hoi_dap_dau_text.png') left 4px no-repeat; } /*End 25/5/2020: dangtq icon_bai_hoi_dap*/ /* Begin: 26/5/2020: xay_dung_trang_chi_so_chung_khoan */ .disFLex, .pageCk .listTop, .pageCk .chart, .pageCk .tbl .tblHead, .pageCk .tbl .tblBody .row { display: flex; } .icoUpCk, .icoDownCk, .icoUpCkWhite { display: inline-block; width: 7px; height: 7px; background: url("//cdn.24h.com.vn/images/2014/ttcb/btn_up2019.png") no-repeat; background-position: center; margin-top: 3px; } .icoDownCk { background-image: url("//cdn.24h.com.vn/images/2014/ttcb/btn_down2019.png"); } .atv .icoUpCk { background-image: url("//cdn.24h.com.vn/images/icoUpCkWhite.png"); background-size: 100%; } .atv .icoUpCkWhite { background-image: url("//cdn.24h.com.vn/images/icoUpCkWhite.png"); background-size: 100%; } .atv .icoDownCk { background-image: url("//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; } .pageCk .title { font-size: 20px; color: #378b36; background: url("//cdn.24h.com.vn/images/icon_topck2.png") left center no-repeat; padding-left: 35px; } .pageCk .title.titleBottom { margin-bottom: 15px; background-image: url("//cdn.24h.com.vn/images/analytics-monitor.png"); } .pageCk .head { margin: 15px 0; } .pageCk .head .txt { color: #525252; font-size: 12px; margin-top: 10px; } .pageCk .listTop { margin-bottom: 15px; } .pageCk .listTop .item { width: 100%; padding: 5px 0; border: 1px solid #b7b7b7; margin-right: 5px; text-align: center; border-radius: 5px; line-height: 1.4; cursor: pointer;} .pageCk .listTop .item * { font-size: 11px; } .pageCk .listTop .item:nth-child(7) { margin-right: 0; } .pageCk .listTop .item.atv { color: #fff; background: #71b871; } .pageCk .listTop .item.atv *{ color: #fff!important; } .pageCk .listTop .item .bld { font-size: 12px; display: block; } .pageCk .listTop .item .number { font-weight: bold; font-size: 12px; } .pageCk .listTop .icoUpCk, .pageCk .listTop .icoDownCk, .pageCk .listTop .icoUpCkWhite, .pageCk .listTop .icoUpDown, .pageCk .listTop .icoUpCkWhite { display: none; } .pageCk .colorUp { color: #378b36; } .pageCk .chart { flex-direction: column-reverse; margin-bottom: 25px; } .pageCk .chart .bg { background: #edf9fe; padding: 5px 10px; line-height: 1.7; border-radius: 5px; margin-bottom: 15px; font-size: 12px; display: flex; } .pageCk .chart .bg .item { width: 100%; } .pageCk .chart .bg i { color: #727272; display: block; } .pageCk .chart .bor { border-bottom: 1px solid #eee; font-size: 12px; float: left; width: 50%; height: 35px; line-height: 35px; } .pageCk .chart .bor:nth-child(6), .pageCk .chart .bor:nth-child(8) { border-color: #88c685; } .pageCk .chart .bor span:first-child { display: inline-block; width: 95px; font-weight: bold; margin-right: 5px; } .pageCk .tbl { margin-bottom: 30px; } .pageCk .tbl .title { background-image: url("//cdn.24h.com.vn/images/increasing-stocks-graphic-of-bars.png"); background-position: unset; margin-bottom: 10px; } .pageCk .tbl .tblHead { background: #d3f0fd; padding: 0 10px; height: 30px; line-height: 30px; } .pageCk .tbl .item { font-size: 12px; } .pageCk .tbl .item * { font-size: 12px; } .pageCk .tbl .item:nth-child(2) { width: 20%; } .pageCk .tbl .item:nth-child(1), .pageCk .tbl .item:nth-child(3) { width: 40%; } .pageCk .tbl .tblBody { border: 1px solid #eee; border-bottom: 1px solid #88c685; height: 307px; 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-top: 5px; } .pageCk .tbl .tblBody .item:nth-child(1) div:nth-child(1){ font-size: 13px; } .pageCk .tbl .tblBody .item:nth-child(2) { padding-top: 12px; font-size: 13px; } .pageCk .tbl .tblBody .item:nth-child(3) { line-height: 20px; padding: 5px 0 5px 25px; } .pageCk .tbl .tblBody .item:nth-child(3) { color: #8c8c8c; font-size: 11px; } .pageCk .tbl .txt { color: #8c8c8c; font-size: 10px; margin-top: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 10px; } .pageCk .tbl .percent { border-radius: 5px; padding: 5px; color: #fff; width: 55px; display: inline-block; box-sizing: border-box; margin-right: 5px; } .pageCk .tbl .item:nth-child(3){ padding-left: 25px; } /*.linpageCk { border-bottom: 1px solid #88c685; }*/ .ckvn_tc, .cktg_tc { /*background: #f2f2f2;*/ } #box_loc_bieu_do_ck{ margin: 20px 0 10px; } #box_loc_bieu_do_ck a{ padding: 0 5px; margin-right: 10px; color: #b1b8c8; display: inline-block; font-size: 12px; text-align: center; } #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; } @media screen and (max-width: 320px) { .pageCk .title { font-size: 18px; } #box_loc_bieu_do_ck a, .pageCk .head .txt, .pageCk .listTop .item .bld, .pageCk .listTop .item .number, .pageCk .chart .bg, .pageCk .chart .bor, .pageCk .tbl .item, .pageCk .tbl .item * { font-size: 10px; } .pageCk .listTop .item *, .pageCk .tbl .tblBody .item:nth-child(3) { font-size: 9px; } .pageCk .tbl .txt { font-size: 8px; } .pageCk .chart .bor span:first-child { width: 80px; } .pageCk .tbl .item:nth-child(3){ padding-left: 15px; } .pageCk .tbl .tblBody .item:nth-child(1) div:nth-child(1), .pageCk .tbl .tblBody .item:nth-child(2){ font-size: 11px; } } @media screen and (min-width: 414px) { .pageCk .title { font-size: 22px; } #box_loc_bieu_do_ck a, .pageCk .head .txt, .pageCk .listTop .item .bld, .pageCk .listTop .item .number, .pageCk .chart .bg, .pageCk .chart .bor, .pageCk .tbl .item, .pageCk .tbl .item * { font-size: 14px; } .pageCk .listTop .item *, .pageCk .tbl .tblBody .item:nth-child(3) { font-size: 13px; } .pageCk .tbl .txt { font-size: 12px; } .pageCk .chart .bor span:first-child { width: 110px; } .pageCk .tbl .tblBody .item:nth-child(1) div:nth-child(1), .pageCk .tbl .tblBody .item:nth-child(2){ font-size: 15px; } } @media screen and (min-width: 480px) { .pageCk .title { font-size: 20px; } #box_loc_bieu_do_ck a, .pageCk .head .txt, .pageCk .listTop .item .bld, .pageCk .listTop .item .number, .pageCk .chart .bg, .pageCk .chart .bor, .pageCk .tbl .item, .pageCk .tbl .item * { font-size: 12px; } .pageCk .listTop .item *, .pageCk .tbl .tblBody .item:nth-child(3) { font-size: 11px; } .pageCk .tbl .txt { font-size: 10px; } .pageCk .chart .bor span:first-child { width: 150px; } .pageCk .tbl .percent { width: 65px; } .pageCk .tbl .tblBody .item:nth-child(1) div:nth-child(1), .pageCk .tbl .tblBody .item:nth-child(2){ font-size: 13px; } } @media screen and (min-width: 640px) { .pageCk .title { font-size: 22px; } #box_loc_bieu_do_ck a, .pageCk .head .txt, .pageCk .listTop .item .bld, .pageCk .listTop .item .number, .pageCk .chart .bg, .pageCk .chart .bor, .pageCk .tbl .item, .pageCk .tbl .item * { font-size: 14px; } .pageCk .listTop .item *, .pageCk .tbl .tblBody .item:nth-child(3) { font-size: 13px; } .pageCk .tbl .txt { font-size: 12px; } .pageCk .tbl .tblBody .item:nth-child(1) div:nth-child(1), .pageCk .tbl .tblBody .item:nth-child(2){ font-size: 15px; } } @media screen and (min-width: 736px) { .pageCk .title { font-size: 24px; } #box_loc_bieu_do_ck a, .pageCk .head .txt, .pageCk .listTop .item .bld, .pageCk .listTop .item .number, .pageCk .chart .bg, .pageCk .chart .bor, .pageCk .tbl .item, .pageCk .tbl .item * { font-size: 16px; } .pageCk .listTop .item *, .pageCk .tbl .tblBody .item:nth-child(3) { font-size: 15px; } .pageCk .tbl .txt { font-size: 14px; } .pageCk .tbl .tblBody .item:nth-child(1) div:nth-child(1), .pageCk .tbl .tblBody .item:nth-child(2){ font-size: 17px; } } /* End: 26/5/2020: xay_dung_trang_chi_so_chung_khoan */ /*== begin template 7 ==*/ .m-tem-box-pr { font-family: Arial, sans-serif; } .m-tem-box-pr__content { padding: 10px 10px 0; } .m-tem-box-pr__img { width: 100px; height: 75px; float: left; margin: 0 10px 0 0; } .m-tem-box-pr__img img { max-width: 100%; max-height: 100%; height: 100%; } .m-tem-box-pr__name { display: table; } .m-tem-box-pr__name h3 { height: 69px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .m-tem-box-pr__name h3, .m-tem-box-pr__name h3 a { font-size: 15.97px; line-height: 1.4; color: #000; text-align: justify; word-spacing: -1px; font-weight: inherit; } .m-tem-box-pr__name h3 a:hover { color: #78b43d; } .m-tem-box-pr__info { display: block; overflow: hidden; margin: 0 0 10px; } /*== Hoz ==*/ @media screen and (max-width: 738px) { .m-tem-box-pr__title h2 a { font-size: 23px; } .m-tem-box-pr__name h3, .m-tem-box-pr__name h3 a { font-size: 20px; } } @media screen and (max-width: 667px) { .m-tem-box-pr__title h2 a { font-size: 21px; } .m-tem-box-pr__name h3, .m-tem-box-pr__name h3 a { font-size: 18px; } } @media screen and (max-width: 568px) { .m-tem-box-pr__title h2 a { font-size: 19px; } .m-tem-box-pr__name h3, .m-tem-box-pr__name h3 a { font-size: 16px; } } /*== Hoz ==*/ /*== Vertical ==*/ @media screen and (max-width: 414px) { .m-tem-box-pr__title h2 a { font-size: 21px; } .m-tem-box-pr__name h3, .m-tem-box-pr__name h3 a { font-size: 18px; line-height: 1.3; } } @media screen and (max-width: 375px) { .m-tem-box-pr__title h2 a { font-size: 19px; } .m-tem-box-pr__name h3, .m-tem-box-pr__name h3 a { font-size: 15.97px; line-height: 1.4; } } @media screen and (max-width: 320px) { .m-tem-box-pr__title h2 a { font-size: 17px; } .m-tem-box-pr__name h3, .m-tem-box-pr__name h3 a { font-size: 14px; line-height: 1.4; } } /*== End template 7 ==*/ /*== Begin 01/02/2021 minhdt Fix bg adv reponsive with screen ==*/ .contnrTopfixBg{ background: url(https://cdn.24h.com.vn/upload/html/imgpsh_fullsize_anim.jpg?1) center center/contain no-repeat; min-height: calc((100vw / 320)* 160) !important; height: calc(100vw*(160 / 320)) !important; } /*== End 01/02/2021 minhdt Fix bg adv reponsive with screen ==*/ /*== hailt fix qc livestream leadform ==*/ .contnrTopfixBg_livestream{ height: calc(160vw * 9 / 16) !important; } /*== Box Video nhieu nguoi doc ==*/ .manyReader .pagination{ margin: 5px 0; } .manyReader .tbLngrn-title { text-transform: uppercase; text-align: center; background: #7ab345; padding: 10px 5px; margin: 0 0 12px; } .manyReader .tbLngrn-title, .manyReader .tbLngrn-title * { color: #fff; font-weight:bold; } /*=== Reponsive ===*/ /*== Hoz ==*/ @media screen and (min-width: 736px){ /*== Custon Font-size Rep ==*/ .manyReader .tbLngrn-title, .manyReader .tbLngrn-title * { font-size: 22px; } /*== End Custon Font-size Rep ==*/ } @media screen and (max-width: 667px){ /*== Custon Font-size Rep ==*/ .manyReader .tbLngrn-title, .manyReader .tbLngrn-title * { font-size: 20px; } /*== End Custon Font-size Rep ==*/ } @media screen and (max-width: 568px){ /*== Custon Font-size Rep ==*/ .manyReader .tbLngrn-title, .manyReader .tbLngrn-title * { font-size: 18px; } /*== End Custon Font-size Rep ==*/ } /*== Hoz ==*/ /*== Vertical ==*/ @media screen and (max-width: 414px){ /*== Custon Font-size Rep ==*/ .manyReader .tbLngrn-title, .manyReader .tbLngrn-title * { font-size: 20px; } /*== End Custon Font-size Rep ==*/ } @media screen and (max-width: 375px){ /*== Custon Font-size Rep ==*/ .manyReader .tbLngrn-title, .manyReader .tbLngrn-title * { font-size: 18px; } /*== End Custon Font-size Rep ==*/ } @media screen and (max-width: 320px){ /*== Custon Font-size Rep ==*/ .manyReader .tbLngrn-title, .manyReader .tbLngrn-title * { font-size: 16px; } /*== End Custon Font-size Rep ==*/ } /*== End Vertical ==*/ /*=== End Reponsive ===*/ /*== End Box Video nhieu nguoi doc ==*/ /*== Box Sticky Menu Bottom ==*/ .menu24h-sticky-b{ --bg-menu: #fff; --box-shadow-menu: 0px 1px 15px #848484; /* Minhdt 03/11/2021 Fix-box-shadown */ } .menu24h-sticky-b *{ margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; } .menu24h-sticky-b { position: fixed; bottom: 0; left: 0; right: 0; background: var(--bg-menu); box-shadow: var(--box-shadow-menu); z-index: 9999; transition: transform 400ms ease; -webkit-transition: transform 400ms ease; -moz-transition: transform 400ms ease; -o-transition: transform 400ms ease; } .menu24h-sticky-b ul { display: flex; align-items: center; justify-content: center; padding: 0 5px; /* Minhdt 03/11/2021 Fix-padding-box */ height: 55px; /* Minhdt 03/11/2021 Fix-height-box-co-dinh */ } .menu24h-sticky-b ul li{ list-style: none; flex: 1; } .menu24h-sticky-b ul li a { display: flex; align-items: center; text-align: center; flex-direction: column; padding: 0 5px; font-size: 12px; color: #5a5a5a; text-decoration: none; } .menu24h-sticky-b ul li a img { margin: 0 0 5px; /* Minhdt 03/11/2021 Fix-margin-icon-den-text */ width: 20px; height: 20px; object-fit: scale-down; } /*== Responsive ==*/ /*== Hoz ==*/ @media screen and (min-width: 736px){ /*== Custom font-size Responsive ==*/ .menu24h-sticky-b ul li a{ font-size: 16px; } /*== End Custom font-size Responsive ==*/ } @media screen and (max-width: 667px){ /*== Custom font-size Responsive ==*/ .menu24h-sticky-b ul li a{ font-size: 14px; } /*== End Custom font-size Responsive ==*/ } @media screen and (max-width: 568px){ /*== Custom font-size Responsive ==*/ .menu24h-sticky-b ul li a{ font-size: 12px; } /*== End Custom font-size Responsive ==*/ } /*== End Hoz ==*/ /*== Vertical ==*/ @media screen and (max-width: 414px){ /*== Custom font-size Responsive ==*/ .menu24h-sticky-b ul li a{ font-size: 14px; } /*== End Custom font-size Responsive ==*/ } @media screen and (max-width: 375px){ /*== Custom font-size Responsive ==*/ .menu24h-sticky-b ul li a{ font-size: 12px; } /*== End Custom font-size Responsive ==*/ } @media screen and (max-width: 320px){ /*== Custom font-size Responsive ==*/ .menu24h-sticky-b ul li a{ font-size: 10px; } /*== End Custom font-size Responsive ==*/ } /*== End Vertical ==*/ /*== End Responsive ==*/ /*== End Box Sticky Menu Bottom ==*/ /* 06-09-2021 DanNC Begin xử lý giao diện đẩy sang tc du lịch */ .contentbaiviet .v-24h-media-player.v-mobile { height: auto !important; } #contentbaiviet .liveCnt .tbErIf .head p { padding: 25px 0 15px 0; color: #fff; text-align: center; margin: 0; font-size: 14px; } .contentbaiviet .adh .list1 .colL { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 30px 0 0; } .contentbaiviet .adh .list1 .colL, .adh .list1 .colR { position: relative; display: flex; flex-direction: column; } .contentbaiviet .adh .list1 .colL p, .contentbaiviet .adh .list1 .colR p { font-size: 16px; } .contentbaiviet .adh .head .fr , .adh .head .fl { font-weight: 700; } .contentbaiviet .adh .head .fr .news-image, .contentbaiviet .box_atk .head .fl .news-image { margin: 0 10px 0 0; } .contentbaiviet .adh .head .news-image, .contentbaiviet .box_atk .head .news-image { flex: 0 0 40px; width: 40px; height: 40px; object-fit: scale-down; } .contentbaiviet .adh .head .fl .news-image, .contentbaiviet .box_atk .head .fr .news-image { margin: 0 0 0 10px; } .contentbaiviet .vjs-marker { width: 14px !important; } #contentbaiviet .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal { right: 26px !important; } .contentbaiviet .tbErIfD table img { margin: 10px auto -8px!important; } .contentbaiviet .artBd .erGpLnk { margin-top: 15px;; } .contentbaiviet .v-24h-media-player.v-mobile { margin-bottom: 10px; } /* 06-09-2021 DanNC End xử lý giao diện đẩy sang tc du lịch */ .none_txt_banner { margin-top: -10px; } .none_txt_banner .txtBnrHor { display: none; } /*== Minhdt 29/10/2021 Fix-Banner-Sponsor ==*/ .bnSponTop, .bnSponBot{ display: flex; justify-content: center; align-items: center; margin: auto; } /*== End Minhdt 29/10/2021 Fix-Banner-Sponsor ==*/ /*== Minhdt 03/11/2021 Fix-QC-Interstitials ==*/ .popup_ads{ position: fixed !important; top: 0; right: 0; width: 100%; height: 100%; z-index: 999999999 !important; } .popup_ads_none{ display: none; } .body_ads{ /* Minhdt 23/06/2022 Fix-QC-vuot-dc-trang-tren-iphoneX */ position: fixed; width: 100%; height: 100%; overflow-y: hidden !important; } #div_interstitials_ads section{ /* Hailt 23/06/2022 */ background:unset !important; } /*== End Minhdt 03/11/2021 Fix-QC-Interstitials ==*/ /*== hailt fix qc livestream leadform ==*/ .popup_ads_100wh{ position: fixed !important; top: 0; right: 0; width: 100vw; height: 100vh; z-index: 999999999 !important; } /*== Minhdt 23/12/2021 Add-Btn-Share-MXH-Tren-24H ==*/ /*== Custom Font ==*/ @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 .d-flex, .btn-share-24h-b,/* GD Cu Page Bai Viet */ .btn-share-24h-art, /* Page Bai Viet */ .calendar .btn-share-24h-lvn,/* Page Lich Van Nien */ .btn-share-24h-poll, /* Page KQ Poll */ .btn-share-24h-tt, /* Page Thoi Tiet */ .btn-share-24h-info{ /* Page Bai Infographic */ display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .btn-share-24h .justify-content-between, .btn-share-24h-art, /* Page Bai Viet */ .calendar .btn-share-24h-lvn,/* Page Lich Van Nien */ .btn-share-24h-tt, /* Page Thoi Tiet */ .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-art, /* Page Bai Viet */ .calendar .btn-share-24h-lvn,/* Page Lich Van Nien */ .btn-share-24h-poll, /* Page KQ Poll */ .btn-share-24h-tt, /* Page Thoi Tiet */ .btn-share-24h-info{ /* Page Bai Infographic */ -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } /*== End Reset ==*/ .btn-share-24h .cv19-sha-social { position: relative; } .btn-share-24h .cv19-sha-social__tit { height: 25px; padding: 3px 10px; border-radius: 5px; background-color: #eee; font-size: 12px; color: #78b43d; font-family: 'Roboto-Bold'; text-transform: uppercase; } /* Page Bai Viet */ /* GD Cu */ .btn-share-24h-b { justify-content: flex-end; margin: 10px 10px !important; } /* End GD Cu */ /* GD Moi */ .btn-share-24h-art .btn-share-24h{ flex: 0 0 auto; } /* GD Moi */ /* End Page Bai Viet */ /* Page KQ Poll */ .btn-share-24h-poll{ justify-content: center; } .btn-share-24h-poll .btn-share-24h { margin: 0 0 0 10px; } /* End Page KQ Poll */ /* Page Lich Van Nien */ .calendar .btn-share-24h-lvn.row1 { padding: 5px; } /* End Page Lich Van Nien */ /* Page Bai Infographic */ /* GD Cu */ .btn-share-24h-info{ margin: 8px 0 15px; } .btn-share-24h-info .tmPst{ margin: 0 !important; } /* End GD Cu */ /* End Page Bai Infographic */ /* Page Thoi Tiet */ .btn-share-24h-tt .btn-share-24h{ position: relative; top: -4px; right: 10px; } .btn-share-24h-tt .btn-share-24h .cv19-sha-social__tit{ background-image: none; } /* End Page Thoi Tiet */ /*== End Minhdt 23/12/2021 Add-Btn-Share-MXH-Tren-24H ==*/ /*== Minhdt 20/01/2022 Fix-Logo-Nhan-Menu-Mobile-Right ==*/ .menRt a.logoBrandOnlyImg { width: 100% !important; padding: 0 !important; } .menRt li.lilogoBrandOnlyImg a.down, .menRt li.lilogoBrandOnlyImg a.up{ position: absolute; top: 0; right: 16px; } .menRt a.logoBrandOnlyImg img { max-width: 100%; height: auto; vertical-align: middle; } .menRt li.lilogoBrandOnlyImg ul li.lilgBrndOlyImgChidn, .menRt .lilgBrndOlyImgChidn, /* Minhdt 09/05/2022 Fix-anh-menu-cap-ko-full-2-ben */ .mnRt li ul li a.logoBrandOnlyImg img{ padding: 0; } /*== End Minhdt 20/01/2022 Fix-Logo-Nhan-Menu-Mobile-Right ==*/ .txtBnrHor, .adZone, .lineAdZone { display: none; } /*== Minhdt 22/02/2022 Add-icon-video-hightlight ==*/ .vidIcoLtfob { 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; } .vdNmlfob { position: relative; } /*== Minhdt 27/02/2022 Add-icon-video-hightlight-trang-chu-option-thu-nghiem-2,3 ==*/ .box-list-tttn-24h.opt-2 .vidIcoLtfob:before, .box-list-tttn-24h.opt-2 .vdNmlfob:before{ content: ""; } /*== End Minhdt 27/02/2022 Add-icon-video-hightlight-trang-chu-option-thu-nghiem-2,3 ==*/ .vdNmlfob .icoSpites, .box-list-tttn-24h.opt-2 .vidIcoLtfob:before, /*== Minhdt 27/02/2022 Add-icon-video-hightlight-trang-chu-option-thu-nghiem-2,3 ==*/ .box-list-tttn-24h.opt-2 .vdNmlfob:before, /*== Minhdt 27/02/2022 Add-icon-video-hightlight-trang-chu-option-thu-nghiem-2,3 ==*/ .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; } .evtHotCt .vdNmlfob .icoSpites{ top: 17px; } /* 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; } /* Minhdt 29/05/2023 Fix-loi-icon-khi-text-dai */ .Icoaudio { position: relative; } .Icoaudio .icoSpites { position: absolute; top: 0; left: 0; width: 13px; height: 15px; background: url(https://cdn.24h.com.vn/images/sprites-new-2022.png) no-repeat -47px -5849px; } /* End Minhdt 29/05/2023 Fix-loi-icon-khi-text-dai */ /* End Minhdt 13/04/2022 Add-Icon-Podcast-Audio */ /* Minhdt 21/06/2022 Add-Icon-Chuyen-Gia-Tu-Van */ .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; } .box-gener-news-24h .box-epl-24h .evtHotCt .lstHot.icon-spri-skdb article.tuvanNml{ background: url('https://cdn.24h.com.vn/images/sprites-new-2022_1.png') no-repeat -48px -5963px; } /* End Minhdt 21/06/2022 Add-Icon-Chuyen-Gia-Tu-Van */ /*== Banner In Page Listing ==*/ /*== Fix Xo lech trang banner Inpage ==*/ .inpage-overflow-hidden{ overflow-x: hidden; } /*== End Fix Xo lech trang banner Inpage ==*/ /*== Banner In Page Listing Loai 2 ==*/ .div_inpage_banner_open.inpage-wrap { position: relative; margin : 0; height : 100%; } .padding-10 .div_inpage_banner_open.inpage-wrap { margin-left: -10px; margin-right: -10px; } /*== 20231225 - fix margin khi chèn trong box livescore - ds trận đấu hot ==*/ .padding-10 .livescore-html .cate-24h-foot-home-sche .div_inpage_banner_open.inpage-wrap { margin-left: 0px; margin-right: 0px; } .div_inpage_banner_open.inpage-wrap .inpage_article, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap_iframe, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap_ads { display : flex; /* align-items : center; on-off căn giữa theo chiều dọc */ justify-content: center; /* on-off căn giữa theo chiều ngang */ align-content : center; } .div_inpage_banner_open.inpage-wrap .inner_ads { width: 100%; } .div_inpage_banner_open.inpage-wrap .inread_sis_inpage{ position: relative; overflow: hidden; display : block; width : 100%; margin : 0 0 20px; } .div_inpage_banner_open.inpage-wrap .inpage_article_rect, .div_inpage_banner_open.inpage-wrap .inpage_article_cont{ top : 0px; left : 0px; width : 100%; height : 100%; margin : 0; padding: 0; } .div_inpage_banner_open.inpage-wrap .inpage_article_rect{ position: absolute; overflow: hidden; clip : rect(0px, auto, auto, 0px); } .div_inpage_banner_open.inpage-wrap .inpage_article_cont{ position : fixed; transform: translateZ(0px); } .div_inpage_banner_open.inpage-wrap .inpage_article_wrap{ display : block; position: absolute; width : 100%; top : 0px; left : 0px; overflow: hidden; } .div_inpage_banner_open.inpage-wrap .inpage_article_wrap_ads{ position : relative; margin : 0px auto; text-align: center; } @media screen and (orientation: portrait) { .div_inpage_banner_open.inpage-wrap .inpage_article, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap_iframe, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap_ads { height: calc(100vmax); } } @media screen and (orientation: landscape) { .div_inpage_banner_open.inpage-wrap .inpage_article, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap_iframe, .div_inpage_banner_open.inpage-wrap .inpage_article_wrap_ads { height: calc(100vmin); } } /*== End Banner In Page Listing Loai 2 ==*/ /*== End Banner In Page Listing ==*/ /* Minhdt 10/10/2022 Fix Anh Noi Bat Trang Home Ti Le 3:2 */ .imgFirstNewsHot { display: block; width: auto; margin: 0 -10px; } .imgFirstNewsHot .titNws{ padding: 0 10px; } .imgFirstNewsHot .titTp{ left: 5px; } .imgFirstNewsHot .bdTp{ position: relative; padding-top: 66.66%; /* Img 3:2 */ margin: 0; height: calc(100% * 9 / 16); overflow: hidden; } .imgFirstNewsHot .bdTp a { display: block; overflow: hidden; width: 100%; height: 100%; } .imgFirstNewsHot .bdTp img, .imgFirstNewsHot .bdTp video{ position: absolute; top: 0; bottom: 0; left: 0; max-width: 100%; width: 100%; height: 100%; vertical-align: middle; -o-object-fit: cover; object-fit: cover; } /* End Minhdt 10/10/2022 Fix Anh Noi Bat Trang Home Ti Le 3:2 */ /* Minhdt 14/11/2022 Add Code Reset */ .margin-top-20 { margin-top: 20px!important } /* End Minhdt 14/11/2022 Add Code Reset */ /* Begin 8/12/2022 Quyvd Toi_uu_kich_thuoc_anh_resize_cac_box_tin */ .video-16-9 .viewVideoPlay .vjs-poster, .cate-24h-foot-home-video-hight-news-big .viewVideoPlay .vjs-poster { background-size: cover!important; } .video-16-9 .viewVideoPlay .video-js .vjs-tech, .cate-24h-foot-home-video-hight-news-big .viewVideoPlay .video-js .vjs-tech { object-fit: cover; } .bxVidLst .vidIt .img:not(.rlt), .bxVidLst .vidItRt .img:not(.rlt){ position: relative; padding-top: 56.25%; /* Resize 16/9 */ } .bxVidLst .vidItRt .img img, .bxVidLst .vidIt .img img, .bxVidLst .vidItRt .img video, .bxVidLst .vidIt .img video{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; } /* End 8/12/2022 Quyvd Toi_uu_kich_thuoc_anh_resize_cac_box_tin */ /* XLCYCMHENG-39575 - Yêu cầu 5: Menu header Mobile: Cắt chữ còn 1 dòng đối với tên chuyên mục/sự kiện hiển thị quá 1 dòng text */ .cate-24h-foot-box-top nav.cate-24h-foot-menu-top li.icon-home header h1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /*== Popup Form Hoi Dap ==*/ .ques_answ_blur * { box-sizing: border-box; } #div_hien_thi_popup_gop_y_doc_gia, #div_show_ajax_contact { position: static !important; } #div_hien_thi_popup_gop_y_doc_gia .mgbt10, #div_hien_thi_popup_gop_y_doc_gia .tam_su_blur .txtCent, #div_show_ajax_contact .mgbt10, #div_show_ajax_contact .tam_su_blur .txtCent { margin-bottom: 10px; } .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: calc(100% - 20px); padding: 10px; border: 3px solid #78b43d; background: #fff; transform: translate(-50%,-50%); } .ques_answ_blur .form .closeBtn { position: absolute; top: -24px; right: -8px; width: 40px; height: 40px; background: url(//cdn.24h.com.vn/images/closeBtn-hoidap.png) center center/contain 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; outline: none; } .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; } .tam_su_blur { position: fixed !important; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.68); z-index: 999999 !important; } .tam_su_blur .form { background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; border: 3px solid #78b43d; width: 95%; } .tam_su_blur .form .closeBtn { width: 44px; height: 44px; background: url(//cdn.24h.com.vn/images/closeBtn-hoidap.png) no-repeat; position: absolute; top: -35px; right: -10px; } .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; padding: 9px 42px; 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; } .tam_su_blur .contact-popup-success { text-align: center; } .tam_su_blur .contact-popup-success .title { font-size: 18px; text-transform: uppercase; color: #191919; } .tam_su_blur .contact-icon-success svg { width: 100px; height: 100px; transform: rotate(0deg); margin: 10px 0; } .tam_su_blur .contact-popup-success .contact-message-success { font-size: 16px; line-height: 1.2; color: #000; margin: 10px 0 20px; } .tam_su_blur .contact-popup-success .closeBtn2 { display: block; margin: auto; width: 105px; height: 37px; line-height: 37px; border-radius: 4px; background-color: #808080; font-size: 15px; color: #fff; } .tam_su_blur .contact-popup-success .closeBtn2:hover { background: #77b43d; } .tam_su_blur .form .icon-loading { width: 33px; height: 33px; margin-top: 10px; display: none; } /*== End Popup Form Hoi Dap ==*/ /*== Minhdt 29/07/2023 Fix width,height Logo, icon CM tren Header ==*/ .menutp .mnTpImg { width: 20px; margin: 0 auto; } .menutp .mnTpImg img, .hdr .logoOld img { max-width: 100%; height: 100%; } .menutp .mnTpImg img, .hdr .logoOld img { object-fit: scale-down; } /*== End Minhdt 29/07/2023 Fix width,height Logo, icon CM tren Header ==*/ /* 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; } .slide-menu24h-main *, .footer-24h *, .header-24h *, .slide-menu24h-main *:before, .slide-menu24h-main *:after, .footer-24h *:before, .footer-24h *:after, .header-24h *:before, .header-24h *:after{ 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; } 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 Font Awsome bi dinh thu vien video Player */ .main-24h [class*="fa-"]:before, .main-24h [class^=fa-]:before{ margin: 0; width: inherit; } /* End Reset Font Awsome bi dinh thu vien video Player */ /* Reset Svg bi xoay dinh thu vien video Player */ .main-24h svg{ transform: rotate(0deg); } .avg-pos-ab { position: absolute !important; } /* 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; } .vertical-mid{ vertical-align: middle; } .white-space-nowrap{ white-space: nowrap; } .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; } .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; } .margin-top-15, .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-5{ padding-right: 5px !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-5{ padding-bottom: 5px !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; } .padd-lr-15{ padding: 0 15px; } /* Link Cover */ .cover-link{ top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 1; } /* End Link Cover */ /* Resize Img */ .resize-3-2 { padding-top: 66.66% } .resize-16-9 { padding-top: 56.25% } .resize-h{ height: max-content; } .resize-thumb{ inset: 0; top: 0; left: 0; right: 0; bottom: 0; background: #f1f1f1; } /* End Resize Img */ /* Scroll Div No Js */ .scroll-snap-x-man{ scroll-snap-type: x mandatory; } .scroll-snap-x-man::-webkit-scrollbar { display: none; /* Hidden Scroll */ } .scroll-snap-start{ scroll-snap-align: start; } .scroll-snap-always{ scroll-snap-stop: always; } /* End Scroll Div No Js */ /* End Reset */ /* Custom Container/Row */ .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7.5px; } .row [class*=col-] { padding: 0 7.5px; } .col-6 { flex: 0 0 50%; max-width: 50%; } /* End Custom Container/Row */ /* Header */ .header-24h{ --bg-header-24h: #78b43d; top: 0; left: 0; background: var(--bg-header-24h); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transition: transform 400ms ease; -webkit-transition: transform 400ms ease; -moz-transition: transform 400ms ease; -o-transition: transform 400ms ease; z-index: 99999; } .header-24h.nav-up { /* Menu Scroll Fixed */ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); } .header-24h, .after-height { /* Menu Scroll Fixed */ height: 60px; } /* Logo 24h */ .logo-24h { max-width: 85px; height: 55px; } /* End Logo 24h */ /* List xem nhanh */ .header-24h-view li a{ font-size: 13px; } .header-24h-view li .icon-view{ width: 25px; height: 25px !important; } .header-24h-view li:not(:last-child){ margin: 0 15px 0 0; } /* End List xem nhanh */ /* Icon Hum Menu */ .header-24h-act{ --bg-click-slide-menu: #fff; } .header-24h-act .icon-hum .line { width: 21px; height: 2px; margin: 4px 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; } .header-24h-act.act-menu .icon-hum .line { opacity: 1; transform: rotate(42deg) translate(4px , 0px); } .header-24h-act.act-menu .icon-hum .line:nth-child(2) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } .header-24h-act.act-menu .icon-hum .line:nth-child(3) { transform: rotate(-42deg) translate(1px , 0px); } /* End Icon Hum Menu */ /* Slide Menu */ .slide-menu24h-main { top: 60px; left: 0; right: 0; height: calc(100% - 60px); overflow-y: auto; will-change: transform; /* Xác định rằng phần tử sẽ thay đổi thuộc tính transform trong tương lai Trình duyệt có thể chuẩn bị sẵn các tài nguyên cần thiết và áp dụng các tối ưu hóa để tạo ra hiệu suất tốt hơn */ -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); opacity: 0; visibility: hidden; z-index: 99999; } .slide-menu24h-main.show-menu{ opacity: 1; visibility: visible; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } /* Search Header */ .header-24h-search-bg{ height: 70px; padding: 15px; background-color: #ebebeb; } .header-24h-search { padding: 0 10px; height: 40px; border: 1px solid #ebebeb; border-radius: 4px; } .header-24h-search-input, .header-24h-search-input::-webkit-input-placeholder { font-size: 16px; color: #acacac; } .header-24h-search-input, .header-24h-search-input::-webkit-input-placeholder, .header-24h-search-btn { border: none; background: none; } .header-24h-search-btn { color: #acacac; } .header-24h-search-btn svg { width: 20px; height: 20px; } /* End Search Header */ /* Menu Main */ .slide-menu24h-m__list { --cl-slide-menu: #404040; --cl-slide-menu-sub1: #404040; --bor-bg-act-menu: #f5f5f5; padding: 0 15px; } .slide-menu24h-m__list>li:not(:last-child) { border-bottom: 1px solid #ebebeb; } .slide-menu24h-m__list li.img-brands{ /* Fix Logo */ margin: 0 -15px; } .slide-menu24h-m__list li.img-logo-text .pos-rel>a{ /* Fix Logo vs Text */ padding: 10px 0; } .slide-menu24h-m__list li.img-logo-text .icon-logo{ /* Fix Logo vs Text */ max-width: 30px; height: 30px; } .slide-menu24h-m__list li a { font-size: 16px; color:var(--cl-slide-menu); } .slide-menu24h-m__list li .link-menu a { padding: 12px 64px 12px 0; } .slide-menu24h-m__list li.has-sub .icon-click-menu { top: 0; right: 0; width: 64px; height: 100%; } .slide-menu24h-m__list>li.img-brands .icon-click-menu{ /* Fix Logo */ right: 15px; } .slide-menu24h-m__list li.has-sub .icon-click-menu:after { content: ""; display: inline-block; border: solid #9e9e9e; margin: 0 2px 0 0; border-width: 0 2px 2px 0; padding: 4px; vertical-align: middle; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all ease .3s; } .slide-menu24h-m__list li.has-sub.act-menu .icon-click-menu:after { transform: rotate(224deg); -webkit-transform: rotate(224deg); } .slide-menu24h-m__list li.has-sub.act-menu{ position: relative; display: grid; /* loại bỏ hiện tượng "overflow" của các phần tử con, khiến chúng không tràn ra khỏi phạm vi của phần tử cha */ z-index: 1; } .slide-menu24h-m__list li.has-sub.act-menu, .slide-menu24h-m__list li.has-sub.act-menu:before{ background-color: var(--bor-bg-act-menu); border: none; } .slide-menu24h-m__list li.has-sub:not(.img-brands).act-menu:before { content: ""; position: absolute; top: 0; left: -15px; right: -15px; bottom: 0; z-index: -1; } .slide-menu24h-m__list li.img-brands .sub-menu{ /* Fix Logo */ padding: 15px 15px 0; } .slide-menu24h-m__list li.has-sub:not(.act-menu) .sub-menu{ display: none; } .slide-menu24h-m__list li.has-sub .sub-menu li a { font-size: 16px; line-height: 23px; } .slide-menu24h-m__list li.has-sub .sub-menu li:not(.img-brands) a:before { content: ""; position: relative; top: 9px; display: inline-block; margin: 0px 8px 0 0; width: 5px; height: 5px; border-radius: var(--border-circle); background: #757575; } .slide-menu24h-m__list li.has-sub .sub-menu li.img-logo-text a:before{ /* Fix Logo vs Text */ top: 0; } /* End Menu Main */ /* Minhdt 18/12/2023 - [SPND] Bổ sung box NEO trên menu dọc header */ .slide-menu24h{ /* Minhdt 21/12/2023 - [SPND] Bổ sung box NEO trên menu dọc header */ padding-bottom: 50px; } .slide-menu24h-b { height: 50px; left: 0; right: 0; bottom: 0; padding: 15px; background-color: #78b43d; } .slide-menu24h-b a{ margin: 0 15px !important; } .slide-menu24h-b .img-item { /* Minhdt 21/12/2023 - [SPND] Bổ sung box NEO trên menu dọc header */ width: auto; height: 20px !important; } /* End Minhdt 18/12/2023 - [SPND] Bổ sung box NEO trên menu dọc header */ /* End Slide Menu */ /* End Header */ /* Box Tin Xu Huong Home */ .trend-24h .icon-svg { flex: 0 0 20px; width: 20px; height: 20px; } .trend-24h-list a{ font-size: 14px; color: #707070; } /* End Box Tin Xu Huong Home */ /* Footer */ .footer-24h{ --color-footer-main: #333; } .footer-24h p{ margin: 0; } .footer-24h-menu *, .footer-24h-info *{ color: var(--color-footer-main); line-height: 1.2; } .footer-24h-menu__tit{ background-color: #ebebeb; } .footer-24h-menu__tit *, .footer-24h-info .tit-comp{ font-size: 16px; } .footer-24h-menu ul li[class*=col-] { padding: 15px 0; border-bottom: 1px solid #ebebeb; } .footer-24h-menu ul li:nth-last-child(-n+2) { border: none; padding-bottom: 0; } .footer-24h-menu ul li a, .footer-24h-link a, .footer-24h-info .tit-add{ font-size: 14px; } .footer-24h-link { padding: 10px 0; border-radius: 4px; border: 1px solid #e1e1e1; } .footer-24h-link a:first-child { border-right: 1px solid #e1e1e1; } .footer-24h-link a { padding: 0 25px; color: #30811d; } .footer-24h-b .icon-dmca{ width: 110px; height: 42px; } .footer-24h-b .icon-vh-24h{ width: 88px; height: 42px; } .footer-24h-b .box-info-1{ border-bottom: 1px solid #ebebeb; } .footer-24h-info, .footer-24h-info *{ font-size: 12px; line-height: 18px; } .footer-24h-info svg{ width: 17px; height: 20px; } /* End Footer */ /* Reponsive */ @media screen and (max-width: 360px){ .header-24h-view li:not(:last-child) { /* List xem nhanh Header */ margin: 0 8px 0 0; } /* Reszie Text */ .header-24h-view li a{ /* List xem nhanh */ font-size: 12px; } /* End Reszie Text */ } @media screen and (max-width: 320px){ /* Fix padd,Mar left right thành 10px */ .padd-lr-15{ padding: 0 10px; } .padd-l-15{ padding-left: 10px !important; } /* End Fix padd.Mar left right thành 10px */ .logo-24h { /* Logo Header */ height: 45px; } .header-24h-view li:not(:last-child) { /* List xem nhanh Header */ margin: 0 7px 0 0; } .footer-24h-menu ul li[class*=col-] { /* Footer */ padding: 12px 0; } /* Reszie Text */ .footer-24h-info, .footer-24h-info * { font-size: 10px; line-height: 16px; } .header-24h-view li a{ font-size: 11px; } .footer-24h-menu ul li a, .footer-24h-link a, .footer-24h-info .tit-add { font-size: 12px; } .slide-menu24h-m__list li a, .header-24h-search-input, .header-24h-search-input::-webkit-input-placeholder, .footer-24h-menu__tit *, .footer-24h-info .tit-comp { font-size: 14px; } .slide-menu24h-m__list li.has-sub .sub-menu li a { font-size: 14px; line-height: 21px; } /* End Reszie Text */ } /* End Reponsive */ /* End Minhdt 02/11/2023 Clone Header/Footer New */ /* Minhdt 12/03/2024 XLCYCMHENG-42373 - [24H] Toi uu CLS cho quang cao trang 24H */ .fixad300x250 { min-height: calc((100vw / 300)* 250 + 18px); height: calc(100vw*(250 / 300) + 18px); } .fixad320x640 { min-height: calc((100vw / 320)* 640 + 18px); height: calc(100vw*(640 / 320) + 18px); } .fixad352x198 { min-height: calc((100vw / 352)* 198 + 18px); height: calc(100vw*(198 / 352) + 18px); } .fixad440x440 { min-height: calc((100vw / 440)* 440 + 18px); height: calc(100vw*(440 / 440) + 18px); } .fixad320x50 { min-height: calc((100vw / 320)* 50 + 18px); height: calc(100vw*(50 / 320) + 18px); } .fixad320x101 { min-height: calc((100vw / 320)* 101 + 18px); height: calc(100vw*(101 / 320) + 18px); } .fixad400x60 { min-height: calc((100vw / 400)* 60 + 18px); height: calc(100vw*(60 / 400) + 18px); } .fixad320x160 { min-height: calc((100vw / 320)* 160 + 18px); height: calc(100vw*(160 / 320) + 18px); } /* End Minhdt 12/03/2024 XLCYCMHENG-42373 - [24H] Toi uu CLS cho quang cao trang 24H */ .slide-up-transition-top { position: fixed !important; transition: top 0.4s ease; top: -200px !important; }