:root{--brand: #e1251b;--brand-dark: #b01c15;--ink: #1f2937;--muted: #6b7280;--bg: #ffffff;--bg-soft: #f8fafc;--radius: 12px;}
*, *::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{display: block;max-width: 100%;height: auto;}
a{color: inherit;text-decoration: none;}
.container{width: 100%;max-width: 1200px!important;margin: 0 auto;padding: 0 20px;position: relative;}
/* Header & Navigation*/
header{position: sticky;top: 0;z-index: 100;background: rgba(255,255,255,1);box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.topnav{display: flex;align-items: center;justify-content: space-between;height: 64px;background-color: #fff;}
.logo{display: flex;align-items: center;gap: 0.75rem;font-weight: 800;}
.logo-mark{width: 110px;height: 28px;background: var(--brand);color: #fff;display: grid;place-items: center;font-weight: 800;font-size: 1rem;border-radius: 4px;letter-spacing: .5px;}
.logo img{max-height:45px;}
nav{position: relative;}
nav ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: 1.5rem;}
nav ul li{position: relative;}
nav ul li a{padding: 0.5rem 0;font-weight: 500;color: var(--ink);}
nav ul li a:hover{color: var(--brand);}
nav ul li.active > a{color: var(--brand);}
/* Dropdown Menu*/.dropdown-menu{display: none;position: absolute;top: 100%;left: 0;min-width: 180px;background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.1);padding: 8px 0;border-radius: 6px;z-index: 50;}
.dropdown-menu li{padding: 0;}
.dropdown-menu li a{display: block;padding: 8px 16px;color: var(--ink);font-weight: 500;}
.dropdown-menu li a:hover{background: var(--bg-soft);color: var(--brand);}
nav ul li:hover > .dropdown-menu{display: block;}
/* Banner*/
.banner{position: relative;height: 520px;overflow: hidden;}
.banner img{width: 100%;height: 100%;object-fit: cover;}
.overlay{position: absolute;top: 0;left: 0;height: 100%;width: 50%;min-width: 620px;clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);background: #000000b8;display: flex;align-items: center;padding-left: 6%;transform: translateX(-100%);opacity: 0;transition: transform 1s ease-out, opacity 1s ease-out;}
.overlay.loaded{transform: translateX(0);opacity: 1;}
.overlay-content{max-width: 600px;color: #fff;}
.overlay-content h5{margin: 0;font-size: 1rem;letter-spacing: 2px;font-weight: 700;}
.overlay-content h1{margin: 0.5rem 0 0;font-size: 2.2rem;line-height: 1.2;font-weight: 800;}
.overlay-content h2{margin: .5rem 0 0;font-size: 1.8rem;font-weight: 700;color: var(--brand);}
.overlay-content p{margin-top: .75rem;font-size: 1rem;line-height: 1.5;color: #f3f4f6;}
.overlay-buttons{margin-top: 1rem;display: flex;gap: 1rem;flex-wrap: wrap;}
.overlay-buttons2{display: table;margin: 15px auto;}
.overlay-buttons2 a{margin: 15px;}
.btn{display: inline-flex;align-items: center;gap: .5rem;padding: .55rem 1rem;border-radius: 999px;font-weight: 600;cursor: pointer;white-space: nowrap;transition: background .2s;}
.btn-primary{background: var(--brand);color: #fff;}
.btn-primary:hover{background: var(--brand-dark);}
.btn-primary2{background: #fff;color: #222;box-shadow: 0 1px 5px #ccc;}
.btn-primary2:hover{background: #999;}
.btn-primary2.on1::before{content: '歡迎咨詢:';}
.btn-primary2.on2{background: var(--brand);color: #fff;box-shadow: 0 1px 5px #ccc;}
.btn-primary2.on2:hover{background: #fff; color: #222;}
.btn-primary2.on2::before{content: 'WhatsApp 聯繫我們';}
.btn-secondary{background: #fff;color: var(--brand);border: 1px solid var(--brand);}
.btn-secondary:hover{background: #ffe8e8;}
/* Section Titles*/
.section-title{margin: 0;font-size: 1.5rem;font-weight: 700;color: var(--ink);}
.section-subtitle{font-size: .8rem;letter-spacing: 1.5px;font-weight: 700;color: var(--brand);text-transform: uppercase;margin-bottom: .5rem;}
/* Business Section*/
.business-section{padding: 60px 0;margin-bottom: 60px;}
.business-grid{display: flex;flex-wrap: wrap;margin-top: 32px;width: 66%;}
.business-item{display: table;flex-direction: column;position: relative;border: 1px solid #eee;padding: 20px;border-radius: 10px;background-color: #f8f8f8;width:calc(50% - 20px);margin-top:20px;margin-right:20px;}
.business-item .num{width: 28px;height: 28px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;float: left;background: #333;color:#fff;font-weight: 700;margin-bottom: 6px;}
.business-item h3{margin: 0;font-size: 22px;font-weight: 700;color: var(--brand);display: table; float: left;padding-left: 10px;line-height: 30px;}
.business-item p{margin: 0;font-size: 1rem;color: #333;line-height: 1.4;width: 100%;display: table; padding-top: 5px;}
.business-item a.more{position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 10;padding-top:0; display:none;}
.business-item a.coming{margin-top: auto;float: right;font-size: .85rem;color: #e1251b94; padding-top: 15px; font-weight: 700;    display: table;}
.business-item a.coming:hover{text-decoration: underline;}
.img-container{position: absolute;top: 70px;right: 0;width: 33%;height: 100%;overflow: hidden;}
.img-container img{width: auto;height: 100%;    float: right;}
/* Rent Section*/
.rent-section{padding: 60px 0;}
.rent-section h2{margin: 0;font-size: 1.5rem;font-weight: 700;color: var(--ink);}
.rent-section .promo{margin-top: .5rem;font-weight: 700; color: #333;width: 100%;}
.rent-section .promo span{font-size: 1.2rem;font-weight: 700;color: var(--brand);}
.car-list{margin-top: 32px;display: grid;grid-template-columns: 1fr;gap: 24px;}
.car-item{position: relative;display: flex;align-items: center;padding: 16px 0;gap: 30px;background-color: #f8f8f8;border: 1px solid #eee;padding: 2rem;border-radius: 1rem;}
.car-item .imgbox{position: relative; background-color: #fff;border-radius: 10px;padding:30px 20px;box-shadow: 0 1px 5px #ccc;}
.car-item .imgbox .badge-hot  { position:absolute; top:-24px; 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;}
.car-item img{width: 240px;height: auto;border-radius: var(--radius);flex-shrink: 0;}
.car-item .info{flex: 1;display: flex;flex-direction: column;gap: 4px;}
.car-item .info h3{margin: 0;font-size: 24px;font-weight: 700;}
.car-item .info p{margin: 0;font-size: .9rem;color: var(--muted);}
.car-item .btn-primary2{flex-shrink: 0;white-space: nowrap;box-shadow: 0 1px 5px #ccc;padding: 0 0 0 25px;}
.car-item .btn-primary2 span{font-size: 16px;padding-left: 3px;margin-left: 20px; color: #fff; background-color: #e1251b;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50%;}
/* Integrated service*/
.integrated-section{display: flex;flex-wrap: wrap;gap: 32px;align-items: center;    background: #F4F4F4; }
.integrated-section .container{padding: 0;}
.integrated-section .image{flex: 1 1 40%;}
.integrated-section .image img{height: 100%;object-fit: cover;}
.integrated-section .content{flex: 1 1 50%;background: #F4F4F4;color: #222;padding: 30px;border-radius: var(--radius);}
.integrated-section .content h2{margin: 0 0 12px;font-size: 1.7rem;font-weight: 700;}
.integrated-section .content ul{padding-left: 1.2rem;margin: 0;list-style: disc;line-height: 1.5;font-size:18px;}
/* Taxi price*/
.price-section{padding: 60px 0;text-align: center;margin-top: 30px;}
.price-section h2{margin: 0;font-size: 1.4rem;font-weight: 700; }
.price-section h2 .highlight{color: var(--brand);}
.price-images{margin-top: 24px;display: flex;justify-content: center;gap: 40px;}
.price-images img{width: 320px;height: auto;border-radius: var(--radius);    margin: 0 30px;}
/* selling */
.selling img{margin: auto;height: 80%;}
.selling .tishi1{display:table;}
.selling .tishi2{display:none;}
.selling .gg1{justify-content: flex-end;}
/* Footer*/footer{background: #1f2937;color: #e5e7eb;padding: 40px 0;}
.footer-top{display: flex;flex-wrap: wrap;gap: 32px;}
.footer-top .column{flex: 1 1 220px;}
.footer-bottom{margin-top: 20px;border-top: 1px solid rgba(255,255,255,0.1);padding-top: 12px;font-size: .8rem;text-align: center;color: #9ca3af;}
.footer-links{display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
.footer-links strong{margin-bottom: 10px; display: block;}
.footer-links a{display: block; color: #cbd5e1; margin-bottom: 6px; font-size: .9rem;}
.footer-links a:hover{text-decoration: underline;}
.footer-top .column .contact-info{margin-top: 8px; font-size:.85rem;}
.footer-top .column .contact-info div{margin-bottom: 6px;}
.contact-info2 div{margin-bottom: 6px;}
/*industry*/
a.fanhui{font-size:18px;}
a.fanhui::before{content:"‹";display:block;float:left; color:#333;font-size: 28px;line-height: 24px;padding-right:5px;}
.button_zuche_box{position: fixed;bottom: 0;left: 0;z-index: 99;width: 100vw;display: table;text-align: center;padding: 2rem;}

/* Responsive adjustment for footer links */
@media (max-width: 600px) {
  .footer-links > div {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.partner{margin-top: 16px;display: table;padding-top: 15px;}
.partner span{ float: left;}
/* Responsive adjustments*/@media (max-width: 900px){.integrated-section{flex-direction: column;}
.integrated-section .image, .integrated-section .content{flex: 1 1 100%;}
.overlay-content h1{font-size: 1.8rem;}
.overlay-content h2{font-size: 1.4rem;}}
@media (max-width: 600px){
    .topnav{flex-wrap: wrap;height: auto;padding: 10px 0;}
    nav ul{flex-wrap: wrap;gap: 0.75rem;}
    .banner{height: calc(100vh - 60px);}
    .overlay-content h1{font-size: 1.3rem;}
    .overlay-content h2{font-size: 1.2rem;}
    .car-item{flex-direction: column;align-items: flex-start;}
    .car-item img{width: 100%;height: auto;}
    .car-item .btn-secondary{margin-top: 8px;}
    .price-images{flex-direction: column;gap: 24px;}
    
}



/* 侧边栏菜单样式*/.sidebar{height: 100%;width: 0;position: fixed;z-index: 1000;top: 0;left: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;padding-top: 60px;color: white;}
.sidebar-header{padding: 10px 20px;border-bottom: 1px solid #333;display: flex;justify-content: space-between;align-items: center;position: absolute;top: 0;left: 0;width: 100%;}
.sidebar-logo{display: flex;align-items: center;}
.sidebar-logo img{height: 30px;margin-right: 10px;}
.sidebar-title{color: white;font-size: 16px;}
.closebtn{position: absolute;top: 0px;right: 25px;font-size: 45px;margin-left: 50px;color: white;background: none;border: none;cursor: pointer;}
.sidebar-menu{padding: 0;margin: 0;list-style-type: none;}
.sidebar-menu li{padding: 8px 16px;border-bottom: 1px solid #333;}
.sidebar-menu li a{color: white;text-decoration: none;display: block;transition: 0.3s;padding: 10px;}
.sidebar-menu li.active > a{color: #E60023;font-weight: bold;}
/* 二级菜单样式*/.sidebar-menu .dropdown-menu{display: none;padding-left: 20px;margin: 0;list-style-type: none;background-color: #222;position: absolute;top: 100%;left: 0;width: 100%;position: relative;}
.sidebar-menu .dropdown-menu li{border-bottom: none;padding: 0;}
.sidebar-menu .dropdown-menu li a{padding: 8px 10px;font-size: 14px;}
.sidebar-menu .dropdown-menu li.active a{color: #E60023;}
/* 显示二级菜单*/.sidebar-menu li.open .dropdown-menu{display: grid;grid-template-columns: repeat(2, 1fr);}
.sidebar-menu li.open .dropdown-menu li{padding: 10px; word-wrap: break-word;}
/* 箭头图标样式*/.sidebar-menu li .dropdown-toggle{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);transition: transform 0.3s ease;}
.sidebar-menu li.open .dropdown-toggle{transform: translateY(-50%) rotate(180deg);}
/* 父菜单项样式调整*/.sidebar-menu li.has-children{position: relative;cursor: pointer;}
.sidebar-menu li.has-children > a{padding-right: 40px;}
/* 移动端菜单按钮*/.mobile-menu-btn{display: none;position: fixed;top: 0px;right: 10px;z-index: 999;color: #000;border: none;padding: 5px 15px;cursor: pointer;font-size: 30px;background-color: #fff;}
/* 响应式设计*/@media screen and (max-width: 768px){.mobile-menu-btn{display: block;}
header nav{display: none;}}



@media (max-width: 750px) {
  footer{margin-top: 0px;}
  .mobile-menu-btn{background-color:rgba(0,0,0,0);}
  /* index */
  #bannerOverlay{width:100vw;min-width: inherit;clip-path: none;}
  .topnav .logo{max-width:calc(100% - 120px);}
  .overlay{background-color: rgba(0, 0, 0, 0.7);}
  .overlay-buttons{display: table;}
  .banner .btn-primary2{display: block; margin-bottom: 10px;}
  .business-grid{width: 100%;margin-top: 10px}
  .business-item{background-color: #f8f8f8;padding: 2rem;}
  .img-container{display: none;}
  .business-item{width:100%;margin-top:20px;margin-right:0;}
  .business-item a.coming{color:transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 10;padding-top:0;display:block;}
  .car-item{background-color: #f8f8f8;padding: 1rem; border-radius: var(--radius);}
  .business-section{margin-bottom:0;}
  footer .partner{display: none;}
  /* industry */
  .industry h3.card-title{padding:1rem;background-color:#f8f8f8;}
  .industry h5.article-title{padding: 8px 0;}
  .industry h5.article-title::after{content:"›";display:block;float:right; color:#999;font-size: 28px;padding-right: 20px;line-height: 24px;}
  .industry .list-unstyled{display:none;}
  .yuanlists{height: 25px;width: 25px;display: block;text-align: center;float: left;line-height: 25px}
  .button_zuche{width:100%;}
  /* about */
  .about-section{margin-top:0;}
  .about-section .about-section-left{width: 100%;display: table;}
  .about-section .about-section-right{width: 100%;display: table;}
  .about-section .card{width: 100%;display: block;height: 60vw;border-radius: 15px;}
  .about-section .card img{margin-top: 15px;max-width:100%;}
  .about-section .about-features{width: 100%;display: table;padding-left: 0;}
  .about-section .about-features .feature-item{margin: 15px 0;min-height: 135px;}
  .feature-item .icon{width: 40px;height: 40px;}
  .about-section .feature-content{width: calc(100% - 40px);}
  .about-section .feature-content h3{padding-bottom: 10px;}
  
  /* contact */
  .contact-section{padding: 0;}
  .contact-section .contact-item{align-items: anchor-center;text-align: center;padding-left: 2rem;width:calc(100vw - 2rem);min-width:unset;}
  .contact-item .icon{margin-bottom:0px;}
  /* hosting */
  .hosting h1.hh{float: none;margin: auto;display: table;}
  .hosting section.section1{margin-bottom: 1rem;}
  .hosting section.section3{margin-bottom: 1rem;}
  .hosting section.section5{margin-bottom: 0;}
  .hosting p.pp{margin-bottom: 15px; float: none;padding-left: 0;text-align: center;}
  .hosting div.dd{padding-left: 0;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);}
  .hosting .box{background-size: auto 100% !important;background: rgba(0, 0, 0, 0);}
  .hosting .box2{padding: 0;}
  .hosting .box2 .boxshow > div{background-color: #390000b8; display: table;}
  .hosting .box2 .boxshow > div > div{color: #fff;}
  .hosting .box2 .boxshow > div:nth-child(1),.hosting .box2 .boxshow > div:nth-child(4){margin-top:-23px;}
  .hosting .box2 .boxshow > div:nth-child(2){margin-top:35px;}
  .hosting .box2 .boxshow > div:nth-child(3){margin-top:19px;}
  .hosting .box2 .boxshow > div:nth-child(6){margin-bottom: 40px;}
  .hosting .box2 .boxshow > div:nth-child(5){margin-bottom: -21px;}
  /* selling */
  .selling img{height: auto;}
  .selling .section1{height: 100vw;min-height: 100vw;}
  .selling .hh1{margin-bottom: 0;}
  .selling .dd1{margin-top: 0;}
  .selling .price-section{padding:0 0 60px 0;}
  .selling img.img1{display:none;}
  .selling .gg1{justify-content: normal;padding-top: 10vw;}
  .selling .car_xq{margin-top:35px;}
  .selling .tishi1{display:none;}
  .selling .tishi2{display:table;}
  .selling .carbox{margin-top: 30px;}
  /*maintenance*/
  .maintenance section.section1 .hh1{margin-bottom: 1rem;}
  .maintenance section.section1 .hh2{margin-bottom: 1rem;}
  .maintenance section.section2 .hh1{margin-bottom: 1rem;}
  .maintenance-banner img{height: 60vw;}
  .overlay-buttons a,.overlay-buttons2 a{display: block; margin: 15px auto;}
  .hosting main section:nth-child(1){margin-bottom:0;}
  
}

#carListContainer.flex #tupian{min-width: 350px; }
@media (max-width: 540px) {
    #carListContainer{padding-top: 25px;gap: 1px}
    #carListContainer .item{position: relative;border: 0;border-bottom: 1px solid #ccc;border-radius: 0;padding: 10px 0;}
    #carListContainer .item #tupian{width: 45%;float: left;}
    #carListContainer .item #tupian span{display: none;}
    #carListContainer .item #tupian img{width: 100%;height: auto;}
    #carListContainer .item .item_txt{width: 55%;float: left;padding: 5px 0 0 10px;font-size: 14px;}
    #carListContainer .item .item_txt h3{margin-bottom: 0;font-size: 14px; }
    #carListContainer .item .item_txt p{margin-bottom: 0;font-size: 14px;}
    #carListContainer .item .item_txt span{font-size: 14px;}
    #carListContainer .item .item_txt span.description{width: 100%;font-size: 14px;}
    #carListContainer .item .item_txt button{position: absolute;top: 0;right: 0;padding: 0 0;z-index: 10;width: 100%;height: 100%;opacity: 0;}
    #carRentalModal{padding-top: 0;z-index: 999;background-color:#fff;}
    #carRentalModal .carRentalModal_box{height: 100vh;max-height: 100vh;border-radius: 0;}

}