"); } [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;}
Ất Dậu - Thứ tư, ngày 23 tháng 04/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. |
Ất Dậu - Thứ năm, ngày 24 tháng 04/2025 Việc gì có thể bỏ qua, bỏ bớt thì nên giới hạn, không nên tiến hành. Kể cả những chuyện không vui, mích lòng cũng không nên để ý. Đừng nhúng tay vào chuyện của người khác không tốt. Nên giải quyết những công việc đã có dự tính, hẹn ước từ trước. Có cuộc đi ngắn hoặc có sự thay đổi chút ít về chuyện làm ăn.... xem tiếp. |
Ất Dậu - Thứ sáu, ngày 25 tháng 04/2025 Có sự thay đổi về phương hướng làm ăn, nơi ăn chốn ở. Không nên ngồi tại chỗ, nên đi gặp hoặc gọi người cộng sự để bàn thảo. Sự mong cầu về tiền bạc cần có sự nhẫn nại mới được kết quả nhất là đối với phái nữ là người giúp đỡ mình.... xem tiếp. |
Ất Dậu - Thứ bảy, ngày 26 tháng 04/2025 Nên đi xa hoặc tiến hành những dự tính của mình. Ngày có nhiều công việc gấp gáp cần phải giải quyết trong ngày mới tốt. Chuyện tình cảm không nên để dây dưa, và hãy tỏ bày cho thật lòng dù có sự phiền lòng chút ít. Hao tốn về giao thiệp. Có tài lộc.... xem tiếp. |
Ất Dậu - Chủ nhật, ngày 27 tháng 04/2025 Ngày không tốt. Không nên mưu cầu những việc lớn lao hoặc đương đầu một cách cứng rắn sẽ hoàn toàn không có lợi, còn đưa đến việc mất tình cảm, bất hòa. Chuyện giao thiệp tình cảm chỉ nên ngắn gọn. Nên hoàn trả hoặc thực hiện những gì đã có dự tính theo hạn kỳ, hẹn ước.... xem tiếp. |
Ất Dậu - Thứ hai, ngày 28 tháng 04/2025 Sự chờ mong về tin tức dễ gặp trở ngại hoặc dễ bị gián đoạn do có sự hư hại về đồ đạc, vật dụng, hoặc máy móc. Nên giới hạn việc đi xa, di chuyển kẻo lỡ tin tức, hoặc có rủi ro giữa đường. Tuy nhiên công việc làm ăn vẫn có sự thuận lợi, có tin tức tốt và có người đến đem lại sự thuận lợi cho mình ở tương lai. Ngày dễ hao tốn tài lộc.... xem tiếp. |
Ất Dậu - Thứ ba, ngày 29 tháng 04/2025 Việc đến như thế nào thì cứ làm như thế ấy, không nên bày vẽ thêm nhiều chuyện. Có tin tức tốt ở xa hoặc gặp lại người xưa. Tài lộc vào ra thất thường. Ngày có nhiều công việc đến rất bận rộn. Có người đến mang tin buồn hoặc đến nhờ vả.... xem tiếp. |
Ất Dậu - Thứ tư, ngày 30 tháng 04/2025 Ngày dễ có sự trách oán, phiền muộn, hiểu lầm, thị phi. Không nên dính líu đến chuyện của người khác gặp tai ương. Ngày nên ngồi yên. Nếu có tiệc tùng đình đám hoặc có sự gặp mặt giao thiệp cũng không có lợi gì chỉ nghe những chuyện không tốt. Dễ hao tài.... xem tiếp. |
Ất Dậu - Thứ năm, ngày 01 tháng 05/2025 Có nhiều sự biến động thay đổi về gia đạo cho người thân hoặc bè bạn. Có tin tức về chuyện tình cảm, hôn nhân hoặc có sự dự tiệc tùng, đình đám, có người đến tâm sự, cần nghe ý kiến của mình. Tài lộc trung bình, tình cảm tốt.... xem tiếp. |
Ất Dậu - Thứ sáu, ngày 02 tháng 05/2025 Nên ngồi yên, dù có tính toán gì hoặc đi đâu cũng chỉ đem đến kết quả không có lợi. Sức khỏe không tốt. Có tin buồn. Tài lộc dễ hao. Chỉ thuận lợi cho việc tu bổ, sửa chữa, chỉnh đốn các công việc cũ. Có người ở xa trở về, hoặc có tin.... xem tiếp. |
Ất Dậu - Thứ bảy, ngày 03 tháng 05/2025 Ngày không nên mưu cầu việc lớn lao, cũng không nên tranh cãi sẽ gặp nhiều rủi ro, buồn phiền, có sự tu bổ, dọn dẹp, sửa chữa đồ đạc, xe cộ, vật dụng, nơi ăn chốn ở. Nếu ngày này là ngày đã có dự tính tiến hành công việc hoặc thay đổi thì nên cẩn trọng và xem xét lại những dự tính của mình còn thiếu sót hay không. Hãy quên chuyện cũ.... xem tiếp. |
Ất Dậu - Chủ nhật, ngày 04 tháng 05/2025 Ngày tuổi của bổn mạng. Việc gì cũng nên từ từ giải quyết dù có gặp sự trắc trở khó khăn. Nên giữ hòa khí trong nhà hoặc mọi người. Đi xa, di chuyển bất lợi. Có người đem đến tin buồn.... xem tiếp. |
Ất Dậu - Thứ hai, ngày 05 tháng 05/2025 Chớ để tình cảm xen vào mà nên thẳng thắn quyết định, dù có sự thiệt thòi, danh lợi chút ít. Không nên phân vân, hãy mạnh dạn thay đổi hoàn cảnh hiện tại. Chần chừ thì không có lợi. Tài lộc chậm, dễ hao tốn. Ngày của sự đáo hạn, đến hẹn. Có tin xa. Có người đến nhờ vã mình.... xem tiếp. |
Ất Dậu - Thứ ba, ngày 06 tháng 05/2025 Không nên nóng nảy hoặc hấp tấp, vội vàng khi có tin không thuận lợi cho mình về công danh cũng như về tiền bạc. Mọi việc đều chưa có sự kết thúc rõ ràng. Nên tìm gặp quý nhân thăm hỏi. Có tin buồn ở xa.... xem tiếp. |
Ất Dậu - Thứ tư, ngày 07 tháng 05/2025 Sự giao thiệp thân mật về tình cảm tuy cần thiết nhưng không nên để lấn áp lý trí. Hãy lo cho công việc trước kẻo lỡ thời cơ hoặc chỉ khiến cho mình thêm sự ràng buộc. Ngày có hỷ sự. Gặp lại người xưa hoặc có sự di chuyển quay về nơi chốn cũ. Có tài lộc hoặc có tin tức thuận lợi về công việc làm ăn. Nếu có gặp sự bất hòa, gặp trở ngại cũng có thể giải quyết được bằng vấn đề tình cảm, nhân nghĩa. Có tin tức ở xa.... xem tiếp. |
Ất Dậu - Thứ năm, ngày 08 tháng 05/2025 Ngoài chuyện về sinh nở, đám tiệc, dọn dẹp, sửa chữa, chỉnh trang thì không kể, mọi việc đều nên cẩn trọng khi tiến hành, dễ gặp chuyện không vừa ý hoặc mang tin buồn, không thuận lợi về công việc làm ăn cũng như về bổn mạng. Sự mong cầu về tài lộc không tốt, dễ hao. Dù có cũng không xứng đáng. Nên quay về nơi chốn cũ.... xem tiếp. |
Ất Dậu - Thứ sáu, ngày 09 tháng 05/2025 Có sự thay đổi về hoàn cảnh, tình trạng hiện tại, nên suy nghĩ kỹ trước khi hành động. Có sự thực hiện những gì đã có dự tính trước, hẹn ước, đến hạn kỳ hoặc ngày mở ra công việc mới, tình cảm mới. Nếu có tài lộc thì cũng phải chi dụng vào những công việc trên hoặc phải có sự chia sẻ.... xem tiếp. |
Ất Dậu - Thứ bảy, ngày 10 tháng 05/2025 Ngày xung của bổn mạng. Không nên dựa trên kinh nghiệm hay sự tính toán lâu năm của mình mà áp dụng sẽ không có kết quả như ý. Nếu có sự vui chơi, giao thiệp, cũng nên giới hạn e có hậu quả xấu. Có thân nhân, bè bạn đến hoặc có tin tức của họ. Đi xa, sử dụng xe cộ máy móc bất lợi, hoặc đi vì chuyện buồn, sức khỏe không tốt.... xem tiếp. |
Ất Dậu - Chủ nhật, ngày 11 tháng 05/2025 Mọi việc nên hoạt động một cách bình thường. Dù thấy có cơ hội phát triển hoặc muốn tiến thêm cũng nên chậm rãi, hoặc nên bàn thảo kỹ lưỡng rồi hãy quyết định. Có tin tức ở xa.... xem tiếp. |
Ất Dậu - Thứ hai, ngày 12 tháng 05/2025 Sứ khỏe không tốt. Ngày có nhiều lo âu, bận rộn, có tin buồn hoặc có người đến tâm sự và nhờ mình giúp đỡ. Có cuộc đi ngắn hoặc có cuộc gặp gỡ, hẹn hò để thông báo sự chia tay, thay đổi hoàn cảnh sống. Cuộc vui không trọn vẹn.... xem tiếp. |