#tb_history1 { border: collapse; width: 95%; /* Chiều rộng của khung đếm ngược */ max-width: 500px; /* Chiều rộng tối đa */ border-radius: 10px; position: relative; overflow: hidden; margin: 0 auto; } #tb_history1 th, #tb_history1 td { border: 1px solid pink; padding: 2px; width: 5%; text-align: center; } #tb_history1 img { max-width: 100%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ display: inline-block; } #tb_history1 #htrOne_img1, #tb_history1 #htrOne_img2, #tb_history1 #htrOne_img3, #tb_history1 #htrOne_img4, #tb_history1 #htrOne_img5, #tb_history1 #htrOne_img6, #tb_history1 #htrOne_img7, #tb_history1 #htrOne_img8, #tb_history1 #htrOne_img9, #tb_history1 #htrOne_img10 { max-width: 100%; height: auto; margin-bottom: 0; } #tb_history1 #htrOne_hotdm_1, #tb_history1 #htrOne_hotdm_2, #tb_history1 #htrOne_hotdm_3, #tb_history1 #htrOne_hotdm_4, #tb_history1 #htrOne_hotdm_5, #tb_history1 #htrOne_hotdm_6, #tb_history1 #htrOne_hotdm_7, #tb_history1 #htrOne_hotdm_8, #tb_history1 #htrOne_hotdm_9, #tb_history1 #htrOne_hotdm_10 { max-width: 25%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin-top: 0px; /* Đặt khoảng cách giữa hai ảnh là 10px */ display: inline-block; margin-bottom: 15%; } #tb_history1 #htrOne_hot_1, #tb_history1 #htrOne_hot_2, #tb_history1 #htrOne_hot_3, #tb_history1 #htrOne_hot_4, #tb_history1 #htrOne_hot_5, #tb_history1 #htrOne_hot_6, #tb_history1 #htrOne_hot_7, #tb_history1 #htrOne_hot_8, #tb_history1 #htrOne_hot_9, #tb_history1 #htrOne_hot_10 { max-width: 50%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin-top: 0px; /* Đặt khoảng cách giữa hai ảnh là 10px */ display: inline-block; margin-bottom: -25%; } #tb_history1 #htrOne_new { max-width: 70%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin-top: 0px; /* Đặt khoảng cách giữa hai ảnh là 10px */ display: inline-block; margin-top: -45%; margin-left: -45%; } #tb_history1 #htrOne_cellNew { border: none; } #tb_history1 #htrOne_iconhtr { max-width: 40%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ display: inline-block; } #tb_history1 #htr_icon10, #tb_history2 #htr_icon20, #tb_history3 #htr_icon30, #tb_history4 #htr_icon40, #tb_history5 #htr_icon50 { max-width: 50%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ display: inline-block; } #tb_history1 #htrOne_cellEmpty1, #tb_history1 #htrOne_cellEmpty2, #tb_history1 #htrOne_mergedCells, #tb_history1 #htrOne_cellEmpty9, #tb_history1 #htrOne_cellEmpty10 { border: none; } #tb_history1 #_cellEmpty13, #tb_history1 #_cellEmpty14, #tb_history1 #_cellEmpty15 { border: 1px solid black; } #tb_history1 #icon_add, #tb_history1 #icon_sub, #tb_history1 #icon_numhtr { max-width: 70%; height: auto; margin-bottom: 0; } #tb_history2 { border: collapse; width: 95%; /* Chiều rộng của khung đếm ngược */ max-width: 500px; /* Chiều rộng tối đa */ border-radius: 10px; position: relative; overflow: hidden; margin: 0 auto; display: none; } #tb_history2 th, #tb_history2 td { border: 1px solid pink; padding: 2px; width: 5%; text-align: center; } #tb_history2 #htrTwo_img1, #tb_history2 #htrTwo_img2, #tb_history2 #htrTwo_img3, #tb_history2 #htrTwo_img4, #tb_history2 #htrTwo_img5, #tb_history2 #htrTwo_img6, #tb_history2 #htrTwo_img7, #tb_history2 #htrTwo_img8, #tb_history2 #htrTwo_img9, #tb_history2 #htrTwo_img10 { max-width: 100%; height: auto; margin-bottom: 0; } #tb_history2 #htrTwo_hotdm_1, #tb_history2 #htrTwo_hotdm_2, #tb_history2 #htrTwo_hotdm_3, #tb_history2 #htrTwo_hotdm_4, #tb_history2 #htrTwo_hotdm_5, #tb_history2 #htrTwo_hotdm_6, #tb_history2 #htrTwo_hotdm_7, #tb_history2 #htrTwo_hotdm_8, #tb_history2 #htrTwo_hotdm_9, #tb_history2 #htrTwo_hotdm_10 { max-width: 25%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin-top: 0px; /* Đặt khoảng cách giữa hai ảnh là 10px */ display: inline-block; margin-bottom: 15%; } #tb_history2 #htrTwo_hot_1, #tb_history2 #htrTwo_hot_2, #tb_history2 #htrTwo_hot_3, #tb_history2 #htrTwo_hot_4, #tb_history2 #htrTwo_hot_5, #tb_history2 #htrTwo_hot_6, #tb_history2 #htrTwo_hot_7, #tb_history2 #htrTwo_hot_8, #tb_history2 #htrTwo_hot_9, #tb_history2 #htrTwo_hot_10 { max-width: 50%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin-top: 0px; /* Đặt khoảng cách giữa hai ảnh là 10px */ display: inline-block; margin-bottom: -25%; } #tb_history2 #htrTwo_iconhtr { max-width: 40%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ display: inline-block; } #tb_history2 #htrTwo_cellEmpty1, #tb_history2 #htrTwo_cellEmpty2, #tb_history2 #htrTwo_mergedCells, #tb_history2 #htrTwo_cellEmpty9, #tb_history2 #htrTwo_cellEmpty10 { border: none; } #tb_history3 { border: collapse; width: 95%; /* Chiều rộng của khung đếm ngược */ max-width: 500px; /* Chiều rộng tối đa */ border-radius: 10px; position: relative; overflow: hidden; margin: 0 auto; display: none; } #tb_history3 th, #tb_history3 td { border: 1px solid pink; padding: 2px; width: 5%; text-align: center; } #tb_history3 #htrThree_img1, #tb_history3 #htrThree_img2, #tb_history3 #htrThree_img3, #tb_history3 #htrThree_img4, #tb_history3 #htrThree_img5, #tb_history3 #htrThree_img6, #tb_history3 #htrThree_img7, #tb_history3 #htrThree_img8, #tb_history3 #htrThree_img9, #tb_history3 #htrThree_img10 { max-width: 100%; height: auto; margin-bottom: 0; } #tb_history3 #htrThree_hotdm_1, #tb_history3 #htrThree_hotdm_2, #tb_history3 #htrThree_hotdm_3, #tb_history3 #htrThree_hotdm_4, #tb_history3 #htrThree_hotdm_5, #tb_history3 #htrThree_hotdm_6, #tb_history3 #htrThree_hotdm_7, #tb_history3 #htrThree_hotdm_8, #tb_history3 #htrThree_hotdm_9, #tb_history3 #htrThree_hotdm_10 { max-width: 25%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin-top: 0px; /* Đặt khoảng cách giữa hai ảnh là 10px */ display: inline-block; margin-bottom: 15%; } #tb_history3 #htrThree_hot_1, #tb_history3 #htrThree_hot_2, #tb_history3 #htrThree_hot_3, #tb_history3 #htrThree_hot_4, #tb_history3 #htrThree_hot_5, #tb_history3 #htrThree_hot_6, #tb_history3 #htrThree_hot_7, #tb_history3 #htrThree_hot_8, #tb_history3 #htrThree_hot_9, #tb_history3 #htrThree_hot_10 { max-width: 50%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin-top: 0px; /* Đặt khoảng cách giữa hai ảnh là 10px */ display: inline-block; margin-bottom: -25%; } #tb_history3 #htrThree_iconhtr { max-width: 40%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ display: inline-block; } #tb_history3 #htrThree_cellEmpty1, #tb_history3 #htrThree_cellEmpty2, #tb_history3 #htrThree_mergedCells, #tb_history3 #htrThree_cellEmpty9, #tb_history3 #htrThree_cellEmpty10 { border: none; } #tb_menu { border: collapse; width: 95%; /* Chiều rộng của khung đếm ngược */ max-width: 500px; /* Chiều rộng tối đa */ border-radius: 1px; position: relative; overflow: hidden; margin: 0 auto; } #tb_menu th, #tb_menu td { border: 1px solid pink; padding: 1px; width: 5%; text-align: center; } #tb_menu #icon_switch { max-width: 70%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin-right:20%; } #tb_menu #icon_top { max-width: 80%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ margin: 0 auto; } #tb_menu #icon_hd { margin-left:20%; max-width: 65%; /* Đặt kích thước tối đa cho chiều rộng của ảnh */ height: auto; /* Giữ tỷ lệ khung hình */ } #tb_menu #tb_menu_mergedCells1, #tb_menu #tb_menu_mergedCells2, #tb_menu #tb_menu_mergedCells3 { border: none; } #tb_notice th, #tb_notice td { border: 1px solid pink; padding: 1px; width: 5%; text-align: center; } #tb_notice #tb_notice_mergedCells1, #tb_notice #tb_notice_mergedCells2 { border: none; } #tb_notice_mergedCells1 { white-space: nowrap; /* Ngăn chữ xuống dòng */ color: #ccc; text-align: center; /* Căn giữa văn bản */ } #tb_notice_mergedCells2 { white-space: nowrap; /* Ngăn chữ xuống dòng */ color: green; text-align: center; /* Căn giữa văn bản */ font-weight: bold; } #tb_top { border: collapse;; width: 95%; /* Chiều rộng của khung đếm ngược */ max-width: 500px; /* Chiều rộng tối đa */ border-spacing: 0.7vw; border-radius: 10px; position: relative; overflow: hidden; margin: 0 auto; opacity: 1; transition: opacity 0.5s ease-in-out; } #tb_top th, #tb_top td { border: 1px solid orange; padding: 2px; width: 20%; } #tb_top.hidden { opacity: 0; display: none; } #tb_top { .cell-content { display: flex; flex-direction: column; /* Xếp các phần tử từ trên xuống dưới */ align-items: center; /* Căn các phần tử theo trục */ } .cell-content img { width: 100%; /* Giảm kích thước hình ảnh */ height: auto; margin-bottom: 3px; /* Khoảng cách giữa ảnh và chữ */ } .cell-content span.span1 { margin-bottom: 5px; color: black; } .cell-content span.span2 { margin-bottom: 5px; color: red; /* Thêm màu đỏ cho chữ */ } }