"); } [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ứ 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. |
Ất Dậu - Thứ ba, ngày 13 tháng 05/2025 Không nên mưu cầu những chuyện lớn lao dễ có sự bỏ ngang, dang dở, hoặc kế hoạch bị thay đổi do người khác có ý kiến. Ngày có đám tiệc, hoặc có tin tức về chuyện tình cảm của thân nhân, bè bạn. Có cuộc vui nhỏ. Tài lộc trung bình.... xem tiếp. |
Ất Dậu - Thứ tư, ngày 14 tháng 05/2025 Có tin xa hoặc có cuộc đi ngắn hạn. Có sự thay đổi về hoàn cảnh hiện tại khiến mình phải lo âu, giải quyết, tin xấu về hư hại tài sản, tài lộc, sức khỏe, xe cộ, máy móc. Ngày có nhiều việc bận rộn liên tục vì có nhiều tin đến dồn dập.... xem tiếp. |
Ất Dậu - Thứ năm, ngày 15 tháng 05/2025 Không nên đặt mình vào thế đứng giữa ngã ba đường. Nên xem vấn đề nào quan trọng hơn thì giải quyết trước tiên. Chớ để tình cảm xen vào và nên thẳng thắn quyết định, dù có sự thiệt thòi về tiền bạc, danh lợi chút ít. Có người đi xa, có tin buồn, sức khỏe không tốt.... xem tiếp. |
Ất Dậu - Thứ sáu, ngày 16 tháng 05/2025 Ngày tuổi của bổn mạng. Không nên tính toán chuyện cao xa, mọi việc chỉ nên bình thường. Đừng để hoàn cảnh tin tức bên ngoài lôi cuốn sẽ không có kết quả. Việc di chuyển, đi lại chỉ thêm hao tốn.... xem tiếp. |
Ất Dậu - Thứ bảy, ngày 17 tháng 05/2025 Ngày chỉ thuận lợi cho việc tu bổ, sửa sang, dọn dẹp, trừ cũ lập mới. Có người đến mang tin vui, nhà có thêm người. Có tin tức ở xa. Có quý nhân giúp đỡ về tài lộc hoặc công việc làm ăn. Không nên để chuyện vui chơi, tình cảm, giao thiệp ràng buộc mình.... xem tiếp. |
Ất Dậu - Chủ nhật, ngày 18 tháng 05/2025 Có những chuyện về tình cảm cũng như công việc phải làm trong miễn cưỡng. Mọi sự đều thay đổi. Sức khỏe không tốt, có sự hư hại về đồ đạc, máy móc. Có tin buồn. Tài lộc dễ hao.... xem tiếp. |
Ất Dậu - Thứ hai, ngày 19 tháng 05/2025 Ngày rất dễ có sự thuận lợi khi mưu cầu về công danh, tình cảm, tiền bạc. Tuy nhiên cũng không nên tiến thêm vì sẽ có sự đảo lộn, và cũng không nên tranh giành, tính toán. Gia đạo có hỷ sự, có tin vui, có khách đến.... xem tiếp. |
Ất Dậu - Thứ ba, ngày 20 tháng 05/2025 Ngày không tốt. Mọi việc đều nên cẩn trọng dễ có những tin buồn, tin xấu đến làm mình thất vọng hoặc phải lo âu. Nếu ngày của sự đáo hạn, đến hẹn đã có dự tính thì sự việc đến chậm chạp không như ý, gặp chuyện phiền lòng, đã hao tốn mà không có kết quả. Nên kịp thời thay đổi kế hoạch, có sự hư hại cần phải sửa chữa, mua sắm.... xem tiếp. |
Ất Dậu - Thứ tư, ngày 21 tháng 05/2025 Ngày có nhiều công việc hoặc có tin tức đến phải lo âu tính toán. Tài lộc dễ hao tán. Mọi công việc nếu đang tiến hành chờ đợi đã lâu thì nay có sự kết thúc. Nên thay đổi hoàn cảnh hiện tại. Có tin buồn vui lẫn lộn. Nên cẩn trọng trong việc di chuyển, sử dụng xe cộ, máy móc. Sự mong cầu về tình cảm chưa phải là lúc có sự dứt khoát.... xem tiếp. |
Ất Dậu - Thứ năm, ngày 22 tháng 05/2025 Ngày xung của bổn mạng. Làm gì cũng không nên tính kế lâu dài sẽ có những sự kiện hoặc tin tức đưa đến khiến phải bỏ dở hoặc phải tính toán lại cho phù hợp với thực tế. Có tin về đi xa, có tin buồn về sức khỏe của thân nhân, bè bạn. Tài lộc trung bình. Sự mong cầu về tiền bạc còn chậm hoặc chỉ có tin mà thôi.... xem tiếp. |
Ất Dậu - Thứ sáu, ngày 23 tháng 05/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. |
Ất Dậu - Thứ bảy, ngày 24 tháng 05/2025 Làm gì cũng nên có sự cẩn thận vì có nhiều sự kiện xảy ra ngoài dự tính của mình. Hoặc có người đem đến những tin hoặc chỉ bàn bạc những chuyện bất lợi. Tài lộc có chút ít nhưng cũng dễ hao. Có tin buồn.... xem tiếp. |
Ất Dậu - Chủ nhật, ngày 25 tháng 05/2025 Việc đến nên tiến hành cho nhanh dù có trở ngại chút ít, sẽ có quý nhân giúp đỡ hoặc có cơ hội. Không nên mưu cầu chuyện tình cảm có tính lâu dài, việc vui chơi, giao thiệp chỉ nên chốc lát không nên kéo dài. Nếu thấy có lợi thì nên dừng bước không nên tham vọng, tiến thêm sẽ không hay.... xem tiếp. |
Ất Dậu - Thứ hai, ngày 26 tháng 05/2025 Có sự bận rộn về hội họp, nhóm bạn, bàn thảo hoặc có tin tức về công việc cần phải giải quyết. Ngày có đình đám, tiệc tùng, hội ngộ người thân và có hao tài chút ít về ăn uống, mua sắm. Tài lộc bình thường, nhưng thuận lợi cho công việc xây dựng, địa ốc, bảo hiểm.... xem tiếp. |
Ất Dậu - Thứ ba, ngày 27 tháng 05/2025 Dù có nhận được tin tức không vừa ý cũng không nên nóng nảy. Mọi việc sẽ có cách giải quyết. Nên thay đổi hoàn cảnh hiện tại dù đó là công việc hay vấn đề tình cảm, di chuyển. Có sự hư hại về máy móc, xe cộ, đồ đạc.... xem tiếp. |
Ất Dậu - Thứ tư, ngày 28 tháng 05/2025 Ngày tuổi của bổn mạng. Mọi việc đều không nên tiến hành, nên dè dặt trong mọi chuyện. Có sự hao tốn, cực nhọc về tiệc tùng, đình đám, khách khứa, người thân đến. Đi xa bất lợi.... xem tiếp. |