"); } [type="checkbox"], [type="radio"] { width: 1.6rem; height: 1.6rem; } .button, [type="button"], [type="reset"], [type="submit"], button { padding: 1rem 2.5rem; color: var(--c-darkGrey); background: var(--c-lightGrey); border-radius: 4px; border: 1px solid transparent; font-size: var(--font-size); line-height: 1; text-align: center; transition: opacity 0.2s ease; text-decoration: none; transform: scale(1); display: inline-block; cursor: pointer; } .grouped {display: flex;} .grouped > *:not(:last-child) { margin-right: 16px;} .grouped.gapless > * { margin: 0 0 0 -1px; border-radius:0 ; } .grouped.gapless > *:first-child { margin: 0 ; border-radius:4px 0 0 4px ;} .grouped.gapless > *:last-child { border-radius:0 4px 4px 0 ; } .button + .button {margin-left: 1rem;} .button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, button:hover {opacity: 0.8; } .button:active, [type="button"]:active, [type="reset"]:active, [type="submit"]:active, button:active {transform: scale(0.98); } input:disabled, button:disabled, input:disabled:hover, button:disabled:hover { opacity: 0.4; cursor: not-allowed; } .button.primary, .button.secondary, .button.dark, .button.error, .button.success, [type="submit"] {z-index: 1;color:#fff} .button.primary {background: var(--c-primary)} .button.secondary { background-color: var(--c-grey);} .button.dark { background-color: var(--c-darkGrey);} .button.error { background-color:#d43939;} .button.success { background-color:#28bd14;} .button.outline { background-color: transparent; border-color: var(--c-lightGrey);} .button.outline.primary { border-color: var(--c-primary); color: var(--c-primary);} .button.outline.secondary { border-color: var(--c-grey); color: var(--c-grey);} .button.outline.dark { border-color: var(--c-darkGrey); color: var(--c-darkGrey);} .button.clear { background-color: transparent; border-color: transparent; color: var(--c-primary);} .button.icon { display: inline-flex; align-items: center;} .button.icon > img { margin-left: 2px;} .button.icon-only { padding: 1rem;} ::placeholder { color: #bdbfc4;} .nav {display: flex; min-height: 5rem; align-items: stretch;} .nav>.container {display: flex;} .nav-center, .nav-left, .nav-right {display: flex; flex: 1;} .nav-left {justify-content: flex-start;} .nav-right {justify-content: flex-end;} .nav-center {justify-content: center;} @media screen and (max-width: 480px) { .nav, .nav>.container { flex-direction: column; } .nav-center, .nav-left, .nav-right {flex-wrap: wrap;justify-content: center;} } .nav a, .nav .brand { text-decoration: none; display: flex; align-items: center; padding: 1rem 2rem; color: var(--c-darkGrey);} .nav [aria-current="page"]:not(.button), .nav .active:not(.button) { color: #000; /* fallback */ color: var(--c-primary); } .nav .brand {font-size: 1.75em;padding-top: 0;padding-bottom: 0;} .nav .brand img {padding-right: 1rem;} .nav .button {margin: auto 1rem;} .card { padding: 1rem 2rem; border-radius: 4px; background: var(--bg-color); box-shadow: 0 1px 3px var(--c-grey);}.card p:last-child { margin: 0;} .card header > * { margin-top: 0; margin-bottom: 1rem;} .tabs {display: flex;} .tabs a {text-decoration: none;} .tabs > .dropdown > summary, .tabs > a { padding: 1rem 2rem; flex: 0 1 auto; color: var(--c-darkGrey); border-bottom: 2px solid var(--c-lightGrey); text-align: center; } .tabs > a[aria-current="page"], .tabs > a.active, .tabs > a:hover {opacity: 1;border-bottom: 2px solid var(--c-darkGrey);} .tabs > a[aria-current="page"], .tabs > a.active { border-color: var(--c-primary);} .tabs.is-full a { flex: 1 1 auto;} details.dropdown { position: relative; display: inline-block;} details.dropdown > :last-child { position: absolute; left: 0; white-space: nowrap;} .text-left { text-align: left;} .text-right { text-align: right;} .text-justify { text-align: justify;} .is-full-screen {width: 100%;min-height: 100vh;} .is-full-width {width: 100%} .is-center {display: flex;align-items: center;justify-content: center;} .is-right {display: flex;align-items: center;justify-content: flex-end;} .is-left {display: flex;align-items: center;justify-content: flex-start;} .clearfix {content: "";display: table;clear: both;} .center-screen{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);} .hidden {display: none ;} @media screen and (max-width: 599px) {.hidden-xs {display: none ;}} @media screen and (min-width: 600px) and (max-width: 899px) {.hidden-sm {display: none ;}} @media screen and (min-width: 900px) and (max-width: 1199px) {.hidden-md {display: none ;}} @media screen and (min-width: 1200px) {.hidden-lg {display: none ;}} @media print {.hidden-pr {display: none ;}} .w3amp{} .priceinlist{display: inline-block; color: #ffffff; padding: 0.5rem; letter-spacing: 1.5px;border-radius:5px;margin-top:-1rem;z-index:25;position:absolute;right:25px;top:2em;background:#55555590} .menu-active{font-weight:bold} .buynowbtn{border: 1px solid var(--c-grey); color: var(--c-darkGrey); float:right;border-radius:0px 0px 5px 5px;} /* header nav*/ .header {background-color: var(--bg-nav); box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); position: fixed; width: 100%; z-index: 30;} .header ul { margin: 0; padding: 0; list-style: none; overflow: hidden} .header li a { display: block; padding: 5px 5px; border-right: 0px solid var(--bg-nav-hover); text-decoration: none;margin-top:10px;color:var(--bg-nav-hover)} .header li a:hover, .header .menu-btn:hover { background-color: var(--bg-nav-hover);color:#ffffff} .header .logo { display: block; float: left; font-size: 2em; padding: 10px 20px; text-decoration: none;color:indigo} /* menu */ .header .menu { clear: both; max-height: 0; transition: max-height .2s ease-out;} /* menu icon */ .header .menu-icon { cursor: pointer; display: inline-block; float: right; padding: 28px 20px; position: relative; user-select: none;} .header .menu-icon .navicon { background: #333333; display: block; height: 2px; position: relative; transition: background .2s ease-out; width: 18px;} .header .menu-icon .navicon:before, .header .menu-icon .navicon:after { background: #333333; content: ""; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%;} .header .menu-icon .navicon:before { top: 5px;} .header .menu-icon .navicon:after { top: -5px;} /* menu btn */ .header .menu-btn { display: none;} .header .menu-btn:checked ~ .menu { max-height: 600px;} .header .menu-btn:checked ~ .menu-icon .navicon { background: transparent;} .header .menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg);} .header .menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg);} .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { top: 0;} .menu-active{font-size:105%;color:red} /* 48em = 768px */ @media (min-width: 48em) { .header li {float: left;} .header li a {padding:2px 10px 2px 10px} .header .menu { clear: none; float: right; max-height: none; } .header .menu-icon { display: none; } } @media screen and (max-width: 48em){.header li a {padding-left:3em;margin-bottom:-40px}} .tooltip::after{background-color:var(--bg-color-footer);color:var(--bg-color)} .tooltip{color:var(--bg-color-footer)} .hpb{padding:2px;margin:2px;width:100%} .icon-input { background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; flex-shrink: 0; height: 28px; margin-top: 1rem; width: 27px; } i{font-family: Roboto Serif} .badge,.tag{display: inline-block; border: 1px solid var(--c-lightGrey); color: var(--c-grey); padding: 0.5rem; line-height: 1; letter-spacing: 0.5px;} .badge{border-radius:5px} .tag+.tag { margin-left: 1rem;} .table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table} .table-all{border:1px solid #ccc} .bordered tr,.table-all tr{border-bottom:1px solid #ddd} .striped tbody tr:nth-child(even){background-color:#f1f1f1} .table-all tr:nth-child(odd){background-color:#fff} .table-all tr:nth-child(even){background-color:#f1f1f1} .hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc} .centered tr th,.centered tr td{text-align:center} .table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top} .table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px} amp-selector[role=tablist].tabs-with-flex {display: flex;flex-wrap: wrap;} amp-selector[role=tablist].tabs-with-flex [role=tab] {flex-grow: 1;text-align: center;padding:0.5rem;} amp-selector[role=tablist].tabs-with-flex [role=tab][selected] {outline: none;border-bottom: 2px solid var(--c-primary);} amp-selector[role=tablist].tabs-with-flex [role=tabpanel] {display: none;width: 100%;order: 1;padding:2rem;} amp-selector[role=tablist].tabs-with-flex [role=tab][selected] + [role=tabpanel] {display: block;} amp-selector[role=tablist].tabs-with-selector {display: flex;} amp-selector[role=tablist].tabs-with-selector [role=tab][selected] {outline: none;border-bottom: 2px solid var(--c-primary);} amp-selector[role=tablist].tabs-with-selector {display: flex;} amp-selector[role=tablist].tabs-with-selector [role=tab] {width: 100%;text-align: center;padding:0.5rem;} amp-selector.tabpanels [role=tabpanel] {display: none;padding:2rem;} amp-selector.tabpanels [role=tabpanel][selected] {outline: none;display: block;} ol.breadcrumb { padding: 0px; list-style: none;} ol.breadcrumb li { display: inline;font-size: 1.11em;} ol.breadcrumb li+li:before {padding: 2px; content: "/\00a0";} ol.breadcrumb li a {text-decoration: none;} ol.breadcrumb li a:hover {text-decoration: underline;}
Kỷ Mão - Thứ tư, ngày 23 tháng 04/2025 Đề phòng sự thị phi, trách oán, tranh cãi và cũng nên đề phòng rủi ro mọi chuyện. Mọi việc đến chậm chạp hoặc chưa có kết quả. Công việc dễ bị dở dang, bỏ dở. Cần phải nói lên ý kiến của mình khi gặp sự sai trái. Có sự gặp gỡ người thân, bè bạn, quý nhân. Có sự hư hại, hao tốn nhỏ, nhưng cũng có lộc hoặc chuyện vui. Có tin buồn phiền về người thân trong nhà hoặc trong công sở.... xem tiếp. |
Kỷ Mão - Thứ năm, ngày 24 tháng 04/2025 Nếu không phải là việc quan trọng thì nên nghỉ ngơi. Bày vẽ thêm nhiều chuyện chỉ gặp điều không hay hoặc không được như ý. Không nên nhúng tay hoặc bàn tán vào chuyện của người khác. Mọi việc mong cầu đều khó có kết quả. Nên tu bổ, sửa chữa, mua sắm và làm những công việc cũ.... xem tiếp. |
Kỷ Mão - Thứ sáu, ngày 25 tháng 04/2025 Cần chụp lấy cơ hội đã đến lúc làm nên, đừng bỏ ngang công việc hoặc tình cảm, sẽ không tìm lại được. Có quý nhân giúp đỡ tận tình. Gia đạo có hỷ sự. Tin xa vừa ý. Có tài lộc hoặc có tiệc vui. Gặp bạn cũ. Có thêm bạn mới.... xem tiếp. |
Kỷ Mão - Thứ bảy, ngày 26 tháng 04/2025 Không nên tham lam hoặc làm những việc ngoài khả năng của mình, kết quả sẽ không đi tới đâu. Nhưng sự việc xảy ra dù là chuyện buồn cũng không có ảnh hưởng xấu đến mình. Có sự tốn kém về giao thiệp. Có tin buồn. Sức khỏe không tốt. Tài lộc khó khăn.... xem tiếp. |
Kỷ Mão - Chủ nhật, ngày 27 tháng 04/2025 Giới hạn mọi việc di chuyển, đi xa. Nếu có toan tính di chuyển thì cũng gặp chuyện không tốt, ưu phiền, nên nghỉ ngơi. Đề phòng có sự hư hại về đồ đạc hoặc phải hao tốn về chuyện mua sắm, tu bổ, sửa chữa, tiệc tùng, có khách. Làm gì cũng nên cẩn thận từ công việc cho đến tình cảm, tài lộc có sự chậm trễ, trở ngại.... xem tiếp. |
Kỷ Mão - Thứ hai, ngày 28 tháng 04/2025 Ngày tuổi của bổn mạng. Nên cẩn trọng trong mọi việc. Có nhiều sự việc xảy ra ngoài dự tính khiến có sự hao tốn, hư hại cần phải tu bổ, sửa chữa, mua sắm. Sự chờ đợi tin tức chậm chạp hoặc nửa chừng bị gián đoạn. Có thân nhân, bè bạn đến. Có cuộc vui, hoặc được mời dự tiệc.... xem tiếp. |
Kỷ Mão - Thứ ba, ngày 29 tháng 04/2025 Mọi việc đều có thể bị đảo lộn không đúng như ý muốn hoặc có sự hư hại, trắc trở. Nếu có nhiều công việc đến thì nên làm những việc đã có dự tính, ước hẹn. Nên có sự thay đổi về phương hướng của mình trước tình hình mới. Ngày có sự gặp gỡ, có lộc hoặc có quà tặng, cuộc vui ngắn. Có tin xa. Nên ra đi giải quyết hoặc tìm hiểu công việc.... xem tiếp. |
Kỷ Mão - Thứ tư, ngày 30 tháng 04/2025 Không nên bàn chuyện thị phi hoặc dính líu đến công Việc của người khác hoàn toàn không có lợi. Ngày rất dễ gây ra những chuyện phiền lòng, trái ý, bệnh tật, hoặc phải làm việc trong tâm trạng bị ép buộc. Có tài lộc hoặc có người đến đem tin vui, hoặc được quà cáp. Hao tốn về mua sắm, giao thiệp.... xem tiếp. |
Kỷ Mão - Thứ năm, ngày 01 tháng 05/2025 Ngày có chuyện vui, hội họp, gặp lại người xưa, có bạn mới. Tuy nhiên cũng đề phòng có sự châm chích, hoặc có người dòm ngó, gây rối. Hoặc có rủi ro, trở ngại chút ít. Có tin xa. Nếu đi xa coi chừng có sự lạc lối, lạc bạn, mất dấu, sai điểm hẹn. Cần chụp lấy cơ hội đã đến lúc tiến hành, khởi sự, không nên bỏ ngang sẽ không tìm lại được trong việc cầu công danh, tài lộc, tình cảm.... xem tiếp. |
Kỷ Mão - Thứ sáu, ngày 02 tháng 05/2025 Tất cả mọi việc nên cẩn trọng, vì sự việc xảy ra có nhiều sự đảo lộn, tráo trở hoặc thiếu sót. Gặp chuyện rày rà, phiền toái về giao thiệp, gặp gỡ. Sức khỏe không tốt. Bất cứ việc gì đến đều có sự trắc trở trước mới có sự thuận lợi sau. Ngày chỉ thuận lợi cho việc sửa chữa, mua sắm, dọn dẹp. Có lộc ăn hoặc có quà nhỏ. Có tin buồn.... xem tiếp. |
Kỷ Mão - Thứ bảy, ngày 03 tháng 05/2025 Những việc mong chờ đã lâu hoặc đã có dự tính, nay nhận được tin tức không được như ý. Hoặc có những việc đột biến xảy ra ngoài dự tính. Cuối ngày có sự gặp gỡ hoặc có chuyện vui. Trong nhà hoặc trong công sở có chuyện không vui nhưng cũng không phải là quan trọng. Hao tài về giao thiệp nhưng vẫn có chuyện tốt.... xem tiếp. |
Kỷ Mão - Chủ nhật, ngày 04 tháng 05/2025 Ngày xung của bổn mạng. Ngày có nhiều sự cản trở do có người đến, hoặc có tin tức mới về công việc khiến cho phải bỏ dở hoặc phải lo toan việc khác. Có tài lộc hoặc có sự thuận lợi, tin vui về tình cảm, tiền bạc, đồ đạc, nhưng dễ hao tán về mua sắm, tu bổ, giúp đỡ. Có sự gặp gỡ thân nhân, bè bạn hoặc có tin tức của họ. Đề phòng rủi ro khi di chuyển, đi lại, tiến hành công việc.... xem tiếp. |
Kỷ Mão - Thứ hai, ngày 05 tháng 05/2025 Khi bắt tay vào công việc hay gặp sự trắc trở ở buổi ban đầu, nhưng sau sẽ có kết quả. Cần ngay thẳng trong công việc, không nên dùng những tiểu xảo, hoặc đốt giai đoạn, chỉ làm cho rắc rối thêm. Ngày có nhiều sự bôn ba, vất vả. Trông chờ quý nhân giúp đỡ khó có kết quả hoặc không được như ý. Đi xa bất lợi. Sức khỏe không tốt. Không nên dính tới chuyện người, gặp thị phi, tranh cãi. Có tin tức ở xa về tình cảm, và có sự hứa hẹn về tài lộc, quà tặng, tiệc tùng.... xem tiếp. |
Kỷ Mão - Thứ ba, ngày 06 tháng 05/2025 Ngày có nhiều tin tức xấu, không thuận lợi cho mọi việc. Không nên mưu cầu những việc lớn lao sẽ có hại. Có sự bôn ba, vất vả, xoay trở khó khăn, nên cầu viện ý kiến của quý nhân, hay cấp trên. Có lộc nhỏ.... xem tiếp. |
Kỷ Mão - Thứ tư, ngày 07 tháng 05/2025 Bắt tay vào công việc gì cũng nên dè dặt, có sự trở ngại chút ít. Ngày có nhiều sự bận rộn về chuyện làm ăn hay tình cảm. Có lộc ăn, có quý nhân giúp đỡ, hoặc có tin vui về tâm tình, phải di chuyển nhiều. Đề phòng có người khác xen vào chuyện của mình làm cho công việc bị bỏ dở, hoặc chuyển qua hướng khác. Có tài lộc.... xem tiếp. |
Kỷ Mão - Thứ năm, ngày 08 tháng 05/2025 Làm gì cũng không nên hấp tấp, vội vàng. Có sự hư hại về đồ đạc, vật dụng. Việc vui chơi, tình cảm không có lợi về tiền bạc, nhưng sẽ có hậu quả tốt. Có tài lộc nhưng cũng hao tán cho những công việc cần thiết. Ngày có sự gặp gỡ nhiều người hoặc có nhiều tin tức đến.... xem tiếp. |
Kỷ Mão - Thứ sáu, ngày 09 tháng 05/2025 Ngày có sự đáo hạn, đến hẹn, định kỳ, hoặc việc chờ đợi đã lâu nay xuất hiện. Mọi việc khó lòng giải quyết cho xong trong ngày vì hay có những việc xảy ra bất ngờ làm ngăn trở, chậm chạp. Chuyện vui chơi nếu có thì cũng không nên đi quá xa không tốt. Ngày có nhiều biến động hoặc có nhiều tin tức. Có sự hư hại cần phải tu bổ, sửa chữa, mua sắm. Có tin vui.... xem tiếp. |
Kỷ Mão - Thứ bảy, ngày 10 tháng 05/2025 Ngày tuổi của bổn mạng. Nên cẩn trọng trong mọi việc. Có nhiều việc xảy ra ngoài dự tính khiến có sự hao tốn, hư hại cần phải tu bổ, sửa chữa, mua sắm. Sự chờ đợi tin tức chậm chạp hoặc nửa chừng bị gián đoạn. Có thân nhân, bè bạn đến. Có cuộc vui.... xem tiếp. |
Kỷ Mão - Chủ nhật, ngày 11 tháng 05/2025 Ngày có sự thay đổi, hoặc đến hạn phải tiến hành hoặc kết thúc chấm dứt một công việc, hay chuyện tình cảm. Có khách, bè bạn đến, hoặc có tin của họ. Có tài lộc, có hỷ sự, hoặc có lộc ăn, quà tặng, tiệc tùng. Tuy nhiên mọi việc cũng không nên mong cầu hoặc tham dự quá đáng lại trở thành chuyện không vui, hao tán.... xem tiếp. |
Kỷ Mão - Thứ hai, ngày 12 tháng 05/2025 Không nên phân trần, giải bày mà hãy tiến hành thì mới thuyết phục được người khác. Cũng không nên nghe những chuyện rày rà, phiền toái không dính líu đến mình. Nếu có sự gặp gỡ cuộc vui, đám tiệc cũng không vừa ý, hoặc trong đó có người muốn nhờ mình giúp đỡ. Đi xa hoặc di chuyển cũng bất lợi. Nếu có đi thì cũng vì chuyện buồn, tin xấu đến cần phải đi. Có tin buồn.... xem tiếp. |