#root{margin:0 auto;width:100%}.loading{align-items:left;background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-right:1rem;transition:all .5s;width:50%}.loading span{animation:jump 1s ease 0s infinite normal;color:var(--thi-color);font-size:var(--smaller-font-size);margin-top:1rem}.loading .logo{height:80px;margin-top:3rem;position:relative;width:80px}@keyframes jump{0%{transform:translateY(0)}20%{transform:translateY(0)}40%{transform:translateY(-.5rem)}50%{transform:translateY(0)}60%{transform:translateY(-.2rem)}80%{transform:translateY(0)}to{transform:translateY(0)}}.App{align-items:flex-start;flex-direction:column;justify-content:center;left:0;position:relative}.App,.top{display:flex;top:0;width:100%}.top{align-items:flex-end;backdrop-filter:blur(10px);background:#fffc;flex-wrap:wrap;height:auto;justify-content:space-between;left:50%;margin:0 auto;padding:0 2rem 1rem;position:fixed;transform:translate(-50%);transition:background-color .4s;z-index:999}.top .storeHoliday{align-items:center;background:var(--first-color);border-radius:.4rem;box-shadow:0 2px 8px #d84f4f14;color:#fff;display:flex;font-size:var(--normal-font-size);font-weight:600;line-height:1;padding:.7rem 1.2rem;position:relative;white-space:pre-line}.top .storeHoliday span:last-child{font-weight:400;margin-left:.5rem}.top .logo{bottom:-1rem;cursor:pointer;position:relative;width:8rem}.top .topSelect{align-items:center;display:flex;gap:.5rem;justify-content:center;position:relative}.top .topSelect select{background:#fff;display:flex;font-size:var(--normal-font-size)}.top .view-all{background:var(--first-color);border:1px solid var(--first-color);border-radius:4px;color:#fff;cursor:pointer;font-size:var(--normal-font-size);outline:none;padding:.5rem 1rem;position:relative;transition:all .3s}.top .view-all:focus-within .top .view-all:focus-visible,.top .view-all:hover{background:#fff;border:1px solid var(--first-color);color:var(--first-color)}.main{padding-left:2rem;padding-right:2rem;width:100%}.main .flex{display:flex;flex-wrap:wrap;width:100%}.main .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10vw,1fr))}.main .item{align-items:flex-start;animation-duration:.8s;animation-name:enter;display:flex;flex-direction:column;justify-content:flex-start;left:0;overflow:hidden;padding:1rem;position:relative;top:0;width:auto}.main .item h3{font-size:var(--h3-font-size);font-weight:700;line-height:1.1;margin:0 0 4px 4px;max-width:26ch;padding-bottom:2rem}.main .item h3 .ename{color:var(--sec-color);font-weight:500;line-height:1;position:relative;transform:scale(.7);transform-origin:left}.main .item .type{font-size:var(--small-font-size);font-weight:700;margin:8px 4px 2px}.main .item span{border-radius:5px;overflow:hidden}.main .item .img{aspect-ratio:16/9;border-radius:20px;filter:contrast(101%) saturate(105%);max-width:320px;overflow:hidden;width:100%}.main .item .does{background:var(--first-color);border:2px solid #fffc;border-radius:20px;color:#fff;font-size:var(--smaller-font-size);font-weight:500;left:1.5rem;line-height:1.2;padding:.3rem .8rem}.main .item .does,.main .item .new-badge{position:absolute;top:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main .item .new-badge{background:#fff;border:2px solid #d32f2f;border-radius:10px;color:#d32f2f;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;right:1.5rem;text-transform:uppercase;z-index:10}.main .item .desc{bottom:0;font-size:var(--small-font-size);line-height:15px;max-width:26ch;padding:4px;position:absolute}.main .item .price{bottom:0;color:var(--first-color);font-size:var(--biggest-font-size);font-weight:900;letter-spacing:-.1em;position:absolute;right:1rem;text-align:right}.main .item .price span{color:#797979;font-size:var(--smaller-font-size);font-weight:700;left:-5px;position:relative}.foot{align-items:flex-start;border-bottom:1px solid var(--thi-color);border-top:1px solid var(--thi-color);color:var(--thi-color);display:flex;font-size:var(--small-font-size);gap:1.5rem;justify-content:center;line-height:1.5;margin:3rem auto 4rem;padding:1rem 10rem;width:100%}.foot>div{margin:.3rem}.foot .foot_logo{cursor:pointer;filter:grayscale(1);opacity:.3;width:3rem}.foot .point{color:var(--first-color);cursor:default;font-weight:bolder}.foot .point,.foot .point:hover{-webkit-text-decoration:none;text-decoration:none}.foot .point:not(.m){cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.scroll-top{animation:movescrollTop 3s ease-in-out infinite;background:#fff;border:1px solid var(--thi-color);border-radius:4px;bottom:-50px;cursor:pointer;opacity:0;outline:none;padding:1rem;position:fixed;right:25px;transition:all .5s ease-in-out;visibility:hidden;z-index:99}@keyframes movescrollTop{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes enter{0%{opacity:0}to{opacity:1}}@media (max-width:120rem){.top{padding-left:1.8rem;padding-right:1.8rem}.top .storeHoliday{font-size:var(--small-font-size)}.top .logo{width:7rem}.main{padding-left:1rem;padding-right:1rem}.main .flex{justify-content:center}.main .item{padding:.5rem;width:16%}.main .item .does{left:1rem;top:1rem}.main .item .new-badge{right:1rem;top:1rem}.main .item .price{right:.5rem}}@media (max-width:105rem){.top{padding-left:.8rem;padding-right:.8rem}.top .logo{width:6rem}.main{padding-left:0;padding-right:0}.main .item{width:16.5%}.main .item .does{left:.8rem;top:.8rem}.main .item .new-badge{right:.8rem;top:.8rem}.main .item .price{right:.5rem}.foot{gap:.5rem}}@media (max-width:90rem){.top{padding-left:.5rem;padding-right:.5rem}.top .logo{width:5rem}.main{padding-left:.5rem;padding-right:.5rem}.main .item{width:20%}.main .item .does{border:1px solid #fffc}}@media (max-width:80rem){.top{padding-left:1rem;padding-right:1rem}.top .logo{width:4.5rem}.top .topSelect{align-self:end;gap:.2rem}.main .item h3{font-size:var(--small-font-size)}.main .item .desc,.main .item .type{font-size:var(--smaller-font-size)}}@media (max-width:64rem){.top{padding-top:0}.top .storeHoliday{font-size:var(--smaller-font-size);font-weight:400;margin-top:.5rem;padding:.3rem .4rem}.top .logo{width:5.5rem}.top .topSelect{align-items:flex-end;flex-direction:column}.top .topSelect select{font-size:var(--small-font-size)}.main .item{width:25%}.main .item .type{transform:scale(.85);transform-origin:left top}.main .item .does{scale:.9;transform-origin:left top}.main .item .new-badge{scale:.9;transform-origin:right center}.foot{padding:1rem}}@media (max-width:48rem){.top{padding:0 1rem 1rem}.top .topSelect{align-items:flex-end;flex-direction:column;gap:.4rem;margin:0}.top .view-all{font-size:var(--small-font-size)}.main{padding-left:0;padding-right:0}.main .flex{justify-content:center;left:50%;position:relative;transform:translate(-50%)}.main .item .img{border-radius:10px}.main .item .does{left:.7rem;top:.5rem;transform:scale(.8);transform-origin:left center}.main .item .new-badge{right:.7rem;top:.5rem;transform:scale(.8)}.main .item .desc{transform:scale(.7);transform-origin:left center}.main .item .price span{left:-4px}.foot{flex-direction:column;font-size:var(--smaller-font-size);gap:0;line-height:1.5;margin:1rem 0 0;padding:.5rem}}@media (max-width:30rem){html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}.top{padding:.5rem}.top .storeHoliday:first-child{bottom:0}.top .storeHoliday{max-width:56ch;scale:.9;transform-origin:right}.top .logo{margin-bottom:.6rem}.top .topSelect select{font-size:var(--smaller-font-size);height:30px}.main .item{width:50%}.main .item .desc{max-width:21ch;transform:scale(.7)}.main .item .price{scale:.85;transform-origin:right}}@media screen and (max-width:400px){.foot{align-items:flex-start;flex-direction:column;gap:.5rem}.scroll-top{padding:.3rem;right:10px}}@media (max-width:22.5rem){.top{gap:2.5rem;padding-bottom:unset;padding-left:.5rem;padding-right:.5rem;padding-top:unset}.top .storeHoliday:first-child{bottom:-.2rem!important}.top .storeHoliday:nth-child(2){bottom:.8rem}.top .storeHoliday{font-size:.6rem;text-align:center}.top .logo{top:.4rem;width:3.5rem}.top .topSelect{flex-direction:column;margin-top:unset!important;top:-2rem;width:100%}.top .topSelect select{width:100%}.main .item .desc{transform:scale(.5)!important}}@media (min-width:160rem){.main,.top{width:90%}.main{margin-left:auto;margin-right:auto}.main .flex{display:grid;grid-template-columns:repeat(auto-fill,minmax(9vw,1fr))}}:root{--first-color:#d84f4f;--sec-color:#333;--thi-color:#8c8c8c;--border-color:#c4c4c4;--normal-font-size:.938rem;--h3-font-size:1rem;--biggest-font-size:2rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-family:Noto Sans TC,黑體-繁,Roboto,Apple LiGothic Medium,PingFang,微軟正黑體,Microsoft JhengHei,WenQuanYi Zen Hei,helvetica,Arial,sans-serif;background-color:#fff;color:#333;font-size:16px;font-synthesis:none;font-weight:400;line-height:24px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::-webkit-scrollbar{display:none}*,:after,:before{border:none;box-sizing:border-box;margin:0;outline:none;padding:0}html{scroll-behavior:smooth}body{cursor:default;display:flex;font-family:var(--font-family);margin:0;padding:0}img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}button{background:#0000;cursor:pointer}input,select{border:1px solid #999;border-radius:4px}@media screen and (min-width:968px){:root{--biggest-font-size:2.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}