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