GOCHOICE購車趣

GOCHOICE購車趣 @media screen and (max-width: 769px) { nav * { text-shadow: none !important; } } .video-container { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 的比例 (9/16 = 0.5625) */ height: 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* 默认情况下，适用于手机设备，navbar 没有 margin */ .navbar { margin: 0; } /* 针对非手机设备，屏幕宽度大于 768px 时设置 margin 为 10px */ @media (min-width: 769px) { .navbar { margin: 10px; } } @media (min-width: 1200px) { .col-xl-9 { padding-right: 50px; } } /* 預設 ul 列表是垂直顯示 */ .margin-10-rem-top ul { padding: 0; list-style: none; } .margin-10-rem-top ul li { padding-bottom: 30px; } /* 當螢幕寬度小於或等於 1024px 時，li 橫向排列且每行顯示兩個 */ @media (max-width: 1199px) { .margin-10-rem-top ul { display: flex; flex-wrap: wrap; /* 允許換行 */ justify-content: center; /* 居中排列 */ gap: 10px; /* 控制 li 之間的間距 */ } .margin-10-rem-top ul li { flex-basis: calc(33.33% - 10px); /* 每行兩個，扣除間距 */ box-sizing: border-box; /* 確保 padding 和 border 不影響計算寬度 */ padding-bottom: 0; /* 移除垂直間距 */ } } /* 預設列表垂直顯示 */ .latest-post-sidebar { padding: 0; list-style: none; } .latest-post-sidebar li { margin-bottom: 30px; } /* 當螢幕寬度小於或等於 1024px，li 橫向顯示並且每行顯示三個 */ @media (max-width: 1199px) { .latest-post-sidebar { display: flex; flex-wrap: wrap; /* 允許換行 */ gap: 10px; /* 控制每個列表項之間的間距 */ } .latest-post-sidebar li { flex-basis: calc(33.33% - 10px); /* 每行三個，扣除間距 */ box-sizing: border-box; /* 確保 padding 和 border 不影響計算寬度 */ margin-bottom: 0; /* 移除垂直間距 */ } } /* 可選：為不同設備設置樣式 */ @media (max-width: 768px) { .list-style-03 li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .latest-post-sidebar { display: flex; flex-wrap: wrap; /* 允許換行 */ gap: 10px; /* 控制每個列表項之間的間距 */ } .latest-post-sidebar li { flex-basis: calc(100%); /* 每行三個，扣除間距 */ box-sizing: border-box; /* 確保 padding 和 border 不影響計算寬度 */ margin-bottom: 0; /* 移除垂直間距 */ } .margin-10-rem-top ul { display: flex; flex-wrap: wrap; /* 允許換行 */ justify-content: center; /* 居中排列 */ gap: 10px; /* 控制 li 之間的間距 */ } .margin-10-rem-top ul li { flex-basis: calc(100%); /* 每行兩個，扣除間距 */ box-sizing: border-box; /* 確保 padding 和 border 不影響計算寬度 */ padding-bottom: 0; /* 移除垂直間距 */ } } /* 預設：只顯示 section1，隱藏 section2（桌機、iPad） */ .section1 { display: block; } .section2 { display: none; } /* 手機裝置：顯示 section2，隱藏 section1 */ @media (max-width: 767px) { .section1 { display: none; } .section2 { display: block; } } /* 強制顯示 dropdown-menu，確保顯示透明，解決偶爾消失問題 */ .header-cart-icon.dropdown:hover .dropdown-menu, .header-cart-icon.dropdown:focus-within .dropdown-menu { display: block !important; visibility: visible; opacity: 1; pointer-events: auto; transition: opacity 0.3s ease; } 新聞NEWS 國內車市新聞 國外車市新聞 綜合報導 專題報導 YOUTUBE影音專區 試駕報導 特別企劃 --> YOUTUBE影音專區 試駕報導 特別企劃 輕鬆購 限時促銷 購車許願池 --> 找業代 品牌保修 × 想瞭解什麼資料？ 請輸入登入帳號 * 請輸入登入密碼 * 登入會員 註冊會員 忘記密碼了嗎? // 防止 dropdown 內點擊導致意外關閉 document.querySelector('.header-cart-icon.dropdown .dropdown-menu').addEventListener('click', function(e) { e.stopPropagation(); }); // 搜尋表單檢查函式 function sbSearchForm2() { var obj = document.searchForm2; if(trim(obj.strKey.value) === "" || trim(obj.strKey.value) === "請輸入搜尋關鍵字") { alert("請輸入搜尋關鍵字。"); obj.strKey.value = ""; obj.strKey.focus(); return false; } return true; } // 去除字串前後空白 function trim(str) { return str.replace(/^\s+|\s+$/g, ''); } Volkswagen Golf Variant 德製旅行車讓你駕馭、機能兼得！？ 不只動力科技進化！Peugeot 5008 P2 Hybrid 上打豪華品牌夠資格嗎？ 「業代賞車」BMW X3 20 M Sport！BMW汎德濱江 銷售顧問_周祐寧JJ [業代賞車]Audi RS3 自己的新車，自己開箱-銷售顧問 AUDI內湖 張琳英(小靜) 誰說渦輪＝耗油？Hyundai Tucson L Turbo Hybrid 車主現身說法！ 六代目 Honda CR-V 的逆襲？TNCAP 撞出五顆星的秘密？ document.addEventListener("DOMContentLoaded", function() { const lazyLoadIframes = document.querySelectorAll(".youtube-iframe"); lazyLoadIframes.forEach(iframe => { const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting && iframe.dataset.src) { iframe.src = iframe.dataset.src; observer.unobserve(iframe); } }); }, { threshold: 0.1 }); observer.observe(iframe); }); }); .video-container { position: relative; width: 100%; } .video-container iframe { position: absolute; top: 0; left: 0; } 熱門新聞 國內車市新聞 國外車市新聞 綜合報導 2026-04-02 16:21 26 年式 DISCOVERY TEMPEST 與 GEMINI EDITION 限定版發表 JLR Taiwan 台灣捷豹路虎發表全新 26 年式 Discovery 全尺寸 7 人座旗艦，車系編成採用 Ingenium 3.0L D250 柴油六缸渦輪增壓 MHEV 單... 瞭解詳細內容 2026-04-02 16:13 Toyota Land Cruiser 27 年式 288 萬起全新到港 Land Cruiser於2025年7月正式在台上市，受到諸多越野車迷的愛好與關注。和泰汽車今日正式宣布27年式車型全新到港，提供兩種等級編成，原車型等級「越野探索版」已搭載豐富配... 瞭解詳細內容 2026-04-01 23:00 Mazda CX-60 限時享 7 年原廠保固與 70 期 0 利率 為讓更多消費者能以無憂、從容的方式入主 Mazda CX-60，台灣馬自達於 4 月推出限時購車禮遇，凡入主 Mazda CX-60，即可享有 7 年原廠保固與 70 期高額 0 ... 瞭解詳細內容 2026-04-01 22:57 LUXGEN n⁷ LR 亮點版首付 38.9 萬起輕鬆入主 面對近期國際油價劇烈波動與物價壓力，消費者對於日常擁車支出的敏感度隨之提升。LUXGEN於4月推出限時購車優惠方案：新世代純電休旅n⁷全車系限時享6萬元購車金，指定車型再享最高10... 瞭解詳細內容 2026-04-01 22:54 Kia新能源熱銷驅動成長，3月訂單近1,300張 甫出爐的3月份結算，Kia全車系接單將近1,300張，月成長突破143%！以新能源驅動成長的關鍵，Kia旗下的智慧油電科技潮旅The new Stonic自3月18日上市後，深受市... 瞭解詳細內容 2026-04-01 22:50 Hyundai Mufasa Xplore 探險版限量登場 Hyundai汽車持續以多元產品編成回應市場需求，旗下以「超規格SUV」定位廣受消費者關注的 Mufas