*,:before,:after{box-sizing:border-box}:root{--var-color-yellow:#ffa84a;--var-color-lightgreen:#9cdea6;--var-color-green:#85e4b8;--var-color-beige:#fcebbf;--var-color-brown:#613700;--var-color-white:#fff;--var-color-black:#000;--var-color-download:#fef7e6;--var-title-text:"Zen Maru Gothic","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}html,body{box-sizing:border-box;height:100%;margin:0;padding:0;font-size:16px}.text-h1{font-family:var(--var-title-text);font-size:45px}.text-h2{font-family:var(--var-title-text);font-size:30px}.text-h3{font-family:var(--var-title-text);font-size:24px}.text-c1,.text-c2,.text-btn{font-size:24px}.disable{display:none!important}.main-container{flex:1}@media (max-width:768px){body{min-height:auto}.main-container{min-width:1350px}}
header{flex-direction:row;align-items:center;width:100%;height:85px;padding-right:90px;display:flex}.header-logo{width:360px;height:85px}.header-logo img{width:100%;height:100%}.header-section{border-bottom:2px solid var(--var-color-lightgreen);flex-direction:row;flex:1;justify-content:end;height:100%;display:flex}.header-search{flex-direction:row;align-items:center;gap:25px;display:flex}.header-search-container{border:2px solid var(--var-color-lightgreen);border-radius:10px;flex-direction:row;padding:5px;display:flex}.header-search-icon{width:25px;height:25px}.header-search-icon img{width:100%;height:100%}.header-search-input{width:150px;color:var(--var-color-brown);border:none;font-size:20px}.header-search-input:focus{box-shadow:none;border:none;outline:none}.header-search-input::placeholder{letter-spacing:5px;color:var(--var-color-brown)}.header-search-blank{background-color:var(--var-color-lightgreen);width:5px;height:30px;margin-right:30px}.header-items{flex-direction:row;align-items:center;height:100%;display:flex}.header-item{color:var(--var-color-brown);cursor:pointer;align-items:center;height:100%;padding:20px;display:flex}.header-item.active,.header-item:hover{background-color:var(--var-color-lightgreen);color:#fff}.dropdown-menu{z-index:100;background-color:#fff;border:1px solid #ddd;border-radius:8px;width:100px;padding:5px 10px;position:absolute;bottom:-25px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.menu-item{text-align:center;color:#333;cursor:pointer;white-space:nowrap;background:0 0;border:none;width:100%;font-size:20px;font-weight:700;text-decoration:none;display:block}.menu-item:hover{background-color:#f5f5f5}@media (max-width:768px){header{min-width:1680px}}
.alter-box{background-color:var(--var-color-yellow);z-index:15;border-radius:25px;flex-direction:column;width:420px;height:270px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.alter-box-title{color:var(--var-color-white);flex:1;justify-content:center;align-items:center;display:flex}.alter-box-main{background-color:var(--var-color-beige);flex-direction:column;flex:2;justify-content:center;align-items:center;gap:20px;display:flex}.alter-box-buttons{flex-direction:row;gap:30px;display:flex}.alter-box-button{cursor:pointer;border-radius:10px;padding:5px 30px}.alter-box-button.cancel{background-color:var(--var-color-white)}.alter-box-button.login{background-color:var(--var-color-lightgreen)}
.footer-container{background:var(--var-color-beige);justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex}.footer-sections{flex-direction:column;align-items:start;gap:5px;display:flex}.footer-items{flex-direction:row;align-items:center;gap:5px;display:flex}.footer-img img{width:100%;height:100%}.footer-item-button{background-color:var(--var-color-green);color:#fff;border-radius:15px;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:3px 15px;display:flex}.online-shop{width:20px;height:20px}.shop-search{width:26px;height:20px}@media (max-width:768px){footer{min-width:1680px}}
.go-top{z-index:15;position:fixed;bottom:20px;right:100px}.go-top a img{width:auto;height:auto}
.aside-container{background-color:#66dea6;border-radius:0 25px 25px 0;flex-direction:column;gap:15px;width:330px;height:min-content;padding:35px 20px 55px 60px;display:flex}.aside-item{color:var(--var-color-brown);background-color:#85e4b8;border-radius:15px;width:250px;padding:15px 20px 15px 15px}.aside-item-title{flex-direction:column;gap:5px;font-weight:700;display:flex}.aside-item-content{cursor:pointer;border-radius:5px;padding:5px;font-weight:400}.aside-item-content:hover{background-color:var(--var-color-yellow);color:var(--var-color-white)}.aside-item-content.active{color:#613700;background-color:#fefbf2}
.main-body{background-color:#f7f8f8;flex-direction:row;gap:20px;padding-top:32px;padding-bottom:50px;padding-right:92px;display:flex}@media (max-width:768px){.main-body{min-width:1680px}}