"); } [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;}
Nhâm Ngọ - Thứ sáu, ngày 09 tháng 05/2025 Việc gì nếu đã thấy có lợi thì không nên tiến thêm. Chỉ nên hoàn tất những công việc còn sót lại ở quá khứ hoặc đã có sự hứa hẹn, dự tính. Nên giữ mối giao hảo cho thuận thảo. Có tin tức ở xa hoặc có sự gặp gỡ. Cẩn trọng trong việc đi xa, sử dụng phương tiện xe cộ nhất là vào cuối ngày, hoặc gặp chuyện không hay.... xem tiếp. |
Nhâm Ngọ - Thứ bảy, ngày 10 tháng 05/2025 Dù có gặp trở lực, khó khăn cũng cố gắng giải quyết, 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. Có tiệc, 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. |
Nhâm Ngọ - Chủ nhật, ngày 11 tháng 05/2025 Đề 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. 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.... xem tiếp. |
Nhâm 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, hoặc việc phải bị bỏ dở, sai hẹn, chờ đợi lâu lắc. 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. |
Nhâm 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. |
Nhâm Ngọ - Thứ tư, ngày 14 tháng 05/2025 Ngày có đám tiệc, hoặc có sự gặp gỡ thân nhân, bè bạn, nhưng không nên kéo dài. Có hỷ sự hoặc có cuộc đi chơi ngắn. Có tin tức về đau ốm, hoặc có sự hư hại về đồ đạc, vật dụng cần phải tu bổ, sửa chữa. Ngày chỉ thuận lợi cho vấn đề tình cảm chứ không phải là công việc.... xem tiếp. |
Nhâm Ngọ - Thứ năm, ngày 15 tháng 05/2025 Ngày không tốt. Không nên tiến hành hoặc giải quyết những việc quan trọng, nên chờ tin khác. Có nhiều sự cản trở rắc rối, và có nhiều tin tức không tốt về công danh, bổn mạng, tài lộc, tình cảm. Gia đạo có chuyện buồn, bất an.... xem tiếp. |
Nhâm Ngọ - Thứ sáu, ngày 16 tháng 05/2025 Không nên mưu cầu những chuyện lớn dễ có sự bỏ ngang, dang dở, hoặc kế hoạch bị thay đổi do người khác có ý kiến. Ngày có tiệc tùng, hoặc có tin tức về chuyện tình cảm của thân nhân, bè bạn. Có cuộc vui nhỏ. Tài lộc trung bình.... xem tiếp. |
Nhâm Ngọ - Thứ bảy, ngày 17 tháng 05/2025 Ngày có nhiều việc phải lo, ư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 tức ở xa.... xem tiếp. |
Nhâm Ngọ - Chủ nhật, ngày 18 tháng 05/2025 Nên giới hạn mọi việc, và bình tĩnh khi có nhiều sự việc, tin tức đến. Nếu cần hãy làm cho nhanh để thâu đoạt lợi lộc, và 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. Có chuyện vui, có tin tức ở xa, hoặc có sự gặp gỡ.... xem tiếp. |
Nhâm Ngọ - Thứ hai, ngày 19 tháng 05/2025 Ngày xung của bổn mạng. Ngày có nhiều sự việc xảy ra tốt xấu xoay chuyển liên tục, nên bình tĩnh để giải quyết. Nên cẩn trọng dễ có sự hư hại, trắc trở, nhưng vẫn có kết quả. Có người bất đồng ý kiến với mình. Có sự gặp gỡ người thân, bè bạn hoặc có tin tức. Hao tốn về giao thiệp, giải trí.... xem tiếp. |
Nhâm Ngọ - Thứ ba, ngày 20 tháng 05/2025 Làm việc gì cũng nên nhanh chóng vì còn nhiều việc ở phía sau. Chuyện vui chơi, tình cảm, giao thiệp nên dè dặt, không nên đi quá xa. Nên khiêm tốn nếu mình có sự thành công hoặc có lợi. Việc đi lại, di chuyển không đúng theo ý muốn, có sự thay đổi ở dọc đường. Có chuyện vui. Có khách đến. Có tài lộc.... xem tiếp. |
Nhâm Ngọ - Thứ tư, ngày 21 tháng 05/2025 Có người nhờ mình giúp đỡ hoặc hỏi ý kiến, nhưng cũng không nên quá tin cẩn hoặc thật lòng. Ngày có nhiều chuyện đến khiến mình phải lo âu, giải quyết. Mọi việc nên có sự chậm rãi, biết chờ đợi. Tiền bạc vào nhanh ra nhanh. 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 bạn hoặc có sự thay đổi, sửa chữa, tu bổ về nhà cửa, văn phòng. Gặp bạn hoặc có khách đến, hoặc có tin tức của họ.... xem tiếp. |
Nhâm 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. |
Nhâm Ngọ - Thứ sáu, ngày 23 tháng 05/2025 Ngày không tốt. Giới hạn việc đi lại, di chuyển, đề phòng rủi ro. Có tin tức hoặc có sự gặp gỡ thân nhân, bè bạn. Có tài lộc. 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.... xem tiếp. |
Nhâm Ngọ - Thứ bảy, ngày 24 tháng 05/2025 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. 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. |
Nhâm Ngọ - Chủ nhật, ngày 25 tháng 05/2025 Ngày tuổi của bổn mạng. Ngày có nhiều sự tranh chấp hoặc có sự âu lo. Nên cẩn trọng về lời ăn tiếng nói, không xen vào chuyện người có sự hiểu lầm, kích bác, hàm oan. Nếu có dự tiệc, vui chơi, cũng không nên quá lố, sẽ gặp sự mích lòng, hoặc có người châm chọc dòm ngó đến chuyện của mình. Gia đạo bất an, đề phòng sức khỏe, cẩn trọng khi di chuyển. Có sự nói xấu, thưa kiện.... xem tiếp. |
Nhâm Ngọ - Thứ hai, ngày 26 tháng 05/2025 Nên cẩn trọng trong khi di chuyển, đi lại, có rủi ro hoặc gặp trở ngại chút ít. Có sự gặp gỡ lại người xưa chốn cũ, hoặc gia đạo có nhiều người vì tình cảm cũng như về việc làm mà đến. Sức khỏe không tốt. Mọi việc chỉ nên ghi nhận không nên vội vàng giải quyết, tính toán e có sự thiếu sót, sai lệch đưa đến bất hòa, bực mình. Tài lộc trung bình. Có tin buồn về sức khỏe của thân nhân, bè bạn.... xem tiếp. |
Nhâm Ngọ - Thứ ba, ngày 27 tháng 05/2025 Ngày có nhiều công việc đến khiến mình phải lo âu giải quyết, hoặc là ngày chỉ nên xem xét lại những vấn đề xưa cũ, tiến hành thì bất lợi. Có sự đáo hạn, hẹn ước về tiền bạc cũng như về sự gặp gỡ. Dễ gặp những chuyện không như ý hoặc gặp rủi ro. Nên xem xét lại các phương tiện di chuyển, cẩn trọng về lời nói, có sự bất hòa.... xem tiếp. |
Nhâm Ngọ - Thứ tư, ngày 28 tháng 05/2025 Có sự gặp gỡ thân nhân, bè bạn, hoặc có đám tiệc, tin 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. Hao tài về mua sắm, tu bổ, sửa chữa, ăn uống.... xem tiếp. |