body {justify-content: center;place-items: center;place-content: center;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif;float:left;overflow-x: hidden;overflow-y: auto;transform: scale(1.0);transform-origin: 20% 20%; }body { font-size: 16px; }@media screen and (max-width: 1024px) {body { font-size: 14px; }}@media screen and (max-width: 800px) {body { font-size: 12px; }}html { font-size: calc(16px + 0.5vw);  }h1   { font-size: 1.65rem; font-weight: 650; }h2   { font-size: 1.25rem; font-weight: 400; }h3   { font-size: 1.00rem; font-weight: 350; color:#777; white-space: pre; }h4   { font-size: 0.85rem; font-weight: 650; color:#333; white-space: pre;  }h5   { font-size: 1.05rem; font-weight: 650; color:#555; white-space: pre;  }h6   { font-size: 0.85rem; font-weight: 600; color:#333; white-space: anywhere; }p3   { font-size: 0.75rem; font-weight: 520; color:rgb(205, 0, 0);font-family:Arial, Helvetica, sans-serif}p4   { font-size: 1.20rem; font-weight: 450; color:rgb(205, 0, 0);font-family:Calibri,Arial,Helvetica,sans-serif}p5   { font-size: 0.65rem; font-weight: 500; color:rgb(205, 0, 0);font-family:Arial, Helvetica, sans-serif}p    { font-size: 1.00rem; margin:15px 0; }span { font-family:monospace, 'Courier New', Courier;}h1,h2,h3,h4,h5,span { line-height:1.1; padding:0; margin:5px 0;}h4,h5,h6 { line-height:1.1; padding:0; margin:3px 0;}P3   { position:relative;top:0px;vertical-align: super;}P5   { position:relative;bottom:5px;vertical-align: sub;}.Containex {position: relative;height:auto;}.Containex:before, .Containex:after {z-index: -1;content: "";position: absolute;inset: 0;}.Containex:before {clip-path: polygon(0 0, 20% 0, 98% 20%, 20% 60%, 0 60%);}.Containex:after {clip-path: polygon(99% 32%, 99% 22%, 20% 62%, 0% 62%, 0 75%, 20% 75%); }.Containee {position:relative;height: auto;margin: 0 auto; text-align: center; justify-content:center;border-radius: 0 0 15px 15px;color:transparency;background-color:transparency;}.Containee::-webkit-scrollbar {  display: none;} .SlipContains {display: flex;width: auto;margin: 0 auto;overflow-x: auto;scroll-snap-type:x mandatory;scrollbar-width: none; -ms-overflow-style: none; background-color: #fafafa;}.SlipItems {flex: 0 0 220px;       padding: 6px 10px 20px 10px;max-width: 200px;max-height:450px;margin:0 28px;flex-shrink: 0;scroll-snap-align: start;text-align: left;cursor: pointer;box-sizing: border-box;background-clip: content-box;}.SlipItems img, .SlipItems video, .SlipItems pre, .SlipItems embed, .SlipItems iframe {height: 81%; tab-size: 2;text-align: center;}.SlipItems img {display: block;width: auto;margin: 0 auto;}.SlipItems video {display: block;width: auto;border: none;}.SlipItems pre {display: block;width: 100%;max-width: 220px;margin: 0;font-size: 0.7rem;white-space:pre-wrap;overflow-wrap: anywhere;  border: 0px solid orange;background-color: azure;}.SlipItems embed,.SlipItems iframe { display: block;width: 100%;overflow-wrap: break-word;  word-break: break-all;border: none;overflow-x: auto;}.SlipItems:hover, .SlipItems:focus{background-color: rgb(250, 250, 250);}.ScrollContainers { overflow-x: auto;  overflow-y: scroll;  }.ScrollContainers::-webkit-scrollbar {height: 8px;width:  0px;}.ScrollContainers::-webkit-scrollbar-thumb {background: #aaa; border-radius: 3px;}.ScrollOffContainers {overflow-y: auto;scrollbar-width: none;-ms-overflow-style: none;}.ScrollOffContainers::-webkit-scrollbar {display: none;}.FlexContains, .FlexContainx {display: flex;    flex-wrap: wrap;      width: 100%;         margin: 0 auto;        background-color: #fafafa;} .FlexItems {        flex: 1 1 200px;     max-width: 220px; max-height:300px;   margin: 0px;        padding: 6px 8px 20px 8px;flex-wrap: wrap;            background-color: transparent;    border: none;    text-align: left; overflow:hidden;box-sizing: border-box;}.FlexItems img, .FlexItems video, .FlexItems pre, .FlexItems embed, .FlexItems iframe {height: 81%;tab-size: 2;}.FlexContainx > .FlexItems > img {height: 75%;}.FlexItems img {display: block;width: auto;margin: 0 auto;border: none;transition: transform 0.5s ease; cursor: pointer;}.FlexItems video {display: block;width: auto;cursor: pointer;border: none;transition: transform 0.5s ease; }.FlexItems pre {display: block;width: auto;max-width: 220px;margin: 0;font-size: 0.8rem;white-space:pre-wrap;overflow-wrap: anywhere;border: none;background-color: azure;transition: transform 0.5s ease; }.FlexItems embed,.FlexItems iframe {display: block;width: auto;border: none;transition: transform 0.5s ease; }.FlexItems:hover, .FlexItems:focus {background-color: rgb(250, 250, 250);}    @media (max-width: 1024px){ .FlexItems {flex: 1 1 280px; }}    @media (max-width:  768px){ .FlexItems {flex: 1 1 320px; }}.Paragraphs, .GoodsPages, .ListPages, .PhotosPages, .AreaPages {position: relative;left:0;width:100%;height:auto;margin: 10px 0 0 0;justify-content:left;}.AreaPages {width:100%;justify-content:center;align-items: center;box-sizing: border-box;}.AreaContains, .GoodsContains, .ListContains, .PagesContains, .PhotosContains {display: flex;width:auto; justify-content: center; gap: 0px;}.AreaPages > .AreaContains { display:block; text-align: left;}.FlexContainx > .FlexItems {max-height: 380px;  }.AreaColumns, .GoodsColumns, .GoodsThumbnails, .PhotosColumns, .PhotoLabels, .ListColumns {display: inline-block;text-align: left;padding: 3px;}.GoodsColumns img, .GoodsThumbnails img, .PhotosColumns img {display: block;width: 50px;height: auto;padding: 2px;border: 2px solid #fff;border-radius: 5px;}.GoodsPseudoColumns {width:250px;height:1px;user-select:none;}.DocsGroups { width: 100%;         border-top: 1px solid #ccc;}.ListPages {width:auto;}.ListGroups, .LineGroups {width:auto;}.ListContains {text-align: left;border-bottom: 1px solid #ccc;}.ListColumns {width:auto;}.ListColSelectors {place-content: center;}.ListColPictures {display: block;width: 120px;height: auto;padding: 2px;}.ListColDescripts {width:500px;margin: 0;user-select: text;}.ListColVolumes {width:auto;margin:5px 0;}.ListColPrices, .ListColSumPrices { text-align:right;}.LeftColPrices {width:auto;text-align:left;}.ListColTotals {width:95%;min-width: 150px;padding:10px;margin:5px auto;text-align: left;border: 5px solid rgb(195,0,0);}.ListColSummaries {min-height:280px;text-align: center;padding: 20px 35px 20px 15px;background-color: #f8f8f8;border-top: 1px solid #ccc;line-height:1.25; }.ListColConfirms {width: 112%;padding:10px;margin:5px auto;letter-spacing: 2px;text-align: center;color: white;font-family: Helvetica,Arial,sans-serif;font-size:1rem;font-weight: 800;cursor: pointer;border: none;background-color:rgb(195,0,0);}.ListSelectsSummaries {width:auto;min-height: 25px;margin: 0 12px;text-align: left;}.ListHeaders, .ListSubheaders {text-align:left;margin: 10px 0 0 0;color:rgb(195, 0, 0);font-size:1rem;vertical-align: bottom;white-space: nowrap;user-select: none;}.ListHeaders {position: relative;display: flex;margin: 0;padding: 3px 0;text-align:left;justify-content: space-between;background-color:rgb(112, 48, 160);}.LineGroups, .FormGroups {text-align:left;color:rgb(195, 0, 0);}.LineHeaders {position: relative;display: flex;padding:5px;margin:0 0 3px 0;font-size:1.1rem;font-weight: 650;background-color:#f8f8f8;user-select:text;text-align:left;justify-content: space-between;}.LineContains {display:flex;}.LineLabels {display:flex;margin: 2px;text-align:left;font-size: 1.05rem;font-family:Microsoft JhengHei,微軟正黑體;}.LineContains br{display: block;content: "";width: 100%;}.LineInputs, .LineInputContains, .SelectInputContains {outline: none;box-shadow: none;appearance: none;width:100%;padding: 2px 5px;margin: 0 8px;width: 95%;font-size:1rem;color:royalblue;border-radius: 5px;border: 0;box-shadow: none;border-bottom: 1px solid #ccc;}.FormGroups input[type="text"]:focus, .LineGroups input[type="text"]:focus, .FormGroups input[type="password"]:focus,.LineGroups input[type="password"]:focus,.SelectInputs input[type="text"]:focus {display: inline-block;outline: none;border: 0;color:royalblue;vertical-align: middle;box-shadow: none;border-bottom: 1px solid royalblue;}.LineButtons {cursor:pointer;font-size:1.2rem;font-weight: 650;letter-spacing: 2px;user-select:none;}.LineInputContains {margin-left:0;width:250px;}.SelectInputContains {position: relative;margin-left:0;width:100px;background: white;}.SelectInputs {width: 80%;border: none;font-size:1rem;color:royalblue;background-color: transparent;}.SelectToggles {position: absolute;margin:0% 0 0 80%;font-size: 1.35rem;color: rgb(195, 0, 0);pointer-events: none;}.SelectOptions {position: absolute;top: 0; right: -45%; width: 65%; height: 100%; opacity: 0;cursor: pointer;}.ListHeadersDescripts {display:flex;color:white;}.ListHeaders a {margin: 0 5px;vertical-align: top;}.ListHeaders input[type=checkbox] {width:18px;height:18px;color:rgb(195,0,0);accent-color:rgb(195,0,0);border: 1px solid rgb(195,0,0);cursor: pointer;}.ListHeaders input[type=checkbox]:hover,.ListHeaders input[type=checkbox]:focus {outline: 3px solid rgb(195,0,0);outline-offset: 2px;}.ListSubheaders input[type=checkbox] {width:16px;height:16px;color:rgb(67,83,255);accent-color:rgb(67,133,244);border: 1px solid blueviolet;cursor: pointer;}.ListSubheaders input[type=checkbox]:hover,.ListSubheaders input[type=checkbox]:focus {outline: 3px solid rgb(67,133,244);outline-offset: 2px;}.ListHeaders input[type=checkbox]:disabled,.ListSubheaders input[type=checkbox]:disabled {-webkit-appearance: none;appearance: none;background-color: transparent !important;border: 2px solid rgb(195,0,0) !important;width:12px;height:12px;border-radius: 3px;cursor: not-allowed;}.ListHeadersIcons {width:25px;margin:0 0 0 10px;cursor:pointer;}.Prices {display: inline-block;font-weight: 500;font-size: 1.2rem;}.Numbers { font-family:Calibri,Arial; }.Decimals {position:relative;bottom: 5px;font-size: 0.65rem;font-family:Arial,Helvetica,sans-serif;vertical-align: sub;}.Currencies {position:relative;margin-right: 2px;font-size: 0.75rem;font-weight: 520;font-family:Arial,Helvetica,sans-serif;vertical-align: super;}.GoodsViews, .BooksViews, .PhotosViews {display: block;width: 250px;height: auto;padding:3px;overflow-x: scroll; white-space: nowrap;scroll-behavior: smooth;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;}.GoodsViews {width: 300px;height:auto;}.BooksViews {width:auto;max-height:680px;padding:15px 0;justify-content: center;place-items: center center;border-top: 1px solid #aaa;}.PhotosViews {width:1024px;border-top: 1px solid #aaa;user-select:none;}.PhotoLabels p {width: auto;height:25px;padding: 0 3px;margin: 2px;color: blueviolet;font-size:0.75rem;font-weight: 400;white-space: nowrap;user-select:none;}.GoodsViewItems, .BooksViewItems, .PhotosViewItems {display: inline-block;  width: 100%;overflow:hidden;padding:0 3px; vertical-align: top;scroll-snap-align: center; object-fit: contain; }.GoodsViewItems { vertical-align:middle;cursor: pointer;user-select: none;}.BooksViewItems {height: 480px;      box-sizing: border-box; background-color: transparent;}.BooksViewItems embed,.BooksViewItems img,.BooksViewItems pre {display: block;width: 98%;height:auto;padding: 0 10px;margin: 0;font-size: 1.2rem;font-weight: 400;font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif;color:#555;overflow-x:auto;white-space: pre-wrap;      overflow-wrap: anywhere;    tab-size: 4;border: none;}.PhotosViews pre {padding: 20px;text-align: center;}.GoodsModels, .GoodsStyles, .BooksTabs, .PhotosTabs {width: fit-content;height: auto;padding: 2px;text-align: left;}.ModelTypes, .StyleTypes, .BooksTabsLabels, .PhotosTabsThumbnails {display: inline-block;  width: 100px;height: auto;margin: 0;padding:3px;text-align: center;place-items: center;align-items: center;}.ModelTypes img, .StyleTypes img,.ModelTypes pre, .StyleTypes pre,.ModelTypes span,.StyleTypes span  {width: auto;height: auto;margin: 0 auto;text-align: center;max-height: 60px;}.BooksTabsLabels {width:60px;margin:0 30px;cursor: pointer;}.PhotosTabs {display: flex;width: 300px;height:auto;flex-wrap: nowrap;overflow-x: scroll;scroll-snap-align: start;}.PhotosTabs::-webkit-scrollbar {  display: none;} .PhotosTabsThumbnails {flex-shrink: 0;display: flex;  vertical-align: middle;scroll-snap-align: center; object-fit: contain; max-width:55px;max-height:75px;cursor: pointer;}.PhotosTabsThumbnails img,   .PhotosTabsThumbnails video,.PhotosTabsThumbnails embed, .PhotosTabsThumbnails iframe  {width: auto;height: auto;max-width:50px;max-height: 65px;box-sizing: border-box;} .ModelTypes:hover, .ModelTypes:focus, .ModelTypes.active,.StyleTypes:hover, .StyleTypes:focus, .StyleTypes.active,.GoodsColumns img:hover, .GoodsColumns img:focus,.PhotosColumns img:hover, .PhotosColumns img:focus,.GoodsThumbnails img:hover, .GoodsThumbnails img:focus, .GoodsThumbnails img.active {border-radius: 0px;border: 2px solid orange;background-color: transparent;}.ModelTypes:hover, .ModelTypes:focus, .StyleTypes:hover, .StyleTypes:focus {border: 2px solid royalblue;background-color: rgba(240, 255, 255, 0.35);}.GoodsColumns h3 img:hover, .GoodsColumns h3 img:focus { border: 0;}.GoodsViews img:hover, .GoodsViews img:focus,.ModelTypes img:hover, .ModelTypes img:focus,.StyleTypes img:hover, .StyleTypes img:focus { border: 2px solid transparent;}.BooksTabsLabels:hover, .BooksTabsLabels:focus, .BooksTabsLabels.active {border-bottom: 3px solid orange;}.PhotosTabsThumbnails:hover, .PhotosTabsThumbnails:focus, .PhotosTabsThumbnails.active {border: 2px solid orange;}.PhotosTabsThumbnails img:hover, .PhotosTabsThumbnails img:focus {border: 2px solid transparent;}.GoodsViewItems img, .GoodsViewItems video,.PhotosViewItems img, .PhotosViewItems video {display: block;height: auto;border-radius:12px;object-fit: cover;background-color:transparent;}.GoodsViewItems img, .GoodsViewItems video {margin: 0 auto;border-radius:0px;max-height: 320px;width:auto;height:auto;}.PhotosViews img:hover,   .PhotosViews img:focus,.PhotosViews video:hover, .PhotosViews video:focus  {border-radius: 12px;border: 2px solid orange;background-color: transparent;}.ActionIcons {width:auto;height:36px;vertical-align:bottom;cursor:pointer;border-radius:5px;background-color: transparent;}.DirContains {z-index: 5;position: absolute;width: inherit;display: flex;margin: 20% 15px;justify-content: space-between;   pointer-events:none;}.DirButtons {display:flex;font-size: 1.2rem;color:transparent;justify-content:center;align-items: center;text-align: center;border-radius: 50%;background-color: transparent;cursor: pointer;user-select:none;pointer-events: auto; }.DirContainsStyle1 { width:28%; margin:15% 0;    }.DirContainsStyle2 { width:28%;margin: 2% 0 0 0;}.DirContainsStyle3 { width:98%;margin:10% 10px; }.DirButtonsStyle1  { width:35px;height:35px; font-size:0.8rem; }.DirButtonsStyle2  { width:15px;height:15px; font-size:0.8rem; }.DirButtons:hover, .TabsDirButtons:hover, .DirButtons:focus, .TabsDirButtons:focus {background-color:#fff;transform: scale(1.35);}.TabsDirButtons {display:flex;width: 35px;height:35px;color:transparent;justify-content:center;align-items: center;text-align: center;border-radius: 50%;background: transparent;cursor: pointer;user-select:none;}.SlipItems > div > img { cursor:pointer;width:1.5em;height:auto;}.FlexItems > div > img { cursor:pointer;width:1.5em;height:auto;}.GoodsColumns > div > h3 > img { width:1.65em;height:auto;object-fit:contain;}.GoodsColumns > div > h3 > .GotoPayingIcons { width:2.85em;}.AddFavoursIcons { cursor:pointer;width:1.85em;height:auto;}.GotoPayingIcons { cursor:pointer;width:3.25em;height:auto;object-fit:contain;}.GoodsViews:focus, .SlipContains:focus, .SlipItems:focus,.PhotosTabs:hover,  .PhotosTabs:focus,  .PhotosTabsThumbnails:focus,.DirContains:hover, .DirContains:focus,.GoodsColumns:has(.BooksViews:hover),   .GoodsColumns:has(.BooksViews:focus),.GoodsColumns:has(.GoodsViews:hover),   .GoodsColumns:has(.GoodsViews:focus),.PhotosColumns:has(.PhotosViews:hover), .PhotosColumns:has(.PhotosViews:focus),.SlipContains:has(.SlipItems:hover),    .SlipContains:has(.SlipItems:focus) {.DirButtons {color:rgba(0, 152, 255);background-color:transparent;outline: 3px solid rgba(5, 15, 50, 0.25); outline-offset: 2px;box-shadow:2px 3px 5px rgba(5, 15, 50, 0.25); animation: flashOutline 2.0s ease-in-out infinite;transition: transform 0.5s ease; }}.BooksTabs:hover .TabsDirButtons,  .BooksTabs:focus .TabsDirButtons{color:rgba(0, 0, 255, 0.55);background:transparent;background-color:transparent;outline-offset: 2px;animation: flashOutline2 2.0s ease-in-out infinite;}@keyframes flashOutline2 {0%  { outline-color: rgba(0, 0, 255, 0.55);outline-offset: 3px; }50% { outline-color: rgba(0, 0, 255, 0.15);outline-offset: 3px; }100%{ outline-color: rgba(0, 0, 255, 0.95);outline-offset: 3px; }} .WebeBizHeaders {z-index: 10;      position: sticky;   top: 0;             padding: 1px;text-align: center;color: white;}.eBookViews {display:none;width:110vh;height:135vh;margin:0 auto;border-radius:5px;border-bottom:20px solid #eee;user-select:none;}         .fs-overlay {            width: 100vw;            height: 100vh;            background: #000;        }        .fs-iframe {            width: 100%;            height: 100%;            border: none;        }