跳到主要內容區塊
::: <div custom_block_template="true" block_id="customBlockTemplate_203" id="i2yu"><figure id="ihly-2" draggable="true" custom_block_template="true" block_id="customBlockTemplate_159" class="position-relative"><img id="ieot-2" draggable="true" src="/upload/htmlConten/b640bbb2-67fe-4515-90ef-fa453a071a54.jpg" alt="" class="times-16 banner-img-crop"><h1 id="i63q-2-2" draggable="true" class="position-absolute text-center w-100 text-white bottom_3-2"><span id="izjj-2-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">Commercial<br id="ijjy" draggable="true"></span></h1><figcaption id="iab1-2" draggable="true"></figcaption></figure><div id="iw75" draggable="true" custom_block_template="true" block_id="customBlockTemplate_71" class="subpage_content"> </div><figure id="ihly-2-2" draggable="true" custom_block_template="true" block_id="customBlockTemplate_180" class="position-relative"><figcaption id="iab1-2-2" draggable="true"></figcaption></figure><div id="in4v-2" draggable="true" custom_block_template="true" block_id="customBlockTemplate_1" class="container"><div id="i0nee" draggable="true" custom_block_template="true" block_id="customBlockTemplate_162" class="row mx-0 edit_lock noInherit"><a id="io3vy" draggable="true" data-key="" title="連結至:廚房龍頭" href="Ipro_1" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="ilqoh" draggable="true" data-key="" src="/upload/htmlConten/f972a6f3-74f5-409f-b369-bfdbfea10d4e.jpg" class="w-100 h-auto allowedit"><div id="iql1p" draggable="true"><i id="ifra2" draggable="true" class="material-symbols-outlined">add </i><div id="iid43" draggable="true" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">廚房龍頭 </div></div></a><a id="i3jdm" draggable="true" data-key="" title="連結至:壁式龍頭" href="Ipro_2" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="iz2yj" draggable="true" data-key="" src="/upload/htmlConten/1a40e0d2-56f6-4710-972a-fe2f1e77c04d.jpg" class="w-100 h-auto allowedit"><div id="imbwr" draggable="true"><i id="ivifk" draggable="true" class="material-symbols-outlined">add </i><div id="ioopg" draggable="true" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">壁式龍頭 </div></div></a><a id="i1qyf" draggable="true" href="Ipro_3" title="連結至:烘手機" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="i6fmc" draggable="true" src="/upload/htmlConten/1051ed9d-1e9e-4fc5-bea7-c52301c565d2.jpg" alt="" class="w-100 h-auto allowedit"><div id="iqzbi" draggable="true"><i id="izs3r" draggable="true" class="material-symbols-outlined">add </i><div id="i0r9u" draggable="true" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">烘手機</div></div></a><a id="ir1fy" draggable="true" href="Ipro_4" title="連結至:落水頭" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="i486m" draggable="true" src="/upload/htmlConten/f934a27b-5082-4da8-8e9a-6d3c92ef66e7.jpg" alt="" class="w-100 h-auto allowedit"><div id="iqmwe" draggable="true"><i id="i92uf" draggable="true" class="material-symbols-outlined">add </i><div id="ilryk" draggable="true" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">落水頭 <br id="i25fo" draggable="true"></div></div></a><a id="i69qm" draggable="true" data-key="" title="連結至:公共配件" href="Ipro_5" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="ir6uk" draggable="true" data-key="" src="/upload/htmlConten/d8e7362b-1251-4f1f-b5bf-8d7c147f9671.jpg" class="w-100 h-auto allowedit"><div id="it1l2" draggable="true" data-key=""><i id="i3aks" draggable="true" data-key="" class="material-symbols-outlined">add </i><div id="ispb4" draggable="true" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">公共配件 <br id="iv2qu" draggable="true" data-key=""></div></div></a></div><!-- Content here --></div></div>
header .navbar{z-index:1000;} *{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}#iaukcn{font-size:1.7rem;}.custom_h3{text-shadow:3px 2px 5px #fff;} *{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>