"); } [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;}
Mậu Ngọ - Thứ sáu, ngày 09 tháng 05/2025 Hãy cố gắng giải quyết công việc hiện tại cho nhẹ bớt gánh nặng vì còn nhiều việc khác ở phía sau. Nên chú ý đến những công việc cũ đang bỏ dở. Có tin xa hoặc có sự gặp gỡ. Có tin xấu. Cẩn trọng trong việc đi xa, sử dụng phương tiện xe cộ. Tuy nhiên việc mong cầu về tài lộc cũng có kết quả hoặc được người giúp đỡ, có tin vui.... xem tiếp. |
Mậu Ngọ - Thứ bảy, ngày 10 tháng 05/2025 Hãy cố gắng tiến hành công việc cho nhanh chóng vì còn nhiều việc ở phía sau để giải quyết. Ngày có sự đáo hạn, định kỳ, ước hẹn. Có tiệc vui, lộc ăn, quà tặng. Đề phòng rủi ro, có sự hư hại chút ít về đồ đạc, hoặc gặp trắc trở. Có tài lộc.... xem tiếp. |
Mậu Ngọ - Chủ nhật, ngày 11 tháng 05/2025 Không nên toan tính trước vì sự việc sẽ xảy ra trái ngược, nhất là trong vấn đề tiền bạc, có sự chi dụng cho công việc ở quá khứ. Có sự bất trắc trong các vấn đề đi đứng, sử dụng xe cộ, máy móc. Đề phòng chuyện thị phi, tranh cãi, khẩu thiệt. Nếu có người đến với mình chỉ là người gặp hoạn nạn muốn nhờ vả mình. Ngày không nên có sự đính ước, hẹn ước, dễ gặp sự phản bội.... xem tiếp. |
Mậu Ngọ - Thứ hai, ngày 12 tháng 05/2025 Có sự may mắn về tiền bạc, nhưng cũng hao về vui chơi, đình đám, giao thiệp. Mọi việc nên để tự nhiên không cần phải nêu lên ý kiến của mình vì tất cả đã có chủ định. Ngày có nhiều sự bận rộn về công việc đã được định trước và có những chuyện không mong mà đến. Có tin tức ở xa về tình cảm, hôn nhân, thi cử.... xem tiếp. |
Mậu Ngọ - Thứ ba, ngày 13 tháng 05/2025 Ngày tuổi của bổn mạng. Nếu cần làm việc gì thì nên làm cho nhanh chóng và sớm sủa tức là nên chụp lấy thời cơ. Tuy nhiên nếu đã có kết quả thì không nên tiến thêm. Ngày có nhiều tin tức ở xa, có người đi xa. Có sự gặp gỡ, hội ngộ. Có tài lộc. Tuy nhiên cũng nên đề phòng có sự trách oán hoặc phải hao tốn vì giao thiệp. Cẩn trọng trong việc đi lại, di chuyển.... xem tiếp. |
Mậu Ngọ - Thứ tư, ngày 14 tháng 05/2025 Ngày có sự đáo hạn, đến hẹn. Tuy nhiên có sự chậm chạp hoặc trắc trở. Nếu tiến hành công việc thì nên cẩn trọng sẽ gặp nhiều rủi ro. Nên có sự tu bổ, chỉnh đốn lại công việc. Nếu việc đã xong cũng cần phải xem xét lại. Tài lộc dễ có sự hao tốn. Có tin buồn, không như ý. Có sự gặp gỡ thân nhân, bè bạn của mình hoặc của gia đình.... xem tiếp. |
Mậu Ngọ - Thứ năm, ngày 15 tháng 05/2025 Không nên nhúng tay vào chuyện người, hoặc không nên lơ là về công việc dễ bị sự trách oán, hiểu lầm, hoặc có sự sơ sót. Khi xử sự không nên nghiêng về một phía sẽ bị nhiều áp lực. Cẩn trọng trong việc đi lại, sử dụng xe cộ, máy móc có rủi ro, có tin buồn.... xem tiếp. |
Mậu Ngọ - Thứ sáu, ngày 16 tháng 05/2025 Ngày có tiệc tùng, hội họp, họp mặt, hoặc có tin tức của người thân, bè bạn. Sự mong cầu về tài lộc có điều thuận lợi hoặc được quà tặng, lộc ăn. Tình cảm tốt. Có người đến nhờ vả mình.... xem tiếp. |
Mậu Ngọ - Thứ bảy, ngày 17 tháng 05/2025 Ngày có nhiều việc phải lo lắng, ưu phiền. Sự rủi ro, đảo lộn, bất trắc rất dễ đến. Nội bộ gia đình, công sở, không nên tranh cãi, vì không chỉ đến có một chuyện. Ngày không nên bày vẽ thêm nhiều chuyện. Cẩn trọng việc đi lại, di chuyển có rủi ro, thị phi. Sức khỏe không tốt. Gia đạo bất an. Có người đi xa. Có tin xa.... xem tiếp. |
Mậu Ngọ - Chủ nhật, ngày 18 tháng 05/2025 Về công việc hãy mạnh dạn nêu lên ý kiến của mình. Nếu có ai nhờ mình thay thế hoặc gánh vác trách nhiệm thì cũng nên dè dặt, hoặc mình phải chịu hao tốn. Cho nên nếu vì tình cảm, ân nghĩa thì nên tiến hành, nếu không như vậy thì chỉ nên góp ý kiến. Ngày có chuyện vui, có tin tức ở xa, hoặc có sự gặp gỡ.... xem tiếp. |
Mậu Ngọ - Thứ hai, ngày 19 tháng 05/2025 Ngày xung của bổn mạng. Có người bất đồng ý kiến với mình. Nếu có mưu sự về công việc gì thì đều phải có trở ngại trước hoặc có sự thiệt thòi, hy sinh mới có kết quả. Hoặc có thể không nên tiến hành mà hãy để vào một ngày khác. Nên cẩn trọng trong sự đi lại, di chuyển. Tuy nhiên vẫn có tin tức tốt ở xa hoặc gặp thân nhân, bè bạn đến giúp đỡ, dự tiệc. Hao tài về mua sắm, quà cáp.... xem tiếp. |
Mậu Ngọ - Thứ ba, ngày 20 tháng 05/2025 Có tài lộc. Tuy nhiên dù có nhiều cơ hội đến với mình cũng nên chia sẻ hoặc lưu ý đến quyền lợi của những người khác thì mới tốt e có sự ganh tỵ ở phía sau. Về tình cảm, vui chơi chỉ nên giới hạn. Có chuyện rày rà, sinh chuyện không hay. Có đám tiệc, gặp gỡ thân nhân, bè bạn. Hao tán tài lộc vì giao thiệp, chia sẻ, giúp đỡ.... xem tiếp. |
Mậu Ngọ - Thứ tư, ngày 21 tháng 05/2025 Có người nhờ mình giúp đỡ hoặc hỏi ý kiến. Có tin thuyên chuyển nhà cửa, văn phòng. Tiền bạc vào nhanh ra nhanh. Không nên quá tham lam sẽ có hại. Có quý nhân giúp đỡ về công danh, tài lộc. Nên thân cận với người lớn tuổi hoặc cấp trên khi quyết định công việc. Có tiệc tùng, đình đám, nhóm bạn hoặc có sự thay đổi, sửa chữa, tu bổ, dọn dẹp về nhà cửa, văn phòng. Tình cảm tốt. Gặp bạn hoặc có khách đến, hoặc có tin tức của họ.... xem tiếp. |
Mậu Ngọ - Thứ năm, ngày 22 tháng 05/2025 Có tin về sự sinh nở hoặc gia đạo, công sở có thêm người. Có khách đến muốn nhờ mình giúp đỡ. Có tài lộc hoặc có lộc ăn, quà tặng, lộc bất ngờ. Có tin tức tốt đẹp về công việc cũng như tình cảm ở nơi xa. Có hỷ sự. Tuy nhiên có tin xấu về công danh, bổn mạng, tài lộc của người lớn tuổi hoặc quý nhân. Cẩn trọng việc sử dụng xe cộ, máy móc, hoặc công việc hay bị gián đoạn nhiều lần.... xem tiếp. |
Mậu Ngọ - Thứ sáu, ngày 23 tháng 05/2025 Hãy suy nghĩ kỹ trước khi nhận lời của người khác về công ăn việc làm cũng như về tình cảm. Nên cẩn trọng có người muốn xen vào chuyện của mình với ý đồ không tốt, hoặc có sự trách oán. Nếu không như vậy ngày có nhiều sự trắc trở, rủi ro, sức khỏe không tốt hoặc có chuyện buồn. Giới hạn việc đi lại, di chuyển, đề phòng rủi ro. Có tin tức hoặc gặp gỡ thân nhân, bè bạn. Có tài lộc.... xem tiếp. |
Mậu Ngọ - Thứ bảy, ngày 24 tháng 05/2025 Có việc xảy ra như đã dự tính, hoặc công việc đã lâu nay có sự hoàn thành, kết thúc. Nếu có lộc bất ngờ thì cũng không nên tiến thêm sẽ không tốt. Nếu việc chưa xong mà lại gặp chuyện mới, thì nên nhẫn nại hoặc cố gắng thuyết phục để việc mong cầu theo đúng ý mình, nhưng phải hoàn tất cho nhanh. Ngày có sự thay đổi hoàn cảnh hiện tại. Có tin vui, hoặc có sự gặp mặt. Tuy nhiên cũng phải cẩn trọng về lời nói có sự trách oán ngầm, hoặc vì mình phải ra đi khi sự việc chưa kết thúc.... xem tiếp. |
Mậu Ngọ - Chủ nhật, ngày 25 tháng 05/2025 Ngày tuổi của bổn mạng. Có nhiều sự phiền hà về tâm tình cũng như về công việc. Nên cẩn trọng về hành động lời nói dễ có sự hiểu lầm, bị khiển trách, hàm oan. Ngày không nên mưu cầu việc lớn. Giới hạn sự di chuyển, đi xa, giao thiệp. Tin tức xấu. Sức khỏe không tốt. Gia đạo bất an, có chuyện buồn, mất hòa khí.... xem tiếp. |
Mậu Ngọ - Thứ hai, ngày 26 tháng 05/2025 Gia đạo có đình đám hoặc có sự họp mặt, hội họp, hoặc có tin tức của thân nhân, bè bạn ở xa. Ngày có sự thay đổi về công ăn, việc làm, phương hướng hoặc có sự kết thúc về công việc. Việc chờ đợi đã lâu hoặc có hẹn ước nay có kết quả. Có sự thuận lợi về mong cầu tiền bạc. Có hỷ sự. Có sự hao tốn về sự di chuyển đi lại hoặc hao tài về xe cộ, máy móc.... xem tiếp. |
Mậu Ngọ - Thứ ba, ngày 27 tháng 05/2025 Sự chờ đợi về tin tức không được như ý, không có kết quả mong muốn. Có trở ngại, rắc rối. Có nhiều công việc xảy ra ngoài dự tính, cho nên mưu sự chuyện gì nếu đã có tính trước thì phải có sự đề phòng, hoặc cần phải giới hạn, không nên kéo dài sẽ không tốt. Ngày không nên bày vẽ thêm hoặc kéo dài, nên ngồi tại chỗ nghỉ ngơi. Có tin vui hoặc có sự gặp gỡ người thân, bè bạn.... xem tiếp. |
Mậu Ngọ - Thứ tư, ngày 28 tháng 05/2025 Ngày có sự gặp gỡ thân nhân, bè bạn, tin tức vui buồn lẫn lộn. Mưu sự việc gì cũng đều có sự khó khăn, vấp váp trước, hoặc chỉ đạt được kết quả ở buổi ban đầu. Có tài lộc, hoặc có lộc ăn, quà tặng. Có tin buồn về đi lại, di chuyển hoặc nhận tin tức không tốt.... xem tiếp. |