index.html 116 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Google Tag Manager -->
  5. <script>(function (w, d, s, l, i) {
  6. w[l] = w[l] || []; w[l].push({
  7. 'gtm.start':
  8. new Date().getTime(), event: 'gtm.js'
  9. }); var f = d.getElementsByTagName(s)[0],
  10. j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
  11. 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
  12. })(window, document, 'script', 'dataLayer', 'GTM-W3RJHTZ');</script>
  13. <!-- End Google Tag Manager -->
  14. <!-- Google tag (gtag.js) ga4-->
  15. <script async src="https://www.googletagmanager.com/gtag/js?id=G-97LXHMH1GQ"></script>
  16. <script>
  17. window.dataLayer = window.dataLayer || [];
  18. function gtag() { dataLayer.push(arguments); }
  19. gtag('js', new Date());
  20. gtag('config', 'G-97LXHMH1GQ');
  21. </script>
  22. <meta charset="UTF-8" />
  23. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  24. <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1" />
  25. <meta http-equiv="Cache-Control" content="no-cache" />
  26. <meta name="copyright" content="2021 © 幸福空間 │ All Rights Reserved." />
  27. <meta name="creation-date" content="2021-08-05 12:00:04 GTM+8" />
  28. <!-- <meta name="description" content="滿足您幸福空間裝修預算和裝潢預算需求的最佳方案!輸入您的裝修需求類型與坪數,立即獲得量身定制的預算方案,並享受專人幸福經紀人的洽詢服務。" /> -->
  29. <meta name="description"
  30. content="不知道裝潢費用怎麼抓?滿足您幸福空間裝潢預算需求的最佳方案!內建裝潢價格計算機,輸入您的裝修預算需求與坪數,立即獲得量身定制的裝潢估價 ,並享受幸福經紀人的諮詢服務。" />
  31. <meta name="distribution" content="Taiwan" />
  32. <meta name="keywords" content="" />
  33. <meta name="revisit-after" content="1 days" />
  34. <meta name="robots" content="all" />
  35. <meta name="format-detection" content="telephone=no" />
  36. <!-- <meta property="og:description" content="滿足您幸福空間裝修預算和裝潢預算需求的最佳方案!輸入您的裝修需求類型與坪數,立即獲得量身定制的預算方案,並享受專人幸福經紀人的洽詢服務。" /> -->
  37. <meta property="og:description"
  38. content="不知道裝潢費用怎麼抓?滿足您幸福空間裝潢預算需求的最佳方案!內建裝潢價格計算機,輸入您的裝修預算需求與坪數,立即獲得量身定制的裝潢估價 ,並享受幸福經紀人的諮詢服務。" />
  39. <meta property="og:site_name" content="幸福空間" />
  40. <!-- <meta property="og:title" content="幸福空間 - 裝修預算需求單" /> -->
  41. <meta property="og:title" content="裝潢預算怎麼抓?2024裝修費用評估試算-幸福空間" />
  42. <meta property="og:type" content="website" />
  43. <meta property="og:locale" content="zh_TW" />
  44. <!-- <title>幸福空間 - 裝修預算需求單</title> -->
  45. <title>裝潢預算怎麼抓?2024裝修費用評估試算-幸福空間</title>
  46. <link rel="icon" href="/hhh_index/images/favicon.ico" />
  47. <link rel="stylesheet" href="hhh_index/css/reset.css" />
  48. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
  49. integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous" />
  50. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
  51. integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous" />
  52. <!-- <link rel="stylesheet" href="css/jquery-ui.css"> -->
  53. <link rel="stylesheet" type="text/css" href="hhh_index/css/slick.css" />
  54. <link rel="stylesheet" type="text/css" href="hhh_index/css/slick-theme.css" />
  55. <!-- <link rel="stylesheet" href="hhh_index/css/list-style.css" /> -->
  56. <link rel="stylesheet" href="./css/style.css?a=ggog2" />
  57. <link rel="stylesheet" href="./css/request.css?v=goggg2" />
  58. <!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
  59. <link rel="preconnect" href="https://fonts.googleapis.com" />
  60. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  61. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&display=swap" rel="stylesheet" />
  62. <script type="application/ld+json">
  63. {
  64. "@context": "https://schema.org",
  65. "@type": "LocalBusiness",
  66. "@id": "https://hhh.com.tw/",
  67. "image": ["https://hhh.com.tw/_nuxt/img/def1b0a.svg"],
  68. "name": "幸福空間股份有限公司",
  69. "address": "110台北市信義區菸廠路88號五樓之6",
  70. "url": "https://hhh.com.tw/",
  71. "telephone": "+886-2-6617-0123"
  72. }
  73. </script>
  74. <script type="application/ld+json">
  75. {
  76. "@context": "https://schema.org",
  77. "@type": "Organization",
  78. "url": "https://hhh.com.tw/",
  79. "logo": "https://hhh.com.tw/_nuxt/img/def1b0a.svg",
  80. "name": "幸福空間",
  81. "sameAs": [
  82. "https://www.facebook.com/hhhfb/",
  83. "https://page.line.me/ovs4341s",
  84. "https://www.youtube.com/user/gorgeousspace",
  85. "https://www.instagram.com/gorgeous_space/"
  86. ],
  87. "contactPoint": [
  88. {
  89. "@type": "ContactPoint",
  90. "areaServed": "TW",
  91. "telephone": "+886-2-6617-0123",
  92. "contactType": "customer service",
  93. "availableLanguage": "Chinese"
  94. }
  95. ]
  96. }
  97. </script>
  98. <script type="application/ld+json">
  99. {
  100. "@context": "https://schema.org",
  101. "@type": "WebSite",
  102. "name": "幸福空間-室內設計、裝修裝潢、居家生活、影音平台",
  103. "author": "幸福空間",
  104. "url": "https://hhh.com.tw/",
  105. "potentialAction": {
  106. "@type": "SearchAction",
  107. "target": "https://hhh.com.tw/search/lists/case/{search_term_string}-keyword/",
  108. "query-input": "required name=search_term_string"
  109. }
  110. }
  111. </script>
  112. <script type="application/ld+json">
  113. {
  114. "@context": "https://schema.org",
  115. "@type": "FAQPage",
  116. "mainEntity": [{
  117. "@type": "Question",
  118. "name": "Q1:如何挑選優質室內設計公司?",
  119. "acceptedAnswer": {
  120. "@type": "Answer",
  121. "text": " 1. 室內設計公司是否為政府合法立案:可以到經濟部商業司或是內政部營建署「全國建築管理資訊系統入口網」的【室內裝修業登記查詢】網站上做查詢。
  122. 2. 室內設計公司與室內設計師是否持有室內裝修證照:如室內裝修工程管理乙級執照,未有證照就進行施工是違法的行為,請務必要當心。
  123. 3. 室內設計公司的專業能力與態度:洽談過程中,可透過提供圖面初步了解設計師技術與空間配置功力,並了解過往經驗與作品風格是否是自己喜歡的。"
  124. }
  125. }, {
  126. "@type": "Question",
  127. "name": "Q2:裝潢需要申請室內裝修許可嗎?",
  128. "acceptedAnswer": {
  129. "@type": "Answer",
  130. "text": "依據「內政部營建署」所列的建築物室內裝修管理辦法第三條,室內裝修的行為包含以下幾點,但不包括壁紙、壁布、窗簾、家具、活動隔屏、地氈等之黏貼及擺設。
  131. 1. 固著於建築物構造體之天花板裝修。
  132. 2. 內部牆面裝修。
  133. 3. 高度超過地板面1.2公尺以上,固定之隔屏裝修或兼作櫥櫃使用之隔屏裝修。
  134. 4. 分間牆之變更。
  135. 換句話說,只要動到天花板、牆壁、固定式隔間的室內裝修行為幾乎都要申請。一般都是委託室內設計公司或建築師事務所,向當地主管機關申請室內裝修審查。"}
  136. }, {
  137. "@type": "Question",
  138. "name": "Q3:裝潢費用有哪些?",
  139. "acceptedAnswer": {
  140. "@type": "Answer",
  141. "text": "一般來說,一個完整的裝修費用包含「設計費」、「工程費」及「監工費」,其中設計費取決於室內設計師個人的經歷、名氣、公司規模或是難易度,而有不同的計價方式;工程費則會因為選用的建材或是施工方法不同產生很大的價差,至於監工費部分通常為總工程款的5%~10%。"}
  142. }, {
  143. "@type": "Question",
  144. "name": "Q4:裝潢預算配置怎麼抓?",
  145. "acceptedAnswer": {
  146. "@type": "Answer",
  147. "text": "在評估預算時,主要可分為四大項目,包括室內設計與裝潢工程、家電設備、家具以及軟裝佈置。室內設計與裝潢工程的費用通常佔據最大比例,約占總預算的60%至65%左右。至於家電設備和家具,建議各佔預算的15%。剩餘的5%至10%則可用於軟裝家飾的採購。"}
  148. }, {
  149. "@type": "Question",
  150. "name": "Q5:裝潢費用一坪多少?",
  151. "acceptedAnswer": {
  152. "@type": "Answer",
  153. "text": "新成屋的裝潢報價大約在3萬至5萬元/坪之間,而中古屋的報價為6萬至8萬元/坪,老屋翻新的報價則在7萬至10萬元/坪,少數老舊房屋的報價甚至可能達到12萬元/坪。對於對裝潢品質有更高要求者,可能需要更多的預算。一般都會建議中古屋、老屋翻新要預留5~10%的預算做彈性調整。"}
  154. }, {
  155. "@type": "Question",
  156. "name": "Q6:老屋翻新預算怎麼抓?",
  157. "acceptedAnswer": {
  158. "@type": "Answer",
  159. "text": "基本上,老屋翻新的施工項目大致分為基礎工程、裝潢工程及裝飾工程三大項目,在分配預算時,建議使用總預算的40%施作基礎工程,30%執行裝潢工程,30%進行裝飾工程。建議在評估預算時要規劃10%~15%的追加款,以備不時之需。"}
  160. }, {
  161. "@type": "Question",
  162. "name": "Q7:老屋翻新補助有哪些?",
  163. "acceptedAnswer": {
  164. "@type": "Answer",
  165. "text": "政府為補助房屋修繕費用主要有三種方案:內政部「修繕住宅貸款利息補貼」及「簡易修繕住宅費用補貼」、地方政府「老屋修繕補助」。"}
  166. }, {
  167. "@type": "Question",
  168. "name": "Q8:老屋翻新補助的申辦條件是什麼?",
  169. "acceptedAnswer": {
  170. "@type": "Answer",
  171. "text": "內政部提供的房屋修繕住宅補助針對10年以上老屋,約在每年7~8月間開放民眾申請。根據修繕住宅貸款利息補貼或簡易修繕住宅費用補貼評點基準採「評點制度」審核,若超過名額則公開抽籤。「修繕住宅貸款利息補貼」及「簡易修繕住宅費用補貼」的申請流程、文件、項目皆相同。"}
  172. }, {
  173. "@type": "Question",
  174. "name": "Q9:老屋翻新的補助結果哪裡查詢?",
  175. "acceptedAnswer": {
  176. "@type": "Answer",
  177. "text": "政府會在審查後1個月內將結果或補件通知,寄送至戶籍地址、通訊地址或修繕住宅地址,申請者需注意此3個地址的收件情形,以免錯過政府通知結果。"}
  178. }, {
  179. "@type": "Question",
  180. "name": "Q10:預售屋客變流程有哪些?",
  181. "acceptedAnswer": {
  182. "@type": "Answer",
  183. "text": "建議於購入預售屋後,立刻向建設公司索取建築圖(格局)、水電圖(弱電、燈光迴路、給排水、消防)等完整電子檔,並先找設計師開始進行規劃,才不會來不及因應後續的客變時間。若決定找設計師協助,客變流程大概會細分為以下幾個流程:
  184. 1. 向建設公司索取建築圖與水電圖電子檔
  185. 2. 找設計師規劃客變內容
  186. 3. 於建商通知可客變時,會同設計師、建設公司共同討論客變項目
  187. 4. 建設公司修改圖面
  188. 5. 討論並確認圖面
  189. 6. 簽名確認圖面及加減帳明細
  190. 7. 施工
  191. 8. 完工驗收(攜帶最後完整建築圖與水電圖面,與設計師、建商共同驗收)
  192. 9. 修改驗屋缺失
  193. 10. 確認驗屋缺失已修正
  194. 11. 三方簽名確認
  195. 12. 交屋
  196. "}
  197. }, {
  198. "@type": "Question",
  199. "name": "Q11:裝潢一定要請設計師嗎?",
  200. "acceptedAnswer": {
  201. "@type": "Answer",
  202. "text": "如果你對設計和裝潢沒有太多經驗,建議找一位擁有豐富經驗和美感的室內設計師可以節省你的時間和精力,讓整個裝潢過程更加順利。
  203. 1. 省時省力: 室內設計師可以幫助您整合各方面需求,制定合理的設計方案,並統籌管理施工進度,讓您省心省力。
  204. 2. 專業施工品質: 室內設計師擁有豐富的專業知識和經驗,可以確保施工品質符合您的要求。
  205. 3. 合理的裝修預算規劃: 室內設計師可以根據您的需求和預算,制定合理的設計方案和施工方案,幫助您有效控制成本。
  206. 小編建議與設計師溝通時,可提供具體的風格照片、案例,溝通起來更有效率喔!"}
  207. }, {
  208. "@type": "Question",
  209. "name": "Q12:裝潢可以自己找統包商嗎?",
  210. "acceptedAnswer": {
  211. "@type": "Answer",
  212. "text": "裝潢是一項專業性強、耗時費力的工程。如果您選擇自行承包,可能會面臨以下挑戰:
  213. 1. 缺乏專業知識和經驗: 室內設計涉及多個專業領域,包括櫃體結構、動線規劃、施工流程、材料選購等。如果您沒有相關知識和經驗,可能會導致施工過程中出現各種問題,從而延長工期、降低施工品質。
  214. 2. 難以掌控施工進度: 在自行承包的情況下,您需要親自跟進施工進度,這對於首次購屋者或繁忙的上班族來說可能是一項不小的負擔。
  215. 3. 無法有效控制裝修預算: 由於缺乏專業知識和經驗,您可能難以準確估算施工成本,從而導致預算超支。
  216. "}
  217. }, {
  218. "@type": "Question",
  219. "name": "Q13:廚房設計的裝修預算怎麼抓?",
  220. "acceptedAnswer": {
  221. "@type": "Answer",
  222. "text": "廚房設計的裝修費用受到多種因素的影響,包括廚房大小、格局改動程度、水電管線是否需要重新配置、廚具品牌、材質等。一般來說,每坪廚房設計價格在3,000至12,000元之間。
  223. 對於常見的2至4坪廚房空間,如果格局改動不大且水電管線不需要重新配置,包含基本廚具的報價通常在10萬至15萬元之間。如果需要進行較大幅度的格局改動或重新配置水電管線,報價則會相應提高,大約在30萬至50萬元之間。"}
  224. }
  225. ]
  226. }
  227. </script>
  228. </head>
  229. <body style="overflow-x: hidden" id="top" class="wholeBody">
  230. <!-- 表單頁面 -->
  231. <div class="container-fluid request-content">
  232. <div class="d-block d-md-none py-3">
  233. <a href="https://hhh.com.tw/" class="logo">
  234. <img alt="logo" src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" />
  235. </a>
  236. </div>
  237. <div class="row flex-column-reverse flex-md-row">
  238. <div class="col-md-7 col-lg-8 px-4">
  239. <div class="row">
  240. <div class="col-12">
  241. <div class="d-none d-md-block main-title">
  242. <h2>
  243. 您有裝修設計需求? <br> 想了解裝修預算方案?
  244. </h2>
  245. <h3>
  246. 填寫您的裝修需求,立即獲得裝修計算方案與幸福經紀人專人服務
  247. </h3>
  248. </div>
  249. </div>
  250. <div class="col-12 col-lg-6 d-none d-md-block">
  251. <a href="https://hhh.com.tw/deco/" target="_blank">
  252. <img class="w-100" src="./img/p1.jpg" alt="">
  253. </a>
  254. </div>
  255. <div class="col-12 col-lg-6 d-none d-md-block mt-4 mt-lg-0">
  256. <a href="https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE"
  257. target="_blank">
  258. <img class="w-100" src="./img/樂居.jpg" alt="">
  259. </a>
  260. </div>
  261. </div>
  262. <!-- 文章列表 -->
  263. <div class="main py-3 py-md-4">
  264. <div class="d-flex justify-content-center">
  265. <!-- 讀取圖示 -->
  266. <div class="spinner-border text-primary my-5 column-spinner" role="status">
  267. <span class="visually-hidden">Loading...</span>
  268. </div>
  269. </div>
  270. <div class="row column-list" id="columnList">
  271. <!-- 動態載入 -->
  272. </div>
  273. </div>
  274. </div>
  275. <div class="col-md-5 col-lg-4 px-4 px-md-0">
  276. <div class="d-block d-md-none main-title">
  277. <h2>
  278. 您有裝修設計需求? <br> 想了解裝修預算方案?
  279. </h2>
  280. <h3>
  281. 填寫您的裝修需求,立即獲得裝修計算方案與幸福經紀人專人服務
  282. </h3>
  283. </div>
  284. <div id="rightSidebar" class="card form-block">
  285. <card-title class="d-none d-md-block">
  286. <a href="https://hhh.com.tw/" class="logo">
  287. <img alt="logo" src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" />
  288. </a>
  289. </card-title>
  290. <div class="card-body px-0 px-xl-3">
  291. <form>
  292. <div class="mb-3">
  293. <label for="name" class="form-label">姓名*</label>
  294. <input type="text" class="form-control" id="name" placeholder="請輸入姓名">
  295. <div class="name invalid-feedback">
  296. 請輸入姓名,不超過 10 字元
  297. </div>
  298. </div>
  299. <div class="mb-3">
  300. <label for="phone" class="form-label">手機*</label>
  301. <input type="tel" class="form-control" id="phone" placeholder="請輸入手機號碼" maxlength="13">
  302. <div class="phone invalid-feedback">
  303. 請輸入完整手機號碼,不超過 10 字元
  304. </div>
  305. </div>
  306. <div class="mb-3">
  307. <label for="email" class="form-label">Email</label>
  308. <input type="text" class="form-control" id="email" placeholder="請輸入 E-mail 信箱">
  309. <div class="email invalid-feedback">
  310. 請檢查 E-mail 格式
  311. </div>
  312. </div>
  313. <div class="mb-3">
  314. <label for="city" class="form-label">裝修所在地*</label>
  315. <select class="form-select" aria-label="select region" id="city">
  316. <option value="" disabled selected>請選擇裝修所在縣市</option>
  317. <option value="基隆市">基隆市</option>
  318. <option value="台北市">台北市</option>
  319. <option value="新北市">新北市</option>
  320. <option value="桃園市">桃園市</option>
  321. <option value="新竹市">新竹市</option>
  322. <option value="新竹縣">新竹縣</option>
  323. <option value="苗栗縣">苗栗縣</option>
  324. <option value="台中市">台中市</option>
  325. <option value="彰化縣">彰化縣</option>
  326. <option value="南投縣">南投縣</option>
  327. <option value="雲林縣">雲林縣</option>
  328. <option value="嘉義市">嘉義市</option>
  329. <option value="嘉義縣">嘉義縣</option>
  330. <option value="台南市">台南市</option>
  331. <option value="高雄市">高雄市</option>
  332. <option value="屏東縣">屏東縣</option>
  333. <option value="宜蘭縣">宜蘭縣</option>
  334. <option value="花蓮縣">花蓮縣</option>
  335. <option value="台東縣">台東縣</option>
  336. </select>
  337. <div class="city invalid-feedback">
  338. 請選擇您所要裝修地點所在縣市
  339. </div>
  340. </div>
  341. <div class="mb-3 square-footage">
  342. <label for="area" class="form-label">坪數*</label>
  343. <input type="text" class="form-control" id="area" placeholder="請輸入室內裝修坪數">
  344. <!-- <p>坪</p> -->
  345. <div class="area invalid-feedback">
  346. 請輸入正確坪數
  347. </div>
  348. </div>
  349. <div class="mb-3">
  350. <label for="name" class="form-label">裝修類型*</label>
  351. <div class="d-flex type-items">
  352. <input type="radio" id="type_1" name="type_options">
  353. <label for="type_1" class="ms-2 custom-control-label">
  354. <div class="d-flex align-items-center">
  355. <span class="d-flex flex-column">
  356. <h4 class="title">
  357. 輕裝修
  358. </h4>
  359. <p>
  360. 適合新成屋
  361. </p>
  362. </span>
  363. <small>
  364. 不更動房間格局、含系統櫃、軟裝、地板工程等
  365. </small>
  366. </div>
  367. </label>
  368. </div>
  369. <div class="d-flex type-items my-2">
  370. <input type="radio" id="type_2" name="type_options">
  371. <label for="type_2" class="ms-2 custom-control-label">
  372. <div class="d-flex align-items-center">
  373. <span class="d-flex flex-column">
  374. <h4>
  375. 全室裝修
  376. </h4>
  377. <p>
  378. 適合毛胚屋、<br>老屋翻新
  379. </p>
  380. </span>
  381. <small>
  382. 不更動房間格局,含系統櫃、油漆、地板工程等
  383. </small>
  384. </div>
  385. </label>
  386. </div>
  387. <div class="d-flex type-items">
  388. <input type="radio" id="type_3" name="type_options">
  389. <label for="type_3" class="ms-2 custom-control-label">
  390. <div class="d-flex align-items-center">
  391. <span class="d-flex flex-column">
  392. <h4>
  393. 局部裝修
  394. </h4>
  395. </span>
  396. <small>
  397. 只針對室內特定區域裝修,如廚房、衛浴空間等
  398. </small>
  399. </div>
  400. </label>
  401. </div>
  402. <div class="type invalid-feedback">
  403. 請輸入正確坪數請選擇裝修類型
  404. </div>
  405. </div>
  406. <div class="mb-3 pt-1 form-check d-flex justify-content-center">
  407. <input class="form-check-input" type="checkbox" value="" id="marketing_consent" checked>
  408. <label class="form-check-label ms-2 d-flex align-items-center" for="marketing_consent">
  409. 我同意收到幸福空間裝修設計訊息
  410. </label>
  411. </div>
  412. <button type="submit" class="btn btn-primary w-100 submit">查看預算方案並與我聯繫</button>
  413. <p class="disclaimer">
  414. 送出即表示您已閱讀並同意 <a href="https://hhh.com.tw/about/privacy_policy/" target="_blank">免責聲明與隱私使用條款</a>
  415. </p>
  416. <div class="accordion solution-accordion mt-5" id="accordionExample">
  417. <div class="accordion-item">
  418. <h2 class="accordion-header" id="heading_1">
  419. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  420. data-bs-target="#collapse_1" aria-expanded="true" aria-controls="collapse_1" data-ga="Q1_button">
  421. Q1 如何挑選優質室內設計公司?
  422. </button>
  423. </h2>
  424. <div id="collapse_1" class="accordion-collapse collapse" aria-labelledby="heading_1"
  425. data-bs-parent="#accordionExample">
  426. <div class="accordion-body">
  427. 1. 室內設計公司是否為政府合法立案:可以到經濟部商業司或是內政部營建署「全國建築管理資訊系統入口網」的【室內裝修業登記查詢】網站上做查詢。<br>
  428. 2. 室內設計公司與室內設計師是否持有室內裝修證照:如室內裝修工程管理乙級執照,未有證照就進行施工是違法的行為,請務必要當心。<br>
  429. 3. 室內設計公司的專業能力與態度:洽談過程中,可透過提供圖面初步了解設計師技術與空間配置功力,並了解過往經驗與作品風格是否是自己喜歡的。<br>
  430. </div>
  431. </div>
  432. </div>
  433. <div class="accordion-item">
  434. <h2 class="accordion-header" id="heading_2">
  435. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  436. data-bs-target="#collapse_2" aria-expanded="true" aria-controls="collapse_2" data-ga="Q2_button">
  437. Q2 裝潢需要申請室內裝修許可嗎?
  438. </button>
  439. </h2>
  440. <div id="collapse_2" class="accordion-collapse collapse" aria-labelledby="heading_2"
  441. data-bs-parent="#accordionExample">
  442. <div class="accordion-body">
  443. 依據「內政部營建署」所列的建築物室內裝修管理辦法第三條,室內裝修的行為包含以下幾點,但不包括壁紙、壁布、窗簾、家具、活動隔屏、地氈等之黏貼及擺設。<br>
  444. 1. 固著於建築物構造體之天花板裝修。<br>
  445. 2. 內部牆面裝修。<br>
  446. 3. 高度超過地板面1.2公尺以上,固定之隔屏裝修或兼作櫥櫃使用之隔屏裝修。<br>
  447. 4. 分間牆之變更。<br>
  448. 換句話說,只要動到天花板、牆壁、固定式隔間的室內裝修行為幾乎都要申請。一般都是委託室內設計公司或建築師事務所,向當地主管機關申請室內裝修審查。<br>
  449. </div>
  450. </div>
  451. </div>
  452. <div class="accordion-item">
  453. <h2 class="accordion-header" id="heading_3">
  454. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  455. data-bs-target="#collapse_3" aria-expanded="true" aria-controls="collapse_3" data-ga="Q3_button">
  456. Q3 裝潢費用有哪些?
  457. </button>
  458. </h2>
  459. <div id="collapse_3" class="accordion-collapse collapse" aria-labelledby="heading_3"
  460. data-bs-parent="#accordionExample">
  461. <div class="accordion-body">
  462. 一般來說,一個完整的裝修費用包含「設計費」、「工程費」及「監工費」,其中設計費取決於室內設計師個人的經歷、名氣、公司規模或是難易度,而有不同的計價方式;工程費則會因為選用的建材或是施工方法不同產生很大的價差,至於監工費部分通常為總工程款的5%~10%
  463. </div>
  464. </div>
  465. </div>
  466. <div class="accordion-item">
  467. <h2 class="accordion-header" id="heading_4">
  468. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  469. data-bs-target="#collapse_4" aria-expanded="true" aria-controls="collapse_4" data-ga="Q4_button">
  470. Q4 裝潢預算配置怎麼抓?
  471. </button>
  472. </h2>
  473. <div id="collapse_4" class="accordion-collapse collapse" aria-labelledby="heading_4"
  474. data-bs-parent="#accordionExample">
  475. <div class="accordion-body">
  476. 在評估預算時,主要可分為四大項目,包括室內設計與裝潢工程、家電設備、家具以及軟裝佈置。室內設計與裝潢工程的費用通常佔據最大比例,約占總預算的60%至65%左右。至於家電設備和家具,建議各佔預算的15%。剩餘的5%至10%則可用於軟裝家飾的採購。
  477. </div>
  478. </div>
  479. </div>
  480. <div class="accordion-item">
  481. <h2 class="accordion-header" id="heading_5">
  482. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  483. data-bs-target="#collapse_5" aria-expanded="true" aria-controls="collapse_5" data-ga="Q5_button">
  484. Q5 裝潢費用一坪多少?
  485. </button>
  486. </h2>
  487. <div id="collapse_5" class="accordion-collapse collapse" aria-labelledby="heading_5"
  488. data-bs-parent="#accordionExample">
  489. <div class="accordion-body">
  490. 新成屋的裝潢報價大約在3萬至5萬元/坪之間,而中古屋的報價為6萬至8萬元/坪,老屋翻新的報價則在7萬至10萬元/坪,少數老舊房屋的報價甚至可能達到12萬元/坪。對於對裝潢品質有更高要求者,可能需要更多的預算。一般都會建議中古屋、老屋翻新要預留5~10%的預算做彈性調整。
  491. </div>
  492. </div>
  493. </div>
  494. <div class="accordion-item">
  495. <h2 class="accordion-header" id="heading_6">
  496. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  497. data-bs-target="#collapse_6" aria-expanded="true" aria-controls="collapse_6" data-ga="Q6_button">
  498. Q6 老屋翻新預算怎麼抓?
  499. </button>
  500. </h2>
  501. <div id="collapse_6" class="accordion-collapse collapse" aria-labelledby="heading_6"
  502. data-bs-parent="#accordionExample">
  503. <div class="accordion-body">
  504. 基本上,老屋翻新的施工項目大致分為基礎工程、裝潢工程及裝飾工程三大項目,在分配預算時,建議使用總預算的40%施作基礎工程,30%執行裝潢工程,30%進行裝飾工程。建議在評估預算時要規劃10%~15%的追加款,以備不時之需。
  505. </div>
  506. </div>
  507. </div>
  508. <div class="accordion-item">
  509. <h2 class="accordion-header" id="heading_7">
  510. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  511. data-bs-target="#collapse_7" aria-expanded="true" aria-controls="collapse_7" data-ga="Q7_button">
  512. Q7 老屋翻新補助有哪些?
  513. </button>
  514. </h2>
  515. <div id="collapse_7" class="accordion-collapse collapse" aria-labelledby="heading_7"
  516. data-bs-parent="#accordionExample">
  517. <div class="accordion-body">
  518. 政府為補助房屋修繕費用主要有三種方案:內政部「修繕住宅貸款利息補貼」及「簡易修繕住宅費用補貼」、地方政府「老屋修繕補助」。
  519. </div>
  520. </div>
  521. </div>
  522. <div class="accordion-item">
  523. <h2 class="accordion-header" id="heading_8">
  524. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  525. data-bs-target="#collapse_8" aria-expanded="true" aria-controls="collapse_8" data-ga="Q8_button">
  526. Q8 老屋翻新補助的申辦條件是什麼?
  527. </button>
  528. </h2>
  529. <div id="collapse_8" class="accordion-collapse collapse" aria-labelledby="heading_8"
  530. data-bs-parent="#accordionExample">
  531. <div class="accordion-body">
  532. 內政部提供的房屋修繕住宅補助針對10年以上老屋,約在每年7~8月間開放民眾申請。根據修繕住宅貸款利息補貼或簡易修繕住宅費用補貼評點基準採「評點制度」審核,若超過名額則公開抽籤。「修繕住宅貸款利息補貼」及「簡易修繕住宅費用補貼」的申請流程、文件、項目皆相同。
  533. </div>
  534. </div>
  535. </div>
  536. <div class="accordion-item">
  537. <h2 class="accordion-header" id="heading_9">
  538. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  539. data-bs-target="#collapse_9" aria-expanded="true" aria-controls="collapse_9" data-ga="Q9_button">
  540. Q9 老屋翻新的補助結果哪裡查詢?
  541. </button>
  542. </h2>
  543. <div id="collapse_9" class="accordion-collapse collapse" aria-labelledby="heading_9"
  544. data-bs-parent="#accordionExample">
  545. <div class="accordion-body">
  546. 政府會在審查後1個月內將結果或補件通知,寄送至戶籍地址、通訊地址或修繕住宅地址,申請者需注意此3個地址的收件情形,以免錯過政府通知結果。
  547. </div>
  548. </div>
  549. </div>
  550. <div class="accordion-item">
  551. <h2 class="accordion-header" id="heading_10">
  552. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  553. data-bs-target="#collapse_10" aria-expanded="true" aria-controls="collapse_10"
  554. data-ga="Q10_button">
  555. Q10 預售屋客變流程有哪些?
  556. </button>
  557. </h2>
  558. <div id="collapse_10" class="accordion-collapse collapse" aria-labelledby="heading_10"
  559. data-bs-parent="#accordionExample">
  560. <div class="accordion-body">
  561. 建議於購入預售屋後,立刻向建設公司索取建築圖(格局)、水電圖(弱電、燈光迴路、給排水、消防)等完整電子檔,並先找設計師開始進行規劃,才不會來不及因應後續的客變時間。若決定找設計師協助,客變流程大概會細分為以下幾個流程:<br>
  562. 1. 向建設公司索取建築圖與水電圖電子檔<br>
  563. 2. 找設計師規劃客變內容<br>
  564. 3. 於建商通知可客變時,會同設計師、建設公司共同討論客變項目<br>
  565. 4. 建設公司修改圖面<br>
  566. 5. 討論並確認圖面<br>
  567. 6. 簽名確認圖面及加減帳明細<br>
  568. 7. 施工<br>
  569. 8. 完工驗收(攜帶最後完整建築圖與水電圖面,與設計師、建商共同驗收)<br>
  570. 9. 修改驗屋缺失<br>
  571. 10. 確認驗屋缺失已修正<br>
  572. 11. 三方簽名確認<br>
  573. 12. 交屋<br>
  574. </div>
  575. </div>
  576. </div>
  577. <div class="accordion-item">
  578. <h2 class="accordion-header" id="heading_11">
  579. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  580. data-bs-target="#collapse_11" aria-expanded="true" aria-controls="collapse_11"
  581. data-ga="Q11_button">
  582. Q11 裝潢一定要請設計師嗎?
  583. </button>
  584. </h2>
  585. <div id="collapse_11" class="accordion-collapse collapse" aria-labelledby="heading_11"
  586. data-bs-parent="#accordionExample">
  587. <div class="accordion-body">
  588. 如果你對設計和裝潢沒有太多經驗,建議找一位擁有豐富經驗和美感的室內設計師可以節省你的時間和精力,讓整個裝潢過程更加順利。<br>
  589. 1. 省時省力: 室內設計師可以幫助您整合各方面需求,制定合理的設計方案,並統籌管理施工進度,讓您省心省力。<br>
  590. 2. 專業施工品質: 室內設計師擁有豐富的專業知識和經驗,可以確保施工品質符合您的要求。 <br>
  591. 3. 合理的裝修預算規劃: 室內設計師可以根據您的需求和預算,制定合理的設計方案和施工方案,幫助您有效控制成本。<br>
  592. 小編建議與設計師溝通時,可提供具體的風格照片、案例,溝通起來更有效率喔!<br>
  593. </div>
  594. </div>
  595. </div>
  596. <div class="accordion-item">
  597. <h2 class="accordion-header" id="heading_12">
  598. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  599. data-bs-target="#collapse_12" aria-expanded="true" aria-controls="collapse_12"
  600. data-ga="Q12_button">
  601. Q12 裝潢可以自己找統包商嗎?
  602. </button>
  603. </h2>
  604. <div id="collapse_12" class="accordion-collapse collapse" aria-labelledby="heading_12"
  605. data-bs-parent="#accordionExample">
  606. <div class="accordion-body">
  607. 裝潢是一項專業性強、耗時費力的工程。如果您選擇自行承包,可能會面臨以下挑戰:<br>
  608. 1. 缺乏專業知識和經驗: 室內設計涉及多個專業領域,包括櫃體結構、動線規劃、施工流程、材料選購等。如果您沒有相關知識和經驗,可能會導致施工過程中出現各種問題,從而延長工期、降低施工品質。<br>
  609. 2. 難以掌控施工進度: 在自行承包的情況下,您需要親自跟進施工進度,這對於首次購屋者或繁忙的上班族來說可能是一項不小的負擔。<br>
  610. 3. 無法有效控制裝修預算: 由於缺乏專業知識和經驗,您可能難以準確估算施工成本,從而導致預算超支。<br>
  611. </div>
  612. </div>
  613. </div>
  614. <div class="accordion-item">
  615. <h2 class="accordion-header" id="heading_13">
  616. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  617. data-bs-target="#collapse_13" aria-expanded="true" aria-controls="collapse_13"
  618. data-ga="Q13_button">
  619. Q13 廚房設計的裝修預算怎麼抓?
  620. </button>
  621. </h2>
  622. <div id="collapse_13" class="accordion-collapse collapse" aria-labelledby="heading_13"
  623. data-bs-parent="#accordionExample">
  624. <div class="accordion-body">
  625. 廚房設計的裝修費用受到多種因素的影響,包括廚房大小、格局改動程度、水電管線是否需要重新配置、廚具品牌、材質等。一般來說,每坪廚房設計價格在3,000至12,000元之間。<br>
  626. 對於常見的2至4坪廚房空間,如果格局改動不大且水電管線不需要重新配置,包含基本廚具的報價通常在10萬至15萬元之間。如果需要進行較大幅度的格局改動或重新配置水電管線,報價則會相應提高,大約在30萬至50萬元之間。<br>
  627. </div>
  628. </div>
  629. </div>
  630. <!-- <div class="accordion-item">
  631. <h2 class="accordion-header" id="heading_8">
  632. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  633. data-bs-target="#collapse_8" aria-expanded="true" aria-controls="collapse_8">
  634. 老屋翻新預算怎麼抓?
  635. </button>
  636. </h2>
  637. <div id="collapse_8" class="accordion-collapse collapse" aria-labelledby="heading_8"
  638. data-bs-parent="#accordionExample">
  639. <div class="accordion-body">
  640. 基本上,老屋翻新的施工項目大致分為基礎工程、裝潢工程及裝飾工程三大項目,在分配預算時,建議使用總預算的40%施作基礎工程,30%執行裝潢工程,30%進行裝飾工程。建議在評估預算時要規劃10%~15%的追加款,以備不時之需。
  641. </div>
  642. </div>
  643. </div> -->
  644. </div>
  645. </form>
  646. <!-- 規格 -->
  647. <div class="mt-4">
  648. <span class="d-flex align-items-baseline">
  649. <p class="text-center fs-4 me-2 mb-0">相關規格</p>
  650. <small>(此為參考費用,以實際報價為主)</small>
  651. </span>
  652. <!-- <button type="button" class="btn btn-outline-primary w-100">Primary</button> -->
  653. <div class="accordion solution-accordion mt-4 spec" id="specAccordionExample">
  654. <div class="accordion-item">
  655. <h2 class="accordion-header" id="spec_heading_1">
  656. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  657. data-bs-target="#spec_collapse_1" aria-expanded="true" aria-controls="spec_collapse_1"
  658. data-ga="Q1_button">
  659. 拆除與保護工程
  660. </button>
  661. </h2>
  662. <div id="spec_collapse_1" class="accordion-collapse collapse" aria-labelledby="spec_heading_1"
  663. data-bs-parent="#specAccordionExample">
  664. <div class="accordion-body">
  665. <h6>拆除工程</h6>
  666. <ul>
  667. <li>
  668. 木作、輕隔間、門窗、磚牆拆除
  669. <ul>
  670. <li>費用:每工 3500 元</li>
  671. <li>說明:一工為「一位師傅一天8小時拆除的量」,包含裝袋,但不含搬運。拆除師傅自備工具。</li>
  672. </ul>
  673. </li>
  674. <li>
  675. RC、鐵件拆除
  676. <ul>
  677. <li>費用:每工 4500 元</li>
  678. <li>說明:一工為「一位師傅一天8小時拆除的量」,包含裝袋,但不含搬運。拆除師傅自備工具。</li>
  679. </ul>
  680. </li>
  681. <li>
  682. 地面壁面磁磚敲除
  683. <ul>
  684. <li>費用:每坪 700~1200 元</li>
  685. <li>說明:包含裝袋,但不含搬運。</li>
  686. </ul>
  687. </li>
  688. <li>
  689. 地面壁面磁磚敲除至磚層或RC層
  690. <ul>
  691. <li>費用:每坪 1500 元</li>
  692. <li>說明:包含裝袋,但不含搬運。</li>
  693. </ul>
  694. </li>
  695. <li>
  696. 既有光滑牆面打毛
  697. <ul>
  698. <li>費用:每坪 300 元</li>
  699. <li>說明:預備貼磚或水泥粉光,包含裝袋,但不含搬運。</li>
  700. </ul>
  701. </li>
  702. <li>
  703. 壁紙清除含底膠磨除
  704. <ul>
  705. <li>費用:每坪 500 元</li>
  706. <li>說明:包含裝袋,但不含搬運。</li>
  707. </ul>
  708. </li>
  709. </ul>
  710. <h6>廢棄物清運</h6>
  711. <ul>
  712. <li>
  713. 廢棄物清運
  714. <ul>
  715. <li>費用:每車 8000~12000 元</li>
  716. <li>說明:3.5噸貨車,含原地搬上車,偏遠地區費用另計。</li>
  717. </ul>
  718. </li>
  719. </ul>
  720. <h6>搬運工程</h6>
  721. <ul>
  722. <li>
  723. 搬運師傅
  724. <ul>
  725. <li>費用:每工 3000 元</li>
  726. <li>說明:一工為「一位師傅一天8小時搬運的量」,包含上下樓層搬運。</li>
  727. </ul>
  728. </li>
  729. </ul>
  730. <h6>保護工程</h6>
  731. <ul>
  732. <li>
  733. 施工前保護 (鋪設PP板)
  734. <ul>
  735. <li>費用:每坪 250 元</li>
  736. <li>說明:包含地坪和牆坪,以膠帶黏貼確實,含施工後拆除和粗清。</li>
  737. </ul>
  738. </li>
  739. <li>
  740. 施工前保護 (鋪設PP板 + 1分夾板)
  741. <ul>
  742. <li>費用:每坪 400~600 元</li>
  743. <li>說明:包含地坪和牆坪,以膠帶黏貼確實,含施工後拆除和粗清。需要耐重的場合建議使用。</li>
  744. </ul>
  745. </li>
  746. </ul>
  747. </ul>
  748. </div>
  749. </div>
  750. </div>
  751. <div class="accordion-item">
  752. <h2 class="accordion-header" id="spec_heading_2">
  753. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  754. data-bs-target="#spec_collapse_2" aria-expanded="true" aria-controls="spec_collapse_2"
  755. data-ga="Q1_button">
  756. 給排水工程
  757. </button>
  758. </h2>
  759. <div id="spec_collapse_2" class="accordion-collapse collapse" aria-labelledby="spec_heading_2"
  760. data-bs-parent="#specAccordionExample">
  761. <div class="accordion-body">
  762. <h6>廚房與浴室管路翻修</h6>
  763. <ul>
  764. <li>
  765. 廚房管路翻修
  766. <ul>
  767. <li>費用:每間 11000 元</li>
  768. <li>說明:包含給排水、熱水、落水頭,不含瓦斯。暗管做法含打鑿,含鑽孔,含打鑿處泥作修補。熱水管採用不銹鋼管,管路移位長度各別超過3m需另計。</li>
  769. </ul>
  770. </li>
  771. <li>
  772. 浴室管路翻修
  773. <ul>
  774. <li>費用:每間 16000 元</li>
  775. <li>說明:包含給排水、熱水、排汙管、落水頭、風管。暗管做法含打鑿,含鑽孔,含打鑿處泥作修補。熱水管採用不銹鋼管,管路移位長度各別超過3m需另計。</li>
  776. </ul>
  777. </li>
  778. </ul>
  779. <h6>新設廚房與浴室管路</h6>
  780. <ul>
  781. <li>
  782. 新設廚房管路
  783. <ul>
  784. <li>費用:每間 18000 元</li>
  785. <li>說明:包含給排水、熱水、落水頭,不含瓦斯。暗管做法含打鑿,含鑽孔,含打鑿處泥作修補。熱水管採用不銹鋼管,管路各別超過6m需另計。</li>
  786. </ul>
  787. </li>
  788. <li>
  789. 新設浴室管路
  790. <ul>
  791. <li>費用:每間 23000 元</li>
  792. <li>說明:包含給排水、熱水、排汙管、落水頭、風管。暗管做法含打鑿,含鑽孔,含打鑿處泥作修補。熱水管採用不銹鋼管,管路各別超過6m需另計。</li>
  793. </ul>
  794. </li>
  795. </ul>
  796. <h6>單處管路設置</h6>
  797. <ul>
  798. <li>
  799. 新設單處管路 (明管做法或藏木作內)
  800. <ul>
  801. <li>費用:每處 1200~2000 元</li>
  802. <li>說明:適用給水或排水。一處代表一出水口或排水口,含鑽孔,含簡易龍頭或落水頭。管路超過6m需另計。</li>
  803. </ul>
  804. </li>
  805. <li>
  806. 新設單處管路 (暗管做法打牆)
  807. <ul>
  808. <li>費用:每處 4000~6000 元</li>
  809. <li>說明:適用給水或排水。一處代表一出水口或排水口。暗管做法含打鑿,含鑽孔,含打鑿處泥作修補,含簡易龍頭或落水頭。管路超過6m需另計。</li>
  810. </ul>
  811. </li>
  812. </ul>
  813. <h6>冷氣排水管設置</h6>
  814. <ul>
  815. <li>
  816. 新設冷氣排水管 (明管做法或藏木作內)
  817. <ul>
  818. <li>費用:每處 500 元</li>
  819. <li>說明:管路超過6m需另計。</li>
  820. </ul>
  821. </li>
  822. <li>
  823. 新設冷氣排水管 (暗管做法打牆)
  824. <ul>
  825. <li>費用:每處 1800 元</li>
  826. <li>說明:暗管做法含打鑿,含鑽孔,含打鑿處泥作修補。管路超過6m需另計。</li>
  827. </ul>
  828. </li>
  829. </ul>
  830. <h6>其他給排水設施</h6>
  831. <ul>
  832. <li>
  833. 電子恆壓馬達
  834. <ul>
  835. <li>費用:每台 7200 元</li>
  836. <li>說明:包含安裝,包含電源線15m以內。使用大井HQ系列或同等品。</li>
  837. </ul>
  838. </li>
  839. <li>
  840. 長型不銹鋼落水頭 (防臭型)
  841. <ul>
  842. <li>費用:每個 2500 元</li>
  843. <li>說明:含安裝,長度超過90cm需另計。</li>
  844. </ul>
  845. </li>
  846. <li>
  847. 消防灑水頭高度移位
  848. <ul>
  849. <li>費用:每處 1200 元</li>
  850. <li>說明:含管線切割組裝工料,移位置另計。</li>
  851. </ul>
  852. </li>
  853. <li>
  854. 消防灑水頭 (優美頭)
  855. <ul>
  856. <li>費用:每個 900~1200 元</li>
  857. <li>說明:含安裝。</li>
  858. </ul>
  859. </li>
  860. </ul>
  861. <h6>代安裝服務</h6>
  862. <ul>
  863. <li>
  864. 馬桶或大洗槽
  865. <ul>
  866. <li>費用:每式 2500 元</li>
  867. <li>說明:代安裝。</li>
  868. </ul>
  869. </li>
  870. <li>
  871. 浴櫃+面盆+龍頭
  872. <ul>
  873. <li>費用:每式 2500 元</li>
  874. <li>說明:代安裝。</li>
  875. </ul>
  876. </li>
  877. <li>
  878. 淋浴龍頭+花灑
  879. <ul>
  880. <li>費用:每式 1000 元</li>
  881. <li>說明:代安裝。</li>
  882. </ul>
  883. </li>
  884. <li>
  885. 毛巾架+沐浴架+掛勾等配件
  886. <ul>
  887. <li>費用:每式 1000 元</li>
  888. <li>說明:代安裝。</li>
  889. </ul>
  890. </li>
  891. <li>
  892. 熱水器
  893. <ul>
  894. <li>費用:每式 1500 元</li>
  895. <li>說明:代安裝,不包含太陽能熱水器。</li>
  896. </ul>
  897. </li>
  898. </ul>
  899. </div>
  900. </div>
  901. </div>
  902. <div class="accordion-item">
  903. <h2 class="accordion-header" id="spec_heading_3">
  904. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  905. data-bs-target="#spec_collapse_3" aria-expanded="true" aria-controls="spec_collapse_3"
  906. data-ga="Q1_button">
  907. 電力工程
  908. </button>
  909. </h2>
  910. <div id="spec_collapse_3" class="accordion-collapse collapse" aria-labelledby="spec_heading_3"
  911. data-bs-parent="#specAccordionExample">
  912. <div class="accordion-body">
  913. <h6>基本電力設備</h6>
  914. <ul>
  915. <li>
  916. 漏電斷路器/無熔絲開關
  917. <ul>
  918. <li>費用:每P 1000~1500 元</li>
  919. <li>說明:以P數計價(每110v為1P、每220v為2P),含接線工料。</li>
  920. </ul>
  921. </li>
  922. <li>
  923. 電箱 (烤漆箱體)
  924. <ul>
  925. <li>費用:每個 3000 元起</li>
  926. <li>說明:家用基本款,依大小計,含總電源開關及箱內接線工料。</li>
  927. </ul>
  928. </li>
  929. <li>
  930. 迴路配線
  931. <ul>
  932. <li>220v迴路 (露明配線)
  933. <ul>
  934. <li>費用:每迴 3000 元</li>
  935. <li>說明:使用太平洋5.5平方電線或同級品,含塑膠軟管套線,線長超過15m另計。</li>
  936. </ul>
  937. </li>
  938. <li>220v迴路 (暗管配線打牆)
  939. <ul>
  940. <li>費用:每迴 4800 元</li>
  941. <li>說明:使用太平洋5.5平方電線或同級品,含打鑿及塑膠軟管套線,含鑽孔及打鑿處泥作修補,線長超過15m另計。</li>
  942. </ul>
  943. </li>
  944. <li>110v迴路 (露明配線)
  945. <ul>
  946. <li>費用:每迴 2400 元</li>
  947. <li>說明:使用太平洋2.0平方電線或同級品,含塑膠軟管套線,一迴可供應數個出線口(總和兩千瓦以下),線長超過15m另計。</li>
  948. </ul>
  949. </li>
  950. <li>110v迴路 (暗管配線打牆)
  951. <ul>
  952. <li>費用:每迴 4200 元</li>
  953. <li>說明:使用太平洋2.0平方電線或同級品,含打鑿及塑膠軟管套線,含鑽孔及打鑿處泥作修補,一迴可供應數個出線口(總和兩千瓦以下),線長超過15m另計。</li>
  954. </ul>
  955. </li>
  956. </ul>
  957. </li>
  958. </ul>
  959. <h6>出線口設置</h6>
  960. <ul>
  961. <li>
  962. 新設或遷移出線口 (露明配線或藏在木作內)
  963. <ul>
  964. <li>費用:每處 250~400 元</li>
  965. <li>說明:預備連接開關、插座或燈具,每個電線出口即算一處,含牽線工料,依需求應含壓線槽,線長超過5m另計。</li>
  966. </ul>
  967. </li>
  968. <li>
  969. 新設或遷移出線口 (暗管配線打牆)
  970. <ul>
  971. <li>費用:每處 1400~2000 元</li>
  972. <li>說明:預備連接開關、插座或燈具,每個電線出口即算一處,含牽線工料,含打鑿及塑膠軟管套線,含打鑿處泥作修補,線長超過5m另計。</li>
  973. </ul>
  974. </li>
  975. </ul>
  976. <h6>面板與燈具</h6>
  977. <ul>
  978. <li>
  979. 開關面板 (國際牌星光系列或同級品)
  980. <ul>
  981. <li>費用:每組 500 元</li>
  982. </ul>
  983. </li>
  984. <li>
  985. 開關面板 (國際牌GLATIMA系列或同級品)
  986. <ul>
  987. <li>費用:每組 1600 元</li>
  988. </ul>
  989. </li>
  990. <li>
  991. 插座面板 (國際牌星光系列或同級品)
  992. <ul>
  993. <li>費用:每組 400 元</li>
  994. <li>說明:適用於電力插座或資訊插座。</li>
  995. </ul>
  996. </li>
  997. <li>
  998. 插座面板 (國際牌GLATIMA系列或同級品)
  999. <ul>
  1000. <li>費用:每組 1200 元</li>
  1001. <li>說明:適用於電力插座或資訊插座。</li>
  1002. </ul>
  1003. </li>
  1004. <li>
  1005. LED崁燈 (東亞、舞光或同級品)
  1006. <ul>
  1007. <li>費用:每個 650~800 元</li>
  1008. <li>說明:含開孔及安裝。</li>
  1009. </ul>
  1010. </li>
  1011. <li>
  1012. LED層板燈 (東亞、舞光或同級品)
  1013. <ul>
  1014. <li>費用:每個 450 元</li>
  1015. <li>說明:含安裝。</li>
  1016. </ul>
  1017. </li>
  1018. <li>
  1019. 軌道燈用軌道
  1020. <ul>
  1021. <li>費用:每米 450 元</li>
  1022. <li>說明:含安裝,以米計價,懸吊式另計。</li>
  1023. </ul>
  1024. </li>
  1025. </ul>
  1026. <h6>其他電力設備</h6>
  1027. <ul>
  1028. <li>
  1029. 追加PVC硬管包線 (適用露明電線)
  1030. <ul>
  1031. <li>費用:每米 300 元</li>
  1032. <li>說明:含連接、固定工料。</li>
  1033. </ul>
  1034. </li>
  1035. <li>
  1036. 電話線、第四台線、網路線 (露明配線或藏在木作內)
  1037. <ul>
  1038. <li>費用:每處 600 元</li>
  1039. <li>說明:線長超過20m另計。</li>
  1040. </ul>
  1041. </li>
  1042. <li>
  1043. 電話線、第四台線、網路線 (暗管配線或抽換)
  1044. <ul>
  1045. <li>費用:每處 1800 元</li>
  1046. <li>說明:線長超過20m另計。</li>
  1047. </ul>
  1048. </li>
  1049. <li>
  1050. 追加HDMI線材費用
  1051. <ul>
  1052. <li>費用:每米 250 元</li>
  1053. </ul>
  1054. </li>
  1055. <li>
  1056. 消防偵煙感知器新增或移位
  1057. <ul>
  1058. <li>費用:每組 800 元</li>
  1059. <li>說明:含固定工料。</li>
  1060. </ul>
  1061. </li>
  1062. </ul>
  1063. <h6>代安裝服務</h6>
  1064. <ul>
  1065. <li>
  1066. 代安裝燈具 (主燈)
  1067. <ul>
  1068. <li>費用:每組 1500 元</li>
  1069. </ul>
  1070. </li>
  1071. <li>
  1072. 代安裝排風機
  1073. <ul>
  1074. <li>費用:每組 600 元</li>
  1075. </ul>
  1076. </li>
  1077. <li>
  1078. 代安裝分離式空調內外機
  1079. <ul>
  1080. <li>費用:每組 4000 元</li>
  1081. <li>說明:含冷媒管15m以內,依需求應含洗牆孔一處,不含外掛支撐架,高空危險作業另計。</li>
  1082. </ul>
  1083. </li>
  1084. <li>
  1085. 遮雨棚 (空調室外機用)
  1086. <ul>
  1087. <li>費用:每組 2000 元</li>
  1088. </ul>
  1089. </li>
  1090. </ul>
  1091. </div>
  1092. </div>
  1093. </div>
  1094. <div class="accordion-item">
  1095. <h2 class="accordion-header" id="spec_heading_4">
  1096. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  1097. data-bs-target="#spec_collapse_4" aria-expanded="true" aria-controls="spec_collapse_4"
  1098. data-ga="Q1_button">
  1099. 泥作工程
  1100. </button>
  1101. </h2>
  1102. <div id="spec_collapse_4" class="accordion-collapse collapse" aria-labelledby="spec_heading_4"
  1103. data-bs-parent="#specAccordionExample">
  1104. <div class="accordion-body">
  1105. <h6>砌磚牆</h6>
  1106. <ul>
  1107. <li>
  1108. 紅磚牆 (厚10cm=4吋=1/2B)
  1109. <ul>
  1110. <li>費用:每坪 5700~7000 元</li>
  1111. <li>說明:不含水泥打底,二樓(含)以上無電梯另計。</li>
  1112. </ul>
  1113. </li>
  1114. <li>
  1115. 白磚牆 (厚12cm)
  1116. <ul>
  1117. <li>費用:每坪 5700 元</li>
  1118. <li>說明:不含水泥打底,二樓(含)以上無電梯另計。</li>
  1119. </ul>
  1120. </li>
  1121. <li>
  1122. 清水磚牆 (厚11cm)
  1123. <ul>
  1124. <li>費用:每坪 9000 元</li>
  1125. <li>說明:使用標準清水磚23x11x6cm,含磚面及溝縫清潔,二樓(含)以上無電梯另計。</li>
  1126. </ul>
  1127. </li>
  1128. <li>
  1129. 陶粒板隔間牆
  1130. <ul>
  1131. <li>費用:每坪 8400 元</li>
  1132. <li>說明:二樓(含)以上無電梯另計。</li>
  1133. </ul>
  1134. </li>
  1135. </ul>
  1136. <h6>水泥打底</h6>
  1137. <ul>
  1138. <li>
  1139. 水泥打底,厚度2cm以下
  1140. <ul>
  1141. <li>費用:每坪 1800~2500 元</li>
  1142. <li>說明:包含地坪及牆坪,依需求應做洩水坡度,底材過於光滑時應先打毛(在拆除工程)。</li>
  1143. </ul>
  1144. </li>
  1145. <li>
  1146. 水泥打底 (地面墊高)
  1147. <ul>
  1148. <li>厚度5cm以下:每坪 2500 元</li>
  1149. <li>厚度10cm以下:每坪 3000 元</li>
  1150. <li>厚度15cm以下:每坪 3600 元</li>
  1151. <li>厚度20cm以下:每坪 4200 元</li>
  1152. <li>說明:依需求應做洩水坡度。</li>
  1153. </ul>
  1154. </li>
  1155. <li>
  1156. 水泥打底+粉光,打底層1.5cm+粉光層0.5cm以上
  1157. <ul>
  1158. <li>費用:每坪 2400~3000 元</li>
  1159. <li>說明:包含地坪及牆坪,水泥砂應過篩,底材過於光滑時應先打毛(在拆除工程),通常預備要油漆。</li>
  1160. </ul>
  1161. </li>
  1162. <li>
  1163. 水泥打底+粉光+Epoxy處理 (各塗層+打磨拋光)
  1164. <ul>
  1165. <li>費用:每坪 7200 元</li>
  1166. <li>說明:水泥砂應過篩,通常用在地面。</li>
  1167. </ul>
  1168. </li>
  1169. </ul>
  1170. <h6>泥作修補及防水</h6>
  1171. <ul>
  1172. <li>
  1173. 泥作修補
  1174. <ul>
  1175. <li>費用:每處 1500~2500 元</li>
  1176. <li>說明:適用凹洞、挖槽、窗框門框填縫,每處代表一平方米範圍內或一扇門窗。</li>
  1177. </ul>
  1178. </li>
  1179. <li>
  1180. 室內彈性水泥防水
  1181. <ul>
  1182. <li>費用:每坪 2000~3000 元</li>
  1183. <li>說明:塗佈兩層,含纖維網,不含水泥打底,包含地坪及牆坪,牆角加強塗佈,使用金絲猴或同級品。</li>
  1184. </ul>
  1185. </li>
  1186. </ul>
  1187. <h6>地磚及壁磚</h6>
  1188. <ul>
  1189. <li>
  1190. 地磚 (止滑磚、燒面磚、岩面磚)
  1191. <ul>
  1192. <li>費用:每坪 5500~7000 元</li>
  1193. <li>說明:連工帶料,不含水泥打底,使用冠軍、三陽、白馬或同級品。</li>
  1194. </ul>
  1195. </li>
  1196. <li>
  1197. 地磚 (板岩磚、木紋磚、小口磚)
  1198. <ul>
  1199. <li>費用:每坪 7000~9000 元</li>
  1200. <li>說明:連工帶料,不含水泥打底,使用冠軍、三陽、白馬或同級品。</li>
  1201. </ul>
  1202. </li>
  1203. <li>
  1204. 壁磚 (丁掛磚、燒面磚、岩面磚)
  1205. <ul>
  1206. <li>費用:每坪 5500~7000 元</li>
  1207. <li>說明:連工帶料,不含水泥打底,使用冠軍、三陽、白馬或同級品,依需求應包含腰帶。</li>
  1208. </ul>
  1209. </li>
  1210. <li>
  1211. 壁磚 (板岩磚、文化石、小口磚)
  1212. <ul>
  1213. <li>費用:每坪 7000~9000 元</li>
  1214. <li>說明:連工帶料,不含水泥打底,使用冠軍、三陽、白馬或同級品,依需求應包含腰帶。</li>
  1215. </ul>
  1216. </li>
  1217. <li>
  1218. 拋光石英磚
  1219. <ul>
  1220. <li>60x60cm:每坪 6000~8000 元</li>
  1221. <li>80x80cm:每坪 8500 元</li>
  1222. <li>說明:連工帶料,不含水泥打底,使用冠軍、三陽、白馬或同級品。</li>
  1223. </ul>
  1224. </li>
  1225. <li>
  1226. 洗石子或抿石子
  1227. <ul>
  1228. <li>費用:每坪 5000 元</li>
  1229. <li>說明:連工帶料,不含水泥打底,使用3分石子以內,若有圖樣另計。</li>
  1230. </ul>
  1231. </li>
  1232. <li>
  1233. 牆角收邊條
  1234. <ul>
  1235. <li>費用:每米 300 元</li>
  1236. <li>說明:使用不鏽鋼或其他材質,加強凸角耐撞用。</li>
  1237. </ul>
  1238. </li>
  1239. <li>
  1240. 人造大理石門檻
  1241. <ul>
  1242. <li>費用:每米 1500~2500 元</li>
  1243. </ul>
  1244. </li>
  1245. </ul>
  1246. </div>
  1247. </div>
  1248. </div>
  1249. <div class="accordion-item">
  1250. <h2 class="accordion-header" id="spec_heading_5">
  1251. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  1252. data-bs-target="#spec_collapse_5" aria-expanded="true" aria-controls="spec_collapse_5"
  1253. data-ga="Q1_button">
  1254. 門窗與棚架工程
  1255. </button>
  1256. </h2>
  1257. <div id="spec_collapse_5" class="accordion-collapse collapse" aria-labelledby="spec_heading_5"
  1258. data-bs-parent="#specAccordionExample">
  1259. <div class="accordion-body">
  1260. <h6>窗戶</h6>
  1261. <ul>
  1262. <li>
  1263. 副廠組裝窗 (橫拉窗或固定窗),含紗窗
  1264. <ul>
  1265. <li>費用:一才 330~450 元</li>
  1266. <li>說明:副廠自行購買框料玻璃所組裝的窗,基本款價格,5mm強化清玻,898型鋁框,電鍍處理。</li>
  1267. </ul>
  1268. </li>
  1269. <li>
  1270. 品牌氣密隔音窗 (橫拉窗或固定窗),含紗窗
  1271. <ul>
  1272. <li>費用:一才 500~700 元</li>
  1273. <li>說明:品牌原廠出貨窗,具備隔音及抗風測試報告,基本款價格,大同、力霸或同級品,5mm強化清玻,電鍍鋁框。</li>
  1274. </ul>
  1275. </li>
  1276. <li>
  1277. 品牌氣密隔音窗 (推射窗),含紗窗
  1278. <ul>
  1279. <li>費用:一才 800 起</li>
  1280. <li>說明:品牌原廠出貨窗,具備隔音及抗風測試報告,基本款價格,大同、力霸或同級品,8mm強化清玻,電鍍鋁框。</li>
  1281. </ul>
  1282. </li>
  1283. <li>
  1284. 窗戶升級選項
  1285. <ul>
  1286. <li>升級為8mm強化清玻:每才 +50 元</li>
  1287. <li>升級為5+5mm膠合強化清玻:每才 +100 元</li>
  1288. <li>升級為磨砂玻璃:每才 +40 元</li>
  1289. <li>升級為磨砂烤漆鋁框:每才 +80 元</li>
  1290. </ul>
  1291. </li>
  1292. <li>
  1293. 外推防盜鐵窗
  1294. <ul>
  1295. <li>費用:一才 330~500 元</li>
  1296. <li>說明:304不鏽鋼方管,包含上方遮雨棚,包含下方壓克力置物板。</li>
  1297. </ul>
  1298. </li>
  1299. <li>
  1300. 長條鋁板外牆
  1301. <ul>
  1302. <li>費用:一才 200~350 元</li>
  1303. <li>說明:僅板材,不含骨架,固定於防盜鐵窗上擋雨用。</li>
  1304. </ul>
  1305. </li>
  1306. <li>
  1307. 棚架/車棚/遮雨棚
  1308. <ul>
  1309. <li>費用:一坪 18000 元</li>
  1310. <li>說明:5+5mm膠合玻璃+白鐵骨架,不含天溝,304不鏽鋼方管,若需天溝另計。</li>
  1311. </ul>
  1312. </li>
  1313. </ul>
  1314. <h6>其他門類</h6>
  1315. <ul>
  1316. <li>
  1317. 品牌氣密隔音門 (鋁框玻璃款式)
  1318. <ul>
  1319. <li>費用:一才 800 起</li>
  1320. <li>說明:夢想家或同級品,5mm強化清玻,電鍍鋁框。</li>
  1321. </ul>
  1322. </li>
  1323. <li>
  1324. 不鏽鋼捲門
  1325. <ul>
  1326. <li>費用:一才 450~700 元,含捲箱+軌道,不含馬達。</li>
  1327. </ul>
  1328. </li>
  1329. <li>
  1330. 不鏽鋼捲門用馬達
  1331. <ul>
  1332. <li>費用:一個 10000 元</li>
  1333. </ul>
  1334. </li>
  1335. <li>
  1336. 塑鋼門
  1337. <ul>
  1338. <li>費用:一樘 6500~8000 元,含門片+門框+門鎖五金。</li>
  1339. </ul>
  1340. </li>
  1341. <li>
  1342. SMC玻纖門
  1343. <ul>
  1344. <li>費用:一樘 9500~12000 元,含門片+門框+門鎖五金。</li>
  1345. </ul>
  1346. </li>
  1347. <li>
  1348. 木門 (實木貼皮)
  1349. <ul>
  1350. <li>費用:一樘 11000~13000 元,含門片+門框+門鎖五金。</li>
  1351. </ul>
  1352. </li>
  1353. <li>
  1354. 木門 (美耐皿貼皮,隱藏門)
  1355. <ul>
  1356. <li>費用:一樘 13500~16000 元,含門片+門框+門鎖五金。</li>
  1357. </ul>
  1358. </li>
  1359. <li>
  1360. 室內隔間橫拉門 (美耐皿貼皮)
  1361. <ul>
  1362. <li>費用:一才 400~600 元,含軌道五金。</li>
  1363. </ul>
  1364. </li>
  1365. <li>
  1366. 室內隔間橫拉門 (鋁框玻璃款式)
  1367. <ul>
  1368. <li>費用:一才 450~700 元,5mm強化玻璃,含軌道五金。</li>
  1369. </ul>
  1370. </li>
  1371. <li>
  1372. 不鏽鋼門 (整片鋼板)
  1373. <ul>
  1374. <li>費用:一樘 12000 起,含門片+門框+門鎖五金,門片為304不鏽鋼板1.2mm以上。</li>
  1375. </ul>
  1376. </li>
  1377. <li>
  1378. 不鏽鋼門 (玄關用鏤空樣式)
  1379. <ul>
  1380. <li>費用:一樘 21000 起,含門片+門框+門鎖五金,門片為304不鏽鋼板1.2mm以上。</li>
  1381. </ul>
  1382. </li>
  1383. <li>
  1384. 硫化銅門
  1385. <ul>
  1386. <li>費用:一樘 12000 起,含門片+門框+門鎖五金,門片為鍍鋅鋼板1mm以上,門框為鍍鋅鋼板1.4mm以上。</li>
  1387. </ul>
  1388. </li>
  1389. <li>
  1390. 三合一通風鋁門
  1391. <ul>
  1392. <li>費用:一樘 11000~17000 元,基本款價格。</li>
  1393. </ul>
  1394. </li>
  1395. <li>
  1396. 紗門
  1397. <ul>
  1398. <li>費用:一樘 5000 元,含本體+門框+五金。</li>
  1399. </ul>
  1400. </li>
  1401. </ul>
  1402. <h6>浴室門</h6>
  1403. <ul>
  1404. <li>
  1405. 浴室乾溼分離壓克力板橫拉門
  1406. <ul>
  1407. <li>費用:一組 8000 元,含五金,3mm壓克力板,超過寬150cm高190cm另計。</li>
  1408. </ul>
  1409. </li>
  1410. <li>
  1411. 無框玻璃門 (單片)
  1412. <ul>
  1413. <li>費用:一樘 12000 元,含五金,5mm強化玻璃,超過寬80cm高210cm另計。</li>
  1414. </ul>
  1415. </li>
  1416. <li>
  1417. 無框玻璃門 (推開式)
  1418. <ul>
  1419. <li>費用:一組 15000~18000 元,含五金,5mm強化玻璃,推開式玻璃門+固定玻璃,超過寬150cm高190cm另計。</li>
  1420. </ul>
  1421. </li>
  1422. <li>
  1423. 無框玻璃門 (橫拉式)
  1424. <ul>
  1425. <li>費用:一組 16000~20000 元,含五金,5mm強化玻璃,橫拉式玻璃門+固定玻璃,超過寬150cm高190cm另計。</li>
  1426. </ul>
  1427. </li>
  1428. </ul>
  1429. </div>
  1430. </div>
  1431. </div>
  1432. <div class="accordion-item">
  1433. <h2 class="accordion-header" id="spec_heading_6">
  1434. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  1435. data-bs-target="#spec_collapse_6" aria-expanded="true" aria-controls="spec_collapse_6"
  1436. data-ga="Q1_button">
  1437. 木作與地板工程
  1438. </button>
  1439. </h2>
  1440. <div id="spec_collapse_6" class="accordion-collapse collapse" aria-labelledby="spec_heading_6"
  1441. data-bs-parent="#specAccordionExample">
  1442. <div class="accordion-body">
  1443. <small class="d-block mb-3">(一尺=30公分)</small>
  1444. <h6>木作和天花板工程</h6>
  1445. <ul>
  1446. <li>
  1447. 明架天花板:
  1448. <ul>
  1449. <li>材料:60x60 礦纖板</li>
  1450. <li>價格:每坪 1300元</li>
  1451. </ul>
  1452. </li>
  1453. <li>
  1454. PVC天花板:
  1455. <ul>
  1456. <li>價格:每坪 1300元</li>
  1457. </ul>
  1458. </li>
  1459. <li>
  1460. 暗架天花板:
  1461. <ul>
  1462. <li>平釘無造型:每坪 3200-3800元</li>
  1463. <li>立體有造型:每坪 4500-5000元</li>
  1464. </ul>
  1465. </li>
  1466. <li>
  1467. 層板:
  1468. <ul>
  1469. <li>價格:每尺 350-500元</li>
  1470. </ul>
  1471. </li>
  1472. <li>
  1473. 線板:
  1474. <ul>
  1475. <li>價格:每尺 200元</li>
  1476. </ul>
  1477. </li>
  1478. <li>
  1479. 窗簾盒:
  1480. <ul>
  1481. <li>價格:每尺 350-500元</li>
  1482. </ul>
  1483. </li>
  1484. <li>
  1485. 包梁盒、冷氣盒:
  1486. <ul>
  1487. <li>價格:每尺 550-700元</li>
  1488. </ul>
  1489. </li>
  1490. <li>
  1491. 木作封板牆:
  1492. <ul>
  1493. <li>單面封板:每坪 3600元起</li>
  1494. <li>單面造型封板:每坪 4800元起</li>
  1495. </ul>
  1496. </li>
  1497. <li>
  1498. 輕鋼架封板牆:
  1499. <ul>
  1500. <li>單面封板:每坪 3600元</li>
  1501. <li>雙面封板+隔音棉:每坪 5200元起</li>
  1502. <li>輕鋼架隔間牆:</li>
  1503. <ul>
  1504. <li>雙面封板+隔音棉:每坪 5200元起</li>
  1505. <li>雙面封板+灌漿:每坪 7200元起</li>
  1506. </ul>
  1507. </ul>
  1508. </li>
  1509. </ul>
  1510. <h6>地板工程</h6>
  1511. <ul>
  1512. <li>
  1513. 塑膠地板:
  1514. <ul>
  1515. <li>直貼做法:每坪 1300-1800元</li>
  1516. </ul>
  1517. </li>
  1518. <li>
  1519. SPC石塑地板:
  1520. <ul>
  1521. <li>卡扣或直貼:每坪 2700-3800元</li>
  1522. </ul>
  1523. </li>
  1524. <li>
  1525. 超耐磨木地板:
  1526. <ul>
  1527. <li>直貼做法(國產品牌):每坪 3600-4000元</li>
  1528. <li>egger, pergo基本款:每坪 4500元起</li>
  1529. </ul>
  1530. </li>
  1531. <li>
  1532. 海島型木地板:
  1533. <ul>
  1534. <li>直貼做法:每坪 4500元起</li>
  1535. </ul>
  1536. </li>
  1537. <li>
  1538. 地板升級選項:
  1539. <ul>
  1540. <li>升級為平鋪:每坪 1200元(如果地面不平)</li>
  1541. <li>架高地板:每坪 3000元起(高度20厘米以內)</li>
  1542. </ul>
  1543. </li>
  1544. <li>
  1545. 地板配件:
  1546. <ul>
  1547. <li>PVC踢腳板:每尺 90元</li>
  1548. <li>地板壓條收邊:每尺 120元</li>
  1549. </ul>
  1550. </li>
  1551. </ul>
  1552. </div>
  1553. </div>
  1554. </div>
  1555. <div class="accordion-item">
  1556. <h2 class="accordion-header" id="spec_heading_7">
  1557. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  1558. data-bs-target="#spec_collapse_7" aria-expanded="true" aria-controls="spec_collapse_7"
  1559. data-ga="Q1_button">
  1560. 櫃體與玻璃鐵件
  1561. </button>
  1562. </h2>
  1563. <div id="spec_collapse_7" class="accordion-collapse collapse" aria-labelledby="spec_heading_7"
  1564. data-bs-parent="#specAccordionExample">
  1565. <div class="accordion-body">
  1566. <small class="d-block">(一尺 = 30公分)</small>
  1567. <small class="d-block mb-3">(一才 = 30x30公分)</small>
  1568. <h6>櫃體</h6>
  1569. <ul>
  1570. <li>
  1571. 廚房下櫃:
  1572. <ul>
  1573. <li>一尺:5500元起,基本配備包括門板、緩衝鉸鍊、把手、水槽、龍頭、鋁抽、側拉籃。</li>
  1574. <li>升級為結晶鋼烤板:+600~1000/尺。</li>
  1575. </ul>
  1576. </li>
  1577. <li>
  1578. 廚房上櫃:
  1579. <ul>
  1580. <li>一尺:2500元起,包括門板、緩衝鉸鍊、把手。</li>
  1581. </ul>
  1582. </li>
  1583. <li>
  1584. 廚房人造石檯面:
  1585. <ul>
  1586. <li>一尺:3600元起,包括水槽挖孔和爐台挖孔。</li>
  1587. </ul>
  1588. </li>
  1589. <li>
  1590. 電器高櫃:
  1591. <ul>
  1592. <li>一尺:4500~6500元,包括鋁抽、層板、把手。</li>
  1593. </ul>
  1594. </li>
  1595. <li>
  1596. 衣櫃:
  1597. <ul>
  1598. <li>無門片:一尺 4500~5500元,含吊衣桿。</li>
  1599. <li>包含拉開門:一尺 6000~6500元,含吊衣桿和滑軌五金。</li>
  1600. <li>包含橫拉門:一尺 6500~7000元,含吊衣桿和滑軌五金。</li>
  1601. </ul>
  1602. </li>
  1603. <li>
  1604. 矮櫃:
  1605. <ul>
  1606. <li>無門片:一尺 2000~3000元。</li>
  1607. <li>包含門片:一尺 3000~3800元。</li>
  1608. </ul>
  1609. </li>
  1610. <li>
  1611. 中櫃:
  1612. <ul>
  1613. <li>無門片:一尺 3200~4500元。</li>
  1614. <li>包含門片:一尺 4200~5500元。</li>
  1615. </ul>
  1616. </li>
  1617. <li>
  1618. 高櫃:
  1619. <ul>
  1620. <li>無門片:一尺 4000~5500元。</li>
  1621. <li>包含門片:一尺 5000~6500元。</li>
  1622. </ul>
  1623. </li>
  1624. </ul>
  1625. <h6>玻璃鐵件</h6>
  1626. <ul>
  1627. <li>
  1628. 門片升級選項:
  1629. <ul>
  1630. <li>無框玻璃:一尺 800元。</li>
  1631. <li>鋁框玻璃橫拉門:一尺 2800元。</li>
  1632. </ul>
  1633. </li>
  1634. <li>
  1635. 明鏡:
  1636. <ul>
  1637. <li>一才 200元。</li>
  1638. </ul>
  1639. </li>
  1640. <li>
  1641. 強化玻璃:
  1642. <ul>
  1643. <li>5mm:一才 180元。</li>
  1644. <li>8mm:一才 240元。</li>
  1645. </ul>
  1646. </li>
  1647. </ul>
  1648. </div>
  1649. </div>
  1650. </div>
  1651. <div class="accordion-item">
  1652. <h2 class="accordion-header" id="spec_heading_8">
  1653. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  1654. data-bs-target="#spec_collapse_8" aria-expanded="true" aria-controls="spec_collapse_8"
  1655. data-ga="Q1_button">
  1656. 油漆工程
  1657. </button>
  1658. </h2>
  1659. <div id="spec_collapse_8" class="accordion-collapse collapse" aria-labelledby="spec_heading_8"
  1660. data-bs-parent="#specAccordionExample">
  1661. <div class="accordion-body">
  1662. <h6>水泥漆</h6>
  1663. <ul>
  1664. <li>
  1665. 陽春款刷油漆:
  1666. <ul>
  1667. <li>一坪 600元,含局部批土、局部打磨、2面漆。</li>
  1668. </ul>
  1669. </li>
  1670. <li>
  1671. 基本款刷油漆:
  1672. <ul>
  1673. <li>一坪 900元,含批土、打磨、2面漆。</li>
  1674. </ul>
  1675. </li>
  1676. <li>
  1677. 新木作刷油漆:
  1678. <ul>
  1679. <li>一坪 1200元,含AB膠填縫、批土、打磨、2面漆。</li>
  1680. </ul>
  1681. </li>
  1682. </ul>
  1683. <h6>油漆升級選項</h6>
  1684. <ul>
  1685. <li>
  1686. 升級為乳膠漆:
  1687. <ul>
  1688. <li>+200/坪,壽命長、防霉效果好、耐擦洗性高。</li>
  1689. </ul>
  1690. </li>
  1691. <li>
  1692. 噴漆工法:
  1693. <ul>
  1694. <li>+200/坪,適合高坪數,避免刷痕。</li>
  1695. </ul>
  1696. </li>
  1697. <li>
  1698. 追加批土+打磨:
  1699. <ul>
  1700. <li>+300/坪,使牆面更平整。</li>
  1701. </ul>
  1702. </li>
  1703. <li>
  1704. 追加一次面漆:
  1705. <ul>
  1706. <li>+200/坪,增強遮蓋力,特別適用於舊牆顏色與新牆顏色差異大時。</li>
  1707. </ul>
  1708. </li>
  1709. </ul>
  1710. <h6>其他費用</h6>
  1711. <ul>
  1712. <li>
  1713. 油漆施工前遮蔽保護費用:
  1714. <ul>
  1715. <li>一坪 350元,依需要保護的面積計算。</li>
  1716. </ul>
  1717. </li>
  1718. <li>
  1719. 跳色漆料與換色塗刷費用:
  1720. <ul>
  1721. <li>一色 3800元,含換色處遮蔽保護。</li>
  1722. </ul>
  1723. </li>
  1724. </ul>
  1725. <h6>特殊塗料</h6>
  1726. <ul>
  1727. <li>
  1728. 優麗旦透明漆:
  1729. <ul>
  1730. <li>一坪 1300元,用於保護水泥粉光或木作,含底漆和面漆。</li>
  1731. </ul>
  1732. </li>
  1733. </ul>
  1734. <h6>升級選項</h6>
  1735. <ul>
  1736. <li>
  1737. 更高等級油漆或工法:
  1738. <ul>
  1739. <li>自行訪價,油漆品牌和款式眾多,可依需求選擇。</li>
  1740. </ul>
  1741. </li>
  1742. <li>
  1743. 家具或門組保護漆:
  1744. <ul>
  1745. <li>自行訪價,保護漆質感和工法各異,選擇多樣。</li>
  1746. </ul>
  1747. </li>
  1748. </ul>
  1749. </div>
  1750. </div>
  1751. </div>
  1752. <div class="accordion-item">
  1753. <h2 class="accordion-header" id="spec_heading_9">
  1754. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  1755. data-bs-target="#spec_collapse_9" aria-expanded="true" aria-controls="spec_collapse_9"
  1756. data-ga="Q1_button">
  1757. 軟裝與清潔工程
  1758. </button>
  1759. </h2>
  1760. <div id="spec_collapse_9" class="accordion-collapse collapse" aria-labelledby="spec_heading_9"
  1761. data-bs-parent="#specAccordionExample">
  1762. <div class="accordion-body">
  1763. <small class="d-block mb-3">(一才 = 30x30公分)</small>
  1764. <h6>窗簾和捲簾</h6>
  1765. <ul>
  1766. <li>
  1767. 基本款橫拉窗簾:
  1768. <ul>
  1769. <li>一才 130元起,含窗簾軌五金,遮光或半遮光布料,寬度應為遮光寬度兩倍以上。</li>
  1770. </ul>
  1771. </li>
  1772. <li>
  1773. 基本款捲簾:
  1774. <ul>
  1775. <li>一才 100元起,含捲筒五金,遮光或半遮光布料,寬度最大180cm。</li>
  1776. </ul>
  1777. </li>
  1778. <li>
  1779. 更高等級窗簾:
  1780. <ul>
  1781. <li>自行訪價,窗簾品牌款式眾多,可以自由挑選。</li>
  1782. </ul>
  1783. </li>
  1784. </ul>
  1785. <h6>電視壁掛架或投影幕等安裝</h6>
  1786. <ul>
  1787. <li>
  1788. 一組 1000元,代安裝電視壁掛架、投影幕或吊架等。
  1789. </li>
  1790. </ul>
  1791. <h6>全室細部清潔</h6>
  1792. <ul>
  1793. <li>
  1794. 一坪 450~700元,依複雜程度。
  1795. <ul>
  1796. <li>清潔師傅需自備專業工具。</li>
  1797. <li>包括清除全室粉塵、漆痕、殘膠、頑垢,並依材質選用適當清潔劑。</li>
  1798. <li>細清前現場應無垃圾、碎塊等。</li>
  1799. </ul>
  1800. </li>
  1801. </ul>
  1802. </div>
  1803. </div>
  1804. </div>
  1805. </div>
  1806. </div>
  1807. <div class="ad-list d-block d-md-none">
  1808. <p>您是裝修新手?歡迎參考</p>
  1809. <!-- 單張廣告圖 -->
  1810. <!-- <div class="img-item">
  1811. <a href="https://hhh.style/hh07yaeye" target="_blank">
  1812. <img src="./img/main-ad.jpg" alt="">
  1813. </a>
  1814. </div> -->
  1815. <!-- 兩張廣告圖 -->
  1816. <div class="img-item">
  1817. <a href="https://hhh.com.tw/deco/" target="_blank" class="d-block w-100">
  1818. <img src="./img/p1.jpg?a=2" alt="">
  1819. </a>
  1820. <!-- 暫時隱藏 因為心動活動 到 12/30-->
  1821. <!-- <a href="https://promote.hhh.com.tw/hueiyeh-28403?utm_source=FB&utm_medium=GS&utm_campaign=hueiyeh#%E7%BF%BB%E7%89%8C%E9%81%8A%E6%88%B2"
  1822. target="_blank" class="d-block w-100">
  1823. <img src="./img/231229_輝葉第三波活動製作_664x180.jpg" alt="">
  1824. </a> -->
  1825. <!-- <a href="https://event.hhh.com.tw/agent/index.html" target="_blank" class="d-block w-100">
  1826. <img src="./img/p2.jpg" alt="">
  1827. </a> -->
  1828. <a href="https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE"
  1829. target="_blank" class="d-block w-100">
  1830. <img src="./img/樂居.jpg" alt="">
  1831. </a>
  1832. </div>
  1833. </div>
  1834. </div>
  1835. </div>
  1836. </div>
  1837. </div>
  1838. <div class="loading-block">
  1839. <ul class="spinner">
  1840. <li></li>
  1841. <li></li>
  1842. <li></li>
  1843. <li></li>
  1844. </ul>
  1845. <p>您的裝修方案預算正在計算中</p>
  1846. </div>
  1847. </div>
  1848. <!-- Modal -->
  1849. <div class="modal fade" id="columnModal" tabindex="-1" aria-labelledby="columnModalLabel" aria-hidden="true">
  1850. <div class="modal-dialog modal-xl modal-dialog-scrollable">
  1851. <div class="modal-content">
  1852. <div class="modal-header">
  1853. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1854. </div>
  1855. <div class="modal-body p-4 p-md-5">
  1856. <h1 class="modal-title" id="columnModalLabel"></h1>
  1857. <small class="d-block mb-4 date"></small>
  1858. <img class="cover-img" src="" alt="">
  1859. <p class="mt-5 content"></p>
  1860. </div>
  1861. </div>
  1862. </div>
  1863. </div>
  1864. <!-- 動態載入 -->
  1865. <div id="btn-box"></div>
  1866. <div id="footer"></div>
  1867. <!-- Google Tag Manager (noscript) -->
  1868. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3RJHTZ" height="0" width="0"
  1869. style="display:none;visibility:hidden"></iframe></noscript>
  1870. <!-- End Google Tag Manager (noscript) -->
  1871. <!-- <script>
  1872. window.onload = function () {
  1873. if (screen.width < 767) {
  1874. window.location.href = `https://m.hhh.com.tw/HHH/calculator_request/index.html`;
  1875. }
  1876. }
  1877. </script> -->
  1878. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  1879. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  1880. crossorigin="anonymous"></script>
  1881. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
  1882. integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
  1883. crossorigin="anonymous"></script>
  1884. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  1885. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  1886. <script src="
  1887. https://cdn.jsdelivr.net/npm/chart.js@4.3.0/dist/chart.umd.min.js
  1888. "></script>
  1889. <!-- <script src="./js/index.js?a=ff2"></script> -->
  1890. <script>
  1891. // 若 localStorage 已儲存表單資訊則直接填入(避免重複填單)
  1892. let userData = JSON.parse(localStorage.getItem('calculator_form'));
  1893. if (userData) {
  1894. $('#name').val(userData.name);
  1895. $('#phone').val(userData.phone);
  1896. $('#email').val(userData.email);
  1897. $('#city').val(userData.city);
  1898. $('#area').val(userData.area);
  1899. }
  1900. let imageHeight;
  1901. // 更新圖片高度
  1902. function updateImageHeight() {
  1903. if (window.innerHeight > 1300) {
  1904. // 螢幕高度高於 1300 後動態取得圖片高度 (因圖片高度由 px 改為 vh,避免出現空白)
  1905. imageHeight = document.querySelector('.img-slider-list img').offsetHeight;
  1906. } else {
  1907. imageHeight = 330;
  1908. }
  1909. }
  1910. updateImageHeight();
  1911. let resizeTimer;
  1912. window.addEventListener('resize', () => {
  1913. clearTimeout(resizeTimer);
  1914. resizeTimer = setTimeout(() => {
  1915. updateImageHeight();
  1916. }, 250); // 延遲 250 毫秒後觸發
  1917. });
  1918. // 將手機調整為 E.164 電話格式
  1919. document.getElementById('phone').addEventListener('input', function (e) {
  1920. let input = e.target.value;
  1921. // 去除所有非數字字符 (只保留數字)
  1922. let numericInput = input.replace(/\D/g, '');
  1923. // 判斷號碼並轉成 E.164 電話格式
  1924. if (/^09\d{8}$/.test(numericInput)) {
  1925. // 若格式為 09XXXXXXXX 轉成 +8869XXXXXXXX
  1926. e.target.value = `+886${numericInput.slice(1)}`;
  1927. } else if (/^09\d{2}-\d{3}-\d{3}$/.test(input)) {
  1928. // 若格式為 09XX-XXX-XXX 轉成 +8869XXXXXXXX
  1929. let cleanedInput = numericInput.slice(1);
  1930. e.target.value = `+886${cleanedInput}`;
  1931. }
  1932. });
  1933. let translateUp = 0;
  1934. let translateDown = -imageHeight; // 起始為第二張圖片
  1935. const slider_1 = document.querySelector('.img-slider [data-anime="infinite-01"]');
  1936. const slider_2 = document.querySelector('.img-slider [data-anime="infinite-02"]');
  1937. const slider_3 = document.querySelector('.img-slider [data-anime="infinite-03"]');
  1938. // 圖片動畫效果(垂直輪播)
  1939. function animateSlider() {
  1940. // 調整每秒移動的距離
  1941. translateUp -= .5; // 圖片往上移動
  1942. translateDown += .5; // 圖片往下移動
  1943. slider_1.style.transform = `translate3d(0, ${translateUp}px, 0)`;
  1944. slider_2.style.transform = `translate3d(0, ${translateDown}px, 0)`;
  1945. slider_3.style.transform = `translate3d(0, ${translateUp}px, 0)`;
  1946. // 往上移動到最後一張時將第一張加至底部
  1947. if (translateUp <= -imageHeight) {
  1948. const firstImage_1 = slider_1.querySelector('.img-slider-list:first-child');
  1949. const firstImage_2 = slider_3.querySelector('.img-slider-list:first-child');
  1950. slider_1.appendChild(firstImage_1);
  1951. slider_3.appendChild(firstImage_2);
  1952. translateUp = 0;
  1953. slider_1.style.transform = `translate3d(0, ${translateUp}px, 0)`;
  1954. slider_3.style.transform = `translate3d(0, ${translateUp}px, 0)`;
  1955. }
  1956. // 往下移動到第一張時將最後一張加至頂部
  1957. if (translateDown >= 0) {
  1958. const lastImage = slider_2.querySelector('.img-slider-list:last-child');
  1959. slider_2.insertBefore(lastImage, slider_2.firstChild);
  1960. translateDown = -imageHeight;
  1961. slider_2.style.transform = `translate3d(0, ${translateDown}px, 0)`;
  1962. }
  1963. requestAnimationFrame(animateSlider); // 根據瀏覽器的刷新率調整動畫的執行時間
  1964. }
  1965. // animateSlider();
  1966. let data = {
  1967. name: ""
  1968. }
  1969. // 正則表達式規則
  1970. //let nameRegex = /^[\u4e00-\u9fa5a-zA-Z]{1,10}$/; // 中英文字,最長 10 字元
  1971. // let phoneRegex = /^09\d{2}-\d{3}-\d{3}$/; // 格式 09XX-XXX-XXX
  1972. let nameRegex = /^[\u4e00-\u9fa5a-zA-Z ]{1,10}$/;
  1973. let phoneRegex = /^\+886\d{9,12}$/; // 格式 +8869XXXXXXXX (E.164)
  1974. let emailRegex = /^(?:\s*|[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/; // email 格式
  1975. let areaRegex = /^(?!0$)(?!0\.0$)(?:\d{1,3}(?:\.\d{1,2})?|1000(?:\.0{1,2})?)$/; // 可包含小數點符號,不可為「0」,下限為「1」,上限為「1000」
  1976. // 驗證表單欄位
  1977. function validateField(inputValue, regexPattern) {
  1978. let pattern = new RegExp(regexPattern);
  1979. return pattern.test(inputValue);
  1980. }
  1981. // 判斷裝修類型是否有勾選,無則將 button 設為 disabled
  1982. // if ($('input[name="type_options"]').is(':checked')) {
  1983. // $('.submit').prop('disabled', false);
  1984. // } else {
  1985. // $('.submit').prop('disabled', true);
  1986. // }
  1987. $('input[name="type_options"]').on('change', function () {
  1988. $('.submit').prop('disabled', false);
  1989. });
  1990. // 取得驗證狀態後切換 CSS
  1991. function validateState(name, state) {
  1992. if (!state) {
  1993. if (name !== 'city') {
  1994. $(`#${name}`).css({ "color": "#dc3545", "border-color": "#dc3545" });
  1995. } else {
  1996. $(`#${name}`).css({ "border-color": "#dc3545" });
  1997. }
  1998. $(`.${name}.invalid-feedback`).show();
  1999. } else {
  2000. $(`#${name}`).css({ "color": "#000000", "border-color": "#ced4da" });
  2001. $(`.${name}.invalid-feedback`).hide();
  2002. }
  2003. }
  2004. // // 調整為 E.164 電話格式
  2005. // function formatPhoneNumberToE164(phoneNumber, countryCode) {
  2006. // // 移除所有非數字字符
  2007. // const cleaned = phoneNumber.replace(/\D/g, '');
  2008. // // 移除電話號碼開頭的「0」
  2009. // const withoutLeadingZero = cleaned.replace(/^0+/, '');
  2010. // // 號碼以 + 開頭並加上國碼
  2011. // if (!withoutLeadingZero.startsWith(countryCode.replace('+', ''))) {
  2012. // return `${countryCode}${withoutLeadingZero}`;
  2013. // }
  2014. // return `+${withoutLeadingZero}`;
  2015. // }
  2016. // 驗證所有欄位
  2017. function validateAllFields(fields) {
  2018. let isValid = true;
  2019. fields.forEach(field => {
  2020. const fieldIsValid = validateField(field.value, field.regex);
  2021. validateState(field.id, fieldIsValid);
  2022. if (!fieldIsValid) {
  2023. isValid = false;
  2024. }
  2025. });
  2026. return isValid;
  2027. }
  2028. // 處理表單內容
  2029. $('.request-content form').submit(function (event) {
  2030. // 取得當前網址
  2031. let currentURL = window.location.href;
  2032. // 取得查詢參數
  2033. let urlSearchParams = new URLSearchParams(window.location.search);
  2034. let utmSource = urlSearchParams.get('utm_source');
  2035. if (utmSource === null) {
  2036. // 如果 utm_source 不存在,檢查 gclid 參數是否存在
  2037. var gclidValue = urlSearchParams.get('gclid');
  2038. if (gclidValue !== null) {
  2039. // 如果 gclid 存在,則將 utmSource 設為 "GoogleAds"
  2040. utmSource = "GoogleAds";
  2041. } else {
  2042. // 如果都不存在,則 utmSource 設為null
  2043. utmSource = '';
  2044. }
  2045. }
  2046. let utmMedium = urlSearchParams.get('utm_medium') || '';
  2047. let utmCampaign = urlSearchParams.get('utm_campaign') || '';
  2048. event.preventDefault(); // 阻止表單默認提交行為
  2049. // 取得被選中的選項的 id 值
  2050. const selectedOptionId = document.querySelector('input[name="type_options"]:checked')?.id;
  2051. let name = $('#name').val(); // 姓名
  2052. let phone = $('#phone').val(); // 手機
  2053. let email = $('#email').val(); // Email
  2054. let city = $('#city').val(); // 裝修所在地
  2055. let area = $('#area').val(); // 坪數
  2056. let type = $('input[name="type_options"]:checked').attr('id'); // 裝修類型
  2057. let marketing_consent = $('#marketing_consent').is(':checked') ? '1' : '0'; // 是否同意設計訊息
  2058. let ca_type = '';
  2059. // 需驗證的欄位
  2060. const fields = [
  2061. { id: 'name', value: name, regex: nameRegex },
  2062. { id: 'phone', value: phone, regex: phoneRegex },
  2063. { id: 'email', value: email, regex: emailRegex },
  2064. { id: 'area', value: area, regex: areaRegex },
  2065. ];
  2066. // 檢查所有欄位是否正確
  2067. const allFieldsValid = validateAllFields(fields);
  2068. // 判斷裝修所在地是否選擇
  2069. if (!city) {
  2070. validateState('city', false);
  2071. } else {
  2072. validateState('city', true);
  2073. }
  2074. // 判斷裝修類型是否選擇
  2075. if (type) {
  2076. validateState('type', true);
  2077. if (type === 'type_1') {
  2078. ca_type = '輕裝修';
  2079. } else if (type === 'type_2') {
  2080. ca_type = '全室裝修';
  2081. } else {
  2082. ca_type = '局部裝修';
  2083. }
  2084. } else {
  2085. validateState('type', false);
  2086. return;
  2087. }
  2088. // const countryCode = "+886"; // 台灣國家代碼
  2089. // phone = formatPhoneNumberToE164(phone, countryCode);
  2090. let data = {
  2091. name: name, // 姓名
  2092. phone: phone, // 手機
  2093. email: email, // Email
  2094. city: city, // 裝修所在地
  2095. area: area, // 坪數
  2096. ca_type: ca_type, // 裝修類型
  2097. marketing_consent: marketing_consent, // 是否同意設計訊息
  2098. source: "官網", // 來源(固定值)
  2099. h_class: "無",
  2100. utmSource: utmSource,
  2101. utmMedium: utmMedium,
  2102. utmCampaign: utmCampaign
  2103. };
  2104. console.log('data', data);
  2105. if (allFieldsValid) {
  2106. // 表單驗證成功
  2107. $(".loading-block").css({ display: "flex" }); // 開啟 loading 動畫
  2108. if (data.email.trim() !== "") {
  2109. send_email_customer(data);
  2110. }
  2111. send_email_sale(data);
  2112. insertRequest(data);
  2113. } else {
  2114. // 表單驗證失敗
  2115. return;
  2116. }
  2117. });
  2118. let resultData = {};
  2119. function send_email_sale(data) {
  2120. $.ajax({
  2121. method: "post",
  2122. url: "https://m3.hhh.com.tw:18670/SendMail_to_sales",
  2123. data: JSON.stringify(data),
  2124. contentType: "application/json",
  2125. }).done((response) => {
  2126. console.log('send to sales')
  2127. });
  2128. }
  2129. function send_email_customer(data) {
  2130. $.ajax({
  2131. method: "post",
  2132. url: "https://m3.hhh.com.tw:18670/SendMail_to_customer",
  2133. data: JSON.stringify(data),
  2134. contentType: "application/json",
  2135. }).done((response) => {
  2136. console.log('send to customer')
  2137. });
  2138. }
  2139. function insertRequest(data) {
  2140. $.ajax({
  2141. method: "post",
  2142. url: "https://m3.hhh.com.tw:18670/insert_calculator_request",
  2143. data: JSON.stringify(data),
  2144. contentType: "application/json",
  2145. }).done((response) => {
  2146. console.log('response', response);
  2147. dataLayer.push({
  2148. 'event': 'Request_Send',
  2149. 'btn_location': 'Calculator_Request_Page'
  2150. });
  2151. resultData = response;
  2152. console.log('response', response);
  2153. localStorage.setItem("calculator_form", JSON.stringify(data)); // 儲存表單內容
  2154. localStorage.setItem("calculator_result", JSON.stringify(resultData)); // 儲存運算結果
  2155. setTimeout(() => {
  2156. $(".loading-block").css({ display: "none" }); // 關閉 loading 動畫
  2157. window.location.href = "https://hhh.com.tw/calculator_request/result.html"; // 跳轉至結果頁面
  2158. // $('.result-content').show(); // 結果頁
  2159. // $('.request-content').hide(); // 填單頁
  2160. // setValue(data.ca_type);
  2161. }, 1000)
  2162. }).fail((error) => {
  2163. $(".loading-block").css({ display: "none" });
  2164. console.log('error', error);
  2165. });
  2166. }
  2167. $('.request-content form #phone').keyup(function () {
  2168. addDashes(this);
  2169. });
  2170. let count = true;
  2171. function addDashes(el) {
  2172. let val = $(el).val().replace('-', '');
  2173. if (val.length === 5) {
  2174. let finalVal = val.match(/.{1,4}/g).join('-');
  2175. $(el).val(finalVal);
  2176. } else if (val.length === 7 && count) {
  2177. $(el).val(`${$(el).val()}-`);
  2178. } else {
  2179. count = true;
  2180. }
  2181. if ($(el).val().charAt($(el).val().length - 1) === '-') {
  2182. $(el).val().replace('-', '')
  2183. count = false;
  2184. }
  2185. }
  2186. const typeInputs = document.querySelectorAll('[name="type_options"]');
  2187. // 切換裝修類型的 radio border
  2188. typeInputs.forEach(function (typeInput) {
  2189. typeInput.addEventListener('change', function (event) {
  2190. const typeItems = this.closest('.type-items'); // 取得當前 radio 最近的 type-items
  2191. const allTypeItems = document.querySelectorAll('.type-items');
  2192. if (event.target.checked) {
  2193. typeItems.style.borderColor = '#EE751B'; // checked 狀態切換顏色
  2194. // 將其他的 borderColor 取消
  2195. allTypeItems.forEach((item) => {
  2196. if (item !== typeItems) {
  2197. item.style.borderColor = '';
  2198. }
  2199. });
  2200. }
  2201. });
  2202. });
  2203. // 取得文章列表
  2204. function getColumns() {
  2205. $.ajax({
  2206. method: "get",
  2207. //url: "https://m3.hhh.com.tw:18670/gen_request_columns?filename=realtime.md",
  2208. url: "./json/index_columns.json",
  2209. data: JSON.stringify(data),
  2210. contentType: "application/json",
  2211. }).done((response) => {
  2212. console.log('response.files_content', response.files_content);
  2213. if (response.files_content.length) {
  2214. let resultHtml = "";
  2215. response.files_content.reverse(); // 更改排序
  2216. response.files_content.forEach((item) => {
  2217. let badges = item.tags.map(tag => `<p>${tag}</p>`).join(' ');
  2218. let itemStr = JSON.stringify(item);
  2219. resultHtml +=
  2220. `<div class="col-12 col-sm-6 col-md-12 col-lg-6 col-xl-4 pb-4">
  2221. <button data-item='${itemStr}'
  2222. class="modal-button h-100 px-0" data-bs-toggle="modal" data-bs-target="#columnModal">
  2223. <div class="card overflow-hidden h-100">
  2224. <img class="bg-img" alt="cover-img" src="${item.image}" />
  2225. <div class="card-body">
  2226. <h5 class="card-title">${item.title}</h5>
  2227. <div class="badge-list">
  2228. ${badges}
  2229. </div>
  2230. </div>
  2231. </div>
  2232. </button>
  2233. </div>`;
  2234. });
  2235. $('.column-spinner').hide();
  2236. $('#columnList').html(resultHtml);
  2237. }
  2238. })
  2239. }
  2240. getColumns();
  2241. $(document).on('click', '.modal-button', function () {
  2242. let item = $(this).data('item');
  2243. setModal(item);
  2244. });
  2245. function setModal(item) {
  2246. console.log('setModal', item);
  2247. $('#columnModal .modal-title').text(item.title)
  2248. $('#columnModal .date').text(item.date)
  2249. $('#columnModal .content').html(item.content)
  2250. $('#columnModal .cover-img').attr("src", `${item.image}`)
  2251. }
  2252. // function setRightSidebarSticky() {
  2253. // let height = $('#rightSidebar').outerHeight();
  2254. // console.log('height', height);
  2255. // $('#rightSidebar').css({
  2256. // 'position': 'sticky',
  2257. // 'top': `-${height - 935}px`
  2258. // });
  2259. // }
  2260. // setRightSidebarSticky();
  2261. // $(window).resize(function () {
  2262. // console.log('重新計算右側 div 的高度:', setRightSidebarSticky());
  2263. // });
  2264. // // 監聽 accordion-item 點擊事件
  2265. // $('.accordion-item').click(function () {
  2266. // // setRightSidebarSticky();
  2267. // $('#rightSidebar').css({
  2268. // 'position': 'static',
  2269. // 'top': '0'
  2270. // });
  2271. // });
  2272. </script>
  2273. <script> // 2024/05/27 新增 FAQ 按鈕點擊 GA
  2274. for (let i = 1; i <= 13; i++) {
  2275. document.querySelector(`button[data-ga="Q${i}_button"]`).addEventListener('click', function () {
  2276. dataLayer.push({
  2277. 'event': `calculator_request_Q${i}_button`,
  2278. 'btn_location': 'FixedBTN'
  2279. });
  2280. });
  2281. }
  2282. </script>
  2283. <script>
  2284. // 發送 GA 事件
  2285. dataLayer.push({
  2286. 'event': 'calculator_request_PageView',
  2287. 'page_location': 'specific_page'
  2288. });
  2289. // 發送 Facebook Pixel 事件
  2290. fbq('trackCustom', 'calculator_request_PageView');
  2291. </script>>
  2292. </body>
  2293. </html>