"); } [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;}
Đinh Sửu - Thứ ba, ngày 22 tháng 04/2025 Ngoài chuyện về sinh nở, đình đám, tiệc tùng, dọn dẹp, sửa chữa, chỉnh trang thì không kể, mọi việc đều nên cẩn trọng khi tiến hành, dễ gặp chuyện không vừa ý hoặc mang tin buồn, không thuận lợi về công việc làm ăn cũng như về bổn mạng. Sự mong cầu về tiền bạc không tốt, dễ hao. Dù có cũng không xứng đáng. Nên quay về nơi chốn cũ, có tiệc tùng, đình đám hoặc gặp gỡ thân nhân, bè bạn.... xem tiếp. |
Đinh Sửu - Thứ tư, ngày 23 tháng 04/2025 Mọi việc nên có sự chậm rãi. Dù công việc có nằm trong tầm tay cũng dễ có sự thay đổi, đứng chựng, trắc trở do có tin tức mới hoặc có khách đến. Sự mong cầu về tiền bạc thường chậm chạp, trắc trở, nếu có cũng hao vì nhiều chi phí.... xem tiếp. |
Đinh Sửu - Thứ năm, ngày 24 tháng 04/2025 Ngày có nhiều sự trắc trở, khó khăn, dễ gặp rủi ro và gặp chuyện buồn. Tuy nhiên cũng không nên nản chí nếu đây là cơ hội tốt mở ra cho mình tiến lên. Cần nói lên ý kiến của mình cho mọi người biết để cùng nhau giải quyết công việc. Ngày sức khỏe không tốt hoặc có sự phân vân trước vấn đề cần giải quyết.... xem tiếp. |
Đinh Sửu - Thứ sáu, ngày 25 tháng 04/2025 Có sự thay đổi nơi ăn chốn ở, công việc làm ăn, tình cảm. Có tài lộc nhưng dễ hao tán về mua sắm, tu bổ, sửa chữa, quà tặng. Có hỷ sự, bạn mới. Đi xa gặp quý nhân hoặc nhận được tin tức của quý nhân ở xa đem lại điềm tốt cho mình.... xem tiếp. |
Đinh Sửu - Thứ bảy, ngày 26 tháng 04/2025 Ngày tuổi của bổn mạng. Việc đến như thế nào thì nhận như thế ấy, cũng không nên tham lam, tuy được về phần mình nhưng sau này sẽ có chuyện mích lòng phiền toái, mọi người xa lánh. Nên có sự san sẻ về lợi lộc. Ngày có tin hoặc có người đến bàn thảo về công việc cũng như về tình cảm. Không nên nói nhiều hoặc phân trần vô ích. Có tài lộc, nhưng dễ hao về đám tiệc, giao thiệp.... xem tiếp. |
Đinh Sửu - Chủ nhật, ngày 27 tháng 04/2025 Không nên vội vã tiến hành, quyết định vì mọi việc chưa có sự ngã ngũ rõ ràng, nên chờ đợi. Nếu công việc tạm thời có sự kết thúc hoặc toan tính bắt tay vào công việc mới, cũng nên xem xét lại những gì còn thiếu sót để tu bổ, chỉnh đốn hoặc mua sắm thêm. Tài lộc dễ hao. Cẩn trọng sức khỏe không được tốt.... xem tiếp. |
Đinh Sửu - Thứ hai, ngày 28 tháng 04/2025 Nên tiến hành những công việc đã có dự tính trước, hứa hẹn. Ngày có tiệc, hoặc có khách đến. Sức khỏe không tốt. Nếu có tin tức về công việc mới cũng không nên vội vã, có trở ngại, hoặc gặp chuyện không như ý. Ngày có nhiều việc phải lo âu giải quyết nhưng vẫn khó lòng hoàn thành.... xem tiếp. |
Đinh Sửu - Thứ ba, ngày 29 tháng 04/2025 Khi bắt tay vào công việc gì đề phòng có sự tráo trở hoặc sự việc xảy ra không được đúng như ý muốn. Nếu có người đề nghị về hợp tác, hoặc chia tay, giải thể thì cũng không nên vì những tiểu tiết nhỏ nhặt làm mất hòa khí. Nên thanh toán những việc đã đến hạn kỳ.... xem tiếp. |
Đinh Sửu - Thứ tư, ngày 30 tháng 04/2025 Nếu là ngày nghỉ thì không nên làm gì. Nếu không như vậy thì sẽ gặp nhiều người hoặc nhiều công việc đến với mình. Chuyện bất ngờ cũng có, chuyện đã hẹn trước cũng có. Sức khỏe không tốt hoặc phải lo lắng nhiều. Cần nên tôn trọng ý kiến lẫn nhau, dễ có sự bất hòa, nói nhiều. Có tài lộc nhưng dễ hao.... xem tiếp. |
Đinh Sửu - Thứ năm, ngày 01 tháng 05/2025 Không nên chú trọng ở bề ngoài hãy nhìn kỹ những ẩn ý ở phía sau. Trong công việc nên để cho người khác đứng đại diện cho mình. Có tin xa. Có người đến nhờ mình giúp đỡ. Có sự hư hại cần phải tu bổ, sửa chữa, mua sắm.... xem tiếp. |
Đinh Sửu - Thứ sáu, ngày 02 tháng 05/2025 Ngày nên thu vén, sắp xếp lại công việc cho ổn định. Không nên mưu cầu những việc lớn lao hoặc tiến hành công việc, ra đi cũng có sự trở ngại hoặc không có lợi gì. Mọi tin tức đến dễ có sự tráo trở, đảo lộn. Nên nghỉ ngơi, không nên tính toán. Có tin xa. Tài lộc vào ra thất thường. Tài lộc chậm chạp, nhưng cũng có quý nhân giúp đỡ.... xem tiếp. |
Đinh Sửu - Thứ bảy, ngày 03 tháng 05/2025 Mọi việc nên có sự chậm rãi. Dù công việc có nằm trong tầm tay cũng dễ có sự thay đổi, đứng chựng, trắc trở do có tin tức mới hoặc có khách đến. Sự mong cầu về tiền bạc thường chậm chạp, trắc trở, nếu có cũng hao vì nhiều chi phí.... xem tiếp. |
Đinh Sửu - Chủ nhật, ngày 04 tháng 05/2025 Mọi việc dễ gặp trở ngại, trắc trở, chậm chạp, khó khăn. Nếu đã có hẹn ước hoặc dự tính làm việc gì thì sự việc sẽ xảy ra không như ý muốn, khiến cho công việc phải có sự khôn khéo để xoay trở, phải bỏ công sức ra nhiều hơn. Hao tốn về chuyện mua sắm, tu bổ, sửa chữa, trang trí. Có sự gặp gỡ bè bạn thân nhân, hoặc có tiệc tùng.... xem tiếp. |
Đinh Sửu - Thứ hai, ngày 05 tháng 05/2025 Ngày gặp nhiều chuyện ưu phiền rắc rối về công việc cũng như về tình cảm, sức khỏe không tốt. Cần phải có sự suy nghĩ kỹ càng trước khi ăn nói, viết thư, nêu ý kiến, dễ bị hiểu lầm, thị phi, bất hòa. Tài lộc không tốt. Gia đạo bất an, hoặc có chuyện làm ơn mắc oán.... xem tiếp. |
Đinh Sửu - Thứ ba, ngày 06 tháng 05/2025 Ngày có nhiều âu lo, buồn phiền vì có nhiều chuyện xảy ra gây rắc rối, trở ngại cho công việc cũng như sức khỏe, tình cảm. Không nên tin vào người khác hãy tự mình giải quyết lấy công việc của mình. Có sự bạc bẽo, hời hợt trong tình cảm. Đi xa, di chuyển không có lợi hoặc phải nhọc công mới có kết quả.... xem tiếp. |
Đinh Sửu - Thứ tư, ngày 07 tháng 05/2025 Ngày có nhiều sự thay đổi, hoặc đã đến lúc kết thúc hoặc nhận được công việc mới, tin tức mới. Ngày thuận lợi cho việc hội họp, sửa chữa, tu bổ, mua sắm. Công việc, tình cảm đi vào giai đoạn mới. Hao tốn về giao thiệp, tiệc tùng. Gặp được quý nhân hoặc bè bạn. Có tin buồn.... xem tiếp. |
Đinh Sửu - Thứ năm, ngày 08 tháng 05/2025 Ngày tuổi của bổn mạng. Mọi việc nên cẩn trọng. Có tin buồn. Nếu công việc không có gì khẩn cấp, quan trọng thì nên để vào ngày khác giải quyết. Chỉ thuận lợi cho việc tu bổ, sửa chữa, chỉnh đốn lại các công việc cũ. Không nên nhúng tay vào chuyện của người khác dễ bị thị phi. Có tài lộc.... xem tiếp. |
Đinh Sửu - Thứ sáu, ngày 09 tháng 05/2025 Đã đến lúc cần phải có sự thay đổi hoàn cảnh, công việc hiện tại. Hoặc có sự đứng chựng, bỏ dở, phá ngang do có khách đến hoặc có tin tức mới. Ngày có sự gặp gỡ bè bạn, thân nhân hoặc có tin tức của họ. Mọi việc nên từ từ giải quyết, tiến nhanh có hại.... xem tiếp. |
Đinh Sửu - Thứ bảy, ngày 10 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. |
Đinh Sửu - Chủ nhật, ngày 11 tháng 05/2025 Việc gì đã có tính toán thì nên tiến hành. Dù có sự trắc trở, khó khăn nhưng sẽ có hậu quả tốt. Ngày có sự gặp gỡ thân nhân, bè bạn hoặc có sự tu bổ, sửa chữa, mua sắm. Không nên mưu cầu những chuyện lớn lao sẽ không thành công.... xem tiếp. |