<> .support .filter form { display: inline-flex; margin: 3px; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; } .support .filter span { position: absolute; right: 10px; top: 12px; pointer-events: none; } .support .filter select { width: 100%; padding-block-start: 10px; padding-block-end: 10px; padding-inline-start: 10px; padding-inline-end: 30px; margin-block-start: 0px; cursor: pointer; font-size: var(--text-sm); border: var(--color-gray-300) 1px solid; border-radius: 4px; } #mbfilter details { display: inline-block; width: 150px; background-color: white; cursor: pointer; } #mbfilter summary { border: 1px solid var(--lt-gray); border-collapse: collapse; border-radius: 4px; padding: 4px; width: 250px; background-color: white; cursor: pointer; } #mbfilter details[open] > summary::marker { color: var(--blue); } #mbfilter summary:focus, #mbfilter summary:active { box-shadow: 0 0 5px 1px var(--blue); } #mbfilter ul { list-: none; margin: 0px; padding: 0px; margin-top: 2px; border: 1px solid var(--dk-gray); box-shadow: 0 0 5px 1px var(--lt-gray); POSITION: absolute; background-color: #878787; color: #fff; border-radius: 4px; opacity: .8; } #mbfilter li { margin: 10px; padding: 0px; } #mbfilter li > label { cursor: pointer; display: inline-block; width: 100%; } #mbfilter li > label:hover, #mbfilter li > label:has(input:checked) { background-color: var(--dk-gray); color: white; } .btn--primary { border: 1px solid; padding: 6px; border-radius: 10px; } /* 字與前面的span居中對齊 */ .support .tco { font-size: 15px; color: var(--color-gray-700); font-weight: 500; display: flex; align-items: center; padding: 4px 0; } @media (max-width: 1410px && min-width: 768px) { .support .registerYourProduct { margin-left: 60px; } } @media (max-width: 768px) { .support .registerYourProduct { margin-left: 0px; } .support .tco { display: grid; } .support .supplement { display: block; } } .support .gtin, .support .sn, .support .sdate { margin-block-start: 0 !important; display: inline-block !important; width: auto !important; margin: 3px 0; padding: 4px 8px; background-color: var(--color-gray-300); color: var(--color-gray-800); line-height: 1.2; vertical-align: middle; font-size: 13px; font-weight: 500; border-radius: 6px; box-shadow: 0 1px 3px rgba(0000.1); transition: all 0.2s ease; } .support .gtin:hover, .support .sn:hover, .support .sdate:hover { background-color: var(--color-gray-500); transform: translateY(-1px); box-shadow: 0 2px 5px rgba(0000.15); } .support .gtin.support .sn .support .sdate { margin-right: 4px; margin-left: 4px; } /* 適中的間距 */ .support form { margin-top: -10px !important; } .sha256 { word-break: break-all; }