jeter20131220 3 年 前
コミット
6c39136743
12 ファイル変更2213 行追加285 行削除
  1. 1825 142
      about.json
  2. 11 17
      about/about.css
  3. 0 0
      about/about.css.map
  4. 12 7
      about/about.scss
  5. 101 87
      about/goto2.js
  6. 2 11
      about/index.html
  7. 153 9
      goto.js
  8. 23 0
      homepageimg.json
  9. BIN
      img/about/sec01/idea.webp
  10. 47 6
      style.css
  11. 0 0
      style.css.map
  12. 39 6
      style.scss

+ 1825 - 142
about.json

@@ -1,21 +1,24 @@
 [
     {
-        "id": 0,
-        "workBannerImg":"./img/banner/banner-m.png",
-        "WorkName": "張馨&瀚觀室內設計",
-        "DesignerName": "張馨",
-        "Designerimg": "../img/banner/28.png",
+        "id": 1,
+        "workBannerImg": "",
+        "WorkName": "恆星設計",
+        "DesignerName": "鄧湘盈",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/705.jpg?v12",
         "WorkLoc": "北部",
         "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
         "WorkStyle": "現代風,古典風,休閒多元,美式風,奢華風,新古典,北歐風,工業風",
         "WorkBudget": "100萬以上",
-        "WorkSize": "不限",
+        "WorkSize": "",
         "WorkSoho": "接受局部裝修工程;接受設計委託",
         "DesignIdea1": "恆星設計,用愛陪伴生活",
         "DesignIdea2": "三大特點為你帶來最高品質的室內設計",
-        "DesignTeam": "設計與工程搭配良好,三次工程檢驗點,一同為屋主把關工程大小事",
-        "DesignerFeature": "同時身為現代女性、妻子及新時代媽媽三個角色的女性設計師,能夠為不同的家庭提供更合適的設計。",
-        "DesignerEngineering": "3D與實景零誤差,設計師同步了解工程難點,深入工程執行。",
+        "DesignIdea3": "|擁有工程團隊|",
+        "DesignIdea4": "設計與工程搭配良好,三次工程檢驗點,一同為屋主把關工程大小事",
+        "DesignIdea5": "|設計師個人特質|",
+        "DesignIdea6": "同時身為現代女性、妻子及新時代媽媽三個角色的女性設計師,能夠為不同的家庭提供更合適的設計。",
+        "DesignIdea7": "|設計與工程融合|",
+        "DesignIdea8": "3D與實景零誤差,設計師同步了解工程難點,深入工程執行。",
         "TollFreeCall": "0809-000123#24939",
         "Telephone": "03-355-1922",
         "Address": "桃園市桃園區新埔六街48號",
@@ -25,242 +28,1922 @@
         "Facebook": "https://www.facebook.com/Sdesign2018",
         "workimg": [
             {
-                "img": "../img/about/sec01/sec02-1.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13477_20210715171907.jpg",
+                "text": "簡約沉穩小豪宅 打造每個專屬於自己的空間",
+                "workSrc":"https://hhh.com.tw/cases/detail/13477/",
+                "video":"https://img.youtube.com/vi/UfRZikvLJkc/hqdefault.jpg",
+                "videotext":"",
+                "videoSrc":"https://hhh.com.tw/video-post.php?id=4098"
             },
             {
-                "img": "../img/about/sec01/sec02-2.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer736_24_03.jpg",
+                "text": "抗疫窩在家 新婚夫妻北歐溫馨小宅|14坪|2房、1廳、1衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13386/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
+                
             },
             {
-                "img": "../img/about/sec01/sec02-3.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer736_23_06.jpg",
+                "text": "邂逅蒙馬特 一家六口法式輕奢宅|63坪|2房、2廳、3衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13377/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             },
             {
-                "img": "../img/about/sec01/sec02-4.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13295_20210525181321.jpg",
+                "text": "品啜清透芬芳白酒 感受柔順綿長餘韻│現代風│40坪│3房、2廳、2衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13295/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             },
             {
-                "img": "../img/about/sec01/sec02-5.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer736_21_01.jpg",
+                "text": "一起展開我們的浪漫混搭生活|現代風|28坪|3房、2廳、3衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13117/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             },
             {
-                "img": "../img/about/sec01/sec02-6.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer736_20_02.jpg",
+                "text": "現代風|我的左手 妳的右手 一起繪製莫蘭迪色宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/13043/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             }
         ]
+        
     },
     {
-        "id": 1,
-        "WorkName": "張馨&瀚觀室內設計2",
-        "DesignerName": "張馨",
-        "Designerimg": "../img/banner/89.png",
-        "WorkLoc": "北",
-        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
-        "WorkStyle": "現代風,古典風,休閒多元,美式風,奢華風,新古典,北歐風,工業風",
+        "id": 2,
+        "WorkName": "垼程聯合建築師事務所&浮見月設計工程有限公司",
+        "DesignerName": "劉獻文",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/465.jpg?v12",
+        "WorkLoc": "北區,中區,南區,宜蘭花東,離島地區,海外地區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間",
+        "WorkStyle": "現代風,鄉村風,古典風,美式風,新古典,混搭風,北歐風,工業風",
         "WorkBudget": "100萬以上",
         "WorkSize": "不限",
-        "WorkSoho": "接受局部裝修工程;接受設計委託",
-        "DesignIdea1": "恆星設計,用愛陪伴生活",
-        "DesignIdea2": "三大特點為你帶來最高品質的室內設計",
-        "DesignTeam": "設計與工程搭配良好,三次工程檢驗點,一同為屋主把關工程大小事",
-        "DesignerFeature": "同時身為現代女性、妻子及新時代媽媽三個角色的女性設計師,能夠為不同的家庭提供更合適的設計。",
-        "DesignerEngineering": "3D與實景零誤差,設計師同步了解工程難點,深入工程執行。",
-        "TollFreeCall": "0809-000123#24939",
-        "Telephone": "03-355-1922",
-        "Address": "桃園市桃園區新埔六街48號",
-        "Fax": "03-355-7122",
-        "Email": "sdesign107@gmail.com",
-        "Web": "https://www.star-interiordesign.com",
-        "Facebook": "https://www.facebook.com/Sdesign2018",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "將屬於您的故事寫入空間,在筆墨線條之間 ",
+        "DesignIdea2": "分寸之間的拿捏,是展現關於生活的體驗與空間的情感延續",
+        "DesignIdea3": "建築,是裝載記憶的盒子,我們創造良好的環境場域將回憶記載",
+        "DesignIdea4": "室內,是展現個人鮮明特色的畫布,我們透過分割與色彩讓場所反映自我",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#19877",
+        "Telephone": "02-2923-7608",
+        "Address": "新北市永和區中山路一段220號2樓",
+        "Fax": "02-2923-7523",
+        "Email": "newmoon@mrdesign.com.tw",
+        "Web": "https://www.facebook.com/newmoon20130306/",
+        "Facebook": "https://www.facebook.com/newmoon20130306/",
         "workimg": [
             {
-                "img": "../img/about/sec01/sec02-1.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12928_20210111154511.jpg",
+                "text": "環保建材×高收納 打造三代同堂健康機能宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/13477/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             },
             {
-                "img": "../img/about/sec01/sec02-2.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12812_20201123190253.jpg",
+                "text": "灰階×原木調和自然質地 描繪恬靜居宅生活感",
+                "workSrc":"https://hhh.com.tw/cases/detail/13477/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             },
             {
-                "img": "../img/about/sec01/sec02-3.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12503_20200708105040.jpg",
+                "text": "溫馨北歐新婚宅 譜寫下一站幸福",
+                "workSrc":"https://hhh.com.tw/cases/detail/13477/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             },
             {
-                "img": "../img/about/sec01/sec02-4.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12372_20200514104801.jpg",
+                "text": "融入企業語彙 傳達品牌意念的空間設計",
+                "workSrc":"https://hhh.com.tw/cases/detail/13477/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             },
             {
-                "img": "../img/about/sec01/sec02-5.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12273_20200409175055.jpg",
+                "text": "清新北歐設計 打造質感生活日常",
+                "workSrc":"https://hhh.com.tw/cases/detail/13477/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             },
             {
-                "img": "../img/about/sec01/sec02-6.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11986_20200108111702.jpg",
+                "text": "療癒系簡約宅 編織不喧嘩的輕盈生活",
+                "workSrc":"https://hhh.com.tw/cases/detail/13477/",
+                "video":"",
+                "videotext":"",
+                "videoSrc":""
             }
         ]
     },
     {
-        "id": 2,
-        "WorkName": "張馨&瀚觀室內設計3",
-        "DesignerName": "張",
+        "id": 3,
+        "WorkName": "比沙列室內裝修設計有限公司",
+        "DesignerName": "張靜峰",
         "Designerimg": "../img/banner/88.png",
-        "WorkLoc": "北",
-        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
-        "WorkStyle": "現代風,古典風,休閒多元,美式風,奢華風,新古典,北歐風,工業風",
-        "WorkBudget": "100萬以上",
+        "WorkLoc": "北區,中區,南區,宜蘭花東,離島地區,海外地區",
+        "WorkType": "擅長格局規劃及重新配置。將不完美的畸零空間,修飾為完美運用的場域。",
+        "WorkStyle": "主軸式的設計風,適得其所的安排,讓每個空間跟隨主調散發自我調性。",
+        "WorkBudget": "200萬以上",
         "WorkSize": "不限",
-        "WorkSoho": "接受局部裝修工程;接受設計委託",
-        "DesignIdea1": "恆星設計,用愛陪伴生活",
-        "DesignIdea2": "三大特點為你帶來最高品質的室內設計",
-        "DesignTeam": "設計與工程搭配良好,三次工程檢驗點,一同為屋主把關工程大小事",
-        "DesignerFeature": "同時身為現代女性、妻子及新時代媽媽三個角色的女性設計師,能夠為不同的家庭提供更合適的設計。",
-        "DesignerEngineering": "3D與實景零誤差,設計師同步了解工程難點,深入工程執行。",
-        "TollFreeCall": "0809-000123#24939",
-        "Telephone": "03-355-1922",
-        "Address": "桃園市桃園區新埔六街48號",
-        "Fax": "03-355-7122",
-        "Email": "sdesign107@gmail.com",
-        "Web": "https://www.star-interiordesign.com",
-        "Facebook": "https://www.facebook.com/Sdesign2018",
+        "WorkSoho": "接案區域:設計含施工/大台北地區。設計委託:華人區域",
+        "DesignIdea1": "設計理念:",
+        "DesignIdea2": ".跨足室內設計與建築兩領域的學習背景, 深知建築結構與室內配置兩者之間的盲點, 致力融會所學,一步一腳印發揮所長, 為每個設計案找到最好的定位及規劃。",
+        "DesignIdea3": ".用柔軟的態度與完善的溝通,滿足居住者對家的渴求,積極地在有限的預算上,突破出無限的空間可能。",
+        "DesignIdea4": ".將每一個設計案當成自己的居所般用心打造, 使之成為永久的居住空間。",
+        "DesignIdea5": "設計風格:",
+        "DesignIdea6": ".擅長格局規劃及重新配置。將不完美的畸零空間, 修飾為完美運用的場域。",
+        "DesignIdea7": ".設計彰顯人文精神的居所,讓居住者成為空間裡的主角,享受創造的空間。",
+        "DesignIdea8": ".主軸式的設計風格,適得其所的安排, 讓每個空間跟隨主調散發自我調性。",
+        "TollFreeCall": "0809-000123#10805",
+        "Telephone": "02-7729-8888,0916-053-800,0800-090-990",
+        "Address": "台北市中山區堤頂大道二段360號",
+        "Fax": "02-8509-7986",
+        "Email": "bezerp08@gmail.com",
+        "Web": "http://www.bezalel.com.tw",
+        "Facebook": "https://www.facebook.com/BEZALEL.Interior.Design",
         "workimg": [
             {
-                "img": "../img/about/sec01/sec02-1.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11825_20191112155840.jpg",
+                "text": "豪宅推手 打造企業主會所"
             },
             {
-                "img": "../img/about/sec01/sec02-2.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12621_20200827175117.jpg",
+                "text": "總統套房在我家 品味現代奢華風"
             },
             {
-                "img": "../img/about/sec01/sec02-3.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12745_20201026182956.jpg",
+                "text": "格局微調整型 坐擁透天景觀別墅"
             },
             {
-                "img": "../img/about/sec01/sec02-4.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12548_20200729183527.jpg",
+                "text": "簡約中的不簡單 玩格局展現豪宅指標"
             },
             {
-                "img": "../img/about/sec01/sec02-5.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12504_20200709095249.jpg",
+                "text": "奢華叢林系 時尚白金的古典優雅"
             },
             {
-                "img": "../img/about/sec01/sec02-6.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer104_110_02.jpg",
+                "text": "人文之家-木石間的淳和與清麗對比"
             }
         ]
     },
     {
-        "id": 3,
-        "WorkName": "張馨&瀚觀室內設計4",
-        "DesignerName": "張馨",
+        "id": 4,
+        "WorkName": "富麗室內裝修設計",
+        "DesignerName": "王誌霆",
         "Designerimg": "../img/banner/85.png",
-        "WorkLoc": "北",
-        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
-        "WorkStyle": "現代風,古典風,休閒多元,美式風,奢華風,新古典,北歐風,工業風",
-        "WorkBudget": "100萬以上",
+        "WorkLoc": "北區,宜蘭花東",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風",
+        "WorkBudget": "70萬以上",
         "WorkSize": "不限",
         "WorkSoho": "接受局部裝修工程;接受設計委託",
-        "DesignIdea1": "恆星設計,用愛陪伴生活",
-        "DesignIdea2": "三大特點為你帶來最高品質的室內設計",
-        "DesignTeam": "設計與工程搭配良好,三次工程檢驗點,一同為屋主把關工程大小事",
-        "DesignerFeature": "同時身為現代女性、妻子及新時代媽媽三個角色的女性設計師,能夠為不同的家庭提供更合適的設計。",
-        "DesignerEngineering": "3D與實景零誤差,設計師同步了解工程難點,深入工程執行。",
-        "TollFreeCall": "0809-000123#24939",
-        "Telephone": "03-355-1922",
-        "Address": "桃園市桃園區新埔六街48號",
-        "Fax": "03-355-7122",
-        "Email": "sdesign107@gmail.com",
-        "Web": "https://www.star-interiordesign.com",
-        "Facebook": "https://www.facebook.com/Sdesign2018",
+        "DesignIdea1": "以舒適健康為出發點:",
+        "DesignIdea2": "堅守與地球永續發展的綠建築理念",
+        "DesignIdea3": "",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#24593",
+        "Telephone": "02-2910-1187",
+        "Address": "新北市新店區中興路三段229號",
+        "Fax": "02-2910-0067",
+        "Email": "53351665forlife@gmail.com",
+        "Web": "http://www.forlife.com.tw/",
+        "Facebook": "https://www.facebook.com/360485981146173/",
         "workimg": [
             {
-                "img": "../img/about/sec01/sec02-1.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13436_20210705160937.jpg",
+                "text": "豪宅推手 打造企業主會所"
             },
             {
-                "img": "../img/about/sec01/sec02-2.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13431_20210702085614.jpg",
+                "text": "幸福時光|32坪|3房、1廳、2衛"
             },
             {
-                "img": "../img/about/sec01/sec02-3.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13426_20210630114021.jpg",
+                "text": "玉上園│現代風│40坪"
             },
             {
-                "img": "../img/about/sec01/sec02-4.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13423_20210628113201.jpg",
+                "text": "老舊房子變身現代時尚境域|30坪|3房、2廳、2衛"
             },
             {
-                "img": "../img/about/sec01/sec02-5.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12777_20201109134141.jpg",
+                "text": "冷熱皆宜的視覺饗宴,天地寬闊的樂活宅"
             },
             {
-                "img": "../img/about/sec01/sec02-6.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12766_20201104175018.jpg",
+                "text": "翠御"
             }
         ]
     },
     {
-        "id": 4,
-        "WorkName": "張馨&瀚觀室內設計5",
-        "DesignerName": "張馨",
-        "Designerimg": "../img/banner/87.png",
-        "WorkLoc": "北部",
-        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
-        "WorkStyle": "現代風,古典風,休閒多元,美式風,奢華風,新古典,北歐風,工業風",
+        "id": 5,
+        "WorkName": "浩室設計",
+        "DesignerName": "邱炫達",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/278.jpg?v12",
+        "WorkLoc": "北區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,老屋翻新,樓中樓,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,休閒多元,美式風,低調奢華,新古典,混搭風",
+        "WorkBudget": "200萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "浩室設計從2012年成立以來,一直不斷嘗試串連空間、分隔內外,並持續探究表與里的差異,",
+        "DesignIdea2": "混和時尚與懷舊、人文及古典,創造獨一無二的設計語彙,從未停止對於美感的追隨。",
+        "DesignIdea3": "透過調整光影、創造機能、堆砌角度,悠然行走於不可能的道路,",
+        "DesignIdea4": "設計總監邱炫達熱愛電影、攝影與藝術,舉手投足充滿藝術家特質,",
+        "DesignIdea5": "溫文有禮的親和態度下,有著自由無拘、不加設限的海派性格,",
+        "DesignIdea6": "由他經手的設計案,常體現出獨特出眾的卓然品味,",
+        "DesignIdea7": "強調創意發現與美感呈現之餘,對於業主亦有份體貼入微的心。",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#15950",
+        "Telephone": "03-358-1067,0953-633-100",
+        "Address": "桃園市桃園區同安街570號",
+        "Fax": "03-358-2156",
+        "Email": "kevin@houseplan.com.tw",
+        "Web": "http://www.houseplan.com.tw",
+        "Facebook": "https://www.facebook.com/houseplan.tw",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer336_35_14.jpg",
+                "text": "延續兩代情 織構粗獷×精緻工業混搭衝突美學"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_10543_20210317105208.jpg",
+                "text": "驚豔印象 把家居空間變成雕塑品"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11434_20190711185930.jpg",
+                "text": "輕淺木紋×人文清水模 共構1人2毛孩的舒心窩"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13319_20210528165925.jpg",
+                "text": "現代日式混搭佐日光 構畫敞朗質感好生活"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13250_20210511194047.jpg",
+                "text": "新穎材質堆疊時尚 30坪雙倍放大術│現代風│3房、2廳、2衛"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13126_20210319120057.jpg",
+                "text": "現代休閒木質風 演繹無壓療癒系居家│休閒多元│50坪"
+            }
+        ]
+    },
+    {
+        "id": 6,
+        "WorkName": "亞維空間設計",
+        "DesignerName": "簡瑋琪",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/385.jpg?v12",
+        "WorkLoc": "北區,中區",
+        "WorkType": "標準格局,別墅,大坪數,樓中樓,商業空間,老屋翻新,家具家飾陳設布置(軟裝設計)",
+        "WorkStyle": "鄉村風,休閒多元,美式風,混搭風",
         "WorkBudget": "100萬以上",
         "WorkSize": "不限",
-        "WorkSoho": "接受局部裝修工程;接受設計委託",
-        "DesignIdea1": "恆星設計,用愛陪伴生活",
-        "DesignIdea2": "三大特點為你帶來最高品質的室內設計",
-        "DesignTeam": "設計與工程搭配良好,三次工程檢驗點,一同為屋主把關工程大小事",
-        "DesignerFeature": "同時身為現代女性、妻子及新時代媽媽三個角色的女性設計師,能夠為不同的家庭提供更合適的設計。",
-        "DesignerEngineering": "3D與實景零誤差,設計師同步了解工程難點,深入工程執行。",
-        "TollFreeCall": "0809-000123#24939",
-        "Telephone": "03-355-1922",
-        "Address": "桃園市桃園區新埔六街48號",
-        "Fax": "03-355-7122",
-        "Email": "sdesign107@gmail.com",
-        "Web": "https://www.star-interiordesign.com",
-        "Facebook": "https://www.facebook.com/Sdesign2018",
+        "WorkSoho": "不接受局部裝修工程/ 接受設計委託/接受陳設配置",
+        "DesignIdea1": "以空間為設計概念,大量運用具法式鄉村風格的裝飾,",
+        "DesignIdea2": "打造居宅悠閒氛圍與優雅質感的呈現,",
+        "DesignIdea3": "規劃多元性收納機能與全方位流暢動線,",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#18197",
+        "Telephone": "03-360-5926",
+        "Address": "桃園市桃園區德華街173號",
+        "Fax": "03-360-5927",
+        "Email": "avendesign1@gmail.com",
+        "Web": "http://www.avendesing1.com/",
+        "Facebook": "https://www.facebook.com/avendesing1",
         "workimg": [
             {
-                "img": "../img/about/sec01/sec02-1.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer432_18_09.jpg",
+                "text": "安堤卡家居V.S Antique café"
             },
             {
-                "img": "../img/about/sec01/sec02-2.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer432_42_03.jpg",
+                "text": "混搭風│極簡無印"
             },
             {
-                "img": "../img/about/sec01/sec02-3.webp"
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12801_20201119115228.jpg",
+                "text": "老裝潢化身法式鄉村 美感與機能兼備"
             },
             {
-                "img": "../img/about/sec01/sec02-4.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12672_20200922093036.jpg",
+                "text": "繪本般南法莊園 宅在家就像度假"
             },
             {
-                "img": "../img/about/sec01/sec02-5.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12526_20200717184151.jpg",
+                "text": "白淨溫潤"
             },
             {
-                "img": "../img/about/sec01/sec02-6.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12054_20200203114152.jpg",
+                "text": "南法莊園"
             }
         ]
     },
     {
-        "id": 5,
-        "WorkName": "張馨&瀚觀室內設計6",
-        "DesignerName": "張馨",
-        "Designerimg": "../img/banner/84.png",
-        "WorkLoc": "北部",
+        "id": 7,
+        "WorkName": "橙碩室內設計",
+        "DesignerName": "胡捷荏",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/505.jpg?v12",
+        "WorkLoc": "北區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,混搭風,北歐風,工業風",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "室內設計是一門統合工程、美學與人體工學的學科",
+        "DesignIdea2": "若一般室內設計過於講究美觀,即很容易忽略到住戶使用上的習慣,",
+        "DesignIdea3": "要完成一件兼顧美觀又能住的舒適的設計案,就好比是業主與設計師共同演奏的協奏曲。",
+        "DesignIdea4": "我們相信,一個好的設計是需要業主共同參與的,每個業主都代表著一個獨特的個性,同時也賦予了空間專屬的氣質。",
+        "DesignIdea5": "碩室內設計將專業提供予業主,創造出專屬每一位業主的獨特品味空間",
+        "DesignIdea6": "除了滿足實用目的外,在其不同的生活習慣、信仰、經濟及文化背景下,",
+        "DesignIdea7": "藉由設計理念的實踐以進一步達到精神層面的需求。",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#20717",
+        "Telephone": "02-2260-9338",
+        "Address": "新北市土城區中華路一段36號9樓之1",
+        "Fax": "02-2260-9339",
+        "Email": "spider0654@gmail.com",
+        "Web": "http://www.csid.com.tw",
+        "Facebook": "https://www.facebook.com/csid.com.tw",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer511_26_01.jpg",
+                "text": "現代風注入強大機能 四口之家溫馨宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12541_20200724125612.jpg",
+                "text": "古屋格局重整 打造小雙拼現代品味宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12338_20200429094442.jpg",
+                "text": "合陽天擎"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12234_20200330103846.jpg",
+                "text": "土城日月光"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12193_20200317100729.jpg",
+                "text": "河岸絕景 豪宅大享受"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12142_20200224115128.jpg",
+                "text": "清新舒適溫馨雅居"
+            }
+        ]
+    },
+    {
+        "id": 8,
+        "WorkName": "棠禾設計",
+        "DesignerName": "曾智和|棠禾設計團隊",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/555.jpg?v12",
+        "WorkLoc": "北區,中區,南區",
         "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
-        "WorkStyle": "現代風,古典風,休閒多元,美式風,奢華風,新古典,北歐風,工業風",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風",
+        "WorkBudget": "100萬以上(依地區有所不同)",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;不接受設計委託",
+        "DesignIdea1": "在早期,人們皆把「家人共處的地方」稱為「堂」,",
+        "DesignIdea2": "在那個時候,許多精湛的建築或者傢俱甚至是壁面的雕刻,皆以「木」呈現",
+        "DesignIdea3": "這些皆演變為一種文化或是藝術;但我們想呈現的是「木」在家中的一種溫度,或者是家的痕跡,",
+        "DesignIdea4": "並且呈現不一樣的風貌,不再只是紅磚、瓦礫、水泥…,而是闔合的一個家,這就是棠禾設計。",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#21767",
+        "Telephone": "03-555-9792,04-2538-2889",
+        "Address": "新竹縣竹北市竹義街80號,台中市潭子區大新路2號",
+        "Fax": "",
+        "Email": "tangspace.ds@gmail.com",
+        "Web": "https://www.tanghedesign.com",
+        "Facebook": "https://www.facebook.com/tanghedesign/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer601_18_02.jpg",
+                "text": "舊屋改造大計劃 風格機能一次擁有|現代風"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer601_17_03.jpg",
+                "text": "溫潤木質佐日光 譜出無壓日式風韻|30坪|3房、2廳、2衛"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer601_16_01.jpg",
+                "text": "打造專屬和室角落 工業風也能很溫馨|30坪|3房、2廳、2衛"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer601_15_05.jpg",
+                "text": "揉入北歐元素 清新好感宅|30坪|3房、2廳、2衛"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer601_14_10.jpg",
+                "text": "沐光寫意日常 詮釋藍調北歐宅|30坪|3房、2廳、2衛"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer601_13_03.jpg",
+                "text": "與北歐風相伴 締造溫馨三口之家|30坪|3房、2廳、2衛"
+            }
+        ]
+    },
+    {
+        "id": 9,
+        "WorkName": "禾雅國際室內裝修有限公司",
+        "DesignerName": "李柔瑩",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/651.jpg?v12",
+        "WorkLoc": "北區,中區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,東方風,混搭風,北歐風,工業風,異國風",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "接受局部裝修工程;不接受純設計委託",
+        "DesignIdea1": "設計當如行雲流水,卻能適得其所,不過份鋪陳;",
+        "DesignIdea2": "收放之間,卻又能穠纖合度,大方優雅。",
+        "DesignIdea3": "我們深知:居住者才是主角,解決居住者在使用空間上的問題才是根本。",
+        "DesignIdea4": "居住者使用空間順暢,必定“ HOYA”。",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#23783",
+        "Telephone": "0931-549-899",
+        "Address": "台北市中山區南京東路二段150號10樓",
+        "Fax": "02-2926-2277",
+        "Email": "hoya.ltd.design@gmail.com",
+        "Web": "https://www.facebook.com/HOYA.ltd.design",
+        "Facebook": "https://www.facebook.com/HOYA.ltd.design/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer687_04_01.jpg",
+                "text": "有極光!SPA會館也是IG打卡熱點"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer687_03_04.jpg",
+                "text": "入住三年驗證 好舒適好實用的設計"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer687_02_02.jpg",
+                "text": "職業婦女的夢想家園 雙拼老宅蛻變"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer687_01_01.jpg",
+                "text": "挑高中古屋翻新 20坪機能全配"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer687_06_03.jpg",
+                "text": "光潔景澈 北歐淡雅|14坪|3房、2廳、2衛"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer687_05_03.jpg",
+                "text": "日光無印宅 構築美好童年"
+            }
+        ]
+    },
+    {
+        "id": 10,
+        "WorkName": "藝谷空間設計",
+        "DesignerName": "張芷融",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/291.jpg?v12",
+        "WorkLoc": "北區,中區,南區,宜蘭花東,離島地區,海外地區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,老屋翻新,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒風,美式風,低調奢華,新古典,日式禪風,中國風,混搭風",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "以屋主夢想中的房子出發,實用.美觀兼備.打造完全放鬆的空間,",
+        "DesignIdea2": "與使用者充分的溝通,更貼近使用的需求,整合木作與系統家具,打造更安全舒適的居家環境",
+        "DesignIdea3": "【設計部分流程】",
+        "DesignIdea4": "1.諮詢或丈量 → 2.平面圖規劃→ 3.討論設計風格 → 4.簽設計合約→ 5.討論細部設計圖→6.細部圖完稿→ 施工部分流程:→ 7.簽工程合約→ 8.工程施工 → 9.完工 → 10.驗收",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#16223",
+        "Telephone": "02-2799-6587",
+        "Address": "台北市大安區杭州南路二段93巷74號3樓",
+        "Fax": "",
+        "Email": "hoya.ltd.design@gmail.com",
+        "Web": "https://hhh.com.tw/designers/cases/291/1-page/new-sort/",
+        "Facebook": "",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11998_20200302162705.jpg",
+                "text": "風雅新古典美宅 品味優雅退休好生活"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11890_20200302162454.jpg",
+                "text": "揮灑日光暖意 擁抱高機能鄉村風生活"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_7710_20200302155058.jpg",
+                "text": "不良格局變身 3米6日光鄉村宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_8875_20200302160247.jpg",
+                "text": "小屋換大屋 20年老宅迎來休閒新氣象"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_10721_20200302161034.jpg",
+                "text": "老屋飄香 歡迎光臨我的私廚別墅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_9379_20200302160720.jpg",
+                "text": "中古屋格局微調 發揮空間最大坪效"
+            }
+        ]
+    },
+    {
+        "id": 11,
+        "WorkName": "優尼客空間設計有限公司",
+        "DesignerName": "黃仲均",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/491.jpg?v12",
+        "WorkLoc": "北區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,餐飲空間",
+        "WorkStyle": "現代風,北歐風,工業風",
         "WorkBudget": "100萬以上",
         "WorkSize": "不限",
         "WorkSoho": "接受局部裝修工程;接受設計委託",
-        "DesignIdea1": "恆星設計,用愛陪伴生活",
-        "DesignIdea2": "三大特點為你帶來最高品質的室內設計",
-        "DesignTeam": "設計與工程搭配良好,三次工程檢驗點,一同為屋主把關工程大小事",
-        "DesignerFeature": "同時身為現代女性、妻子及新時代媽媽三個角色的女性設計師,能夠為不同的家庭提供更合適的設計。",
-        "DesignerEngineering": "3D與實景零誤差,設計師同步了解工程難點,深入工程執行。",
-        "TollFreeCall": "0809-000123#24939",
-        "Telephone": "03-355-1922",
-        "Address": "桃園市桃園區新埔六街48號",
-        "Fax": "03-355-7122",
-        "Email": "sdesign107@gmail.com",
-        "Web": "https://www.star-interiordesign.com",
-        "Facebook": "https://www.facebook.com/Sdesign2018",
+        "DesignIdea1": "「巧妙的空間創意」源自於屋主的生活習慣及需求,",
+        "DesignIdea3": "而「精緻的美學設計」則是架構出屋主的生活態度",
+        "DesignIdea4": "優尼客堅持為每位屋主創造屬於自己的Unique",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#20423",
+        "Telephone": "02-2885-5058,0910-216-117",
+        "Address": "台北市士林區承德路四段12巷56號",
+        "Fax": "02-2885-3325",
+        "Email": "Gabriel@unique-design.com.tw",
+        "Web": "",
+        "Facebook": "https://www.facebook.com/unique.design.com.tw",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer537_07_02.jpg",
+                "text": "俐落內斂 品味細節現代宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer537_06_01.jpg",
+                "text": "晴・挑高北歐宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer537_11_01.jpg",
+                "text": "工業混搭新古典 小宅的藝術狂想"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer537_10_02.jpg",
+                "text": "輕漫北歐晨曦 無拘人文生活態度"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer537_09_02.jpg",
+                "text": "收納滿分 輕鄉村跳色小宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer537_08_01.jpg",
+                "text": "無印style 簡約輕生活年"
+            }
+        ]
+    },
+    {
+        "id": 12,
+        "WorkName": "YS暘昇國際室內裝修工程有限公司",
+        "DesignerName": "李宗育",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/301.jpg?v12",
+        "WorkLoc": "北區,中區,南區,宜蘭花東,離島地區,海外地區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,老屋翻新,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,休閒多元,美式風,新古典,混搭風",
+        "WorkBudget": "不限",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "結合多年實務經驗設計完全符合多元客層之需求,",
+        "DesignIdea2": "注重空間的動線、格局、風格、材質、效果及光感,以「認真」、「負責」為客戶打造專屬特殊之居住空間環境及品質。",
+        "DesignIdea3": "",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#16433",
+        "Telephone": "02-2392-4783",
+        "Address": "台北市中正區仁愛路二段5號6樓",
+        "Fax": "02-2341-9005",
+        "Email": "tim888tim888@yahoo.com.tw",
+        "Web": "http://www.sun-space.com/",
+        "Facebook": "https://www.facebook.com/ysdesign.tw",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12355_20200507095115.jpg",
+                "text": "雙拼豪宅 古典、日式一次擁有"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer351_17_05.jpg",
+                "text": "華麗與休閒並存!鐵板燒飄香的典雅時尚居"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer351_16_05.jpg",
+                "text": "現代簡約新思維 親子同樂宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12410_20200528162733.jpg",
+                "text": "簡練美學思維 構築雅致芳華逸境"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer351_11_03.jpg",
+                "text": "崇尚自然 洗滌人心的光感別墅(上)"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer351_12_08.jpg",
+                "text": "崇尚自然 洗滌人心的光感別墅(下)"
+            }
+        ]
+    },
+    {
+        "id": 13,
+        "WorkName": "千綵胤空間設計有限公司",
+        "DesignerName": "李千惠",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/347.jpg?v12",
+        "WorkLoc": "南區為主,北區,海外地區(設計委託)",
+        "WorkType": "標準格局,大坪數,小坪數,樓中樓,透天,毛杯屋整合設計,老屋翻新,商業空間",
+        "WorkStyle": "休閒多元、舒適人文、北歐極簡、鄉村居家、都會極簡",
+        "WorkBudget": "180萬以上,外縣市300萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;不接受設計委託",
+        "DesignIdea1": "以尊重居住者的生活,做為空間規劃的設計準則,我們針對您的需求為您設計配置,把握每一個空間的使用權及室內細部環節的照顧,在空間添加您的個性,也添加我們的創意設計。",
+        "DesignIdea2": "【我們的服務】",
+        "DesignIdea3": "1.案子階由設計師獨立全程親自設計與監造完成。",
+        "DesignIdea4": "2.我們是專作住家的設計公司,長久專作居家設計的經驗,讓我們的設計作品好保養、實用及多重收納的功效",
+        "DesignIdea5": "3.我們有專業級的廠商會定期將最新的建材及工法提供給我們的客戶享用。",
+        "DesignIdea6": "4.我們有專屬的工作人員及材料供應商可以做良好的品質控管。",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#17399",
+        "Telephone": "07-559-7288",
+        "Address": "高雄市左營區南屏路219巷7號",
+        "Fax": "07-559-7289",
+        "Email": "peggie@cty-space.com",
+        "Web": "http://www.cty-space.com",
+        "Facebook": "https://www.facebook.com/peggiedesign",
+        "workimg": [
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12980_20210128151509.jpg",
+                "text": "朗闊風雅 穠纖合度的混搭美學"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12888_20201223163901.jpg",
+                "text": "日光煥發璀璨風采 透顯低調的華麗"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12731_20201016095900.jpg",
+                "text": "浪漫旋律流轉縈繞 形構淡雅柔美鄉居"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12595_20200817160401.jpg",
+                "text": "重現南法休閒風情 編織悠揚輕快香頌"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12148_20200226135018.jpg",
+                "text": "緞帶般曲線 譜出家的律動與甜蜜"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12016_20200117111019.jpg",
+                "text": "恬適清新沐光宅 譜寫兩人一貓的幸福生活"
+            }
+        ]
+    },
+    {
+        "id": 14,
+        "WorkName": "雲司國際設計",
+        "DesignerName": "廖笠庭 周言叡",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/363.jpg?v12",
+        "WorkLoc": "北區,中區,南區,海外地區",
+        "WorkType": "小坪數,標準格局,樓中樓,老屋翻新",
+        "WorkStyle": "北歐簡約,現代時尚,休閒風",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "我們堅信,清新含氧,且深具涵養、足以放鬆舒壓的家,就是最迷人的永恆居所。",
+        "DesignIdea2": "*含氧,更具涵養",
+        "DesignIdea3": "闊空間敞度,展無壓涵養。我們重視空間裡的雙軸尺度與比例,也在意場域的規劃是否能帶給居住者開闊無壓的心情視野,如同雲司設計中的「雲」字,就是希望以自然、與感官親近的溫潤元素,帶給居住者最自在、寫意的無壓生活,進而能因空間的美好,獲得生命之「司」命主導權。",
+        "DesignIdea4": "居住者使用空間順暢,必定“ HOYA”。",
+        "DesignIdea5": "*以活水生氣韻",
+        "DesignIdea6": "引清新活水,厚美學氣韻。活水,讓生活擁有淨澈舒活的氣息;氣韻,則是一個家中是否深具靈魂的關鍵。無論鍾愛的風格為何,我們用心於從設計中導入創意活水,凝為精緻與經典,因此無論是整體空間或是一隅角落,我們均細膩以對;以「空間換取時間」的概念,當空間擁有豐沛生命力,就能涵養出無與倫比的獨特氣韻。讓每個角落都是經典,每瞬時光都能是永恆。",
+        "DesignIdea7": "*新平衡美學",
+        "DesignIdea8": "究極以機能,形中更有型。以機能作為內在設想核心,模擬出居住者最適的生活動線與作息習慣,營造出機能以內、美型於外的設計思維,最終再以簡約風貌做為雅緻生活的句點。在雅致的鋪陳中,居住者更能從真實生活中感受到雲司設計的用心,這是我們秉持的天職與責任,更是雲司設計亟力主張堅持的新平衡美學目標。",
+        "TollFreeCall": "0809-000123#17735",
+        "Telephone": "02-2522-3390",
+        "Address": "台北市內湖區內湖路一段316號1樓",
+        "Fax": "02-2522-2791",
+        "Email": "service@yunshi.com.tw",
+        "Web": "http://www.yunshi.com.tw",
+        "Facebook": "https://www.facebook.com/YunshiInteriorDesign",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer410_16_03.jpg",
+                "text": "(小坪數)天井迴廊意象 形塑美好生活"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_8208_20190522143107.jpg",
+                "text": "(老屋翻新)置身紐約街頭 走進網紅咖啡館"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer410_17_01.jpg",
+                "text": "(小坪數)設計即生活 北歐風x工業質感居"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_8135_20190522144413.jpg",
+                "text": "(老屋翻新)生活不受限 自在無拘束的山林別墅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer410_07_02.jpg",
+                "text": "(小坪數)迷你宅超值舒適北歐風"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_8025_20190522144848.jpg",
+                "text": "彷彿入住國外!鄉村調和紐約工業風"
+            }
+        ]
+    },
+    {
+        "id": 15,
+        "WorkName": "木博士團隊&動念室內設計制作",
+        "DesignerName": "卜冠程&木博士設計團隊",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/438.jpg?v12",
+        "WorkLoc": "中區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風",
+        "WorkBudget": "不限",
+        "WorkSize": "不限",
+        "WorkSoho": "因為顧及品質、投資客謝絕",
+        "DesignIdea1": "將客戶的需求融入創意、美學、實用、環保、安全,打造出獨特的人文風格與品味的設計概念!秉持不偷工、不減料,把每位客戶託付案件做到最好,誠信、專業、肯定是我們永續經營的企業文化!",
+        "DesignIdea2": "木博士設計團隊成立於1995年,品牌於2004年起領有註冊商標證書邁向永續經營的企業品牌里程碑‧關係企業 : 櫃族飾家 名床/系統傢俱館",
+        "DesignIdea3": "設計案接案流程:",
+        "DesignIdea4": "居住者使用空間順暢,必定“ HOYA”。",
+        "DesignIdea5": "初步諮詢 → 現場丈量 → 平面規劃 → 圖面說明 → 簽訂設計約 → 設計詳圖討論 → 3D彩圖確認 → 簽訂工程約 →工程施作 → 完工交屋 → 結案保固",
+        "DesignIdea6": "系統傢俱接案流程:",
+        "DesignIdea7": "初步諮詢 → 現場丈量 → 圖面說明 → 初步估價 → 簽訂設計諮詢合約 → 細部設計 → 3D彩圖確認 → 簽訂工程約 → 工程施作 → 完工交屋 → 結案保固",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#19310",
+        "Telephone": "0913-861-120",
+        "Address": "台中市北屯區文心路三段1041號",
+        "Fax": "004-2292-2590",
+        "Email": "dr.wood@msa.hinet.net",
+        "Web": "http://www.drw.com.tw",
+        "Facebook": "https://www.facebook.com/DrWDesign/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12632_20200903150257.jpg",
+                "text": "清新現代日光宅 恬適舒心--仁山洺悅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12609_20200821155257.jpg",
+                "text": "櫻花孩子王1"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12434_20200604102616.jpg",
+                "text": "借位放大術 構築沉靜北歐休閒宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11611_20190903140728.jpg",
+                "text": "日寫實×夜情境 現代好宅的百變風情"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_10626_20190614114000.jpg",
+                "text": "花藝師閒情居,開展暢意退休人生"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11154_20190430181827.jpg",
+                "text": "微醺限定!啜飲一口風情萬種的節奏"
+            }
+        ]
+    },
+    {
+        "id": 16,
+        "WorkName": "采舍空間設計",
+        "DesignerName": "楊詩韻",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/65.jpg?v12",
+        "WorkLoc": "北區,中區,南區",
+        "WorkType": "商業空間,辦公空間,住家,公設空間",
+        "WorkStyle": "都會時尚,現代極簡,個性居家,歐式新古典",
+        "WorkBudget": "不限",
+        "WorkSize": "不限",
+        "WorkSoho": "接受局部裝修工程;不接受純設計委託",
+        "DesignIdea1": "極重視與業主的雙向激盪,站在業主的角度思考,將其轉化為設計根基,而使作品能更加貼合人心,豐富居住者的生活。對於細節嚴加苛求,平衡設計中的理性與感性,讓設計作品往往超越性別的框架,鋪排出大器俐落的線條格局。采舍空間設計亦追求和諧卓越的品質,強調空間設計並非是外在的形體之美,更是一種珍視生活的態度,品味其本質,可感受到細膩而柔緻的餘韻,牽起了人、空間、建築三方之間的微妙關係。",
+        "DesignIdea2": "★360度VR環景作品http://bit.ly/2jheqJV",
+        "DesignIdea3": "",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#11477",
+        "Telephone": "03-228-9089",
+        "Address": "桃園市桃園區宏昌十街56號1樓",
+        "Fax": "03-228-9017",
+        "Email": "service@camper-sd.com",
+        "Web": "http://www.camper-sd.com",
+        "Facebook": "",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer175_46_05.jpg",
+                "text": "客變放大空間 描繪美式居所的療癒生活|35坪|4房、2廳、2衛"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer175_45_08.jpg",
+                "text": "簡約現代風 樂齡愜意退休宅|30坪|3房、2廳、2衛"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer175_44_12.jpg",
+                "text": "享享|北歐風|21坪"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12764_20201103161130.jpg",
+                "text": "沁染悠然寫意 構築優質感知享受"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12750_20201028095252.jpg",
+                "text": "沉靜木色×格局微整 構築串聯情感的華美現代宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12742_20201023144055.jpg",
+                "text": "異材質混搭 造就和諧高雅格調"
+            }
+        ]
+    },
+    {
+        "id": 17,
+        "WorkName": "雋築空間設計",
+        "DesignerName": "劉倢妤",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/474.jpg?v12",
+        "WorkLoc": "北區,中區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,美式風,工業風",
+        "WorkBudget": "80萬以上不接受局部設計",
+        "WorkSize": "不限",
+        "WorkSoho": "不限",
+        "DesignIdea1": "雋築空間設計20多年來,以「量身打造」的設計理念,打造客製化智慧工藝,七彩繽紛創意結合多元實用機能,工匠精神的世代傳承,古今中外的經驗相授,劉倢妤設計師與李國榮設計師的完美團隊正改寫著│雋築空間設計│對於空間設計的全新定義。",
+        "DesignIdea2": "「新」生活美學席捲生活空間!延續全球的奢華風潮,雋築空間設計強調絕佳設計與人性功能的系列單品,設計出機能性高、貼近個人化需求的手感單品系列家具,可隨著空間使用者不同機能性差異的櫃身結構,以優雅奢華、多彩繽紛的設計理念搭配個人化以及高效能的智慧工藝,拉近空間使用者與居家生活的距離,賦予居家空間無限創意。",
+        "DesignIdea3": "",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#20066",
+        "Telephone": "03-355-3750,0913-561-165",
+        "Address": "桃園市桃園區興一街21號1樓",
+        "Fax": "03-355-3760",
+        "Email": "juanzhu.design@gmail.com",
+        "Web": "http://www.juanchu.com.tw/",
+        "Facebook": "https://www.facebook.com/JUANZHU.design/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer519_12_01.jpg",
+                "text": "微調黃金比例 法式鄉村質感窩"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer519_10_01.jpg",
+                "text": "老屋逆齡 輕透日光宅登場"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer519_04_01.jpg",
+                "text": "職業婦女的夢想家園 雙拼老宅蛻變"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer519_01_01.jpg",
+                "text": "保安街"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer519_26_02.jpg",
+                "text": "美式鄉村飄送田園芬香"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12924_20210108100409.jpg",
+                "text": "重整16坪小空間機能 演繹鄉村風韻美宅"
+            }
+        ]
+    },
+    {
+        "id": 18,
+        "WorkName": "廣延空間設計",
+        "DesignerName": "陳偉立",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/436.jpg?v12",
+        "WorkLoc": "北區,中區,南區,宜蘭花東,離島地區,海外地區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風",
+        "WorkBudget": "不限",
+        "WorkSize": "不限",
+        "WorkSoho": "接受局部裝修工程;不接受純設計委託",
+        "DesignIdea1": "廣延空間設計為一綜合型空間設計工作室,團隊人員來自國內外學經歷豐富之景觀、建築及室內設計師組成,為多向度思考及專案整合之設計團隊。在室內設計的專業中,我們不斷勇於嘗試,致力於生活家的想像。在觀看事情上總是用著多元化及世界觀的角度去衡量,對於人與人之間以及周圍事務也總抱著熱心學習和虛心請教的態度。在人本的生活環境中,我們尊重使用者的需求,結合客戶之概念與想像,讓空間設計衍生出更多的可能性。我們相信,唯有不斷的溝通與討論,才能達成完美的平衡。",
+        "DesignIdea2": "",
+        "DesignIdea3": "",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#19268",
+        "Telephone": "03-377-6968,0919-353-355",
+        "Address": "桃園市八德區東勇街125巷6號9樓",
+        "Fax": "",
+        "Email": "hoya.ltd.design@gmail.com",
+        "Web": "http://www.wlsd.com.tw",
+        "Facebook": "",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer484_18_02.jpg",
+                "text": "全開放空間 動線緊密享受相聚時光"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer484_26_04.jpg",
+                "text": "簡約王道,走進香奈兒的經典世界"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer484_03_04.jpg",
+                "text": "公仔迷最愛 好收納的小家庭機能宅"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer484_17_03.jpg",
+                "text": "單身最愛 隨興生活自慢空間"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer484_07_03.jpg",
+                "text": "暖·光|溫馨浪漫北歐風,收納隱於無形"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer484_27_03.jpg",
+                "text": "舊國宅變新房子 年輕夫妻成家立業起家厝"
+            }
+        ]
+    },
+    {
+        "id": 19,
+        "WorkName": "京彩室內設計",
+        "DesignerName": "王立崢",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/158.jpg?v12",
+        "WorkLoc": "北區,中區,南區,宜蘭花東",
+        "WorkType": "住宅空間、商業空間、辦公空間",
+        "WorkStyle": "時尚、極簡、北歐、新古典",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "接受設計委託",
+        "DesignIdea1": "簡單而純粹,內蘊質感而不粗曠,隱含創意而不張揚是我們在執行創意設計一貫的理念",
+        "DesignIdea2": "",
+        "DesignIdea3": "",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#13430",
+        "Telephone": "03-3160-358,0926-926-098",
+        "Address": "桃園市民有十三街10號1樓",
+        "Fax": "03-3589-758",
+        "Email": "jt2233.design@gmail.com",
+        "Web": "http://www.jt-designer.com/",
+        "Facebook": "https://www.facebook.com/105984229454853/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_10612_20190510164355.jpg",
+                "text": "慵懶之境 低奢溫潤度假雅居",
+                "workSrc":"https://hhh.com.tw/cases/detail/10612/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11196_20190514151000.jpg",
+                "text": "幾何時尚美宅 窺見線條舞動之美",
+                "workSrc":"https://hhh.com.tw/cases/detail/11196/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_10911_20190305143101.png",
+                "text": "隱約東方 現代質感寓所",
+                "workSrc":"https://hhh.com.tw/cases/detail/10911/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer302_39_05.jpg",
+                "text": "沉穩內斂 華美精緻辦公空間",
+                "workSrc":"https://hhh.com.tw/cases/detail/10634/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer302_36_02.jpg",
+                "text": "優雅灰藍調,低調奢華的雋永協奏曲",
+                "workSrc":"https://hhh.com.tw/cases/detail/10022/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer302_28_04.jpg",
+                "text": "隨拍即景 網拍創業家的美式SOHO宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/8070/"
+            }
+        ]
+    },
+    {
+        "id": 20,
+        "WorkName": "舒杰室內裝修設計有限公司",
+        "DesignerName": "陳琬婷",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/507.jpg?v12",
+        "WorkLoc": "北區,中區,海外地區",
+        "WorkType": "標準格局,別墅,大坪數,實品/樣品屋,商業空間",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,東方風,混搭風",
+        "WorkBudget": "300萬元以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "舒杰室內裝修設計成立於 2013 年, 由陳琬婷 (Debby Chen),創辦人暨設計總監帶領團隊以專業且多元化的商業及住宅項目, 為國際企業公司及私人屋主提供專業空間美學諮詢及建築室內設計與工程服務. 同時與葉永騰(Jay Yeh), 工程執行總監,合作下完成多元設計暨工程案項目",
+        "DesignIdea2": "在成立 7 年間, 舒杰設計服務過日商, 美商等國際公司辦公室; 餐飲為新加坡商米其林一星餐飲;六星級飯店精品店; 及各個私人客戶居所; 包含建設公司實品,樣品屋及接待中心的設計及工程.短短時間, 朝向不斷前進及突破公司的框架,將更好的設計空間提供給在地台灣客戶.",
+        "DesignIdea3": "國際獎項也持續 5 年時間獲獎, 包括 2018 新加玻室內設計協會 SIDS ; 2019 義大利 A+Design Bronze; 2019 美國 Architecture MasterPrize(AMP); 2020 德國 German Design Award(GDA); 2020 IPA 英國國際地產產獎 等. 其創作過程追求精進與提升, 讓設計及工藝層次與先進跳脫框架, 並持續關注環境綠建材議題與應用.",
+        "DesignIdea4": "一如創立時的初衷,透過 ” 聆聽客戶想法” 去思考,分析及規劃該基地可以發揮的最大效益與優勢, 讓務實面與風格美學工藝可以達到全方面整合. 除了專業團隊的建築及室內設計背景, 公司也積極培育活力、創新、合作、和靈活的文化人才為目標, 讓設計, 服務及項目品質可以在團隊的合作下最優化. 我們認為的“設計風格理念” 是完成並超越客戶期待的空間場域,去創造 “人,生活與靈魂” 的空間哲學.",
+        "DesignIdea5": "“材料室”是設計的天堂, “基地”是美學工藝落實的舞台, 我們希望同時回歸根本--落實整合 “務實,機能與美學的設計” 來充分發揮空間工藝, 並透過服務項目與業主來提倡環保建材及環境保護的目標. 為台灣及環境美學設計盡一份力量, 放眼國際, 回饋於客戶及社會,對於室內建築的使用空間給予更多的意義",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#20759",
+        "Telephone": "02-2511-0728",
+        "Address": "台北市中山區南京西路5-1號6樓-1",
+        "Fax": "02-2511-0721",
+        "Email": "debby.djplus@gmail.com",
+        "Web": "http://www.djplus-design.com/",
+        "Facebook": "https://www.facebook.com/DJPLUSDESIGN",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer553_09_02.jpg",
+                "text": "虛實交織 新古典圓舞曲",
+                "workSrc":"https://hhh.com.tw/cases/detail/8516/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11322_20190613132114.jpg",
+                "text": "尊榮時尚",
+                "workSrc":"https://hhh.com.tw/cases/detail/11322/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer553_18_03.jpg",
+                "text": "紳色溫韻 現代簡約的恣意揮灑",
+                "workSrc":"https://hhh.com.tw/cases/detail/10575/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer553_16_01.jpg",
+                "text": "金迷風尚 重現大亨小傳奢華饗宴",
+                "workSrc":"https://hhh.com.tw/cases/detail/9814/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12896_20201228093950.jpg",
+                "text": "Office with Rhythm",
+                "workSrc":"https://hhh.com.tw/cases/detail/12896/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12890_20201224171119.jpg",
+                "text": "雅品深萃",
+                "workSrc":"https://hhh.com.tw/cases/detail/12890/"
+            }
+        ]
+    },
+    {
+        "id": 21,
+        "WorkName": "境庭國際設計",
+        "DesignerName": "周靖雅",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/23.jpg?v12",
+        "WorkLoc": "北區,中區,南區,宜蘭花東,全省",
+        "WorkType": "標準格局,別墅,大坪數,老屋翻新,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,古典風,奢華風,新古典,混搭風,休閒多元,精品飯店,宮廷風,東方風,日式人文",
+        "WorkBudget": "200萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程",
+        "DesignIdea1": "以「分享」、「混搭」、「超越」為設計出發點,對境庭設計來說,設計是以創意靈感延伸無限發想,空間美學的造就,原是來自以人為本的初想,於是藉由溝通和協調帶來量身訂製的室內表情,集結多元的想法和素材,混搭出設計的元素和架構,滿足了業主的期望,獲得超乎肯定的同時,成就「混搭」的魅力所在。",
+        "DesignIdea2": "堅持追求更多樣貌的空間設計,是許多設計師努力不懈的事,以異材質混搭見長的境庭國際設計,選擇不同建材和風格集於同一個空間中,對境庭設計的設計總監周靖雅來說,就是一種美感的表現手法,然而付諸實現混搭美學,亦不與業主需求相悖,因設計團隊始終秉持量身打造的服務初衷。",
+        "DesignIdea3": "藉由鐵件、木素材、鏡面等異材質搭接,結合古典、浪漫、華麗、現代四個風格象限,創造出獨特的「境式混搭主義」,不只讓空間有更豐富的層次,每道精緻混搭的工法背後,蘊藏更多境庭對業主生活想法的思考,以及多媒材拼接混搭時所運用的技巧與工法,展現出另一種工藝美學,不被單一形式所框架局限,創造出令人驚豔的場域。",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#10595",
+        "Telephone": "02-2891-2666",
+        "Address": "台北市北投區大業路631-6號",
+        "Fax": "02-2897-6258",
+        "Email": "cyL5888@yahoo.com.tw",
+        "Web": "http://www.cl-dg.com.tw",
+        "Facebook": "https://www.facebook.com/jinting.interior/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11760_20191021165801.jpg",
+                "text": "滿足家族期望 人文風尚檜木香",
+                "workSrc":"https://hhh.com.tw/cases/detail/11760/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer79_78_02.jpg",
+                "text": "層層境式混搭風 挑高別墅精緻宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/10196/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer79_79_06.jpg",
+                "text": "境式華麗混搭 打造夢想宮廷風",
+                "workSrc":"https://hhh.com.tw/cases/detail/10221/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer79_67_01.jpg",
+                "text": "六年再續緣 混搭鄉村新體驗",
+                "workSrc":"https://hhh.com.tw/cases/detail/7291/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer79_66_02.jpg",
+                "text": "混搭工藝手法 魅力現代宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/6691/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer79_71_03.jpg",
+                "text": "綻放絢爛魅力 譜寫優雅宮廷語彙",
+                "workSrc":"https://hhh.com.tw/cases/detail/8200/"
+            }
+        ]
+    },
+    {
+        "id": 22,
+        "WorkName": "丰彤設計工程有限公司",
+        "DesignerName": "張書源",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/712.jpg?v12",
+        "WorkLoc": "北區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層,工作空間,餐飲空間,民宿旅館,公共空間,老屋翻新",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風",
+        "WorkBudget": "",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程",
+        "DesignIdea1": "沉穩內斂的設計風格,來自張書源對於「人」的重視,時下流行的設計潮流,很難使他盲目推崇,對空間與建築實務的用心鑽研,融會貫通成豐厚的設計功力。",
+        "DesignIdea2": "在居住者需求的前提下,空間設計如同一幅傳世的繪畫,其中的輕重布局與何時留白,失之毫厘、差之千里,進退取捨完全取決於經驗的掌控與專業的美學修為,這也是丰彤設計為何總是讓客戶津津樂道的主因。",
+        "DesignIdea3": "擅長西洋繪畫美術的張書源,藝術訓練的專研,使他對空間很有想法;對動線的合理化非常講究,堅持自然材質,主張將真實的人性化織入居住空間,以沒有侷限的自由風格,醞釀出文化共鳴的居家時尚,渾然天成的個性色彩,找不到一絲做作與刻意模仿的味道,張書源經手的空間,一直是委託者心目中絕對的完美空間。",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#25149",
+        "Telephone": "02-28962689",
+        "Address": "台北市北投區大興街36號",
+        "Fax": "",
+        "Email": "fontal1999@gmail.com",
+        "Web": "http://www.fontal.tw",
+        "Facebook": "https://www.facebook.com/fontal1999/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer742_06_03.jpg",
+                "text": "揉入現代語彙 成就簡約日常|27坪|2房、2廳、2衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13150/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer742_05_01.jpg",
+                "text": "木紋漫舞於室 輕染北歐風情|北歐風|40坪|2房、2廳、3衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13149/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer742_04_01.jpg",
+                "text": "磅礡石材×精緻細節 透顯現代風尚|17坪|2房、2廳、1衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13148/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer742_03_06.jpg",
+                "text": "克萊亞企業總部|現代風|400坪",
+                "workSrc":"https://hhh.com.tw/cases/detail/13114/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer742_02_01.jpg",
+                "text": "幸福辦公室|休閒多元、工業風|150坪",
+                "workSrc":"https://hhh.com.tw/cases/detail/13113/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer742_01_11.jpg",
+                "text": "堡順實業廠辦|現代風|300坪",
+                "workSrc":"https://hhh.com.tw/cases/detail/13112/"
+            }
+        ]
+    },
+    {
+        "id": 23,
+        "WorkName": "三宅一秀空間創藝",
+        "DesignerName": "郁琇琇",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/279.jpg?v12",
+        "WorkLoc": "北區,中區",
+        "WorkType": "標準格局,別墅,大坪數,老屋翻新,樓中樓,商業空間",
+        "WorkStyle": "現代風,鄉村風,古典風,美式風,奢華風,新古典,混搭風,北歐風",
+        "WorkBudget": "200萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程 / 不接受設計委託 / 承接海外案件的部分僅接受設計委託",
+        "DesignIdea1": "三宅 是指 安心宅、舒適宅、藝術宅",
+        "DesignIdea2": "一秀 是指 為您量身打造一枝獨秀的創藝居宅",
+        "DesignIdea3": "郁琇琇 設計總監 秉持三大理念:",
+        "DesignIdea4": "1. 使用安全合格及環保節能的建材打造安心居宅。",
+        "DesignIdea5": "2. 堅持實用設計,營造溫馨、舒適、高品質的生活。",
+        "DesignIdea6": "3. 將美學融入視覺生活,創造優越的藝術環境。",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#15971",
+        "Telephone": "02-2721-9828",
+        "Address": "台北市大安區新生南路一段103巷25號1樓",
+        "Fax": "02-2721-9338",
+        "Email": "dservice@showhouse-design.com",
+        "Web": "http://www.showhouse-design.com",
+        "Facebook": "https://www.facebook.com/show.house.design",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11185_20190612182520.jpg",
+                "text": "古樸京都×現代美學 藝術山居別墅",
+                "workSrc":"https://hhh.com.tw/cases/detail/11185/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11096_20190612183318.jpg",
+                "text": "意蘊風雅構築古典質感宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/11096/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11045_20190709151718.jpg",
+                "text": "優雅入室 醞釀溫馨生活幸福居",
+                "workSrc":"https://hhh.com.tw/cases/detail/11045/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer337_61_05.jpg",
+                "text": "翻轉40年蛋黃區老宅 變身27坪古典美居",
+                "workSrc":"https://hhh.com.tw/cases/detail/13420/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13379_20210618150831.jpg",
+                "text": "河岸景觀宅 打造夢想杜拜柏金屋|27坪",
+                "workSrc":"https://hhh.com.tw/cases/detail/13379/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer337_57_03.jpg",
+                "text": "戀上絕美山城 悠閒度假樓中樓",
+                "workSrc":"https://hhh.com.tw/cases/detail/12837/"
+            }
+        ]
+    },
+    {
+        "id": 24,
+        "WorkName": "允庭室內裝修設計有限公司",
+        "DesignerName": "張舜淵 林術榮 李晴沛",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/402.jpg?v12",
+        "WorkLoc": "北區",
+        "WorkType": "小坪數,標準格局,大坪數,樓中樓,老屋翻新,系統櫃",
+        "WorkStyle": "現代風,鄉村風,休閒多元,混搭風",
+        "WorkBudget": "100萬元以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不限",
+        "DesignIdea1": "設計理念是希望能以家庭的概念為出發點,為家裡所有的成員找到適合的“溫度”。 設計不是一成不變,而是了解每個人的需求去做調整,爸爸喜歡下班後有自己的空間品嘗波爾多區的紅酒、媽媽希望多點收納、妹妹喜歡畫畫、哥哥想要在家放模型、爺爺奶奶能夠在家中享受這一切美好........ 允庭設計的每位設計師都願意盡最大的努力為您改變家裡的氛圍及溫度。",
+        "DesignIdea2": "而房子有了溫度,家裡有了溫暖,家人與家人之間的距離拉近了,幸福自然洋溢滿庭..........我們珍惜與您每次溝通、談圖,在有限的預算中,了解您的需求,給您想要的溫度,建構 您記憶中對家的回憶,也讓您家的未來...........................無限幸福。",
+        "DesignIdea3": "專業設計,以客為尊精緻規劃,將空間視覺效果發揮極限!",
+        "DesignIdea4": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#18555",
+        "Telephone": "02-2966-2031",
+        "Address": "新北市板橋區南雅西路二段245號",
+        "Fax": "02-8969-8628",
+        "Email": "ut@ut-design.com.tw",
+        "Web": "http://ut-design.com.tw/",
+        "Facebook": "https://www.facebook.com/UT.5405/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer450_19_02.jpg",
+                "text": "以人為本 雙風格沉穩中見浪漫",
+                "workSrc":"https://hhh.com.tw/cases/detail/10863/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer450_08_02.jpg",
+                "text": "引光純粹 步步皆景北歐宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/8141/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer450_12_03.jpg",
+                "text": "浸沐光影 木石共譜現代家",
+                "workSrc":"https://hhh.com.tw/cases/detail/9998/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer450_16_03.jpg",
+                "text": "毛胚屋變身 訂製內斂精品生活",
+                "workSrc":"https://hhh.com.tw/cases/detail/10268/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer450_13_05.jpg",
+                "text": "遙望綠意 悠閒透亮度假宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/10037/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer450_17_04.jpg",
+                "text": "北歐愜意與美式率性 充滿快樂角落的家",
+                "workSrc":"https://hhh.com.tw/cases/detail/10542/"
+            }
+        ]
+    },
+    {
+        "id": 25,
+        "WorkName": "張馨&瀚觀室內設計",
+        "DesignerName": "張馨",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/28.jpg?v12",
+        "WorkLoc": "北區,中區,海外地區",
+        "WorkType": "標準格局,別墅,大坪數,老屋翻新,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,混搭風",
+        "WorkBudget": "250萬元以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;可接受設計委託;接受全室軟裝顧問委託",
+        "DesignIdea1": "人與生活才是空間的構成元素,因此,空間的初成須是通透而乾淨,經過與居住者溝通、不斷地推演生活,淬煉出經久不衰的設計。",
+        "DesignIdea2": "深信有溫度的家,會讓生活越來越美好,設計時總會為居住者說故事,說屬於他們的故事。不隨波逐流、不刻意為之,僅讓空間看起來理所當然地存在著,理性與感性兼具的創作思維,成就獨特又充滿生命力的空間。",
+        "DesignIdea4": "由張馨提出的『582設計概念』包含最初始五成乾淨的空間輪廓,再藉由傢俱、織品軟件、藝術品佈置到八分滿,最後二分空白留給居住者,慢慢裝入日後真實生活的點點滴滴。",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#10700",
+        "Telephone": "02-2608-5816",
+        "Address": "新北市林口區仁愛路二段690號",
+        "Fax": "02-2609-6256",
+        "Email": "service@i-cynthia.com",
+        "Web": "https://cynthia582.pixnet.net/blog",
+        "Facebook": "https://www.facebook.com/#!/i26018027?fref=ts",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11948_20200114111754.jpg",
+                "text": "582經典美式 探索生命中的有趣事物",
+                "workSrc":"https://hhh.com.tw/cases/detail/11948/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12006_20200115112602.jpg",
+                "text": "生活 如歌的行板",
+                "workSrc":"https://hhh.com.tw/cases/detail/12006/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_9634_20210616215137.jpg",
+                "text": "承載記憶 訴說優雅的美式生活",
+                "workSrc":"https://hhh.com.tw/cases/detail/9634/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_5121_20210616212601.jpg",
+                "text": "三個女人的家 美式復古溫馨宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/5121/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_6084_20210616213212.jpg",
+                "text": "買地蓋屋‧夢想手繪城堡",
+                "workSrc":"https://hhh.com.tw/cases/detail/6084/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_10673_20210616215455.jpg",
+                "text": "張馨美宅 奢華品味拎包入住",
+                "workSrc":"https://hhh.com.tw/cases/detail/10673/"
+            }
+        ]
+    },
+    {
+        "id": 26,
+        "WorkName": "將作空間設計",
+        "DesignerName": "張成一",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/79.jpg?v12",
+        "WorkLoc": "北區,宜蘭花東",
+        "WorkType": "老屋翻新,實品/樣品屋,預售屋客變,格局動線之重整規劃(不受制式格局之拘限)及從建築至室內空間之ㄧ氣呵成。注重結構安全。",
+        "WorkStyle": "現代簡約,鄉村風,古典風,休閒風,美式風,低調奢華,新古典,日式禪風,中國風,混搭風",
+        "WorkBudget": "不限",
+        "WorkSize": "不限",
+        "WorkSoho": "接受局部裝修工程 / 接受設計委託",
+        "DesignIdea1": "老屋翻新 實品/樣品屋 預售屋客變 格局動線之重整規劃(不受制式格局之拘限)及從建築至室內空間之ㄧ氣呵成。注重結構安全。",
+        "DesignIdea2": "",
+        "DesignIdea4": "",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "",
+        "Telephone": "02-2511-6976",
+        "Address": "台北市中山區長春路40號11樓之3",
+        "Fax": "02-2581-6340",
+        "Email": "ci.chang212@gmail.com",
+        "Web": "http://www.jiang-tzuo.tw/",
+        "Facebook": "https://bit.ly/3iCsZZg",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer207_22_01.jpg",
+                "text": "Relax! 沉浮山林間",
+                "workSrc":"https://hhh.com.tw/cases/detail/8240/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer207_01_01.jpg",
+                "text": "LOFT概念打造鄉村綠意小豪宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/495/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer207_28_05.jpg",
+                "text": "散漫.家的美好",
+                "workSrc":"https://hhh.com.tw/cases/detail/9906/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer207_29_02.jpg",
+                "text": "迴廊屋.其樂融融",
+                "workSrc":"https://hhh.com.tw/cases/detail/9995/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer207_27_01.jpg",
+                "text": "自然美景引入室 演繹休閒河畔宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/9849/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer207_23_04.jpg",
+                "text": "Feel free! 小屋一室主義",
+                "workSrc":"https://hhh.com.tw/cases/detail/8255/"
+            }
+        ]
+    },
+    {
+        "id": 27,
+        "WorkName": "陶璽空間設計事務所",
+        "DesignerName": "林欣璇",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/131.jpg?v12",
+        "WorkLoc": "北區,中區",
+        "WorkType": "住宅空間、舊屋翻修、別墅空間、商業空間、辦公空間",
+        "WorkStyle": "北歐風、鄉村風、新古典、混搭風、都會時尚",
+        "WorkBudget": "200萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程/接受設計委託",
+        "DesignIdea1": "強調人文意念的創新,以特有的細膩思維,貼心考量每個業主的需求與個性,勇於突破與挑戰,讓居住者在舒適的氣氛中、開揚順暢的動線安排之下鋪陳出獨一無二的美感住宅。空間美感的掌握、工程品質的要求及專案管理的組織是陶璽設計對設計與工程的執著。",
+        "DesignIdea2": "",
+        "DesignIdea4": "",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#12863",
+        "Telephone": "02-2511-7200",
+        "Address": "台北市中山區松江路160巷14-1號1樓",
+        "Fax": "02-2511-7221",
+        "Email": "irene_lin2001@hotmail.com",
+        "Web": "http://www.taoxi.com.tw",
+        "Facebook": "https://www.facebook.com/taoxi.taoxi?ref=br_rs",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11324_20190614143505.jpg",
+                "text": "老屋改頭換面 化身有氧工業宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/11324/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11283_20190530204001.jpg",
+                "text": "恬靜書香質韻 構築美式質感宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/11283/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer274_31_03.jpg",
+                "text": "個性質感 混搭美式風",
+                "workSrc":"https://hhh.com.tw/cases/detail/10835/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer274_30_06.jpg",
+                "text": "美式精品公寓,翻版好萊塢風格家居",
+                "workSrc":"https://hhh.com.tw/cases/detail/10463/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer274_29_03.jpg",
+                "text": "延攬101千萬美景的 美式混搭日光宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/10223/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer274_28_02.jpg",
+                "text": "典雅微法式 迎來巴黎浪漫日光宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/10214/"
+            }
+        ]
+    },
+    {
+        "id": 28,
+        "WorkName": "上築空間設計",
+        "DesignerName": "魏子涵",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/594.jpg?v12",
+        "WorkLoc": "中區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "成立於2007年的上築空間設計,以室內設計為主軸模式融入生活,認為設計是生活的綜合體,秉持著對每個個案的用心經營與專業態度,透過溝通傾聽、互信互賴,從而創造出優質生活美學。著重於空間的生命力與獨特性,藉由室內設計的畫筆呈現作品的透明性和立體空間的位移,將建築的主體延伸至形式上的呈現,善用虛擬、實體媒介連結空間。",
+        "DesignIdea2": "",
+        "DesignIdea4": "",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#22586",
+        "Telephone": "04-2299-0018",
+        "Address": "台中市北區文心路四段200號3樓之1",
+        "Fax": "02-2299-0303",
+        "Email": "sunchu0018@gmail.com",
+        "Web": "http://www.sunchu.com.tw",
+        "Facebook": "https://www.facebook.com/sunchu.com.tw/notifications/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12206_20200319180053.jpg",
+                "text": "不動格局雙倍收納 高CP值氣派宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/12206/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12026_20200121095132.jpg",
+                "text": "讚幸福",
+                "workSrc":"https://hhh.com.tw/cases/detail/12026/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11997_20200113114642.jpg",
+                "text": "現代氣息",
+                "workSrc":"https://hhh.com.tw/cases/detail/11997/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11987_20200108171623.jpg",
+                "text": "聆聽屋主需求 自有工班實用美宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/11987/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11839_20191120103856.jpg",
+                "text": "現代灰調",
+                "workSrc":"https://hhh.com.tw/cases/detail/11839/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11834_20191118100225.jpg",
+                "text": "國泰北歐",
+                "workSrc":"https://hhh.com.tw/cases/detail/11834/"
+            }
+        ]
+    },
+    {
+        "id": 29,
+        "WorkName": "至文室內裝修有限公司",
+        "DesignerName": "毛至文",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/672.jpg?v12",
+        "WorkLoc": "北區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓",
+        "WorkStyle": "現代風,休閒多元,新古典,混搭風,北歐風",
+        "WorkBudget": "新成屋80萬以上、老屋180萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;不接受僅設計委託",
+        "DesignIdea1": "至文經營公司的理念,就是希望每個人都能在工作之餘盡情的享受生活。",
+        "DesignIdea2": "成就一個家是每個人的夢想,",
+        "DesignIdea4": "至文非常重視每位屋主對於自己心目中【家】的想法。",
+        "DesignIdea3": "擅於將屋主的想法一起融入到規劃設計中",
+        "DesignIdea5": "並以10餘年豐富的工地經驗及新穎的設計手法,",
+        "DesignIdea6": "為每位屋主打造專屬於自己的理想城堡。",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#24236",
+        "Telephone": "02-2365-8078",
+        "Address": "台北市中正區南昌路二段70號7樓之7",
+        "Fax": "02-2365-8079",
+        "Email": "vmomov13@gmail.com",
+        "Web": "https://www.chihwen-design.com/",
+        "Facebook": "https://www.facebook.com/c.w.design13",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12204_20200319130603.jpg",
+                "text": "婉約",
+                "workSrc":"https://hhh.com.tw/cases/detail/12204/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13471_20210714143657.jpg",
+                "text": "慢漫 | 北歐風 | 15坪",
+                "workSrc":"https://hhh.com.tw/cases/detail/13471/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer708_23_02.jpg",
+                "text": "翻轉幾何|北歐風|38坪",
+                "workSrc":"https://hhh.com.tw/cases/detail/13348/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer708_22_05.jpg",
+                "text": "閑。逸趣|北歐風、簡約風|40坪|3房、2廳、2衛、書房",
+                "workSrc":"https://hhh.com.tw/cases/detail/13339/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer708_21_03.jpg",
+                "text": "景序|北歐風|12坪|1房、2廳、1衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13171/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer708_20_01.jpg",
+                "text": "砌築日光|北歐風|21坪|2房、2廳、1衛",
+                "workSrc":"https://hhh.com.tw/cases/detail/13162/"
+            }
+        ]
+    },
+    {
+        "id": 30,
+        "WorkName": "禾禾設計",
+        "DesignerName": "張禾溥、舒皓",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/680.jpg?v12",
+        "WorkLoc": "北區,海外地區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,商業空間,挑高樓層",
+        "WorkStyle": "現代風,古典風,新古典,東方風,混搭風,北歐風,電影場景風格",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "禾禾具有獨樹一格的溫雅質感,善以設計加乘空間,藉由悉心溝通而了解業主需求與品味,轉化具個性且舒適的設計美學,完美詮釋主人專屬的生活態度。",
+        "DesignIdea2": "",
+        "DesignIdea4": "",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#24425",
+        "Telephone": "2-2518-5208",
+        "Address": "台北市中山區長安東路二段77號2樓",
+        "Fax": "02-2518-5838",
+        "Email": "idleading@gmail.com",
+        "Web": "http://bit.ly/2UlJrm6",
+        "Facebook": "https://www.facebook.com/hhopedesign",
+        "workimg": [
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12830_20201202112104.jpg",
+                "text": "30年老宅蛻變 五口之家的幸福藍圖",
+                "workSrc":"https://hhh.com.tw/cases/detail/12830/"
+            },
+            {
+                "img": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12825_20201130095314.jpg",
+                "text": "著迷 9 坪飯店風 摩登詩意單身宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/12825/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12710_20201008142236.jpg",
+                "text": "25坪甫白壹處 一展日式無印風",
+                "workSrc":"https://hhh.com.tw/cases/detail/12710/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12707_20201007144217.jpg",
+                "text": "25坪狹長老屋翻新 復古溫柔日光宅",
+                "workSrc":"https://hhh.com.tw/cases/detail/12707/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12589_20200814112800.jpg",
+                "text": "中西合併優雅 綻放氣質品味居所",
+                "workSrc":"https://hhh.com.tw/cases/detail/12589/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_12446_20200610102351.jpg",
+                "text": "40坪黑灰白現代風 佐日光翩翩起舞",
+                "workSrc":"https://hhh.com.tw/cases/detail/12446/"
+            }
+        ]
+    },
+    {
+        "id": 31,
+        "WorkName": "知域設計×一己空間制作",
+        "DesignerName": "劉啟全、陳韻如、方人凱",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/500.jpg?v12",
+        "WorkLoc": "北區、桃園、新竹",
+        "WorkType": "小坪數,標準格局,大坪數,透天別墅,樓中樓,商業空間,挑高樓層,老屋翻新",
+        "WorkStyle": "現代風,休閒多元,美式風,混搭風,北歐風,工業風",
+        "WorkBudget": "100萬元以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修/不接受設計委託",
+        "DesignIdea1": "家,是聚合家人的生活與重心,是帶著暖度的。過度的裝修面材會讓家產生距離,以簡單的裝修帶入家飾配置,利用軟件、色彩與材質的搭配,保留專屬於家的特性與元素,不需太多的贅飾、不做過度的裝修,忠於我們的設計的精神(Spiriting of Design),創造每個屬於客戶個性的舒適宅,讓每個家融合獨有的設計品味及生活記憶。",
+        "DesignIdea2": "",
+        "DesignIdea4": "",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#20612",
+        "Telephone": "02-2552-0208",
+        "Address": "台北市大同區雙連街53巷27號1樓,桃園市桃園區文中三路62號",
+        "Fax": "02-2552-0209",
+        "Email": "norwe.service@gmail.com",
+        "Web": "https://nwdesign.pixnet.net/blog",
+        "Facebook": "https://www.facebook.com/ruk9585t/",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer546_73_04.jpg",
+                "text": "U museum|北歐風",
+                "workSrc":"https://hhh.com.tw/cases/detail/13069/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer546_72_04.jpg",
+                "text": "北歐風|曦",
+                "workSrc":"https://hhh.com.tw/cases/detail/13057/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer546_71_03.jpg",
+                "text": "北歐風│Lady Grey",
+                "workSrc":"https://hhh.com.tw/cases/detail/13003/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer546_70_03.jpg",
+                "text": "YOLO",
+                "workSrc":"https://hhh.com.tw/cases/detail/12986/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer546_69_05.jpg",
+                "text": "云云",
+                "workSrc":"https://hhh.com.tw/cases/detail/12978/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer546_68_05.jpg",
+                "text": "曼哈頓",
+                "workSrc":"https://hhh.com.tw/cases/detail/12968/"
+            }
+        ]
+    },
+    {
+        "id": 32,
+        "WorkName": "采品室內設計",
+        "DesignerName": "盧慧珊&采品設計團隊",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/418.jpg?v12",
+        "WorkLoc": "北區,桃園以北,南區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,實品/樣品屋,商業空間,挑高樓層",
+        "WorkStyle": "現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "設計團隊共同參與發想過程,從創意出發,經過討論統整成整體概念,同時讓設計師有所發揮,每個個案執行成果,不但公司認同,也讓業主開心,服務是我們的熱誠,品質是我們的保證,完成每位業主的需求,是采品的設計理念。",
+        "DesignIdea2": "",
+        "DesignIdea4": "",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#18890",
+        "Telephone": "03-218-4282,07-347-0078",
+        "Address": "桃園市桃園區正光一街52號,高雄市左營區文育路199號1樓",
+        "Fax": "",
+        "Email": "cp2184282@gmail.com",
+        "Web": "",
+        "Facebook": "https://www.facebook.com/Caipin.Desinger?ref=hl",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11457_20190805180033.jpg",
+                "text": "俐落簡約異材質 交織現代風格語彙",
+                "workSrc":"https://hhh.com.tw/cases/detail/11457/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11114_20190421180447.jpg",
+                "text": "生活即美學 構築23坪敞心居",
+                "workSrc":"https://hhh.com.tw/cases/detail/11114/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer465_21_05.jpg",
+                "text": "高難度車頭型老屋 整頓全新風貌",
+                "workSrc":"https://hhh.com.tw/cases/detail/10617/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer465_20_01.jpg",
+                "text": "多元風格整合 我家就是要不一樣",
+                "workSrc":"https://hhh.com.tw/cases/detail/10496/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer465_19_04.jpg",
+                "text": "沉穩木質灰調 都市人的夢想家居",
+                "workSrc":"https://hhh.com.tw/cases/detail/10254/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer465_18_02.jpg",
+                "text": "洞石質美,形塑雋永風格",
+                "workSrc":"https://hhh.com.tw/cases/detail/10210/"
+            }
+        ]
+    },
+    {
+        "id": 33,
+        "WorkName": "元均制作",
+        "DesignerName": "馬愷君 Maggie",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/364.jpg?v12",
+        "WorkLoc": "北區,中區,南區,宜蘭花東,海外地區",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,樓中樓,商業空間,挑高樓層",
+        "WorkStyle": "現代風,奢華風,新古典,日式禪風,混搭風,北歐風",
+        "WorkBudget": "150萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "不接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "從山川、海洋、草原、森林、建築當中解譯,將這些自然符碼融入五感當中,保持空間的鮮活感與自由度,豐富生活的厚度與廣度。",
+        "DesignIdea2": "以「人」為主的風格主張當中,透過創意的串連、融合,形成空間主題,適時地成為安定生活的軸心,想見自然樸實蕪華,透過不同的形意、狀態,和緩而諧調的成為設計堅持的理想與目的。",
+        "DesignIdea4": "",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "0809-000123#17756",
+        "Telephone": "02-8931-5508,0989-995-613,0958-582-121",
+        "Address": "台北市文山區福興路82巷4號",
+        "Fax": "02-8931-5509",
+        "Email": "liz@eunimaxdesign.com",
+        "Web": "http://www.eunimaxdesign.com",
+        "Facebook": "https://www.facebook.com/eunimaxdesignstudio",
+        "workimg": [
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer411_23_02.jpg",
+                "text": "離塵不離城 療癒山城別墅 (上)",
+                "workSrc":"https://hhh.com.tw/cases/detail/10464/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer411_24_04.jpg",
+                "text": "離塵不離城 療癒山城別墅(中)",
+                "workSrc":"https://hhh.com.tw/cases/detail/10476/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer411_25_08.jpg",
+                "text": "離塵不離城 療癒山城別墅(下)",
+                "workSrc":"https://hhh.com.tw/cases/detail/10486/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_11451_20190716115854.jpg",
+                "text": "生活觀察家 親子需求×時尚設計",
+                "workSrc":"https://hhh.com.tw/cases/detail/11451/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer411_21_01.jpg",
+                "text": "大器精品苑 沉穩柔美的女力能量(上)",
+                "workSrc":"https://hhh.com.tw/cases/detail/10189/"
+            },
+            {
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer411_22_02.jpg",
+                "text": "大器精品苑 沉穩柔美的女力能量(下)",
+                "workSrc":"https://hhh.com.tw/cases/detail/10190/"
+            }
+        ]
+    },
+    {
+        "id": 34,
+        "WorkName": "馥築時尚設計",
+        "DesignerName": "湯鎮安",
+        "Designerimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/423.jpg?v12",
+        "WorkLoc": "北區,中區,宜蘭花東",
+        "WorkType": "小坪數,標準格局,別墅,大坪數,商業空間,挑高樓層,老屋翻新",
+        "WorkStyle": "現代風,鄉村風,休閒多元,奢華風,新古典,日式禪風,北歐風",
+        "WorkBudget": "100萬以上",
+        "WorkSize": "不限",
+        "WorkSoho": "接受局部裝修工程;接受設計委託",
+        "DesignIdea1": "空間設計不僅是創造氣氛,更為考量居住者的喜好,展現空間獨特的性格及品味,賦予生命力與表情。",
+        "DesignIdea2": "",
+        "DesignIdea4": "",
+        "DesignIdea3": "",
+        "DesignIdea5": "",
+        "DesignIdea6": "",
+        "DesignIdea7": "",
+        "DesignIdea8": "",
+        "TollFreeCall": "",
+        "Telephone": "0922-279-796,02-28162858",
+        "Address": "台北市士林區重慶北路四段248號3樓",
+        "Fax": "02-28164538",
+        "Email": "liuyang1688@gmail.com",
+        "Web": "http://www.fzudesign.com",
+        "Facebook": "https://m.facebook.com/fzudesign/",
         "workimg": [
             {
-                "img": "../img/about/sec01/sec02-1.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer471_16_01.jpg",
+                "text": "以木石療癒 沉澱身心度假居所",
+                "workSrc":"https://hhh.com.tw/cases/detail/10414/"
             },
             {
-                "img": "../img/about/sec01/sec02-2.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_9735_20190917175656.jpg",
+                "text": "小資坪數機能美 創意讓家更美好",
+                "workSrc":"https://hhh.com.tw/cases/detail/9735/"
             },
             {
-                "img": "../img/about/sec01/sec02-3.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/name_6772_20190917181640.jpg",
+                "text": "恬美悠居,共譜親子和諧樂章",
+                "workSrc":"https://hhh.com.tw/cases/detail/6772/"
             },
             {
-                "img": "../img/about/sec01/sec02-4.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer471_11_02.jpg",
+                "text": "輕美式鄉村 夢幻童話小屋",
+                "workSrc":"https://hhh.com.tw/cases/detail/9109/"
             },
             {
-                "img": "../img/about/sec01/sec02-5.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer471_09_07.jpg",
+                "text": "擘劃老屋新貌 現代輕盈的流線脈絡",
+                "workSrc":"https://hhh.com.tw/cases/detail/8158/"
             },
             {
-                "img": "../img/about/sec01/sec02-6.webp"
+                "img": "https://images.hhh.com.tw/uploads/_hcase/designer471_04_02.jpg",
+                "text": "翻轉二十年老屋 優雅時尚飯店風",
+                "workSrc":"https://hhh.com.tw/cases/detail/6729/"
             }
         ]
     }

+ 11 - 17
about/about.css

@@ -202,7 +202,7 @@ body .arrow:hover {
 }
 
 #banner #banner-container {
-  width: 85vw;
+  width: 90vw;
 }
 
 @media screen and (max-width: 767px) {
@@ -224,7 +224,7 @@ body .arrow:hover {
 }
 
 #banner #banner-container .banner-m {
-  padding-top: 80vw;
+  padding-top: 50vw;
 }
 
 @media screen and (min-width: 1025px) {
@@ -296,7 +296,7 @@ body .arrow:hover {
 
 #banner #banner-container .tab-content .condition {
   padding: 24px;
-  font-size: 13px;
+  font-size: 14px;
   padding-bottom: 10vw;
 }
 
@@ -308,7 +308,7 @@ body .arrow:hover {
 
 #banner #banner-container .tab-content .idea {
   padding: 24px;
-  font-size: 12px;
+  font-size: 14px;
   padding-bottom: 10vw;
   background-size: contain;
   background-repeat: no-repeat;
@@ -318,10 +318,11 @@ body .arrow:hover {
 #banner #banner-container .tab-content .contact {
   padding-bottom: 10vw;
   padding: 24px;
-  font-size: 13px;
+  font-size: 12px;
   background-size: contain;
   background-repeat: no-repeat;
   background-blend-mode: overlay;
+  word-break: break-all;
 }
 
 #banner #banner-container .tab-content .contact a {
@@ -336,7 +337,6 @@ body .arrow:hover {
 }
 
 #banner #banner-container .tab-content .sec02 .col-lg-4,
-#banner #banner-container .tab-content .sec03 .col-lg-4,
 #banner #banner-container .tab-content .sec04 .col-lg-4 {
   position: relative;
   background: #80ab29;
@@ -346,8 +346,6 @@ body .arrow:hover {
 }
 
 #banner #banner-container .tab-content .sec02 .col-lg-4 .sec02-p-m, #banner #banner-container .tab-content .sec02 .col-lg-4 .sec03-p-m,
-#banner #banner-container .tab-content .sec03 .col-lg-4 .sec02-p-m,
-#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-p-m,
 #banner #banner-container .tab-content .sec04 .col-lg-4 .sec02-p-m,
 #banner #banner-container .tab-content .sec04 .col-lg-4 .sec03-p-m {
   color: #fff;
@@ -361,8 +359,6 @@ body .arrow:hover {
 
 @media screen and (min-width: 1025px) {
   #banner #banner-container .tab-content .sec02 .col-lg-4 .sec02-p-m, #banner #banner-container .tab-content .sec02 .col-lg-4 .sec03-p-m,
-  #banner #banner-container .tab-content .sec03 .col-lg-4 .sec02-p-m,
-  #banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-p-m,
   #banner #banner-container .tab-content .sec04 .col-lg-4 .sec02-p-m,
   #banner #banner-container .tab-content .sec04 .col-lg-4 .sec03-p-m {
     position: absolute;
@@ -375,32 +371,28 @@ body .arrow:hover {
 
 @media screen and (min-width: 1025px) {
   #banner #banner-container .tab-content .sec02 .col-lg-4 .sec03-p-m,
-  #banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-p-m,
   #banner #banner-container .tab-content .sec04 .col-lg-4 .sec03-p-m {
     position: absolute;
     top: 50px;
     left: 10px;
+    background-size: contain;
     opacity: 0;
   }
 }
 
 #banner #banner-container .tab-content .sec02 .col-lg-4:hover .sec02-p-m, #banner #banner-container .tab-content .sec02 .col-lg-4:hover .sec03-p-m,
-#banner #banner-container .tab-content .sec03 .col-lg-4:hover .sec02-p-m,
-#banner #banner-container .tab-content .sec03 .col-lg-4:hover .sec03-p-m,
 #banner #banner-container .tab-content .sec04 .col-lg-4:hover .sec02-p-m,
 #banner #banner-container .tab-content .sec04 .col-lg-4:hover .sec03-p-m {
   opacity: 1;
 }
 
 #banner #banner-container .tab-content .sec02 .col-lg-4:hover img,
-#banner #banner-container .tab-content .sec03 .col-lg-4:hover img,
 #banner #banner-container .tab-content .sec04 .col-lg-4:hover img {
   opacity: 0.2;
 }
 
 @media screen and (max-width: 767px) {
   #banner #banner-container .tab-content .sec02 .col-lg-4:hover img,
-  #banner #banner-container .tab-content .sec03 .col-lg-4:hover img,
   #banner #banner-container .tab-content .sec04 .col-lg-4:hover img {
     opacity: 1;
   }
@@ -408,15 +400,17 @@ body .arrow:hover {
 
 @media screen and (max-width: 767px) {
   #banner #banner-container .tab-content .sec02 .col-lg-4,
-  #banner #banner-container .tab-content .sec03 .col-lg-4,
   #banner #banner-container .tab-content .sec04 .col-lg-4 {
     background: none;
   }
 }
 
 #banner #banner-container .tab-content .sec02 .col-lg-4 img,
-#banner #banner-container .tab-content .sec03 .col-lg-4 img,
 #banner #banner-container .tab-content .sec04 .col-lg-4 img {
+  -o-object-fit: cover;
+     object-fit: cover;
+  width: 432px !important;
+  height: 280px !important;
   opacity: 1;
   -webkit-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;

ファイルの差分が大きいため隠しています
+ 0 - 0
about/about.css.map


+ 12 - 7
about/about.scss

@@ -165,7 +165,7 @@ body {
         background-repeat: no-repeat;
     }
     #banner-container {
-        width: 85vw;
+        width: 90vw;
         @media screen and(max-width:$moblie) {
             width: 95vw;
         }
@@ -183,7 +183,7 @@ body {
         }
 
         .banner-m {
-            padding-top: 80vw;
+            padding-top: 50vw;
             @media screen and(min-width:$desktop) {
                 display: none;
             }
@@ -230,6 +230,7 @@ body {
                     //     opacity: 1;
                     // }
                     .after-nav{
+                       
                         opacity: 1;
                     }
                     &:focus:after
@@ -246,7 +247,7 @@ body {
             // 公司簡介
             .condition {
                 padding: 24px;
-                font-size: 13px;
+                font-size: 14px;
                 padding-bottom: 10vw;
                 @media screen and(max-width:$moblie) {
                     padding: 18px;
@@ -254,7 +255,7 @@ body {
             }
             .idea {
                 padding: 24px;
-                font-size: 12px;
+                font-size: 14px;
                 padding-bottom: 10vw;
                 background-size: contain;
                 background-repeat: no-repeat;
@@ -263,10 +264,11 @@ body {
             .contact {
                 padding-bottom: 10vw;
                 padding: 24px;
-                font-size: 13px;
+                font-size: 12px;
                 background-size: contain;
                 background-repeat: no-repeat;
                 background-blend-mode: overlay;
+                word-break: break-all;
                 a{
                     text-decoration: none;
                     color:#fff;
@@ -277,7 +279,7 @@ body {
             }
             // 個案賞析
             .sec02,
-            .sec03,
+          
             .sec04 {
                 
                 .col-lg-4 {
@@ -305,7 +307,7 @@ body {
                             position: absolute;
                             top:50px;
                             left:10px;
-                           
+                           background-size: contain;
                            opacity: 0;
                         }
                     }          
@@ -325,6 +327,9 @@ body {
                     }
                    
                     img {
+                        object-fit: cover;
+                        width: 432px !important;
+                        height: 280px !important;
                         opacity: 1;
                         transition: 0.3s ease-in-out;
                        

+ 101 - 87
about/goto2.js

@@ -1,37 +1,37 @@
-function get_id(){
-    var id =getParameterByName('id');
-    console.log(id);
-   
-}
-
 function getParameterByName(name, url = window.location.href) {
     name = name.replace(/[\[\]]/g, '\\$&');
     var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
-     results = regex.exec(url);
+        results = regex.exec(url);
     if (!results) return null;
     if (!results[2]) return '';
     return decodeURIComponent(results[2].replace(/\+/g, ' '));
-   }
+}
 $(document).ready(function () {
-    function get_data(i=0) {
-      $.ajax({
-        method: "GET",
-        url: "../about.json",
-        dataType: "json",
-  
-      })
-        .done(function (msg) {
-          var aboutContent = '';
-          var aboutInt = '';
-          var aboutImg = '';
-          var aboutViedeo = '';
-          console.log(msg[i]);
-  
-          // var res = msg.length;
-          // console.log(res);
-          // const limit = res;
-          // 公司簡介
-          aboutContent += ' \
+    var id = getParameterByName('id');
+    console.log(id);
+
+    function get_data() {
+        $.ajax({
+            method: "GET",
+            url: "../about.json",
+            dataType: "json",
+
+        })
+            .done(function (msg) {
+                for (var i = 0; i < msg.length; i++) {
+                    if (msg[i].id == id) {
+                        var aboutContent = '';
+                        var aboutInt = '';
+                        var aboutImg = '';
+                        var aboutViedeo = '';
+                        aboutIntPhone='';
+                        console.log(msg[i]);
+
+                        // var res = msg.length;
+                        // console.log(res);
+                        // const limit = res;
+                        // 公司簡介
+                        aboutContent += ' \
                 <div class="row px-0 mx-0">\
                     <div class="condition col-12 col-lg-4 bg-white">\
                         <h1 class="fs-3">接案條件 condition</h1>\
@@ -76,43 +76,43 @@ $(document).ready(function () {
                             </tbody >\
                         </table >\
                     </div >\
-                    <div style="background: url(../img/about/sec01/idea.webp);"\
+                    <div style="background: url(../img/about/sec01/idea.webp);  background-size: cover; background-repeat: no-repeat;"\
                         class="idea col-12 col-lg-4 text-white">\
                         <h1 class="fs-3">設計理念 idea</h1>\
                         <table class="table table-borderless text-white">\
-                            <tbody>\
-                                <tr>\
-                                    <td>\
-                                        '+ msg[i].DesignIdea1 + '\
-                                    </td>\
-                                </tr>\
-                                <tr>\
-                                    <td>\
-                                        '+ msg[i].DesignIdea2 + '\
-                                    </td>\
-                                </tr>\
-                                <tr>\
-                                    <td>\
-                                        <p class="mb-2">|擁有工程團隊|</p>\
-                                        '+ msg[i].DesignTeam + '\
-                                    </td>\
-                                </tr>\
-                                <tr>\
-                                    <td>\
-                                        <p class="mb-2">|設計師個人特質|</p>\
-                                        '+ msg[i].DesignerFeature + '\
-                                    </td>\
-                                </tr>\
-                                <tr>\
-                                    <td>\
-                                        <p class="mb-2">|設計與工程融合| </p>\
-                                        '+ msg[i].DesignerEngineering + '\
-                                    </td>\
-                                </tr>\
-                            </tbody>\
-                        </table>\
+                        <tbody>\
+                            <tr>\
+                                <td>\
+                                    '+ msg[i].DesignIdea1 + '\
+                                </td>\
+                            </tr>\
+                            <tr>\
+                                <td>\
+                                    '+ msg[i].DesignIdea2 + '\
+                                </td>\
+                            </tr>\
+                            <tr>\
+                                <td>\
+                                    <p class="mb-2">'+ msg[i].DesignIdea3 + '</p>\
+                                    '+ msg[i].DesignIdea4 + '\
+                                </td>\
+                            </tr>\
+                            <tr>\
+                                <td>\
+                                    <p class="mb-2">'+ msg[i].DesignIdea5 + '</p>\
+                                    '+ msg[i].DesignIdea6 + '\
+                                </td>\
+                            </tr>\
+                            <tr>\
+                                <td>\
+                                    <p class="mb-2">'+ msg[i].DesignIdea7 + ' </p>\
+                                    '+ msg[i].DesignIdea8 + '\
+                                </td>\
+                            </tr>\
+                        </tbody>\
+                    </table>\
                     </div>\
-                    <div style="background: url(../img/about/sec01/contact.webp);"\
+                    <div style="background: url(../img/about/sec01/contact.webp);  background-size: cover;  background-repeat: no-repeat;"\
                         class="contact col-12 col-lg-4 text-white">\
                         <h1 class="fs-3">聯絡設計師 contact</h1>\
                         <table class="table text-white">\
@@ -156,8 +156,8 @@ $(document).ready(function () {
                         </table>\
                     </div>\
                 </div >';
-  
-          aboutInt += ' \
+
+                        aboutInt += ' \
                         <div class="banner-des row vertical align-items-end">\
                             <div class="col-3 pe-0">\
                                 <img class="img-fluid" src="'+ msg[i].Designerimg + '" alt="">\
@@ -169,39 +169,53 @@ $(document).ready(function () {
                                         <p><span class="fs-5">'+ msg[i].DesignerName + '</span>設計師</p>\
                                     </div>\
                                     <div class="banner-2 col-4">\
-                                        <img src="../img/about/banner/title.png" alt="">\
+                                    <a href="../index.html"><img src="../img/about/banner/title.png" alt=""></a>\
                                     </div>\
                                 </div>\
                             </div> \
                         </div>';
-          console.log(msg[i].workimg.length)
-          for (var j = 0; j < msg[i].workimg.length; j++) {
-            aboutImg += ' \
+                        aboutIntPhone += ' \
+                        <div class="banner-m row vertical align-items-end px-0 mx-0">\
+                            <div class="bannerm-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">\
+                                <img class="img-fluid" src="'+ msg[i].Designerimg + '" alt="">\
+                            </div>\
+                            <div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start py-3">\
+                                <div class="banner1-1" style="font-weight: 900;">'+ msg[i].WorkName + '</div>\
+                                <p><span class="fs-5">'+ msg[i].DesignerName + '</span>設計師</p>\
+                             </div>\
+                        </div>';
+                        console.log(msg[i].workimg.length)
+                        for (var j = 0; j < msg[i].workimg.length; j++) {
+                            aboutImg += ' \
                             <div class="secimg col-lg-4 mx-0 px-0">\
                                 <img class="img-fluid" src="'+ msg[i].workimg[j].img + '" alt="">\
-                                <p class="sec02-p-m p-1 mt-1 ">一起展開我們的浪漫混搭生活|現代風|28坪</p>\
+                                <p class="sec02-p-m p-1 mt-1 ">'+ msg[i].workimg[j].text + '</p>\
                             </div>';
-  
-            aboutViedeo += ' \
+
+                            aboutViedeo += ' \
                             <div class="secimg col-lg-4 mx-0 px-0">\
-                                <img class="img-fluid" src="'+ msg[i].workimg[j].img + '" alt="">\
-                                <p class="sec03-p-m p-1 mt-1 "> 渲染一室輕快寫意!紓壓水彩畫變成真實生活場景,室內設計其實與作畫有些許相似,透過室內設計師的手筆,衍生出千變萬化的居家風貌,有些宛若鮮豔渾厚的油畫,有些猶如輕簡優雅的水...</p>\
+                            <a target="_blank" href="'+msg[i].workimg[j].videoSrc+'"><img class="img-fluid" src="'+ msg[i].workimg[j].video + '" alt=""></a>\
+                                <p class="sec03-p-m p-1 mt-1 ">'+ msg[i].workimg[j].videotext + '</p>\
                             </div>';
-          }
-          
-  
-          $('.sec03-1').html(aboutViedeo);
-          $('.sec02-1').html(aboutImg);
-          $('.banner-des-about').html(aboutInt)
-          $('.sec01').html(aboutContent);      
-      });
+                        }
+
+
+                        $('.sec03-1').html(aboutViedeo);
+                        $('.sec02-1').html(aboutImg);
+                        $('.banner-des-about').html(aboutInt);
+                        $('.sec01').html(aboutContent);
+                        $('.banner-m').html(aboutIntPhone);
+                    }
+                }
+
+            });
     }
-  
-    get_data(0);
-  
- 
-  
-  
 
-  
-  });
+    get_data();
+
+
+
+
+
+
+});

+ 2 - 11
about/index.html

@@ -79,22 +79,13 @@
                             <p><span class="fs-5">張馨</span>設計師</p> -->
                         </div>
                         <div class="banner-2 col-4">
-                            <img src="../img/about/banner/title.png" alt="">
+                            <!-- <a href="../index.html"><img src="../img/about/banner/title.png" alt=""></a> -->
                         </div>
                     </div>
                 </div>
             </div>
             <!-- 手機板 -->
-            <div class="banner-m row vertical align-items-end px-0 mx-0">
-
-                <div class="bannerm-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">
-                    <img class="img-fluid" src="../img/banner/28.png" alt="">
-                </div>
-                <div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start py-3">
-                    <div class="banner1-1" style="font-weight: 900;">張馨&瀚觀室內設計</div>
-                    <p><span class="fs-5">張馨</span>設計師</p>
-                </div>
-            </div>
+            <a style="text-decoration: none;" href="../index.html"><div class="banner-m row vertical align-items-end px-0 mx-0"></div></a>
             <ul class="nav row nav-pills mb-3 justify-content-md-center rounded-pill" id="pills-tab" role="tablist">
                 <li class="nav-item col-3 col-lg-1" role="presentation">
                     <button class="nav-item2 border-0 bg-transparent text-white" id="pills-home-tab"

+ 153 - 9
goto.js

@@ -42,26 +42,170 @@ $(".arrow").hide();
 $(window).scroll(function () {
   var y = window.scrollY;
 
-  if (y > 10) {
+  if (y > 500) {
     $(".arrow").show();
   } else {
     $(".arrow").hide();
   }
 
 });
-
+console.log(28);
 //  $('.nav-item2').click(function(){
 // $(this).toggleClass('after-nav')
 //  })
 
-$('#28').click(function () { console.log(28);
-  window.location.href =`./about/index.html?id=${msg[0].id}`;
+$(document).ready(function () {
+
+  $.ajax({
+      method: "GET",
+      url: "homepageimg.json",
+      dataType: "json",
+  })
+
+      .done(function (msg) {
+          var sec01Content = '';
+          console.log(msg);
+          var res = msg.length;
+          console.log(res);
+          const limit = res;
+          for (var i = 0; i < limit; i++) {
+              var numb = i + 1;
+              sec01Content += ' \
+              <div class="secimg col-4  col-lg-2 mx-0 px-0"> \
+                 <img id="' + numb + '" class="img-fluid" src="'+msg[i].srcimg+'" alt="">\
+              </div>';
+
+          } 
+          // $('.sec01-designer').html(sec01Content);
+          // var test = msg[0].newstext1;
+
+          // $('#jsontest').append(test);
+      });
+
+
+
+});
+
+// 點選該設計師,導至其對應id的參數網址
+
+$('#1').click(function () { console.log(1);
+  window.location.href =`./about/index.html?id=1`;
+ });
+ $('#2').click(function () { console.log(2);
+  window.location.href =`./about/index.html?id=2`;
  });
 
-$('#89').click(function () { console.log(89);get_data(1); });
+ 
+$('#3').click(function () { console.log(3); 
+  window.location.href =`./about/index.html?id=3`;
+});
+
+$('#4').click(function () { console.log(4);
+  window.location.href =`./about/index.html?id=4`;
+});
+
+$('#5').click(function () { console.log(5);
+  window.location.href =`./about/index.html?id=5`;
+});
+$('#6').click(function () { console.log(6);
+  window.location.href =`./about/index.html?id=6`;
+});
+
+$('#7').click(function () { console.log(7);
+  window.location.href =`./about/index.html?id=7`;
+});
+
+$('#8').click(function () { console.log(8);
+  window.location.href =`./about/index.html?id=8`;
+});
+
+$('#9').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=9`;
+});
+
+$('#10').click(function () { console.log(10);
+  window.location.href =`./about/index.html?id=10`;
+});
+
+$('#11').click(function () { console.log(11);
+  window.location.href =`./about/index.html?id=11`;
+});
+$('#12').click(function () { console.log(12);
+  window.location.href =`./about/index.html?id=12`;
+});
+
+$('#13').click(function () { console.log(13);
+  window.location.href =`./about/index.html?id=13`;
+});
+
+$('#14').click(function () { console.log(14);
+  window.location.href =`./about/index.html?id=14`;
+});
+
+$('#15').click(function () { console.log(15);
+  window.location.href =`./about/index.html?id=15`;
+});
+
+$('#16').click(function () { console.log(16);
+  window.location.href =`./about/index.html?id=16`;
+});
+
+$('#17').click(function () { console.log(17);
+  window.location.href =`./about/index.html?id=17`;
+});
+$('#18').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=18`;
+});
+$('#19').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=19`;
+});
+$('#20').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=20`;
+});
+$('#21').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=21`;
+});
+$('#22').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=22`;
+});
+$('#23').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=23`;
+});
+$('#24').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=24`;
+});
+$('#25').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=25`;
+});
+$('#26').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=26`;
+});
+$('#27').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=27`;
+});
+$('#28').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=28`;
+});
+$('#29').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=29`;
+});
+$('#30').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=30`;
+});
+$('#30').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=30`;
+});
+$('#31').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=31`;
+});
+$('#32').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=32`;
+});
+$('#33').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=33`;
+});
+$('#34').click(function () { console.log(9);
+  window.location.href =`./about/index.html?id=34`;
+});
 
-$('#88').click(function () { console.log(88); get_data(2);});
 
-$('#85').click(function () { console.log(85); get_data(3);});
-$('#87').click(function () { console.log(87); get_data(4);});
-$('#84').click(function () { console.log(84); get_data(5);});

+ 23 - 0
homepageimg.json

@@ -0,0 +1,23 @@
+[
+ 
+    {
+        "srcimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/28.jpg?v12"
+    },
+    {
+        "srcimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/465.jpg?v12"
+    },
+    {
+        "srcimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/33.jpg?v12"
+    },
+    {
+        "srcimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/688.jpg?v12"
+    },
+    {
+        "srcimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/278.jpg?v12"
+    },
+    {
+        "srcimg": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/385.jpg?v12"
+    }
+    
+    
+]

BIN
img/about/sec01/idea.webp


+ 47 - 6
style.css

@@ -24,11 +24,20 @@ body {
 body .arrow {
   position: fixed;
   right: 30px;
-  bottom: 30px;
+  bottom: 150px;
   width: 45px;
   height: 40px;
   z-index: 10;
-  background-color: #e06649;
+}
+
+body .arrow a {
+  margin: 30px 0px;
+}
+
+@media screen and (max-width: 767px) {
+  body .arrow .icon {
+    display: none;
+  }
 }
 
 body .arrow:hover {
@@ -269,18 +278,50 @@ body .arrow:hover {
 
 #banner #banner-container #sec01 .col-lg-2 {
   background: #80ab29;
+  position: relative;
+  -webkit-transition: 0.5s ease-in-out;
+  transition: 0.5s ease-in-out;
+}
+
+#banner #banner-container #sec01 .col-lg-2 .sec02-p-m {
+  color: #fff;
+  text-align: center;
+  font-size: 14px;
+  font-weight: 900;
+  -webkit-transition: 0.5s;
+  transition: 0.5s;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container #sec01 .col-lg-2 .sec02-p-m {
+    display: none;
+  }
 }
 
-#banner #banner-container #sec01 .col-lg-2 img {
+@media screen and (min-width: 1025px) {
+  #banner #banner-container #sec01 .col-lg-2 .sec02-p-m {
+    position: absolute;
+    top: 90px;
+    left: 40px;
+    font-size: 16px;
+    opacity: 0;
+  }
+}
+
+#banner #banner-container #sec01 .col-lg-2:hover .sec02-p-m, #banner #banner-container #sec01 .col-lg-2:hover .sec03-p-m {
   opacity: 1;
-  -webkit-transition: 0.3s ease-in-out;
-  transition: 0.3s ease-in-out;
 }
 
-#banner #banner-container #sec01 .col-lg-2 img:hover {
+#banner #banner-container #sec01 .col-lg-2:hover img {
   opacity: 0.2;
 }
 
+@media screen and (max-width: 767px) {
+  #banner #banner-container #sec01 .col-lg-2:hover img {
+    opacity: 1;
+  }
+}
+
 #footer {
   background: #363636;
   text-align: center;

ファイルの差分が大きいため隠しています
+ 0 - 0
style.css.map


+ 39 - 6
style.scss

@@ -24,11 +24,20 @@ body {
     .arrow {
         position: fixed;
         right: 30px;
-        bottom: 30px;
+        bottom: 150px;
         width: 45px;
         height: 40px;
         z-index: 10;
-        background-color: #e06649;
+        a{
+            margin: 30px 0px;
+        }
+        .icon{
+           
+            @media screen and(max-width:$moblie) {
+                display: none;
+                
+            }
+        }
         &:hover {
             box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
         }
@@ -217,11 +226,35 @@ body {
             }
             .col-lg-2 {
                 background: rgb(128, 171, 41);
-                img {
-                    opacity: 1;
-                    transition: 0.3s ease-in-out;
-                    &:hover {
+                position: relative;
+                transition: 0.5s ease-in-out;
+                .sec02-p-m{
+                    color:#fff;
+                    text-align: center;
+                    font-size: 14px;
+                   font-weight: 900;
+                   transition: 0.5s;
+                   @media screen and(max-width:$moblie) {
+                    display: none;
+                }
+                    @media screen and(min-width:$desktop) {
+                        position: absolute;
+                        top: 90px;
+                        left:40px;
+                        font-size: 16px;
+                       opacity: 0;
+                    }
+                }
+                &:hover{
+                    
+                    .sec02-p-m,.sec03-p-m{
+                        opacity: 1;
+                    }
+                    img{
                         opacity: 0.2;
+                        @media screen and(max-width:$moblie) {
+                            opacity: 1;
+                        }
                     }
                 }
             }

この差分においてかなりの量のファイルが変更されているため、一部のファイルを表示していません