"); } [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 Thìn - Thứ hai, ngày 14 tháng 07/2025 Mọi việc nên giữ thái độ ôn hòa để thảo luận, bàn bạc dù mình đang bị áp lực hoặc đang gặp nhiều trở ngại chưa có phương hướng giải quyết cho ổn thỏa. Nhưng sẽ có kết quả. Nên chấp nhận sự giải quyết tạm thời. Sau này sẽ có sự chuyển biến. Có quý nhân giúp đỡ.... xem tiếp. |
Nhâm Thìn - Thứ ba, ngày 15 tháng 07/2025 Việc đến cần phải hết lòng dù có thiếu thốn mọi phương tiện hoặc gặp sự cản trở khó khăn mới vượt qua được. Nếu có người cần sự giúp đỡ của mình cũng nên nhiệt tình sau này sẽ có sự giúp đỡ lại. Có tài lộc chút ít hoặc có niềm vui, lộc ăn.... xem tiếp. |
Nhâm Thìn - Thứ tư, ngày 16 tháng 07/2025 Ngày xung của bổn mạng. Tính toán gì cũng hay gặp sự trắc trở khó khăn, chậm trễ, hoặc không biết tính toán nên tiến hay nên thoái. Sự quyết định nên để vào một ngày khác. Nên hoàn tất những gì đã có dự tính hoặc đến hạn kỳ. Có tài lộc. Có tin buồn. Tâm tình bất an.... xem tiếp. |
Nhâm Thìn - Thứ năm, ngày 17 tháng 07/2025 Nên di chuyển, đi xa. Ngày có nhiều công việc đến dồn dập, cũ cũng như mới hoặc có nhiều người đến hoặc có nhiều tin tức. Nên thanh toán những gì mình còn dính líu ở quá khứ, hoặc nên giải quyết cho xong những việc đã kéo dài từ lâu. Hao tài về giao thiệp, giải trí, chữa bệnh.... xem tiếp. |
Nhâm Thìn - Thứ sáu, ngày 18 tháng 07/2025 Mọi việc rất dễ xảy ra những chuyện trái ý, phật lòng hoặc gặp rủi ro, tai nạn, tin xấu. Nếu không sẽ là ngày nên cẩn trọng về sức khỏe, cần giới hạn mọi việc để tránh những chuyện phiền lòng, thất bại. Tuy nhiên cũng có tin xa, có tài lộc hoặc quà cáp do vấn đề tình cảm, ân nghĩa hoặc được mời ăn uống.... xem tiếp. |
Nhâm Thìn - Thứ bảy, ngày 19 tháng 07/2025 Nếu có người đề nghị về hợp tác, hoặc phải chia tay, giải thể thì cũng không nên vì những tiểu tiết nhỏ nhặt làm mất hòa khí. Nên thanh toán những việc đã đến hạn kỳ. Khi bắt tay vào công việc gì đề phòng có sự tráo trở hoặc sự việc xảy ra không được đúng như ý muốn. Không nên vì chuyện tình cảm mà có sự thiệt hại, phiền lòng.... xem tiếp. |
Nhâm Thìn - Chủ nhật, ngày 20 tháng 07/2025 Mưu sự còn bị nghẽn lối, hoặc công việc gặp trắc trở. Nên có sự di chuyển, thay đổi và nên tìm quý nhân giúp đỡ, hoặc chờ đợi sẽ có tin tức mới. Cẩn trọng về tiền bạc, do tình thế đảo lộn khác với sự tính toán của mình. Có khách, bè bạn đến, hoặc nhận được tin tức của họ. Có tài lộc.... xem tiếp. |
Nhâm Thìn - Thứ hai, ngày 21 tháng 07/2025 Tất cả chỉ là ngắn hạn, thành công trong nhất thời, dễ bị bỏ dở, phá ngang, ngồi lâu có hại. Nên tránh những chuyện tranh cãi, thị phi. Coi chừng khi hành động dễ bị ràng buộc, làm trong sự miễn cưỡng. Tài lộc trung bình, hoặc có quý nhân giúp đỡ. Ngày có đám tiệc, hoặc có thêm người. Có tin vui, hỷ sự. Có tin tức về việc làm ăn.... xem tiếp. |
Nhâm Thìn - Thứ ba, ngày 22 tháng 07/2025 Ngày tuổi của bổn mạng. Mọi sự có thể xảy ra nhiều tình huống khó dự đoán. Nên dè dặt trong mọi chuyện. Chớ nên có sự tranh chấp, tranh cãi sẽ đưa đến điều không tốt. Nên tiến hành những công việc đã được định trước kể cả về mặt tiền bạc. Có tin xa. Nếu không phải là ngày làm việc thì nên nghỉ ngơi, bày vẽ thêm thì bất lợi.... xem tiếp. |
Nhâm Thìn - Thứ tư, ngày 23 tháng 07/2025 Ngày có nhiều công việc đến cần phải lo âu, giải quyết. Tốt xấu lẫn lộn. Nếu không tìm được phương kế thì nên tìm gặp quý nhân là người khác phái. Nên ra đi giải quyết công việc. Có tin xa hoặc có khách. Ngày có sự hao tốn về tài lộc. Không nên hấp tấp trong mọi việc khi gặp sự trắc trở, sai hẹn hoặc dời hẹn.... xem tiếp. |
Nhâm Thìn - Thứ năm, ngày 24 tháng 07/2025 Cần tránh người muốn đem tâm tình, kết bạn với mình. Đừng mong tin xa. Nên thu xếp vén khéo công việc. Có tin tức buồn vui lẫn lộn. Nếu có được mời ăn uống dự tiệc thì cũng không vừa ý hoặc phải có sự hao tốn. Ngày gặp những người có chuyện đau buồn, thua lỗ, đau ốm đến với mình. Tránh mọi chuyện thị phi, bị kích bác. Cẩn trọng khi đi đường, nếu không gặp rủi ro thì cũng không có ích lợi. Cầu tài lộc không có lợi.... xem tiếp. |
Nhâm Thìn - Thứ sáu, ngày 25 tháng 07/2025 Có sự đi xa, di chuyển quay về nơi chốn cũ. Gặp lại người cũ hoặc nhận được tin tức của họ. Có nhiều công việc cần phải giải quyết do có nhiều tin tức mới đem lại. Tài lộc trung bình. Hao tài cho nhiều chi phí, di chuyển, mua sắm, quà tặng.... xem tiếp. |
Nhâm Thìn - Thứ bảy, ngày 26 tháng 07/2025 Ngày có nhiều chuyện không vui hoặc có sự việc xảy ra không đúng như dự tính, chậm trễ, lỡ hẹn. Mọi việc không nên gấp gáp, vội vã. Đề phòng rủi ro, khẩu thiệt, tranh cãi, gặp tiểu nhân, hoặc chỉ nhận được những tin tức không tốt. Cố gắng giữ lời hứa nếu đã có hẹn trước.... xem tiếp. |
Nhâm Thìn - Chủ nhật, ngày 27 tháng 07/2025 Không nên hấp tấp, vội vàng vì có những sự việc xảy ra bất ngờ ngoài dự tính. Việc di chuyển, đi lại có sự cản trở hoặc gặp rắc rối. Công việc khó tiến hành cho êm xuôi. Cẩn trọng có sự trách oán, phiền lòng hoặc có tin tức xấu. Có cuộc vui nhỏ. Không nên e ngại chuyện hao tốn vì sự việc không phải là dễ dàng.... xem tiếp. |
Nhâm Thìn - Thứ hai, ngày 28 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 vận may. Hãy mạnh dạn thay đổi. Có tin xa. Một ngày bận rộn. Hay lo. Tài lộc trung bình hoặc có chuyện vui.... xem tiếp. |
Nhâm Thìn - Thứ ba, ngày 29 tháng 07/2025 Không nên quá tính toán về chuyện tiền bạc, nếu có thì nên chia sẻ. Mọi việc mong cầu cần phải dựa vào sức hoặc uy tín của người khác thì mới thành công. Tuy nhiên mọi sự đều phải sòng phẳng để tránh sự mích lòng về sau. Nên di chuyển, đi xa. Nên thanh toán những gì mình còn dính líu ở quá khứ, hoặc nên giải quyết cho xong những việc đã kéo dài từ lâu. Hao tài về giao thiệp, ăn uống, giải trí, chữa bệnh.... xem tiếp. |
Nhâm Thìn - Thứ tư, ngày 30 tháng 07/2025 Đề phòng mọi rủi ro, bất trắc. Ngày gặp nhiều chuyện khó khăn hoặc phải làm việc nhiều mới có kết quả. Tài lộc tuy có nhưng chậm chạp và cũng phải chi phí vào những việc cần thiết. Ngày có sự gặp gỡ, có tin xa, có người đi xa.... xem tiếp. |
Nhâm Thìn - Thứ năm, ngày 31 tháng 07/2025 Hãy mạnh dạn tiến hành, hoặc thay đổi hoàn cảnh hiện tại, dù có gặp khó khăn, cản trở. Mọi việc sẽ đến dồn dập tốt xấu lẫn lộn. Không nên câu nệ vào những tiểu tiết miễn công việc được thành tựu là tốt. Gia đạo có chuyện buồn. Tâm tình bất an. Nên tránh những chuyện tranh cãi, thị phi. Có tin buồn. Nếu nóng tính vội vàng thì dễ bị mắc sai lầm. Nếu có tài lộc chỉ là lộc vay mượn, tạm ứng, tiền của sự đáo hạn, hoặc lộc ăn, quà nhỏ.... xem tiếp. |
Nhâm Thìn - Thứ sáu, ngày 01 tháng 08/2025 Ngày không nên có sự đương đầu, mà cần có sự nhẫn nhịn chờ đợi. Tuy nhiên, không nên tránh né mà hãy mạnh dạn giải quyết công việc hay tiền bạc ở quá khứ cho bớt đi gánh nặng và để giữ lấy uy tín của mình. Có người mang tin đến. Có tin buồn. Có sự gặp gỡ thân nhân, bè bạn. Sức khỏe không tốt. Tài lộc trung bình. Cẩn trọng về lời nói có sự tranh cãi hoặc gặp chuyện phiền muộn.... xem tiếp. |
Nhâm Thìn - Thứ bảy, ngày 02 tháng 08/2025 Mọi việc đều có thể bị đảo lộn không đúng như ý muốn hoặc có sự hư hại, trắc trở. Nếu có nhiều công việc đến thì nên làm những việc đã có dự tính, ước hẹn. Nên có sự thay đổi về quan điểm của mình trước tình hình mới. Ngày có sự gặp gỡ, có lộc hoặc có quà tặng, cuộc vui ngắn. Có tin xa. Nên ra đi giải quyết hoặc tìm hiểu công việc.... xem tiếp. |