/* Colour palette & variables */
    :root {
      --brand:#e1251b;
      --brand-dark:#b01c15;
      --ink:#1f2937;
      --muted:#6b7280;
      --bg:#ffffff;
      --bg-soft:#f9fafb;
      --card:#ffffff;
      --shadow:0 4px 24px rgba(0,0,0,.08);
      --radius:18px;
      --maxw:1200px;
    }
    *, *::before, *::after { box-sizing:border-box; }
    html, body { margin:0; padding:0; font-family:'Noto Sans TC', system-ui, sans-serif; color:var(--ink); background:var(--bg); }
    img { max-width:100%; display:block; }
    a { color:inherit; text-decoration:none; }
    .textbox{display:table!important;margin: auto;text-align: center;}
    p{font-size: 14px;padding:0;margin: 0;}
    .nofloat{float: none!important;}
    /* Utilities */
    .container { width:100%; max-width:var(--maxw); margin:0 auto; padding:0 20px; }
    .btn { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem 1rem; border-radius:999px; background:#fff; color:#000; font-weight:700; box-shadow:var(--shadow); }
    .btn span{border-radius: 50%;height: 30px;width: 30px;line-height: 28px;text-align: center; color: #fff;background:var(--brand-dark);padding-left: 5px;}
    .btn:hover { background:var(--brand-dark); color: #fff; }
    .btn:hover span{background:#fff;color:var(--brand-dark);}
    .btn-ghost { background:#fff; color:var(--brand); border:1px solid rgba(0,0,0,.1); }
    .badge { display:inline-block;  border-radius:999px; color:#fff; font-size:.75rem; font-weight:600; letter-spacing:.05rem; }
    .tag { display:inline-flex; align-items:center; gap:.3rem; border:1px solid rgba(0,0,0,.1); border-radius:999px; padding:.35rem .8rem; font-size:.85rem; color:#374151; background:#fff; cursor:pointer; }
    .tag.active { background:var(--ink); color:#fff; }
    .pill { display:inline-block; background:#111; color:#fff; padding:.25rem .6rem; border-radius:999px; font-size:.8rem; }
    .text-muted { color:var(--muted);font-size: 14px; }
    .hidden { display:none !important; }
    .grid { display:grid; gap:24px; }
    /* Global header */
    header.site { position:sticky; top:0; z-index:100; background:#111; color:#fff; }
    .topbar { height:64px; display:flex; align-items:center; justify-content:space-between; }
    .brand { display:flex; align-items:center; gap:.7rem; }
    /* .logo { width:110px; height:30px; background:var(--brand); display:grid; place-items:center; color:#fff; font-weight:800; border-radius:4px; letter-spacing:.5px; font-size:.9rem; } */
    nav.primary { display:flex; gap:1.5rem; }
    nav.primary a { opacity:.85; font-weight:500; }
    nav.primary a.active, nav.primary a:hover { opacity:1; }
    .hamburger { display:none; position:relative; width:24px; height:18px; border:none; background:transparent; cursor:pointer; }
    .hamburger span, .hamburger span::before, .hamburger span::after { content:""; position:absolute; height:2px; width:24px; background:#fff; left:0; transition:transform .3s; border-radius:2px; }
    .hamburger span { top:50%; transform:translateY(-50%); }
    .hamburger span::before { top:-7px; }
    .hamburger span::after { top:7px; }
    /* Drawer */
    .drawer { position:fixed; inset:0; background:rgba(0,0,0,.45); display:none; }
    .drawer.open { display:block; }
    .drawer-panel { position:absolute; right:0; top:0; width:min(80vw,400px); height:100%; background:#111; color:#fff; padding:24px; display:flex; flex-direction:column; gap:24px; }
    .drawer-panel a { padding:12px 4px; display:block; border-bottom:1px solid rgba(255,255,255,.1); }
    .drawer-panel .lang { margin-top:auto; display:flex; gap:8px; align-items:center; color:#9ca3af; }
    /* Hero sections */
    .hero { position:relative; min-height:50vh; display:flex; align-items:center; overflow:hidden; }
    .hero .bg { position:absolute; inset:0; background-size:cover; background-position:center;  }
    .hero .content { position:relative; color:#fff; display:table; gap:16px; }
    .hero .content h1 { font-size:28px; line-height:1.2; margin:0; }
    /* .yellowTou::before{content: "";position: absolute;top: 0;left: 0;width: 100px;height: 50px;background: #fdd632;} */
    /* Business section */
    .business { display:flex; gap:40px; align-items:center; margin-top:40px; }
    .business-images { flex:1; display:grid; grid-template-columns:repeat(2,1fr); grid-auto-rows:200px; gap:14px; }
    .business-images img { width:100%; height:100%; object-fit:cover; border-radius:var(--radius); }
    .business-content { flex:1; display:flex; flex-direction:column; gap:14px; }
    .business-content .badge { align-self:flex-start; }
    .business-content h2 { margin:0; font-size:28px; }
    .business-content p { margin:0; color:var(--muted); }
    /* Rent section */
    .rent-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:24px;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 1.5rem; max-width: 800px;margin: auto;}
    .rent-card { position:relative; background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); padding:20px; display:flex; flex-direction:column; gap:12px; }
    .rent-card .tag-hot { position:absolute; top:-20px; right:0;color:#fff; font-size:.75rem; padding:.25rem .5rem; border-radius:8px;background-image:url('../images/img/tag-hot.png');background-repeat: no-repeat;background-position: top center;width: 100px;height: 100px;background-size: 100% auto;}
    .rent-card img { width:100%; height:180px; object-fit:cover; border-radius:var(--radius); }
    .rent-card h3 { margin:0; font-size:20px; }
    .rent-card .btn { align-self:flex-end; margin-top:auto; }
    /* Recruitment page */
    .recruit-conditions { display:flex; gap:40px; align-items:center; margin-top:40px; }
    .recruit-conditions .image { flex:1; }
    .recruit-conditions .image img { width:100%; border-radius:var(--radius); }
    .recruit-conditions .content { flex:1; display:flex; flex-direction:column; gap:14px; }
    .models-wrapper { display:flex; gap:40px; margin-top:40px;padding: 15px; border-radius: 20px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
    .model-list { flex:.4; display:flex; flex-direction:column; gap:10px; }
    .model-list .model-item { padding:.7rem 1rem; background:#f3f4f6; border-radius:var(--radius); cursor:pointer; border:1px solid transparent; }
    .model-list .model-item.active { background:var(--brand); color:#fff; }
    .model-list .call-btn { margin-top:16px; }
    .model-content { flex:1; display:flex; flex-direction:column; gap:14px; background-color: #F1F1F1;padding: 15px;border-radius: 20px;}
    .model-content .image { width:100%; height:240px; overflow:hidden; border-radius:var(--radius); }
    .model-content .image img { width:100%; height:100%; object-fit:cover; }
    .model-content .thumbnails { display:flex; gap:8px; margin-top:8px; }
    .model-content .thumbnails img { width:56px; height:56px; object-fit:cover; border-radius:var(--radius-sm); cursor:pointer; border:2px solid transparent; }
    .model-content .thumbnails img.active { border-color:var(--brand); }
    section.alt{margin-top: 30px;}
    /* Services page */
    .services-intro { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
    .service-card { padding:20px; background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); display:table; flex-direction:column; gap:10px; align-items:flex-start; }
    .service-card .icon { width:40px; height:40px; border-radius:12px; background:#f3f4f6; display:grid; place-items:center; font-size:20px;float: left; }
    .service-card .icon.i2{background-color: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 10px;width: 50px;height: 50px;} 
    .service-card .con{float: left;width: calc(100% - 40px);padding-left:15px;}
    .integrated { display:flex; gap:40px; margin-top:40px; align-items:center; background-repeat: no-repeat; background-size: 100% auto;background-position: center ;height: 600px;}
    .integrated .image { flex:1; }
    .integrated .image img { width:100%; border-radius:var(--radius); }
    .integrated .content { flex:1; display:flex; flex-direction:column; gap:12px; }
    .integrated .content ul { padding-left:1.2rem; margin:0; display:flex; flex-direction:column; gap:8px; }
    /* Price section */
    .price-section { margin-top:40px; }
    .price-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:24px; }
    .price-card { padding:20px; text-align:center; display:flex; flex-direction:column; gap:12px; }
    .price-card img { width:100%; height:auto;  border-radius:var(--radius); }
    .price-card .price { font-weight:800; font-size:1.4rem; }
    /* News page */
    .news-list { display:flex; flex-direction:column; gap:24px; margin-top:40px; }
    .news-item { display:flex; gap:24px; align-items:flex-start; padding:20px; background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); }
    .news-item img { width:200px; height:140px; object-fit:cover; border-radius:var(--radius); flex-shrink:0; }
    .news-item .details { flex:1; display:flex; flex-direction:column; gap:8px; }
    .news-item h3 { margin:0; font-size:20px; }
    .news-item .meta { font-size:.85rem; color:var(--muted); }
    .news-item .snippet { color:var(--muted); }
    .news-item a { text-decoration:underline; color:var(--brand); }
    .news-load { text-align:center; margin-top:24px; }
    /* Travel page */
    .advantages { margin-top:40px; }
    .advantages .desc { margin-top:12px; color:var(--muted); }
    .advantages-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:24px; }
    .adv-card { padding:20px; background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); display:flex; flex-direction:column; gap:10px; align-items:flex-start; }
    .adv-card .icon { width:40px; height:40px; border-radius:12px; background:#f3f4f6; display:grid; place-items:center; font-size:20px; }
    /* Airport fare */
    .fare-section { margin-top:40px; background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); padding:24px; }
    .fare-tabs { display:flex; gap:8px; }
    .fare-tabs .tag { cursor:pointer; }
    .fare-table { margin-top:16px; overflow-x:auto; }
    .fare-table table { width:100%; border-collapse:collapse; }
    .fare-table th, .fare-table td { padding:10px; border-bottom:1px solid #eee; text-align:left; }
    /* About page */
    .about-section { margin-top:40px; display:grid; grid-template-columns:1.2fr 1fr; gap:40px; }
    .about-features { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:24px; padding-left: 40px; }
    .feature-item { background:var(--card); padding:20px; border-radius:var(--radius); box-shadow:var(--shadow); display:table;width: 100%; flex-direction:column; gap:10px; align-items:flex-start; margin: 15px;}
    .feature-item .icon { width:64px; height:64px; border-radius:10px;  display:block; place-items:center; font-size:18px;float: left; }
    .about-section{display: table;}
    .about-section .about-section-left{display: table-cell;vertical-align: middle;width: 30%;}
    .about-section .about-section-right{display: table-cell;vertical-align: middle;}
    .about-section .about-section-right p{font-size: 16px;line-height: 30px;}
    .about-section .card{display: table-cell;vertical-align: middle;width: 40%;}
    .about-section .about-features{display: table-cell;vertical-align: middle;}
    .about-section .feature-content{display: table;padding-left: 15px;    width: calc(100% - 80px);}
    .about-section .text-muted{font-size: 16px;}
    /* Contact page */
    .contact-section { margin-top:40px; display:table; }
    .contact-section{display: flex;flex-wrap: wrap;gap: 32px;padding: 60px 0 0 0;max-width: 1200px;margin: 0 auto;}
    .contact-info{display: flex;gap: 0px;flex-wrap: wrap;flex: 1 1 50px;}
    .contact-item{display: flex;gap: 12px;align-items: flex-start;flex: 1;min-width: 200px;}
    .contact-item .icon{font-size: 1.5rem;color: var(--brand);flex-shrink: 0;margin-top: 4px;}
    .contact-item h3{font-size: 1rem;font-weight: 600;color: var(--ink);margin-bottom: 4px;}
    .contact-item .text-muted{color: var(--muted);font-size: 0.9rem;line-height: 1.4;}
    .contact-section .card{width: 100%;}
    .contact-section .card img{width: 100%;height: auto;border-radius: var(--radius);}
    .contact-section{display: flex;flex-direction: column;align-items: center;padding: 60px 0;}
    .contact-info{display: flex;width: 100%;max-width: 1200px;justify-content: space-between;position: relative;}
    .contact-item{display: flex;flex-direction: column;align-items: center;text-align: center;flex: 1;padding: 0 20px;position: relative;}
    .contact-item:not(:last-child)::after{content: "";position: absolute;right: 0;top: 50px;height: 90px;width: 1px;background-color: #ddd;}
    .contact-item .icon{margin-bottom: 15px;}
    .contact-item .icon img{width: auto;height: 30px;}
    .contact-item h3{font-size: 1.1rem;font-weight: 700;color: #000;margin-bottom: 10px;white-space: nowrap;}
    .contact-item h3 span{color: #E1251B;display: block;    padding-bottom: 10px;}
    .contact-item .text-muted{color: #333;font-size: 0.95rem;line-height: 1.5;}
    @media (max-width: 768px){.contact-info{flex-direction: column;gap: 20px;width:100vw;overflow:hidden;display: table;}
    .contact-item:not(:last-child)::after{display: none;}
    .contact-item{padding: 15px 0;border-bottom: 1px solid #eee;}
    .contact-item:last-child{border-bottom: none;}}
    @media (max-width: 600px){.contact-info{gap: 20px;}
    .contact-item{min-width: 100%;}}
    /* Footer */
    footer { background:#111; color:#e5e7eb; padding:40px 0; margin-top:60px; }
    .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px; }
    .footer-grid h3 { margin-top:0; font-size:20px; }
    .footer-grid .stack { display:flex; flex-direction:column; gap:6px; }
    .legal { font-size:.78rem; color:#9ca3af; margin-top:20px; }
    /* Responsive rules */
    @media (max-width:1000px) {
      .business { flex-direction:column; }
      .business-content { text-align:center; }
      .business-content .btn { align-self:center; }
      .rent-cards { grid-template-columns:1fr; }
      .services-intro { grid-template-columns:repeat(2,1fr); }
      .price-cards { grid-template-columns:1fr; }
      .news-item { flex-direction:column; }
      .news-item img { width:100%; height:180px; }
      .news-item .details { margin-top:12px; }
      .advantages-grid { grid-template-columns:repeat(2,1fr); }
      .about-section { grid-template-columns:1fr; }
      .about-features { grid-template-columns:1fr; }
      .contact-section { grid-template-columns:1fr; }
    }
    @media (max-width:640px) {
      nav.primary { display:none; }
      .hamburger { display:block; }
      .hero { min-height:40vh; }
      .business-images { grid-template-columns:1fr 1fr; grid-auto-rows:150px; }
      .rent-card { padding:16px; }
      .rent-card img { height:160px; }
      .recruit-conditions { flex-direction:column; }
      .models-wrapper { flex-direction:column; }
      .model-list { flex-direction:row; overflow-x:auto; gap:8px; }
      .model-list .model-item { flex:1 0 auto; text-align:center; padding:.6rem .8rem; }
      .model-content .image { height:200px; }
      .services-intro { grid-template-columns:1fr; }
      .integrated { flex-direction:column; }
      .integrated .image, .integrated .content { width:100%; }
      .advantages-grid { grid-template-columns:1fr; }
      .fare-table th, .fare-table td { padding:8px; }
      .models-wrapper .model-list .call-btn { display:none; }
    }