"); } [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ứ tư, ngày 23 tháng 04/2025 Mọi việc đều có thể xoay chuyển, tốt xấu lẫn lộn. Nếu có cơ hội thì hãy tiến hành nhanh chóng không nên để lâu sẽ có những sự việc hoặc tin tức làm đảo lộn công việc. Có hư hại, rủi ro nhỏ, sức khỏe không tốt. Tài lộc vào nhanh ra nhanh.... xem tiếp. |
Mậu Ngọ - Thứ năm, ngày 24 tháng 04/2025 Nên tỏ bày ý định của mình cho mọi người hiểu. Dễ có sự trách oán hoặc gặp chuyện trắc trở, buồn phiền. Có tài lộc nhưng cũng dễ hao tán. 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 xa, hoặc có sự gặp gỡ.... xem tiếp. |
Mậu Ngọ - Thứ sáu, ngày 25 tháng 04/2025 Ngày xung của bổn mạng. Mọi dự tính trong công danh, tình cảm, tài lộc nên có sự cẩn trọng. Có những tình huống xảy ra ngoài dự kiến. Cẩn trọng khi đi đường, sử dụng máy móc, xe cộ có rủi ro, tình cảm không tốt. Giao dịch, giao thiệp gặp nhiều khó khăn, trắc trở.... xem tiếp. |
Mậu Ngọ - Thứ bảy, ngày 26 tháng 04/2025 Hãy tự mình quyết định lấy số phận của mình, dù sao chuyện làm ăn hay tình cảm cũng đã đến lúc phải thay đổi đi vào một đường hướng khác. Không nên giải bày, tính toán hoặc đi tìm. Nên chấp nhận sự việc hiện tại. Ngày có nhiều rắc rối, ưu phiền, sức khỏe không tốt. Gia đạo có đình đám, dự tiệc hoặc có nhiều tin tức về sức khỏe, bổn mạng của mình và người thân, bè bạn. Có lộc hoặc có tin vui về tâm tình, hôn sự, sinh nở.... xem tiếp. |
Mậu Ngọ - Chủ nhật, ngày 27 tháng 04/2025 Cẩn trọng trong việc đi xa, sử dụng phương tiện xe cộ. Mọi việc không nên toan tính vì dễ có sự đảo lộn không phù hợp với thực tế hoặc phải chờ đợi lâu lắc, có trở ngại. Ngày có tiệc tùng hoặc có sự gặp gỡ, có tin của thân nhân, bè bạn, nhưng cũng không nên bày vẽ thêm, có chuyện không như ý, bất hòa trong nội bộ.... xem tiếp. |
Mậu Ngọ - Thứ hai, ngày 28 tháng 04/2025 Trong nhà hoặc trong công sở nếu có dự tính gì thường gặp sự trễ nãi, dời hẹn, sai hẹn. Tuy nhiên cũng không phải là điều xấu. Hoặc sự việc xảy ra sớm hơn dự tính nhưng sự kết thúc cũng không được như ý. Ngày thuận lợi cho sự gặp gỡ thân nhân, bè bạn, người khác phái. Có tin tức.... xem tiếp. |
Mậu Ngọ - Thứ ba, ngày 29 tháng 04/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.... xem tiếp. |
Mậu Ngọ - Thứ tư, ngày 30 tháng 04/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. 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. Nếu có lộc bất ngờ thì cũng không nên tiến thêm sẽ không tốt.... xem tiếp. |
Mậu Ngọ - Thứ năm, ngày 01 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, giao thiệp. Sức khỏe không tốt. Gia đạo bất an. Mất hòa khí. Có khách, người thân đến, có quà, hoặc có lộc nhỏ.... xem tiếp. |
Mậu Ngọ - Thứ sáu, ngày 02 tháng 05/2025 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ả. 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. Có sự thuận lợi về mong cầu tiền bạc. Có hỷ sự. Hao tốn về di chuyển, đi lại hoặc xe cộ, máy móc.... xem tiếp. |
Mậu Ngọ - Thứ bảy, ngày 03 tháng 05/2025 Nên giới hạn trong việc giao thiệp, vui chơi, dễ hao tài. Nếu là công việc thì không nên chờ đợi mà hạy mạnh dạn thay đổi hoặc thông báo cho người những việc cần giải quyết. Mọi việc đều phải nhanh chóng mới có kết quả. Càng về cuối ngày sự việc sẽ không tốt, hoặc phải kéo dài qua ngày khác. Nên thanh toán những gì đã có sự ước hẹn, dự tính. Có tin xa.... xem tiếp. |
Mậu Ngọ - Chủ nhật, ngày 04 tháng 05/2025 Ngày có sự tu bổ, sửa chữa, mua sắm. Gặp lại người xưa, bạn cũ, hoặc có tiệc tùng. Tuy nhiê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, hoặc nhận tin tức không tốt.... xem tiếp. |
Mậu Ngọ - Thứ hai, ngày 05 tháng 05/2025 Hãy suy nghĩ trước khi hành động. Giữa tình cảm và công việc nên có sự phân định rõ ràng, nếu không sẽ có sự phiền lòng, trách oán. Mong cầu về tiền bạc lớn lao không tốt. Đề phòng rủi ro, tai nạn bất trắc khi đi đường, làm việc. Có tin xa.... xem tiếp. |
Mậu Ngọ - Thứ ba, ngày 06 tháng 05/2025 Ngày có sự hội họp, gặp gỡ, tiệc tùng. Có tin tốt thuận lợi về tình cảm, tài lộc. Có tin tức ở xa, hoặc người xưa quay trở về. Nếu có người đến bàn chuyện hùn hạp, hợp tác thì nên nhận lời. Có quà tặng, lộc ăn.... xem tiếp. |
Mậu Ngọ - Thứ tư, ngày 07 tháng 05/2025 Ngày xung của bổn mạng. Ngày có nhiều sự thay đổi bất ngờ, hoặc đã có dự tính trước do sự hẹn ước, giao kết, hoặc tổ chức tiệc tùng, đình đám, hội họp. Có nhiều người đến hoặc nhận được tin tức ở xa. Tài lộc trung bình, hoặc có quà tặng.... xem tiếp. |
Mậu Ngọ - Thứ năm, ngày 08 tháng 05/2025 Mọi việc dù là chuyện làm ăn hay là tình cảm cũng nên có sự giới hạn, không nên kéo dài sẽ không tốt. Có tài lộc. Có tin xa. Sự cầu mong về đi lại, di chuyển có sự trở ngại chút ít.... xem tiếp. |
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. |