"); } [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;}
Quý Dậu - Thứ sáu, ngày 09 tháng 05/2025 Dù làm công việc gì cũng nên chờ đợi hoặc hỏi ý kiến của người trên, quý nhân của mình. Ngày có khách, bè bạn hoặc thân nhân đến đem lại chuyện vui, nhưng có tin buồn về tai nạn, rủi ro, bệnh tật, nếu không như vậy thì gia đạo có chuyện tu bổ, chỉnh đốn, sửa chữa. Tài lộc vào nhanh ra nhanh, hoặc phải tiêu hao cho những việc cần thiết.... xem tiếp. |
Quý Dậu - Thứ bảy, ngày 10 tháng 05/2025 Ngày xung của bổn mạng. Ngày có nhiều sự cản trở do có người đến, hoặc có tin tức mới về công việc khiến cho phải bỏ dở hoặc phải lo toan việc khác. Có tài lộc hoặc có sự thuận lợi, tin vui về tình cảm, tiền bạc, đồ đạc, nhưng dễ hao tán về mua sắm, tu bổ, giúp đỡ. Có sự gặp gỡ thân nhân, bè bạn hoặc có tin tức của họ. Đề phòng rủi ro khi di chuyển, đi lại, tiến hành công việc.... xem tiếp. |
Quý Dậu - Chủ nhật, ngày 11 tháng 05/2025 Mọi việc xảy ra rất nhanh, có sự biến chuyển, đảo lộn. Do đó không nên vội vã nêu ý kiến của mình. Hãy chờ đợi và lắng nghe những ý kiến của người khác. Sự thỏa thuận, hẹn ước ở quá khứ nay có sự thay đổi ở người. Có lộc nhỏ hoặc có lộc ăn, tin vui. Sự cầu mong về hỷ sự, thi cử, công danh có kết quả.... xem tiếp. |
Quý Dậu - Thứ hai, ngày 12 tháng 05/2025 Ngày có nhiều biến động bất ngờ. Dự tính việc này lại ra việc khác. Có những sự việc hoặc con người không mời mà đến. Nên bình tĩnh giải quyết trong mọi việc nghe ý kiến của người khác sẽ không đúng. Ngày có sự hao tốn về đám tiệc, mua sắm, sửa chữa. Có tài lộc hoặc có người đề nghị về vấn đề tiền bạc làm ăn, quà tặng. Tránh gây gỗ, thị phi, đề phòng rủi ro. Có tin buồn.... xem tiếp. |
Quý Dậu - Thứ ba, ngày 13 tháng 05/2025 Có sự gặp gỡ thân nhân, bè bạn, tin 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 về đi lại, di chuyển.... xem tiếp. |
Quý Dậu - Thứ tư, ngày 14 tháng 05/2025 Ngày có sự gặp gỡ đông người, nhưng cũng có người mình không vừa ý, hoặc nghe được nhiều tin tức tốt xấu lẫn lộn. Có tin xấu về sức khỏe, đi xa, sử dụng phương tiện xe cộ, máy móc. Làm gì cũng nên có sự góp ý với mọi người. Không nên tự mình giải quyết. Có sự hư hại về đồ đạc, vật dụng hoặc có tin xấu về sức khỏe.... xem tiếp. |
Quý Dậu - Thứ năm, ngày 15 tháng 05/2025 Ngày có tài lộc nhưng cũng dễ hao tán. Có sự gặp gỡ hoặc có nhiều tin tức của bè bạn quý nhân, người thân. Nếu có lời đề nghị về công việc thì nên chấp thuận, hoặc đi đến theo sự yêu cầu.... xem tiếp. |
Quý Dậu - Thứ sáu, ngày 16 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. |
Quý Dậu - Thứ bảy, ngày 17 tháng 05/2025 Chuyện tình cảm hoặc sự giao thiệp qua lại giữa mình và mọi người đã đến lúc có sự thay đổi, cũng không nên kéo dài. Nên bày tỏ ý định. Có tin buồn vui lẫn lộn. Nên tránh đi vào đám đông sẽ không có lợi. Ngày có sự hao tốn, hoặc hư hại về đồ đạc, vật dụng.... xem tiếp. |
Quý Dậu - Chủ nhật, ngày 18 tháng 05/2025 Mọi việc đều khó hoàn tất, dễ gặp những chuyện trái ý. Nên nghỉ ngơi, tu bổ, chỉnh đốn lại những công việc cũ. Ngày có nhiều sự hư hại hoặc gặp sự trắc trở khó khăn, cực nhọc cho công việc cần thiết trong nhà hoặc trong công sở. Sức khỏe không tốt. Có tin buồn. Có tài lộc hoặc có quà tặng, ăn uống.... xem tiếp. |
Quý Dậu - Thứ hai, ngày 19 tháng 05/2025 Nếu đã có tính toán về sự thay đổi cho công việc cần thiết thì nên tiến hành. Có sự gặp gỡ, hội họp, đám tiệc, hẹn ước, giải trí. Có đông người đến hoặc nhận nhiều tin tức về công việc cũng như về tình cảm. Có cuộc đi ngắn. Có tin vui về tình cảm. Tin xấu về sức khỏe, làm ăn.... xem tiếp. |
Quý Dậu - Thứ ba, ngày 20 tháng 05/2025 Có sự gặp gỡ bè bạn thân nhân, hoặc có tiệc tùng, đình đám. Nhưng có tin không tốt, chuyện phiền lòng trong quan hệ giữa bè bạn, thân nhân, hoặc gặp rủi ro. Có tin xấu về đi lại, di chuyển, các phương tiện xe cộ, máy móc. Mọi việc thường có sự trắc trở ở buổi ban đầu, nhất là lưu ý đến những công việc cũ. Có tin buồn. Không nên vội vã hoặc lo ngại, sự việc sẽ tốt trong vài ngày sắp tới. Sức khỏe không tốt.... xem tiếp. |
Quý Dậu - Thứ tư, ngày 21 tháng 05/2025 Ngày dễ có sự hao tán về tiền bạc. Nếu có thì cũng phải chia phần hoặc chi phí cho những việc cần thiết, giúp đỡ người khác. Có quý nhân giúp đỡ hoặc có cơ hội. Không nên nghe lời bàn ra tán vào mà hãy tự mình quyết định mới tốt. Nên đi xa, di chuyển, gặp gỡ.... xem tiếp. |
Quý Dậu - Thứ năm, ngày 22 tháng 05/2025 Ngày xung của bổn mạng. Không nên hấp tấp vội vàng và tin tưởng vào sự tính toán của mình khi tiến hành vì sẽ có sự đảo lộn bất ngờ. Trong việc đi xa hoặc di chuyển dễ gặp nhiều công việc khó có sự quay trở lại. Có tin buồn, hoặc nghe tin dữ. Có sự gặp gỡ bè bạn, thân nhân hoặc có việc vui chơi, đám tiệc. Có tài lộc, lộc ăn.... xem tiếp. |
Quý Dậu - Thứ sáu, ngày 23 tháng 05/2025 Không nên hấp tấp, vội vàng, nản chí khi gặp sự khó khăn, tranh cãi. Mọi việc tổ chức, sắp xếp cho các việc đã có dự tính khó có kết quả như ý trọn vẹn. Ngày có tiệc hoặc có sự gặp gỡ thân nhân, bè bạn trong đó có người không tốt. Nếu có việc di chuyển nên có sự dự phòng về thời gian cũng như về tiền bạc. Có tin xa. Có cuộc đi ngắn. Có tài lộc, hoặc có quà tặng, lộc ăn.... xem tiếp. |
Quý Dậu - Thứ bảy, ngày 24 tháng 05/2025 Nên cẩn trọng trong việc đi lại, di chuyển. Có tài lộc, hoặc chuyện vui, quà tặng, ăn uống. Không nên có sự xích mích, tranh cãi khi có bất đồng quan điểm. Có sự cạnh tranh hoặc có người kích bác mình. Có sự gặp gỡ thân nhân, bè bạn, hoặc có tiệc tùng đình đám. Có tin xấu về sức khỏe, bổn mạng, tai nạn rủi ro của người thân.... xem tiếp. |
Quý Dậu - Chủ nhật, ngày 25 tháng 05/2025 Không nên hấp tấp toan tính mọi việc, sẽ đem đến bất lợi, phiền toái. Có nhiều công việc cần phải đi hoặc gặp tận mặt mới giải quyết được. Tài lộc dễ hao tán, vào nhanh ra nhanh, hoặc chỉ có lợi về việc thu phục tình cảm, nhân nghĩa. Có sự bảo bọc cho người thân, người ơn, bè bạn.... xem tiếp. |
Quý Dậu - Thứ hai, ngày 26 tháng 05/2025 Ngày có tiệc tùng đình đám hoặc có tin vui về công việc làm ăn. Tuy nhiên cần phải cẩn trọng khi nhận được tin tức hoặc sự đề nghị, có thể do sự hiểu lầm, tin tức đảo ngược với thực tế. Có cuộc đi ngắn. Tài lộc trung bình. Có tin xa.... xem tiếp. |
Quý Dậu - Thứ ba, ngày 27 tháng 05/2025 Nếu thấy không có gì tiến triển hoặc thay đổi thì nên ra đi hoặc tìm phương kế khác. Có nhiều việc hoặc tin tức đến gây khó khăn trở ngại hoặc mình phải có sự âu lo giải quyết cho trọn vẹn. Có sự hao tán về gặp gỡ, giao thiệp.... xem tiếp. |
Quý Dậu - Thứ tư, ngày 28 tháng 05/2025 Ngày tuổi của bổn mạng. Ngày của sự đáo hạn, đến hẹn. Mọi việc không nên hấp tấp nếu có sự chậm trễ, trắc trở, hoặc có tin không vừa ý, bực mình. Có sự gặp gỡ, họp mặt người thân, bè bạn. Có tài lộc, quà tặng. Có cuộc vui chơi, giải trí, di chuyển, nhưng cũng nên cẩn trọng trong việc sử dụng xe cộ, máy móc hoặc nghe tin xấu về chuyện này. Hao tốn về mua sắm.... xem tiếp. |