"); } [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 Tuất - Thứ hai, ngày 14 tháng 07/2025 Đã đến lúc cần phải thay đổi phương hướng làm ăn hoặc những công việc đã đến hạn kỳ. Tuy nhiên cũng nên đi tìm nhiều tin tức đễ khỏi lầm lẫn. Tài lộc không tốt. Có người thân đi xa, hoặc thay đổi ý định về tình cảm với mình.... xem tiếp. |
Nhâm Tuất - Thứ ba, ngày 15 tháng 07/2025 Sự việc âm ỉ, chờ đợi đã lâu nay xuất hiện cả về mặt tình cảm, sức khỏe, công danh, tài lộc. Nên gấp gáp tiến hành, không nên chần chừ vì dư luận có lời qua, tiếng lại bàn tán. Ngày của sự đáo hạn, đến hẹn, định kỳ.... xem tiếp. |
Nhâm Tuất - Thứ tư, ngày 16 tháng 07/2025 Ngày tuổi của bổn mạng. Hãy nên tôn trọng những nguyên tắc cơ bản hoặc những gì đã có sự giao ước thì mới tốt. Cho nên nếu mình là người có sự sai lầm thì nên nhẫn nhịn. Ngược lại cần phải đề phòng có sự ngược ngạo, tráo trở do người hay hoàn cảnh gây nên, hoặc chỉ là hư danh, dễ gặp rủi ro, hao tài. Ngày không tốt, chỉ nên nghỉ ngơi.... xem tiếp. |
Nhâm Tuất - Thứ năm, ngày 17 tháng 07/2025 Làm gì cũng không nên để mình bị ràng buộc, áp lực, rất dễ có những chuyện xảy ra làm đảo lộn tình thế khiến mình phải lo toan. Có cuộc đi ngắn. Ngày không nên quyết định mọi chuyện chưa phải là lúc kết thúc. Nên hoàn tất những công việc cũ hoặc những việc đã có định kỳ.... xem tiếp. |
Nhâm Tuất - Thứ sáu, ngày 18 tháng 07/2025 Ngày không tốt. Nếu không phải là những việc quan trọng thì nên nghỉ ngơi. Sự giao thiệp, gặp gỡ trong ngày chỉ nhận được những tin buồn hoặc mình gặp rủi ro, buồn phiền, đau yếu. Ngày gặp nhiều áp lực về công việc, hoàn cảnh gây ra. Mọi việc tiến hành đều phải có sự cẩn trọng và kiên nhẫn. Nên suy nghĩ kỹ trước khi hành động, dễ bị vướng mắc, lôi thôi. Có tin xa, gặp lại người xưa, chuyện cũ. Sự mong cầu về tài lộc, tiền bạc còn chậm hoặc chỉ có tin.... xem tiếp. |
Nhâm Tuất - Thứ bảy, ngày 19 tháng 07/2025 Việc mong cầu về tài lộc nếu có cũng phải gặp sự trắc trở, rắc rối hoặc phải tiêu hao cho những việc tu bổ, sửa chữa, giao thiệp, hoặc chỉ là tiền vay mượn. Nếu là công việc thì không nên đặt nặng vào những chuyện nhỏ nhặt, tiểu tiết. Nếu không có sự hao tốn thì cũng khó thành công. Nên thay đổi hoàn cảnh hiện tại, hoặc đi xa, ra đi giải quyết công việc. Có người đem đến tin tốt.... xem tiếp. |
Nhâm Tuất - Chủ nhật, ngày 20 tháng 07/2025 Mọi việc không nên hấp tấp tiến hành. Không nên đương đầu. Có nhiều trở ngại hoặc có tin tức không tốt về việc làm cũng như về tình cảm, đề phòng tiểu nhân. Trong công việc hãy nên nhận định kỹ càng rồi mới hành động, vì dễ có sự đảo lộn trong công việc hoặc phải lo cho người thân, bè bạn. Nên nhường nhịn, không nên tranh cãi, đôi co, nhưng cũng không nên hứa hẹn, hoặc để người khác ràng buộc mình vì lời nói. Gia đạo có nhiều âu lo, bận rộn, đau ốm, tai nạn hoặc có tang.... xem tiếp. |
Nhâm Tuất - Thứ hai, ngày 21 tháng 07/2025 Có sự bàn bạc về thay đổi tu bổ, sửa chữa cho công việc, nhà cửa, đồ đạc. Cần phải có sự bàn thảo kỷ lưỡng rồi hãy quyết định. Ngày có rất nhiều sự việc xảy ra hoặc có nhiều tin tức đến dồn dập có liên quan đến công danh, tài lộc, bổn mạng của mình và thân nhân, bè bạn. Đề phòng rủi ro, tai nạn, bị ép uổng, chơi xấu, dính vào sự thị phi, tranh cãi, pháp luật. Việc làm cũ có vấn đề. Có sự đáo hạn, định kỳ mà mình không thể giải quyết. Có tin xa, có sự gặp gỡ.... xem tiếp. |
Nhâm Tuất - Thứ ba, ngày 22 tháng 07/2025 Ngày xung của bổn mạng. Nếu không phải là việc nghiêm trọng thì chỉ nên nghỉ ngơi và làm những công việc đã có dự tính. Không nên than van hoặc âu lo. Về công việc nếu có những trở ngại, bị áp lực hoặc có tin xấu cũng nên nhẫn nại vượt qua, sẽ có người biết đến và giúp đỡ hoặc gặp được cơ hội, vận may. Hãy mạnh dạn thay đổi. Có tin tức ở xa. Có tin buồn, sức khỏe không tốt. Một ngày bận rộn, hay lo.... xem tiếp. |
Nhâm Tuất - Thứ tư, ngày 23 tháng 07/2025 Tài lộc còn chậm, dễ hao, hay chỉ là lời hứa. Không nên tính toán, hoặc tiến hành những công việc có tính lâu dài, mọi việc đến cũng nhanh và qua đi cũng nhanh. Nên suy nghĩ kỹ một khi đã bị vướng vào thì khó thoát ra. Nên cầu viện quý nhân về ý kiến. Cần phải biết chờ đợi nếu có sự chậm trễ, hoặc công việc bị trắc trở.... xem tiếp. |
Nhâm Tuất - Thứ năm, ngày 24 tháng 07/2025 Ngày có sự gặp gỡ, gặp lại người xưa hoặc có tin tức của họ. Có tin buồn về sức khỏe, bổn mạng, công danh, tài lộc của người thân hoặc bè bạn. Hao tốn về chuyện giao thiệp, tiệc tùng, mua sắm, quà tặng. Sức khỏe không tốt. Không nên tiến hành công việc, gặp trở ngại.... xem tiếp. |
Nhâm Tuất - Thứ sáu, ngày 25 tháng 07/2025 Việc dù tốt đẹp đến mấy cũng phải đề phòng bất trắc. Công việc cần phải có nhiều người giúp, có sự hội họp, bàn thảo các vấn đề gặp sự trắc trở trên phương diện kỹ thuật, máy móc. Nói chung là mọi việc đều phải thay đổi. Nhà có đông người, ngày của tài lộc đáo hạn, định kỳ. Có chuyện bực mình, hoặc có tin buồn trong gia đạo.... xem tiếp. |
Nhâm Tuất - Thứ bảy, ngày 26 tháng 07/2025 Có những công việc bắt buộc mình phải thay đổi hoặc phải ra đi tìm phương cách giải quyết, nhưng cũng nên cẩn trọng những rủi ro trên đường, hoặc dự tính một đàng thì lại ra một nẻo. Có tài lộc của chuyện cũ, hoặc gánh nợ từ lâu nay được giải quyết. Có tin buồn.... xem tiếp. |
Nhâm Tuất - Chủ nhật, ngày 27 tháng 07/2025 Nếu đã có sự hẹn ước, định kỳ thì nên thay đổi. Có sự hội ngộ, gặp gỡ bè bạn, thân nhân, hoặc có tin tức. Mọi việc nên để tự nhiên, tính toán thêm thì sẽ gặp điều không hay. Tốt hơn là không nên đặt nặng vào sự việc đang đến, và dùng tình cảm, thiện chí mới đạt được kết quả. Tài lộc không tốt, có sự thiệt hại, rủi ro, trách oán.... xem tiếp. |
Nhâm Tuất - Thứ hai, ngày 28 tháng 07/2025 Ngày tuổi của bổn mạng. Hãy nên tôn trọng những nguyên tắc cơ bản hoặc những gì đã có sự giao ước thì mới tốt. Cho nên nếu mình là người có sự sai lầm thì nên nhẫn nhịn. Ngược lại cần phải đề phòng có sự ngược ngạo, tráo trở do người hay hoàn cảnh gây nên, hoặc chỉ là hư danh, dễ gặp rủi ro, hao tài, tai nạn, có chuyện buồn.... xem tiếp. |
Nhâm Tuất - Thứ ba, ngày 29 tháng 07/2025 Ngày có sự đáo hạn, đến hẹn, định kỳ dù là chuyện tốt hay xấu cũng vậy nên chấp nhận và tìm phương hướng giải quyết. Tuy nhiên làm gì cũng không nên để mình bị ràng buộc, áp lực, rất dễ có những chuyện xảy ra làm đảo lộn tình thế khiến mình phải lo toan. Có cuộc đi ngắn. Không nên bày vẽ thêm nhiều chuyện, dễ hao tốn. Tuy nhiên cũng gặp quý nhân giúp đỡ, có chuyện vui.... xem tiếp. |
Nhâm Tuất - Thứ tư, ngày 30 tháng 07/2025 Trong công việc mưu sự còn nhiều bất lợi không nên tiến hành, hoặc làm việc trong sự cẩn trọng. Nên giới hạn mọi việc giao thiệp. Đừng nên sinh chuyện. Tai nạn có thể đưa đến pháp luật, kiện tụng, có nhiều ưu phiền về tình cảm, đau ốm, khó khăn của người thân. Không nên đi xa bất lợi, gặp chuyện phiền lòng. Tài lộc vào nhanh ra nhanh.... xem tiếp. |
Nhâm Tuất - Thứ năm, ngày 31 tháng 07/2025 Ngày có nhiều sự thay đổi xảy ra ngoài ý muốn và đến rất nhanh. Mọi việc cần phải có sự khéo léo, chậm rãi mới có kết quả. Mọi việc có liên quan đến giao thiệp, tình cảm nên giới hạn càng ít càng tốt. Tài lộc trung bình và đến tự nhiên. Việc mong cầu chưa đến. Có việc hoặc có người đến mà mình phải miễn cưỡng thuận theo.... xem tiếp. |
Nhâm Tuất - Thứ sáu, ngày 01 tháng 08/2025 Mọi việc đều nên tỉnh táo và dựa vào thực tế hơn là sự tính toán của mình sẽ gặp điều không hay. Cho nên hãy để mọi việc xảy ra tự nhiên, đến như thế nào thì hành động như thế đó. Nếu có tin xấu hoặc sự việc có sự trở ngại thì cũng không nên để bị lôi cuốn, hãy chờ một dịp khác.... xem tiếp. |
Nhâm Tuất - Thứ bảy, ngày 02 tháng 08/2025 Đề phòng sự thị phi, trách oán, tranh cãi và cũng nên đề phòng rủi ro mọi chuyện. Mọi việc đến chậm chạp hoặc chưa có kết quả. Công việc dễ bị dở dang, bỏ dở. Cần phải nói lên ý kiến của mình khi gặp sự sai trái. Có sự gặp gỡ người thân, bè bạn, quý nhân. Không nên vì chuyện tiền bạc mà gây sự bất hòa, mất tình cảm. Có sự hư hại, hao tốn nhỏ, có chuyện vui. Có tin buồn phiền về người thân trong nhà hoặc trong công sở.... xem tiếp. |