:root{--brand-red: #B82525;--brand-dark: #333333;--text-gray: #555555;--bg-light: #F9F9F9;--news-bg: #111;--transition: all .3s cubic-bezier(.165, .84, .44, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans TC,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--brand-dark);line-height:1.8;background-color:#fff;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.3}a{text-decoration:none;transition:var(--transition)}ul{list-style:none}.container{max-width:1400px;margin:0 auto;padding:0 40px}.btn{display:inline-block;padding:12px 35px;border-radius:8px;font-weight:700;letter-spacing:1px;cursor:pointer;border:none;font-size:1.1rem;transition:var(--transition)}.btn-primary{background-color:var(--brand-red);color:#fff!important;box-shadow:0 8px 20px #b8252566}.btn-primary:hover{background-color:#8a1515;transform:translateY(-2px);box-shadow:0 10px 25px #b8252580}.btn-outline{background-color:transparent;color:var(--brand-red);border:2px solid var(--brand-red)}.btn-outline:hover{background-color:var(--brand-red);color:#fff}.section-padding{padding:100px 0}.text-center{text-align:center}.section-title{font-size:2.5rem;margin-bottom:1rem;position:relative;display:inline-block}.section-subtitle{color:var(--text-gray);max-width:800px;margin:0 auto 60px;font-size:1.1rem}header{background:#fff;box-shadow:0 1px 10px #0000000d;position:sticky;top:0;z-index:1000}.nav-bar{display:flex;justify-content:space-between;align-items:center;height:100px}.logo-section{display:flex;align-items:center;gap:25px}.logo-img{height:55px;display:block}.nav-menu{display:flex;gap:35px;align-items:center}.nav-menu a{color:var(--brand-dark);font-weight:500;font-size:1rem}.nav-menu a:hover{color:var(--brand-red)}.hero-slider-section{position:relative;height:600px;overflow:hidden;background-color:#000}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1s ease-in-out,visibility 1s;z-index:1}.slide.active{opacity:1;visibility:visible;z-index:2}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;animation:zoomEffect 20s infinite alternate}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2}.slide-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 20px}.slide-content h1{font-size:3.5rem;margin-bottom:20px;text-shadow:0 4px 10px rgba(0,0,0,.8);transform:translateY(20px);opacity:0;transition:all .8s ease .3s}.slide-content p{font-size:1.25rem;margin-bottom:40px;color:#eee;max-width:800px;text-shadow:0 2px 5px rgba(0,0,0,.8);transform:translateY(20px);opacity:0;transition:all .8s ease .5s}.slide-content .btn{transform:translateY(20px);opacity:0;transition:all .8s ease .7s}.slide.active .slide-content h1,.slide.active .slide-content p,.slide.active .slide-content .btn{transform:translateY(0);opacity:1}@keyframes zoomEffect{0%{transform:scale(1)}to{transform:scale(1.15)}}.slider-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.dot{width:12px;height:12px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:all .3s}.dot.active{background-color:var(--brand-red);transform:scale(1.3);border:2px solid #fff}.about-teaser-section{background-color:#fff;padding:80px 0;border-bottom:1px solid #eee}.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.teaser-img img{width:100%;border-radius:8px;box-shadow:0 10px 25px #0000001a}.teaser-content h2{font-size:2rem;margin-bottom:20px;color:var(--brand-dark)}.teaser-content p{font-size:1.1rem;color:#666;margin-bottom:30px;text-align:justify}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fff;padding:35px 30px;border-radius:8px;box-shadow:0 5px 20px #0000000d;border-bottom:4px solid transparent;transition:transform .3s,border-color .3s;height:100%}.feature-card:hover{transform:translateY(-5px);border-bottom:4px solid var(--brand-red)}.feature-card h3{margin-bottom:15px;font-size:1.25rem}.feature-card p{font-size:.95rem;color:#666;margin-bottom:10px}.feature-tech{font-size:.85rem;color:var(--brand-red);font-weight:700;display:block;margin-top:10px}.icon-box{font-size:2.5rem;color:var(--brand-red);margin-bottom:20px}.products-section{background-color:var(--bg-light)}.product-category{display:flex;align-items:center;margin-bottom:80px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000000d}.product-category:nth-child(2n){flex-direction:row-reverse}.cat-img{flex:1;height:300px;object-fit:cover}.cat-content{flex:1;padding:50px}.brand-badges{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.badge{background:#eee;padding:6px 14px;border-radius:50px;font-weight:700;color:#333;font-size:.85rem}.contact-form-container{max-width:800px;margin:0 auto;background:#fff;padding:40px;border-radius:12px;box-shadow:0 5px 20px #0000001a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-full{grid-column:1 / -1}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--brand-dark)}.form-control{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border .3s}.form-control:focus{border-color:var(--brand-red);outline:none}textarea.form-control{resize:vertical;min-height:120px}footer{background:#1a1a1a;color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-col h4{color:#fff;margin-bottom:20px;font-size:1.2rem}.footer-col ul li{margin-bottom:10px}.footer-col ul li a,.footer-col ul li a:hover{color:#fff}.copyright{border-top:1px solid #333;padding-top:20px;text-align:center;font-size:.9rem}.btn-more-news{display:inline-block;padding:15px 40px;background-color:transparent;color:var(--brand-red);border:2px solid var(--brand-red);border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s ease}.btn-more-news:hover{background-color:var(--brand-red);color:#fff;box-shadow:0 5px 15px #b825254d;transform:translateY(-3px)}@media (max-width: 768px){.container{padding:0 20px}.section-padding{padding:50px 0}.section-title,.slide-content h1{font-size:1.8rem}.slide-content p{font-size:1rem}.hero-slider-section{height:450px}.teaser-grid,.features-grid,.product-category,.form-grid{grid-template-columns:1fr}.product-category{flex-direction:column!important}.cat-img{height:200px;width:100%}.cat-content{padding:25px}.contact-form-container{padding:20px}.nav-menu{display:none}.logo-section{gap:10px}.logo-img{height:40px}}@media (max-width: 480px){.slide-content h1{font-size:1.5rem}.btn{padding:10px 25px;font-size:1rem}}table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem;background-color:#fff}th,td{padding:16px 20px!important;text-align:left;vertical-align:top;line-height:1.7}th{background-color:var(--brand-red);color:#fff;font-weight:700;border-bottom:3px solid #8a1515}td{border-bottom:1px solid #eee;color:var(--brand-dark)}tr:nth-child(2n){background-color:#f8f8f8cc}tr:hover{background-color:#b825250d}@media (max-width: 768px){th,td{padding:12px 14px!important;font-size:.9rem}}.page-banner{position:relative;background-image:url(/images/about-office.jpg);background-size:cover;background-position:center;color:#fff;padding:140px 0 90px;text-align:center}.page-banner:before{content:"";position:absolute;inset:0;background-color:#00000080;z-index:1}.page-banner h1,.page-banner .breadcrumb{position:relative;z-index:2}.page-banner h1{font-size:3rem;margin-bottom:15px}.page-banner .breadcrumb{color:#fff9;font-size:.95rem}.page-banner .breadcrumb a{color:#fffc}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text h2{font-size:2rem;margin-bottom:20px;color:#444}.about-text p{color:#666;margin-bottom:15px;font-size:1.05rem}.about-img img{width:100%;border-radius:12px;box-shadow:0 10px 30px #0000001f;filter:grayscale(20%)}.values-section{background:#f0f0f0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.value-card{background:#fff;border-radius:12px;padding:35px 25px;text-align:center;box-shadow:0 4px 15px #00000014;transition:var(--transition)}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.value-icon{font-size:2.5rem;display:block;margin-bottom:15px}.value-card h3{font-size:1.3rem;margin-bottom:12px;color:#444}.value-card p{color:#666;font-size:.95rem}@media (max-width: 992px){.about-grid{grid-template-columns:1fr;gap:30px}.values-grid{grid-template-columns:1fr}.page-banner h1{font-size:2.2rem}}