body { min-width: 1170px; font-family: SegoeUI; font-size: 14px; color: #333} /*================Các thông số mặc định để ở phần khung ảnh================*/ .khungAnh{position:relative;z-index:1} .khungAnh:before{content:"";display:block} .khungAnhCrop, .khungAnhCrop0{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100%; z-index: 1} .khungAnhCrop0:after,.khungAnhCrop:after {background: url(logoxoay.png) center no-repeat;content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-size:20%; -webkit-animation: rotate360 2s linear infinite; -moz-animation: rotate360 2s linear infinite; -ms-animation: rotate360 2s linear infinite; -o-animation: rotate360 2s linear infinite; animation: rotate360 2s linear infinite; } /*================Trường hợp ảnh lọt trong khung================*/ .khungAnhCrop0 img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1} .khungAnhCrop0 img{-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} /*transform phải viết thêm cho các trình duyệt cũ*/ /*================Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc================*/ .khungAnhCrop img{left:50%;max-height:150%;max-width:150%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1} .khungAnhCrop img{-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} /*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/ .khungAnhCrop img.wide{height:100%;max-width:none} /*Ảnh dọc (width < height) --> gắn width 100%, height sẽ bị lấp phần trên dưới*/ .khungAnhCrop img.tall{max-height:none;width:100%} .wrp { width: 1170px; margin: auto;} .baiviet {margin-bottom: 18px} .noidung {width: 100%; min-height: 100px; margin: 10px 0px;text-align:justify; line-height: 21px;font-size: 14px} .noidung img { max-width: 100%; height: auto} #bttop { position: fixed; z-index: 100; bottom: 90px; right: 25px; cursor: pointer; display: none;opacity: 0.8} #bttop:hover {opacity: 1} .thongke {font-size: 13px;color: #999;height: 25px;background: #f7f7f7;border-top: 1px solid #eaeaea;} .thongke_ngay {line-height: 25px;background: url(date_ct.png) no-repeat left top 6px;float:left;margin-left: 10px;padding-left: 20px;color: #999} .thongke_luotxem {line-height: 25px;background: url(view_ct.png) no-repeat left center;float: left;padding-left: 20px;margin-left: 20px;color: #999} .cochu {float:right} .thongke .cochu a {float: left;display: block;text-decoration: none;color: #999;margin-left: 3px} .NormalSize {line-height: 25px;margin-right: 10px} .SmallSize {width: 25px;height: 25px;background:url(tru.png) #efefef no-repeat center} .LargeSize {width: 25px;height: 25px;background:url(cong.png) #efefef no-repeat center} #CommonCuoiChiTietTin{background:#f4f4f4;border-top:solid 1px #ececec;font-size:12px !important; color:#aaaaaa;padding:5px;margin:5px 0;position:relative;z-index:3} #CommonCuoiChiTietTin a{display:inline-block;font-size:12px !important} #CommonCuoiChiTietTin .apd a{color:#aaaaaa;padding-left:20px;margin-top:3px;display:inline-block} #CommonCuoiChiTietTin a:hover{color:#e95d0b} #CommonCuoiChiTietTin a.prevDBT{background:url(prev.gif) no-repeat left center} #CommonCuoiChiTietTin a.top{background:url(top.gif) no-repeat left center;padding-right:20px} #CommonCuoiChiTietTin a.email{background:url(email.gif) no-repeat left center;padding-right:15px} #CommonCuoiChiTietTin a.email span{display:none} #CommonCuoiChiTietTin a.print{background:url(print.gif) no-repeat left center} #CommonCuoiChiTietTin .shareItem{width:25px;height:20px;display:inline-block;position:relative;z-index:1;top:2px} #CommonHoTroCuoiBaiViet{padding:20px 0} #CommonHoTroCuoiBaiViet a{display:inline-block;padding:10px 22px;color:#fff;text-transform:uppercase;background:#e95d0b;margin-right:10px} #CommonCuoiChiTietTin .fl{float:left} #CommonCuoiChiTietTin .fr{float:right} #CommonCuoiChiTietTin .cb{clear:both} #CommonCuoiChiTietTin .pr20{padding-right:20px} /*phantrang*/ .phantrang { padding-top: 30px; display: table; width: 100%;border-top: 1px dashed #eeeeee} .SplitPages a { width: 27px; height: 27px; display: block; border-radius: 3px; color: #f2f2f2; line-height: 27px; text-align: center; float: left; margin-right: 5px; background: #f2f2f2; color: #333;border-bottom: 1px solid #d9d9d9} .SplitPages a.hientai,.SplitPages a:hover { background: #099dca; color: #fff;border-color: #099dca} .SplitPages a.cuoi,.SplitPages a.dau { width: auto; padding: 0 11px} .fs31 {font-size: 31px} .cfff { color: #ffffff;} .fs15 {font-size: 15px} .c000 {color: #000} .fs25 {font-size: 25px} .fs28 {font-size: 28px} .fs27 {font-size: 27px} .lh50 {line-height: 50px} .c999 {color: #999} .lh35 {line-height: 35px} .c666 {color: #666} .lh24 {line-height: 24px} .fs17 {font-size: 17px} .fs30 {font-size: 30px} .lh36 {line-height: 36px} .lh30 {line-height: 30px} .lh58 {line-height: 58px} .m0 {margin: 0!important} .w100 {width: 100%!important} .fs22 {font-size: 22px} .fs24 {font-size: 24px} .lh28 {line-height: 28px} .fs26 {font-size: 26px} .fs45 {font-size: 45px} .lh27 {line-height: 27px} .lh25 {line-height: 25px} .vat {vertical-align: top} .fs32 {font-size: 32px} .lh33 {line-height: 33px} .lh45 {line-height: 45px} .fs23 {font-size: 23px} .cc1392c {color: #c1392c} .c8a8a8a {color: #8a8a8a} .c9d9c9c {color: #9d9c9c} .c099dca {color: #099dca} .c2abeec {color: #2abeec} .c888 {color: #888} #pageroad { width: 100%; position: relative;border-bottom: 2px solid #099dca} #pageroad .khungAnh:before {padding-bottom: 22.84%} #pageroad .pageroad { position: absolute; bottom: 0; left: 0; z-index: 6; background: rgba(0, 0, 0, 0.65); border-top: 1px solid #354347; width: 100%; padding: 11px 0} #pageroad ul { margin: 0; padding: 0} #pageroad ul li { list-style: none; display: inline-block; padding-right:17px;line-height: 18px; vertical-align: top; font-size: 14px; margin-right: 10px;background: url(pageroad.png) right center no-repeat} #pageroad ul li a { display: block;color: #fff} #pageroad ul li a:hover {color: #099dca} #pageroad ul li:last-child { padding-right: 0; margin-right: 0;background: none} .success {width: 100%} .success .sc-hp { padding: 9px 25px; text-transform: uppercase; color: #fff; text-align: center; background: #099dca; display: inline-block; margin: 20px auto; margin-left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%)} #background-popup {z-index:85; position: fixed; display:none; height:100%; width:100%; background:#000; top:0px; left:0px;} #to-popup{background: #ffffff; color: #333333; display: none; width: 420px; height: auto;position: fixed; top: 12%; z-index: 90;left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); border-radius: 3px;} #btn-close{display: block; width: auto;position: absolute; top: -30px; right: 0; cursor: pointer; color: #fff;text-transform: uppercase} @-webkit-keyframes rotate360 {100% {-webkit-transform: rotate(360deg);}} @-moz-keyframes rotate360 {100% {-moz-transform: rotate(360deg);}} @-ms-keyframes rotate360 {100% {-ms-transform: rotate(360deg);}} @-o-keyframes rotate360 {100% {-o-transform: rotate(360deg);}} @keyframes rotate360 {100% {transform: rotate(360deg);}} .fSegoeUILight {font-family: SegoeUILight} .fSegoeUISemiBold {font-family: SegoeUISemiBold} .fRobotoSlabBold {font-family: RobotoSlabBold} .fSegoeUIBold {font-family: SegoeUIBold} #container {padding: 40px 0 50px 0} #container .colleft { width: 25.64%;float: left} #container .colleft .cate { padding: 0; margin: 0; list-style: none; background: #f1f1f1;margin-bottom: 20px} #container .colleft .cate li { border-bottom: 1px solid #e3e3e3; padding: 0 12px; font-family: SegoeUISemiBold; border-left: 4px solid #e3e3e3; box-sizing: border-box} #container .colleft .cate li a { padding: 14px 0; display: block; padding-left: 19px;background: url(lstcate.png) left top 19px no-repeat} #container .colleft .cate li.ac,#container .colleft .cate li:hover { background: url(bgcatehv.png) left top no-repeat; background-size: 100% 100%; color: #fff;border-left-color: #0a85aa} #container .colleft .bannerleft img { width: 100%; height: auto} #container .colright { width: 72.64%; float: right;margin-top: -5px} /*Khối chứa toàn bộ phần ảnh chính và các ảnh nhỏ*/ .imageZoomWrapper{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative} .imageZoomWrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} /*Khối chứa phần kết quả zoom ảnh*/ #zome3-container{position:absolute;z-index:1;top:0; left: 104%} /*Khối chứa ảnh chính, xử lý tương tự phần khungAnhCrop0*/ .zoomWrapper{position:relative;border:solid 1px #dfdfdf;margin-bottom:10px} .zoomWrapper:before{content:"";display:block;padding-bottom:62.61%} .zoomWrapper>div{top:0;left:0} /*Ảnh chính*/ .mainImage{width:auto !important;height:auto !important;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} /*Khối chứa các ảnh nhỏ khác*/ .galleryImages{} /*Khối bao ảnh nhỏ và khối bao ảnh nhỏ đang được click và zoom*/ .slick-slide{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:solid 4px #e0e0e0;box-sizing:border-box;margin:0 5px;} .slick-slide:focus{outline:0 !important} .slick-slide img{width:100%;height:68px} .slick-current{border:solid 4px #099dca} /*Nút next, prev của các ảnh nhỏ*/ .slick-prev, .slick-next{-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);border:none;color:transparent;cursor:pointer;display:block;font-size:0;height:38px; width: 38px;left:0;line-height:0;outline:none;padding:0;position:absolute;top:50%;-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);z-index:1;border:solid 1px #dfdfdf;background:url(arr.png) center no-repeat} .slick-next{left:auto; right: 0; transform: translate(0, -50%) scaleX(-1); -moz-transform: translate(0, -50%) scaleX(-1);-webkit-transform:translate(0,-50%) scaleX(-1)}