"); } [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ý Mùi - Thứ tư, ngày 23 tháng 04/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. |
Quý Mùi - Thứ năm, ngày 24 tháng 04/2025 Nên nhẫn nại nếu công việc có gặp sự trắc trở hoặc có những vấn đề về tình cảm khó giải quyết, sẽ có quý nhân giúp đỡ hoặc có cơ hội. Sức khỏe không tốt. Có tin buồn. Gia đạo bất an. Trong việc giao thiệp nên cẩn trọng về lời nói, dễ bị hiểu lầm, hoặc nghe được những lời than phiền về những chuyện không đâu. Chỉ nên nghỉ ngơi, không nên mưu tính sẽ khó có kết quả.... xem tiếp. |
Quý Mùi - Thứ sáu, ngày 25 tháng 04/2025 Có tin tức của thân nhân hoặc bè bạn ở xa. Có cuộc ra đi ngắn của mình hoặc người thân trong nhà. Có tài lộc hoặc được mời dự tiệc ăn uống. Ngày có sự thu xếp vị trí đồ đạc trong nhà.... xem tiếp. |
Quý Mùi - Thứ bảy, ngày 26 tháng 04/2025 Có tin tức ở xa hoặc có người ra đi hoặc thay đổi công việc cũng như tình cảm. Không nên mưu cầu những việc lớn lao sẽ không có kết quả, hoặc lợi và hại đi đôi. Có tin xa.... xem tiếp. |
Quý Mùi - Chủ nhật, ngày 27 tháng 04/2025 Nếu có người hoặc có tin đề nghị công việc làm ăn hoặc có liên quan đến chức vụ thì nên chấp nhận. Đây là cơ hội để thay đổi hoàn cảnh hiện tại. Có sự tu bổ, sửa chữa, mua sắm, chỉnh đốn lại công việc. Nếu có được tin tức không tốt về công ăn, việc làm cũng không nên lo âu, nên chờ đợi, mọi việc sẽ có sự ổn thỏa. Có người hoặc có tin nhờ mình giúp đỡ. Có tin buồn ở xa.... xem tiếp. |
Quý Mùi - Thứ hai, ngày 28 tháng 04/2025 Ngày có sự thay đổi công việc hoặc tình trạng hiện tại có biến động. Có việc ra đi, di chuyển hoặc phải tiến hành công việc cần thiết khi có tin. Có tin buồn. Không nên bàn tán hoặc nhúng tay vào chuyện của người khác chỉ đem đến sự bất lợi.... xem tiếp. |
Quý Mùi - Thứ ba, ngày 29 tháng 04/2025 Mọi việc đều nên ẩn nhẫn hoặc tìm người khác thay thế mình trong công việc cần giải quyết. Có sự gặp gỡ bè bạn, thân nhân, có lộc nhỏ hoặc có quà tặng, vui chơi. Có tin tứv ở xa. Không nên e ngại khi có sự vay mượn hoặc nhờ quý nhân giúp đỡ về tiền bạc.... xem tiếp. |
Quý Mùi - Thứ tư, ngày 30 tháng 04/2025 Nên giới hạn mọi sự giao thiệp. Việc gì cần làm thì nên làm ngay, không nên nghe lời bàn tán hoặc có những chuyện về tình cảm xen lấn vào công việc đưa đến hậu quả không tốt. Nên cẩn trọng về lời nói. Sức khỏe không tốt. Có tin buồn. Ngày có nhiều sự vất vả, nên cẩn trọng mọi việc.... xem tiếp. |
Quý Mùi - Thứ năm, ngày 01 tháng 05/2025 Không nên vì chuyện tình cảm mà bỏ ngang công việc. Không nên bực mình khi có tin hoặc có người, bè bạn nóng tánh vì hiểu lầm, hoặc quá lo vì công việc. Sự vồn vã về tình cảm là điều không nên.Trong sự di chuyển đi xa có sự trắc trở hoặc gặp rủi ro nhưng cũng không đáng lo ngại. Có tin vui về tình cảm, bè bạn, gia đình. Có tin buồn về sức khỏe, làm ăn của người thân.... xem tiếp. |
Quý Mùi - Thứ sáu, ngày 02 tháng 05/2025 Ngày tuổi của bổn mạng. Nếu có tiền bạc thì cũng phải hao tốn về mua sắm, tu bổ, trả nợ, hoặc được vay mượn. Ngày có nhiều biến động, thay đổi từ công danh, việc làm cho đến tình cảm. Có sự họp mặt gặp gỡ hoặc có tin tức của người thân, bè bạn. Có người đi xa. Gặp lại người xưa.... xem tiếp. |
Quý Mùi - Thứ bảy, ngày 03 tháng 05/2025 Nên tiến hành những công việc đã có dự tính trước. Có khách đến. Không nên trông chờ hoặc tin cẩn vào những gì mình đã có sự giao hẹn vì có sự chậm trễ hoặc có sự hiểu lầm làm trái ngược lại. Nên nhắn tin để hỏi lại. Có tin tức ở xa. Có sự gặp gỡ thân nhân, bè bạn. Nếu công việc đã kết thúc thì nên xem xét lại để tu bổ, chỉnh sửa. Không nên e ngại sự hao tốn, trở ngại, nên tiến hành tuần tự giải quyết.... xem tiếp. |
Quý Mùi - Chủ nhật, ngày 04 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ý Mùi - Thứ hai, ngày 05 tháng 05/2025 Việc bàn bạc trong nhà hoặc trong công sở sẽ có nhiều ý kiến trái ngược và mâu thuẫn nhau. Không nên nghiêng về một phía, cũng không nên quyết định vội vã. Sẽ có tin tức mới. Gia đạo có tin về sức khỏe, sinh nở, hoặc được mời dự tiệc, đình đám. Nếu mình là cấp dưới hãy để cho cấp trên quyết định. Tài lộc trung bình hoặc có lộc ăn, quà tặng. Có khách đến.... xem tiếp. |
Quý Mùi - Thứ ba, ngày 06 tháng 05/2025 Ngày có nhiều sự việc xảy ra rất bận rộn khiến mình phải lo toan, giải quyết. Có sự tu bổ, sửa chữa, mua sắm đồ đạc, vật dụng hoặc có cuộc gặp gỡ thân nhân, bè bạn. Có tin buồn. Sức khỏe không tốt. Tài lộc dễ hao.... xem tiếp. |
Quý Mùi - Thứ tư, ngày 07 tháng 05/2025 Ngày chỉ thuận lợi cho việc sửa sang, chỉnh đốn, tu bổ cho nhà cửa, công việc, hoặc ngày có sự gặp gỡ người thân, bè bạn. Không nên dính líu đến công việc, tình cảm của người khác. Nên lấy sự hòa giải, tình cảm mà đối đãi nhau. Có tài lộc, có cuộc đi ngắn.... xem tiếp. |
Quý Mùi - Thứ năm, ngày 08 tháng 05/2025 Ngày xung của bổn mạng. Hãy nghĩ đến công việc chung mà đồng tâm, ý hợp. Ngày có sự thay đổi, hoặc có sự di chuyển, đi xa, gặp lại người xưa, có người đi xa. Nếu có sự hội họp, bàn thảo, nhân viên, cộng sự, bè bạn thì không nên ở lâu, không tốt. Có tin buồn.... xem tiếp. |
Quý Mùi - Thứ sáu, ngày 09 tháng 05/2025 Nếu toan tính đến chuyện tình cảm thì không nên tiến nhanh, vì chưa phải là đúng thời cơ. Tuy nhiên cũng nên bày tỏ ý định của mình một cách khéo léo. Có thể có sự dòm ngó của người khác, hoặc có người muốn nhúng tay vào chuyện của mình. Mọi việc chưa phải là kết thúc. Nên cẩn trọng về lời nói. Nên đi xa, di chuyển, gặp gỡ.... xem tiếp. |
Quý Mùi - Thứ bảy, ngày 10 tháng 05/2025 Nếu có người đề nghị về công việc làm ăn hoặc tham dự, đóng góp cũng không nên từ chối, mà cũng không nên quyết định ngay, còn nhiều vấn đề ở phía sau cần phải thảo luận kỹ. Có tin buồn. Sức khỏe không tốt. Mọi việc đều có thể xảy ra không được như ý hoặc chờ đợi chậm chạp. Có sự hư hại về đồ đạc vật dụng cần phải mua sắm tu bổ, sửa chữa, hoặc có sự gặp gỡ thân nhân, bè bạn.... xem tiếp. |
Quý Mùi - Chủ nhật, ngày 11 tháng 05/2025 Nếu cần di chuyển, đi xa, cần phải hỏi tin tức một lần nữa cho chính xác. Sự hẹn hò, hẹn ước chưa được như ý nhưng không phải là xấu. Tất cả chỉ nên nằm trong sự trao đổi, thảo luận, bàn bạc, lập kế hoạch. Chưa phải là lúc tiến hành. Có tin xa. Có lộc nhỏ, hoặc có việc lợi lộc, sự thuận lợi đến với mình, trong nhóm có người bất đồng ý kiến với mình, hao tài về giao thiệp.... xem tiếp. |
Quý Mùi - Thứ hai, ngày 12 tháng 05/2025 Ngày có nhiều tin buồn hoặc sức khỏe không tốt. Gia đạo bất an, hoặc bận rộn vì chuyện tu bổ, sửa sang, mua sắm, chữa bệnh. Sự mong cầu về tiền bạc còn chậm, nếu có thì cũng phải có sự chi phí khá nhiều. Đi xa bất lợi. Có tin xa. Việc đời còn lắm ngang trái buồn phiền, nếu bạn có gặp trở lực hoặc lâm vào thế kẹt cũng không nên chán nản, sẽ có người giúp đỡ mình, và mọi chuyện sẽ qua.... xem tiếp. |