"); } [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 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 nhận được nhiều tin tức.... xem tiếp. |
Đinh 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. |
Đinh Mão - Chủ nhật, ngày 11 tháng 05/2025 Ngày có đám tiệc hoặc có tin tức của thân nhân, bè bạn. Đã đến lúc phải thay đổi không nên theo đường hướng cũ, dù bước đầu có gặp khó khăn nhưng vẫn có kết quả tốt ở tương lai. Cần nhất không nên chán nản, bỏ ngang sẽ không tìm lại được. Tình cảm tốt. Tài lộc khó khăn, dễ hao, hoặc có hỷ sự, gặp quý nhân.... xem tiếp. |
Đinh Mão - Thứ hai, ngày 12 tháng 05/2025 Mọi việc rất dễ xảy ra không có lợi hoặc gặp sự khó khăn, hư hại, tranh chấp, thị phi. Nếu không thì cũng là một ngày làm việc cực nhọc mới có kết quả. Tài lộc dễ có sự hao tán, nếu có cũng phải chi phí, mua sắm rất nhiều.... xem tiếp. |
Đinh Mão - Thứ ba, ngày 13 tháng 05/2025 Dù là công việc làm ăn hay là vấn đề tình cảm cũng không nên hấp tấp, hoặc kéo dài sẽ không có lợi. Chẳng những gây ra sự phiền hà mà còn có những chuyện không vui, gặp rủi ro. Ngày có sự gặp gỡ người thân, bè bạn. Cẩn trọng trong vấn đề di chuyển, đi lại, có sự hư hại.... xem tiếp. |
Đinh Mão - Thứ tư, ngày 14 tháng 05/2025 Ngày có sự thay đổi công việc hoặc tình trạng hiện tại có biến động. Có việc ra đi, hoặc phải tiến hành công việc cần thiết khi có tin. Có tin buồn. Không nên bàn tán hoặc nhúng tay vào chuyện của người khác chỉ đem đến sự bất lợi, tranh cãi.... xem tiếp. |
Đinh Mão - Thứ năm, ngày 15 tháng 05/2025 Gặp quý nhân, bè bạn, có tin vui đến, có lộc nhỏ, quà tặng ăn uống. Nếu có cuộc đi chơi xa coi chừng có sự lạc lối, chờ đợi lâu lắc, bỏ về nửa chừng, hoặc có những sự việc xảy ra ngoài dự tính. Việc làm bị bỏ ngang, bỏ dở vì có tin, hoặc cần phải đi giải quyết công việc khác.... xem tiếp. |
Đinh Mão - Thứ sáu, ngày 16 tháng 05/2025 Sự chờ mong về tin tức dễ gặp trở ngại hoặc dễ bị gián đoạn do có sự hư hại về đồ đạc, máy móc. Nên giới hạn việc di chuyển kẻo lỡ tin tức, hoặc có rủi ro giữa đường. Tuy nhiên công việc làm ăn vẫn có sự thuận lợi, có tin tốt và có người đến đem lại sự thuận lợi cho mình ở tương lai. Ngày rất dễ hao tốn tài lộc.... xem tiếp. |
Đinh Mão - Thứ bảy, ngày 17 tháng 05/2025 Có nhiều sự việc xảy ra rất nhanh chóng, nếu không tỉnh táo thì dễ bị kẹt. Hãy nên suy nghĩ cho thật kỹ rồi mới tiến hành hoặc ra đi. Sự việc xảy ra sẽ không được như ý muốn hoặc bị thiếu sót cần phải tu bổ, bổ sung. Nếu có cuộc gặp gỡ họp mặt, tiệc tùng, sẽ có chuyện không như ý, có sự hư hại. Có tài lộc nhưng dễ hao.... xem tiếp. |
Đinh Mão - Chủ nhật, ngày 18 tháng 05/2025 Dù công việc trước đây có sự thuận lợi, cũng phải đề phòng trường hợp bất trắc, rủi ro do sự thiếu sót, bỏ quên. Chỉ thuận lợi cho việc tu bổ, sửa chữa, chỉnh đốn lại những công việc cũ. Nói chung mọi việc hay có sự đảo lộn, trắc trở ngoài dự tính. Tuy nhiên vẫn có quý nhân giúp đỡ.... xem tiếp. |
Đinh Mão - Thứ hai, ngày 19 tháng 05/2025 Có lộc hoặc có tin vui về tâm tình, di chuyển nhiều. Tin tức tốt. Có sự gặp gở thân nhân, bè bạn hoặc nhà có đám tiệc. Ngày có nhiều sự bận rộn về chuyện làm ăn hay tình cảm. Đề phòng có người khác xen vào chuyện của mình làm cho nội bộ lục đục, hiểu lầm. Tài lộc dễ hao, nếu có của hoạnh tài, phần lớn là được ăn uống, quà tặng.... xem tiếp. |
Đinh Mão - Thứ ba, ngày 20 tháng 05/2025 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. 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ư ý. 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 tùng, có khách đến. Sức khỏe không tốt.... xem tiếp. |
Đinh Mão - Thứ tư, ngày 21 tháng 05/2025 Mọi việc không nên cưỡng cầu một cách quá đáng sẽ không có kết quả, gặp sự khó khăn, chậm chạp. Nên hành động bình thường thì có lợi. Có sự thay đổi, sửa chữa, tu bổ hoặc thay đổi ý định của người khác ảnh hưởng đến mình. Sức khỏe không tốt.... xem tiếp. |
Đinh Mão - Thứ năm, ngày 22 tháng 05/2025 Ngày tuổi của bổn mạng. Nếu có người đến đề nghị hợp tác làm ăn thì nên tiến hành. Ngày có sự gặp gỡ thân nhân, bè bạn. Mọi việc nên khiêm tốn thì sẽ thành công. Có sự hư hại về đồ đạc vật dụng cần phải mua sắm, sửa chữa. Tin tức chậm chạp. Tài lộc trung bình.... xem tiếp. |
Đinh Mão - Thứ sáu, ngày 23 tháng 05/2025 Chớ nên vì vấn đề tình cảm mà giải quyết mọi công việc dễ mất uy tín và gặp sự thiệt thòi. Cẩn trọng về sức khỏe. Mọi việc không nên tham cầu, có hại. Tất cả chỉ nên ở mức bình thường là tốt. Có tin tức. Quý nhân nếu có là người khác phái. Nên ra đi giải quyết hoặc tìm hiểu công việc.... xem tiếp. |
Đinh Mão - Thứ bảy, ngày 24 tháng 05/2025 Tất cả mọi việc giao thiệp, hợp tác đều hoàn toàn không có lợi, nên ra đi hoặc tìm sự giải quyết cho chính mình. Có sự hoàn trả về tiền bạc hoặc công việc đã có sự hẹn ước trước hoặc định kỳ. Nếu không phải là chuyện cần thiết thì nên giới hạn việc đi lại, gặp gỡ, chỉ đem lại nhiều hao tốn, hoặc rất dễ gây ra 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.... xem tiếp. |
Đinh Mão - Chủ nhật, ngày 25 tháng 05/2025 Ngày trung bình. Có tài lộc hoặc có tin vui. Có khách hoặc thân nhân, bè bạn đến. Công việc hay vấn đề tình cảm đã có sự hẹn ước từ lâu, nay có kết quả, nên tiến hành.... xem tiếp. |
Đinh Mão - Thứ hai, ngày 26 tháng 05/2025 Có sự hao tốn về mua sắm, sửa chữa các vật dụng trong nhà, nhất là các loại có liên quan đến điện, lửa. Tin tức đến chậm, có trở ngại. Trong nhà hoặc trong công sở có người đến thăm hoặc hỏi về chuyện hợp tác làm ăn. Nói chung ngày dễ gặp sự trắc trở, khó khăn nhưng cũng không phải là xấu. Hao tốn về mua sắm, giao thiệp. Nên cẩn trọng không bàn đến chuyện người dễ bị hàm oan, trách oán.... xem tiếp. |
Đinh Mão - Thứ ba, ngày 27 tháng 05/2025 Có nhiều biến động thay đổi trong công việc. Ngày có nhiều công việc cần phải giải quyết vừa về việc làm, công danh cho đến tình cảm. Không nên e ngại khi thấy có trở ngại, chậm trễ. Ngày dễ có sự hao tốn về sự tu bổ, tiệc tùng, mua sắm. Có cuộc đi ngắn.... xem tiếp. |
Đinh Mão - Thứ tư, ngày 28 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. Có sự gặp gỡ thân nhân, bè bạn hoặc có tin tức của họ.... xem tiếp. |