"); } [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ứ hai, ngày 14 tháng 07/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ứ ba, ngày 15 tháng 07/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ứ tư, ngày 16 tháng 07/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ọ - Thứ năm, ngày 17 tháng 07/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ứ sáu, ngày 18 tháng 07/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ứ bảy, ngày 19 tháng 07/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ọ - Chủ nhật, ngày 20 tháng 07/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ứ hai, ngày 21 tháng 07/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ứ ba, ngày 22 tháng 07/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ứ tư, ngày 23 tháng 07/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ọ - Thứ năm, ngày 24 tháng 07/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ứ sáu, ngày 25 tháng 07/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ứ bảy, ngày 26 tháng 07/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ọ - Chủ nhật, ngày 27 tháng 07/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. |
Mậu Ngọ - Thứ hai, ngày 28 tháng 07/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ó sự hư hại, rủi ro nhỏ, hoặc sức khỏe không tốt. Tài lộc vào nhanh ra nhanh.... xem tiếp. |
Mậu Ngọ - Thứ ba, ngày 29 tháng 07/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. Có chuyện vui, có tin tức ở xa, hoặc có sự gặp gỡ.... xem tiếp. |
Mậu Ngọ - Thứ tư, ngày 30 tháng 07/2025 Ngày xung của bổn mạng. Có sự gặp gỡ thân nhân, bè bạn. Ngày có đám tiệc. Có hỷ sự. Có tài lộc, nhưng hao tán về giao thiệp, vui chơi, giải trí. Gặp lại người xưa, có người đi xa. Ngày thuận lợi cho việc di chuyển, đi xa. Trong mọi chuyện có những tình huống xảy ra ngoài dự kiến.... xem tiếp. |
Mậu Ngọ - Thứ năm, ngày 31 tháng 07/2025 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ở. 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.... xem tiếp. |
Mậu Ngọ - Thứ sáu, ngày 01 tháng 08/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 02 tháng 08/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, đình đám, 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. Có tin xấu về bệnh tật, đi lại, di chuyển.... xem tiếp. |