跳到主要內容區塊
::: <figure custom_block_template="true" block_id="customBlockTemplate_180" id="ihly-2" draggable="true" class="position-relative"><img id="ieot-2" draggable="true" src="/upload/htmlConten/78f14c5f-ef32-430b-8fd2-33ed949de28f.jpg" alt="" class="banner-img-crop times-16"/><figcaption id="iab1-2" draggable="true"><h1 id="i63q-2" draggable="true" class="position-absolute text-center w-100 text-white bottom_3-2"><span id="izjj-2" draggable="true" class="text_shadow text-white fw-bold">經銷據點<br id="iw9n" draggable="true"/></span><span id="iaukcn" draggable="true" data-key="" class="text_shadow text-white fw-bold">Dealer<br id="iwn48" draggable="true"/></span></h1></figcaption></figure><div class="container"><div id="iivis" class="picture-line"><a href="/lcb/distribution/article/6" alt="花東總經銷-百健行"><img src="/upload/htmlConten/7941729a-4f4e-4b47-b391-b3098a05ded7.png" id="ig8bq"/><div><span>Hualien & Taitung</span><h5 class="fw-bold text-black mb-0"> 花東總經銷 </h5><span>百健行</span></div></a><a href="/lcb/distribution/article/7" alt="台北-隆協實業有限公司"><img src="/upload/htmlConten/ee22e396-c649-43f4-89f0-4de5a1cef7c1.png" id="itopl"/><div><span>Taipei</span><h5 class="fw-bold text-black mb-0"> 台北區 </h5><span>隆協實業有限公司</span></div></a><a href="/lcb/distribution/article/8" alt="桃園-金大發企業有限公司"><img src="/upload/htmlConten/f4209933-4b15-41c4-b1ff-c30bcf375e42.png" id="i18e9"/><div><span>Taoyuan</span><h5 class="fw-bold text-black mb-0"> 桃園區 </h5><span>金大發企業有限公司</span></div></a><a href="/lcb/distribution/article/9" alt="雲嘉-奇旺開發有限公司" id="iwbvl"><img src="/upload/htmlConten/785edf84-0ec3-44b0-b7bf-65048ed3243b.png" id="iozca"/><div id="i93ic"><span>Yunlin & Chiayi</span><h5 class="fw-bold text-black mb-0"> 雲嘉區 </h5><span>奇旺開發有限公司</span></div></a><a href="/lcb/distribution/article/10" alt="台南-冠衛企業有限公司" id="it37p"><img src="/upload/htmlConten/6eb7c40c-f9c2-4eed-a791-151a9e7853e4.png" id="iulcc"/><div id="id1ew"><span>Tainan</span><h5 class="fw-bold text-black mb-0"> 台南區 </h5><span>冠衛企業有限公司</span></div></a></div></div>
header .navbar{z-index:1000;} * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin:0;}#iaukcn{font-size:1.7rem;}.picture-line{display:flex;gap:1rem;flex-flow:wrap;}.picture-line > a{display:inline-block;width:calc(50% - 1rem);position:relative;text-decoration:none;}.picture-line > a>img{position:absolute;left:5%;right:0;max-height:100%;}.picture-line > a > div{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;display:flex;background-color:#f2f2f2;width:100%;flex-direction:column;margin:3rem 0;font-size:2rem;color:#000;font-weight:900;padding-right:2rem;}.picture-line > a > div > h5{margin:3rem 1rem;margin-right:0;font-size:2rem;}.picture-line > a > div > span{margin:3rem 1.5rem 0 0;font-size:1rem;font-weight:lighter;}.picture-line > a > div > span:last-child{font-size:1.5rem;color:#948b84;border:#948b84 solid;border-width:0 2px;height:10rem;text-align:center;padding:0 0.5rem;line-height:1.9rem;font-weight:600;margin:7.5rem 0;letter-spacing:0.4rem;}@media only screen and (max-width: 1400px){.picture-line > a > div > span:last-child{margin:5rem 0;}}@media only screen and (max-width: 1200px){.picture-line > a > div > span:last-child{margin:4rem 0;line-height:1.5rem;}}@media only screen and (max-width: 992px){.picture-line > a > img{max-height:86%;margin:7% 0;left:-3%;}.picture-line > a > div{padding-right:0;}}@media only screen and (max-width:576px){.picture-line > a{width:100%;}.picture-line > a > div{padding-right:1.5rem;margin:0;}.picture-line > a > img{left:4%;max-height:100%;margin:0;}.picture-line > a > div > span{margin:3rem 0.5rem 0 0;}}@media only screen and (max-width:360px){.picture-line > a > div{padding-right:0;}.picture-line > a > img{left:-3%;}} * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin:0;}
<body id="i0jq"><figure custom_block_template="true" block_id="customBlockTemplate_159" id="ihly" draggable="true" class="position-relative"><figcaption id="iab1" draggable="true"></figcaption></figure>