跳到主要內容區塊
::: <div custom_block_template="true" block_id="customBlockTemplate_1" id="in4v" draggable="true" class="container"><div custom_block_template="true" block_id="customBlockTemplate_56" id="i41f9" draggable="true" class="two_three_block d-flex flex-wrap"><div id="im2fn" draggable="true" class="col-3 d-lg-block d-none"><div data-dirid="6" data-diridname="頁左選單" id="ispgl" class="menu_directory bg-white"><div id="i2m6e" draggable="true" class="title custom_h5 fw-bold py-3 px-3"> </div><div id="igae7" draggable="true" class="accordion accordion-flush"> </div><div id="TemplateAccordionItem" draggable="true" class="d-none"><div id="i5xq7" draggable="true" class="accordion-item border-0 border-bottom"><div id="" draggable="true" class="accordion-header"><button id="itcfj" draggable="true" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="false" aria-controls="" class="accordion-button collapsed custom_h5 sectitle"></button></div><div id="" draggable="true" aria-labelledby="" class="accordion-collapse collapse"><div id="iobpe" draggable="true" class="accordion-body p-0"> </div></div></div></div></div></div><div id="i6j5e" draggable="true" class="col"><div id="i582-3-2" draggable="true" custom_block_template="true" block_id="customBlockTemplate_36" class="custom_h3 my-2 px-4 fw-bold"><b id="ifdmo-2" draggable="true"><span id="idvigk-2" draggable="true"><span id="iufdlz">停產專區</span></span></b></div><div custom_block_template="true" block_id="customBlockTemplate_1" id="in4v-3" draggable="true" class="container edit_lock my-0"><div data-dirid="33" data-diridname="停產專區" id="igmm" class="frame type_change_frame catalog_frame allowedit"><div id="i5z9" draggable="true" btn_text="1" btn_grid="1" btn_list="1" class="d-flex justify-content-end switch_control allowedit mb-2"><button draggable="true" id="itrvo" class="btn_text d-flex bg-transparent border-0 align-items-center mx-1 allowedit d-none"><span draggable="true" id="izvju" class="material-symbols-outlined fs-5 me-1">list</span>文字 </button><button draggable="true" id="i4nk9" class="btn_grid d-flex bg-transparent border-0 align-items-center mx-1 allowedit d-none"><span draggable="true" class="material-symbols-outlined fs-5 me-1">grid_on</span>圖片 </button><button draggable="true" id="i7yaj" class="btn_list d-flex bg-transparent border-0 align-items-center mx-1 text-black-50 allowedit d-none"><span draggable="true" class="material-symbols-outlined fs-5 me-1">view_list</span>圖文 </button><button draggable="true" id="ig77w" class="btn_prod_grid d-flex bg-transparent border-0 align-items-center mx-1 allowedit"><span draggable="true" class="material-symbols-outlined fs-5 me-1">grid_on</span>商品圖片 </button><button draggable="true" id="i13wzg5" class="btn_prod_list d-flex bg-transparent border-0 align-items-center mx-1 text-black-50 allowedit"><span draggable="true" class="material-symbols-outlined fs-5 me-1">view_list</span>商品圖文 </button></div><div draggable="true" id="idtoy" class="catalog content row row-cols-lg-4 gx-0 rounded-lg bg-light px-2"><div data-key="" id="ij7df" class="templatecontent d-none"><div id="ih27i" class="template p-2 py-2"><div data-key="" id="iqbcl" class="col bg-white p-2 position-sticky p-1 type4 rounded-lg h-100"><a data-key="" href="/lcb/Apro_1/product/2" title="" target="_self" class="text-black"><figure data-key="" class="d-flex justify-content-center mb-0 h-100 max-h flex-column"><div data-key="" class="image_frame d-flex flex-grow-1 justify-content-center align-items-center type4-image-frame w-100"><img data-key="" src="/upload/logo.png" alt="" class="image gjs-plh-image img-fluid"/></div><figcaption data-key="" class="w-100 position-relative pb1 type4-caption d-flex flex-column"><div class="item-header d-flex"><div data-key="" class="itemNo m-0 p-0 align-itmes-center type4-title d-inline fw-bold"> </div></div><div class="item-title"><div data-key="" class="catalog-number itemNo m-0 p-2 align-itmes-center type4-title d-inline"> </div><div data-key="" class="title m-0 fs-5 align-itmes-center type4-title d-inline fs-6"> </div><div class="like-and-share top_line d-none"><button class="btn_favorites bg-transparent border-0 d-none"><i class="fs-5 fa-regular fa-heart"> </i><span class="d-none">關注</span></button></div></div><p data-key="" class="description mt-1 overflow-hidden p-2 d-none type2-content"> </p><div class="more-btn position-absolute d-flex justify-content-center align-items-center d-none"><div class="fas fa-angle-right"> </div></div><div data-key="" class="date d-flex justify-content-end align-items-center p-2 d-none"> </div><div data-key="" class="more text-end mt-1 d-none"> 詳細介紹 </div><div data-key="" class="price price-grid mt-auto type2-title d-inline fw-bold fs-7"> </div><div data-key="" class="bottom-row d-flex align-text-bottom"><div data-key="" class="tags"> </div><div class="purchase d-none"><div data-key="" class="price price-discount me-auto p-2 align-itmes-center type2-title d-none"> </div><div data-key="" class="price normal-price me-auto p-2 align-itmes-center type2-title d-inline fw-bold"> </div><span data-key="" class="cart badge rounded-pill bg-secondary text-white me-auto p-2 px-4 align-itmes-center type2-title d-none fw-normal"><i class="fa-solid fa-cart-shopping fa-inverse"> </i> 放入購物車 </span></div></div></figcaption></figure></a><div class="shareBlock"><button class="btn_share bg-transparent border-0"><i class="fs-5 fa-solid fa-share"> </i><span class="d-none">分享</span></button></div></div></div></div><div data-key="" id="ij7df-2" class="templatecontent-tag d-none"><span class="badge rounded-pill bg-light text-secondary fw-normal me-1 px-2"></span></div></div><nav draggable="true" aria-label="Catalog Page"><ul draggable="true" class="page_btn d-flex justify-content-center my-5 pagination"><li draggable="true" class="page-item btn_prev"><button draggable="true" class="page-link text-black"><i class="fa-solid fa-angle-left"> </i></button></li><li draggable="true" class="page-item btn_next"><button draggable="true" class="page-link text-black"><i class="fa-solid fa-angle-right"> </i></button></li></ul></nav></div></div><!-- Content here --></div></div><!-- Content here --></div>
header .navbar{z-index:1000;} * { box-sizing: border-box; } body {margin: 0;}#iufdlz{font-weight:bolder;} *{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}#in9v > .two_three_block{height:465px;overflow:hidden;margin:1.5rem 0;}#in9v > .two_three_block:nth-child(even){flex-direction:row-reverse;}#in9v > .two_three_block > .two{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;height:80%;border:#e4e4e4 solid 1px;font-size:2rem;color:#898989;}#in9v > .two_three_block > .three > div{position:absolute;width:90%;height:80%;top:10%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;color:#fff;background-color:rgba(61,61,61,0.4);font-size:1.5rem;line-height:3rem;font-weight:bold;transition:left 0.5s;}#in9v > .two_three_block:nth-child(odd) > .three > div{left:100%;transition:left 0.5s;}#in9v > .two_three_block:nth-child(even) > .three > div{right:100%;transition:right 0.5s;}#in9v > .two_three_block:nth-child(odd):hover > .three > div{left:10%;}#in9v > .two_three_block:nth-child(even):hover > .three > div{right:10%;}#in9v > .two_three_block:hover > .two{background-color:#e4e4e4;}#in9v > .two_three_block:hover > .two > div{border:#fff solid 1px;padding:0.5rem 1rem;min-width:150px;text-align:center;}#in9v > .two_three_block > .three{position:relative;overflow:hidden;}.under-line{border-bottom:#62AACA solid 3px;}#in9v > .two_three_block:hover .under-line{border-bottom:none;}#in9v img{object-fit:cover;height:100%;}@media (max-width:576px){#in9v > .two_three_block{height:auto;}#in9v > .two_three_block > .two{height:auto;font-size:1.5rem;padding:0.5rem 0;}}
<div custom_block_template="true" block_id="customBlockTemplate_1" id="in9v" draggable="true" class="container py-5"><a custom_block_template="true" block_id="customBlockTemplate_56" id="i41f9" draggable="true" href="Apro" title="連結:馬桶" class="two_three_block d-flex flex-wrap"><div id="im2fn" draggable="true" class="three"><img id="ife2" src="/upload/htmlConten/ebfe7b76-dcf6-49fc-ab60-5f6117b3223d.jpg"></div><div id="i6j5e" draggable="true" class="p-3 two align-self-center"><div id="i7jne"><b><span class="under-line">馬桶</span></b></div></div></a><a id="ily9j" data-key="" href=" Bpro" title="連結至:溫水洗淨便座" class="two_three_block d-flex flex-wrap"><div id="i3pyd" data-key="" class="three"><img id="iuzvi" src="/upload/htmlConten/31c9b26d-cd3a-449c-8fec-62982f4cb14d.jpg"></div><div id="i1cd" data-key="" class="two align-self-center"><div id="ihyke" data-key=""><b id="iobui"> 微電腦 <span id="ijofj" class="under-line">馬桶座</span></b></div></div></a><a id="id7mq" data-key="" title="連結至:面盆&浴櫃組" href="Cpro" class="two_three_block d-flex flex-wrap"><div id="ihy2j" data-key="" class="three"><img id="id4ls" data-key="" src="/upload/htmlConten/4821bbee-17bb-434b-9530-09ac59a2efb8.jpg"></div><div id="iqtas" data-key="" class="two align-self-center"><div id="i97mg" data-key=""><b id="i6l52" data-key=""> 面盆& <span id="imrzw" data-key="" class="under-line">浴櫃組</span></b></div></div></a><a id="iovirf" data-key="" href="Dpro" title="連結至:浴室龍頭" class="two_three_block d-flex flex-wrap"><div id="itw5c9" data-key="" class="three"><img id="i3fmvj" data-key="" src="/upload/htmlConten/e2a8b151-0da5-4edb-992d-0408d0f42b93.jpg"></div><div id="i9kgit" data-key="" class="two align-self-center"><div id="ijogyi" data-key=""><b id="iliifk" data-key=""><span id="i0p99r" data-key="" class="under-line">浴室龍頭</span></b></div></div></a><a id="iq4boe" data-key="" href="Fpro" title="連結至:浴缸" class="two_three_block d-flex flex-wrap"><div id="ivue67" data-key="" class="three"><img id="iv341" data-key="" src="/upload/htmlConten/67e2ce04-8708-4f4f-8ce9-99a0c7b72044.jpg"></div><div id="i0eidv" data-key="" class="two align-self-center"><div id="ivyjzc" data-key=""><b id="iwwhmg" data-key=""><span id="idchc7" data-key="" class="under-line">浴缸</span></b></div></div></a><a id="i8lp81" data-key="" href="Hpro" title="連結至:小便斗" class="two_three_block d-flex flex-wrap"><div id="iha08l" data-key="" class="three"><img id="ivrtml" data-key="" src="/upload/htmlConten/bf5403ec-437e-4eba-9965-a6fc0bef1200.jpg"></div><div id="itm4d6" data-key="" class="two align-self-center"><div id="i52mwp" data-key=""><b id="iabm0g" data-key=""><span id="ijkrhm" data-key="" class="under-line">小便斗</span></b></div></div></a><a id="icou83" data-key="" title="連結至:無障礙設備" href="Epro" class="two_three_block d-flex flex-wrap"><div id="ighuq8" data-key="" class="three"><img id="i2m2oi" data-key="" src="/upload/htmlConten/3a2be8d3-e969-48b9-b2a2-e0a922cce7f0.jpg"></div><div id="ic7ndm" data-key="" class="two align-self-center"><div id="it2jcx" data-key=""><b id="iuufuy" data-key=""><span id="i62y12" data-key="" class="under-line">無障礙設備</span></b></div></div></a><a id="ik8to-2" data-key="" href="Gpro" title="連結至:浴室配件" class="two_three_block d-flex flex-wrap"><div id="isp0v-2" data-key="" class="three"><img id="iktbj-2" data-key="" src="/upload/htmlConten/97ba23d0-6005-4b4f-b43d-244eeded3e4a.jpg"></div><div id="i05ea-2" data-key="" class="two align-self-center"><div id="ifztl-2" data-key=""><b id="iitjf-2" data-key=""><span id="idklh-2" data-key="" class="under-line">浴室配件</span></b></div></div></a><a id="i6kww" data-key="" title="連結至:公共空間" href="/lcb/Ipro" class="two_three_block d-flex flex-wrap"><div id="iir0n" data-key="" class="three"><img id="id" data-key="" src="/upload/htmlConten/53cfe8c5-a1a5-4ee1-954c-17824bfec9e8.jpg"></div><div id="ivl4l" data-key="" class="two align-self-center"><div id="i3wsq" data-key=""><b id="itseo" data-key=""><span id="i1p2v" data-key="" class="under-line">公共空間</span></b></div></div></a><!-- Content here --></div>