跳到主要內容區塊
::: <body id="ibhi"><figure custom_block_template="true" block_id="customBlockTemplate_159" id="ihly-2" draggable="true" class="position-relative"><img id="ieot-2" draggable="true" src="/upload/htmlConten/25bb361b-2e2c-4345-b2a5-9a46b1a91a09.png" 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">Toilets<br/></span></h1><figcaption id="iab1-2" draggable="true"></figcaption></figure><figure custom_block_template="true" block_id="customBlockTemplate_180" id="ihly-2-2" draggable="true" class="position-relative"><figcaption id="iab1-2-2" draggable="true"></figcaption></figure><div custom_block_template="true" block_id="customBlockTemplate_71" id="iw75" draggable="true" class="subpage_content"> </div><div custom_block_template="true" block_id="customBlockTemplate_1" id="in4v-2" draggable="true" class="container"><div custom_block_template="true" block_id="customBlockTemplate_162" id="i0nee" draggable="true" class="row mx-0 edit_lock noInherit"><a id="io3vy" data-key="" title="了解更多" href="Apro_1" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="ilqoh" data-key="" src="/upload/htmlConten/e95167f6-9510-4f15-8242-ff97e3123d86.jpg" class="w-100 h-auto allowedit"/><div id="iql1p"><i class="material-symbols-outlined">add</i><div id="iid43" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit"> 智慧馬桶 </div></div></a><a id="i3jdm" data-key="" title="了解更多" href="Apro_2" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="iz2yj" data-key="" src="/upload/htmlConten/51031424-b158-41c3-b8cc-284724f8bac2.jpg" class="w-100 h-auto allowedit"/><div id="imbwr"><i class="material-symbols-outlined">add</i><div id="ioopg" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit"> 單體馬桶 </div></div></a><a id="i1qyf" draggable="true" href="Apro_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/abc3e9a8-804f-4a1f-aff2-ad271a8aea5f.jpg" alt="" class="w-100 h-auto allowedit"/><div id="iqzbi"><i 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="Apro_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/81fb2e06-bbd7-4d3b-bc87-a7b878aae67e.jpg" alt="" class="w-100 h-auto allowedit"/><div id="iqmwe"><i class="material-symbols-outlined">add</i><div id="ilryk" draggable="true" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">幼兒馬桶 <br/></div></div></a><a id="is2ey" data-key="" href="Apro_5" title="了解更多" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="ijtum" data-key="" src="/upload/htmlConten/b7ffd134-59cc-496a-8d1e-18491d0f0da8.jpg" class="w-100 h-auto allowedit"/><div id="ivrct"><i class="material-symbols-outlined">add</i><div id="iw21z" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit"> 蹲式馬桶 </div></div></a></div><!-- Content here --></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;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}.position-absolute.translate-middle-y.start-50.fw-bold{top:350px;}.position-absolute.translate-middle-y.fw-bold{top:350px;}.row.row-cols-1.row-cols-sm-2.align-items-center.gx-0{padding:0 0px 0 0;}.mx-auto.w-100.h-auto.gjs-plh-image{height:400px;}.mx-auto.w-100.gjs-plh-image{height:400px;}.custom_h3.fw-bold.mb-0.mb-md-5.allowedit{text-align:center;}.prodItem > div{position:absolute;width:100%;height:100%;justify-content:center;flex-direction:column;top:45%;visibility:hidden;color:#000;}.prodItem:hover > div{visibility:visible;}.prodItem:after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.5);top:0;left:0;}.prodItem:hover:after{display:none;}.prodItem:hover > div > i{transform:scale(1);font-size:1.5rem;}.prodItem > div > i{background:#62AACA;display:inline-block;padding:0.5rem;border-radius:100%;margin-bottom:1rem;color:#fff;transform:scale(0);transition:transform 0.5s;font-size:0;}.custom_h3{text-shadow:3px 2px 5px #fff;}#iaukcn{font-size:1.7rem;}#ieot-2{background-image:url('/upload/htmlConten/2268cbd2-52fb-47aa-8911-2eb6eb694837.jpg');background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;}@media (max-width: 992px){#ieot-2{background-image:url('/upload/htmlConten/2268cbd2-52fb-47aa-8911-2eb6eb694837.jpg');background-repeat:repeat;background-position:center top;background-attachment:scroll;background-size:cover;}}@media (max-width: 480px){#ieot-2{background-image:url('/upload/htmlConten/89ec0091-2c00-495b-b5b0-833f44b61ad2.jpg');background-repeat:repeat;background-position:center center;background-attachment:scroll;background-size:cover;}} *{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>