"); } [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ứ sáu, ngày 09 tháng 05/2025 Mọi việc 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, vấp váp 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 10 tháng 05/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. Có sự hư hại, hao tốn nhỏ, nhưng cũng có lộc hoặ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. |
Nhâm Tuất - Chủ nhật, ngày 11 tháng 05/2025 Ngày xung của bổn mạng. Không nên mưu cầu những chuyện lớn lao sẽ có hại. Tin tức đến đều không có lợi. Nếu có khách đến cũng không đem lại điều lợi cho mình, chỉ là ý kiến thoáng qua. Mọi việc không thể giải quyết trọn vẹn. Dù có tài lộc cũng phải có sự hao tán về nhờ vả, giúp đỡ, giao dịch, giao thiệp.... xem tiếp. |
Nhâm Tuất - Thứ hai, ngày 12 tháng 05/2025 Chuyện tình cảm chưa phải là lúc quyết định dù đã có ước hẹn hoặc có dự tính gặp gỡ. Về việc làm hãy tự mình quyết định lấy số phận của mình, không nên để sự việc hoặc người khác đến gây áp lực hoặc buộc mình phải theo. Mọi việc sẽ có cách giải quyết nhưng không phải là ngày hôm nay. Chớ tranh cãi, phân giải. Chỉ nên ngồi yên và chờ đợi. Hãy an vui về tình cảm với chính mình hoặc với gia đình. Tài lộc trung bình. Có tin vui.... xem tiếp. |
Nhâm Tuất - Thứ ba, ngày 13 tháng 05/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. |
Nhâm Tuất - Thứ tư, ngày 14 tháng 05/2025 Ngày có nhiều công việc đến cần phải giải quyết từ công việc, gia đạo, nhà cửa, cho đến chuyện tình cảm. Đề phòng người dưới có chuyện làm hại đến mình hoặc họ bị rủi ro, tai nạn. Cẩn trọng trong việc đi lại, di chuyển, hoặc có sự hư hại về xe cộ, máy móc nhưng nếu cần thiết thì nên di chuyển mới có kết quả. Ngày có sự đáo hạn, đến hẹn, định kỳ, có sự gặp gỡ bè bạn, người thân.... xem tiếp. |
Nhâm Tuất - Thứ năm, ngày 15 tháng 05/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ứ sáu, ngày 16 tháng 05/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ứ bảy, ngày 17 tháng 05/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 - Chủ nhật, ngày 18 tháng 05/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ứ hai, ngày 19 tháng 05/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ứ ba, ngày 20 tháng 05/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 - Thứ tư, ngày 21 tháng 05/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ứ năm, ngày 22 tháng 05/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ứ sáu, ngày 23 tháng 05/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ứ bảy, ngày 24 tháng 05/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 - Chủ nhật, ngày 25 tháng 05/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ứ hai, ngày 26 tháng 05/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ứ ba, ngày 27 tháng 05/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 - Thứ tư, ngày 28 tháng 05/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. |