滿意度調查-主視覺

滿意度抽獎_形象

滿意度調查-活動辦法

滿意度調查-滿意度抽獎獎品

滿意度調查-中獎名單

信義居家服務滿意度調查

<div>
<style type="text/css">.wrapper {
    margin: 0 auto;
    width: 100%;
  }


  /* Display/Small (48) */
  .display-small{
    font-family: "Noto Sans TC", "Rounded Mplus 1c", "Microsoft JhengHei", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 67.2px */
  }

   /* headline/medium (28) */
   .headline-medium{
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%; /* 37.8px */
    letter-spacing: 0.56px;
 }

  /* Title/Large (20) */
  .title-large{
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

    /* Title/Small (16) */
    .title-small{
    font-size: 16px;
    font-style: normal;
    line-height: normal;
  }


.inm-title-gradient{
    background: linear-gradient(90deg, #93C653 16.35%, #73DDCA 85.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


@media screen and (min-width:1180px){

.inm-margin{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-bottom: 32px;
}

.inm-bg{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: #E2F8B9 url("https://backend-public.livinglife.com.tw/1782275815107-cc95934b-693e-4e11-88e7-c19ada16cba8.webp") center / cover no-repeat;
}

.inm-container{
    box-sizing: border-box;
    position: relative;
    display: flex;
    max-width: 1440px;
    padding: 0px 64px;
    justify-content: space-between;
    align-items: center;
}

.inm-info-container{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 64px;
  gap: 6px;
}

.inm-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
}

.inm-comma{
    display: none;

}

.inm-detail{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 4px;
}

.inm-detail-text{
    display: flex;
    align-items: center;
    align-self: stretch; 
}


.inm-key-visual{
    width: 700px;
    height: 400px;
    content: url("https://backend-public.livinglife.com.tw/1782275827510-afe119fd-e9d3-439c-94aa-0907403d741e.png");
}
}

@media screen and (max-width:1179px){


.headline-medium {
    font-size: 28px; /* 縮小字型以適應小螢幕 */
    line-height: 100%; /* 調整行高 */
    letter-spacing: 0.48px;
    white-space: nowrap; /* 防止文字換行 */
    overflow: visible; /* 確保文字不被截斷 */
}


.inm-margin{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding-bottom: 32px;
}

.inm-bg{
    display: flex;
    align-items: center;
    align-self: stretch;
    background: #E2F8B9 url("https://backend-public.livinglife.com.tw/1782275821436-5df7ddd7-27bb-4613-aaac-743fd540bf2f.webp") center bottom / cover no-repeat;
}

.inm-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
}

.inm-info-container{
    display: flex;
    padding: 72px 24px 0px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}

.inm-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

/* 移除 <br> 的換行效果 */
.headline-medium br {
    display: none; /* 隱藏 <br> 標籤 */
}


.inm-comma{
    display: inline; /* 確保逗號與文字同列 */
}

.inm-detail{
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}


.inm-key-visual{
    width: 86%;      /* 填滿寬度 */
    height: auto;     /* 高度等比例縮放 */
    display: block;   /* 移除底下空白間隙（inline element 特性） */
    content: url("https://backend-public.livinglife.com.tw/1782275833530-0991e6b0-c2d8-4373-a12b-d27a4ad3e90b.png");
    justify-self: center;
    }
}


@media screen and (max-width:576px){

.headline-medium {
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0.4px;
    white-space: normal; /* 允許自動換行 */
    overflow: visible;
    margin: 0; /* 移除可能影響對齊的外距 */
}



.inm-margin{
    display: flex;
    padding-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.inm-bg{
    display: flex;
    align-items: center;
    align-self: stretch;
    background: #E2F8B9 url("https://backend-public.livinglife.com.tw/1782275821436-5df7ddd7-27bb-4613-aaac-743fd540bf2f.webp") center bottom / cover no-repeat;
}

.inm-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.inm-info-container{
    display: flex;
    padding: 72px 24px 0px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}

.inm-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.headline-medium br {
    display: block; /* 恢復 <br> 換行效果 */
}


.inm-comma{
    display: none;

}

.inm-detail{
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    justify-self: flex-start; /* 改為左對齊 */
}


.inm-key-visual{
    width: 100%;      /* 填滿寬度 */
    height: auto;     /* 高度等比例縮放 */
    display: block;   /* 移除底下空白間隙（inline element 特性） */
    content: url("https://backend-public.livinglife.com.tw/1782275833530-0991e6b0-c2d8-4373-a12b-d27a4ad3e90b.png");
      }
}
</style>
</div>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700&amp;display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700&amp;display=swap" rel="stylesheet" />
<div class="wrapper" id="image-new-member" style="width: 200%; max-width: 100vw; position: relative; left: 50%; transform: translateX(-50%);">
<div class="inm-margin">
<div class="inm-bg">
<div class="inm-container">
<div class="inm-info-container">
<div class="inm-title">
<div class="title-large" style="color: #97C440;">信義居家</div>

<div class="display-small"><span class="inm-title-gradient">服務滿意度調查</span></div>
</div>

<div class="headline-medium" style="color: #383838;">抽獎活動</div>

<div class="headline-medium" style="color: #383838;"><span style="color: rgb(51, 51, 51); font-size: 16px;">完成服務後填寫問卷，每月抽好禮。你的回饋是信義居家服務更貼近生活的關鍵！</span></div>
</div>
<img alt="註冊送3張100元折價券，註冊禮、生日禮、APP下載禮各100元" class="inm-key-visual" /></div>
</div>
</div>
</div>


<div>
<style type="text/css">.wrapper {
            margin: 0 auto;
        }

        /* Headline/Medium (28) */
        .headline-medium {
            font-size: 28px;
            font-weight: 700;
            line-height: 135%;
            letter-spacing: 0.56px;
        }

        /* Title/Large (20) */
        .title-large {
            font-size: 20px;
            font-weight: 700;
        }

        /* Body/Large (20) */
        .body-large {
            font-size: 20px;
            font-weight: 400;
        }

        /* Body/H150% Medium (16) */
        .body-medium {
            font-size: 16px;
            font-weight: 400;
            line-height: 120%;
        }

        /* Body/H150% Medium (16) */
        .body-parabodymedium {
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            letter-spacing: 0.32px;
        }

        /* Body/H150% paraBodyXS (12) */
        .body-parabodyxs{
            font-size: 12px;
            font-weight: 400;
            line-height: 150%;
            letter-spacing: 0.2px;
        }

        .tci-margin{
            display: flex;
            width: 100%;
            flex-direction: column;
            justify-self: start;
            max-width: 1600px;
            margin: 0 auto 96px; /* 左右使用 auto，確保對稱邊距 */
            gap: 24px;
  
        }

        .tci-title{
            width: 100%;
            text-align: left;
        }

        .tci-container{
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 修正為 3 列均分 */
            column-gap: 24px;
            row-gap: 24px; /* 添加行間距，確保佈局一致 */
            align-items: stretch; /* 確保所有卡片高度一致 */
        }

        .tci-card-layout{
            position: relative; /* 相對定位，作為圖片的參考點 */
            width: 100%;
            background-color: #fff; /* 卡片整體背景 */
            border-radius: 24px; /* 圓角 */
            overflow: visible; /* 允許圖片超出 */
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* 確保內容均勻分佈 */
        }

        .tci-main-photo{
            position: absolute; /* 絕對定位 */
            top: -60px; /* 向上超出範圍 */
            left: 50%; /* 水平居中 */
            transform: translateX(-50%); /* 偏移自身寬度一半 */
            width: 180px; /* 圖片寬度 */
            height: 180px; /* 圖片高度 */
        }

        .tci-main-photo img {
            width: 100%;
            height: 100%;
            object-fit: contain; /* 確保圖片比例不變 */
        }

        .tci-main-paragraph{
            text-align: center;
            border-radius: 24px 24px 0px 0px;
            padding: 120px 24px 20px 24px;
            background-color: inherit; /* 繼承卡片背景色 */
            flex-grow: 1; /* 允許內容填充空間 */
        }

        .tci-main-button{
            padding: 24px 20px;
            gap: 8px;
            border-radius: 0 0 24px 24px;
            background-color: inherit; /* 繼承卡片背景色 */
            display: flex; /* 使用 flex 佈局 */
            justify-content: center; /* 水平置中 */
            align-items: center; /* 垂直置中 */
            text-decoration: none; /* 移除底線 */
            color: #383838;
        }

        .tci-main-button-white{
            padding: 24px 20px;
            gap: 8px;
            border-radius: 0 0 24px 24px;
            background-color: inherit; /* 繼承卡片背景色 */
            display: flex; /* 使用 flex 佈局 */
            justify-content: center; /* 水平置中 */
            align-items: center; /* 垂直置中 */
            text-decoration: none; /* 移除底線 */
            color: #ffffff;
        }


        .tci-main-button .tci-main-button-white .body-large {
            margin: 0; /* 移除預設邊距 */
            white-space: nowrap; /* 防止文字換行 */
        }

        .tci-main-button span {
            display: inline-flex; /* 保持 SVG 在同一行 */
            align-items: center;
        }

        .tci-main-button-white span {
            display: inline-flex; /* 保持 SVG 在同一行 */
            align-items: center;
        }

        .tci-lottery-event{
            display: flex;
            flex-direction: row;
            align-items: center; /* 垂直置中 */
            padding: 48px 48px;
            gap: 24px;
            background-color: #F7F7F7;
            border-radius: 24px;

        }

        .tci-le-photo{
            width: 152px;
            height: 152px;
            border-radius: 24px;
            overflow: hidden;
            max-width: 152px;
            flex-shrink: 0;
            display: flex; /* 確保圖片容器為 flex */
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中 */
        }

        .tci-le-photo img {
            width: 100%;
            height: 100%;
            object-fit: contain; /* 等比例縮放，保留完整圖片 */
        }

        .tci-le-paragraph{
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .tci-le{
            text-decoration: none;
            color: #75AA00; 
            background-color: #F7F7F7;
        }

        .tci-le-button{
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 12px 16px;
            border: 1px solid #75AA00;
            background-color: #F7F7F7; /* 增加對比度 */
            border-radius: 4px;
            white-space: nowrap; /* 防止文字換行 */
            overflow: visible; /* 確保文字不被截斷 */
            text-decoration: none;
            color: #75AA00; 

        }



        @media (max-width: 767px) {

            .tci-margin{
                display: flex;
                width: 100%;
                flex-direction: column;
                justify-self: start;
                gap: 20px;
            }

            .tci-container {
                grid-template-columns: 1fr; /* 單列顯示 */
                column-gap: 24px;
                row-gap: 44px; /* 添加行間距，確保佈局一致 */
            }

            .tci-card-layout {
                min-height: auto; /* 移除固定高度，依內容自適應 */
            }

            .tci-main-photo {
                width: 120px;
                height: 120px;
                top: -40px;
            }

            .tci-main-paragraph {
                padding-top: 80px;
            }

            .tci-lottery-event{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center; /* 垂直置中 */
                padding: 32px 24px;
                gap: 24px;
                background-color: #F7F7F7;
                border-radius: 24px;
            }

            .tci-le-paragraph{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center; /* 垂直置中 */
                gap: 8px;
            }
            
        }
</style>
</div>

<div class="wrapper" id="three-coupon-info">
<div class="tci-margin">
<div class="tci-title">
<div class="headline-medium" style="color: #383838;">填寫<span style="color: #90C85E;">信</span><span style="color: #8BCB71;">義</span><span style="color: #86CF84;">居</span><span style="color: #80D398;">家滿意度問卷</span>，每月抽好禮！</div>
</div>

<div class="body-parabodymedium" style="color: #5A5A5A;">凡服務訂單完成後，於活動期間內填寫<strong>【信義居家服務滿意度調查問卷】</strong>，即可獲得抽獎資格！從2025年10月起，每月將隨機抽出上月填寫服務滿意度調查的&nbsp;<strong data-end="131" data-start="120">3 名幸運得主</strong>，精美好禮月月不同，敬請期待！<br data-end="129" data-start="126" />
<br />
*活動期間以 <strong data-end="172" data-start="159">每 1&nbsp;個月為一區間</strong>，於隔月初進行抽獎，並於隔月中進行抽獎公布。<br />
*請於<strong>【會員資料】</strong>中正確填寫姓名、地址及 E-mail，以利中獎後能順利寄送獎品。</div>
</div>
</div>

質感大收納袋

多功能收納網籃

2瓶水垢劑＋１瓶油污劑

單段按摩花灑

電腦螢幕增高架

美容儀

消毒除蟲券$1000

消毒除蟲服務券$1000

滿意度抽獎獎品

Benson

<div>
<style type="text/css">/* Body/H150% XS (12) */
        .Body-xs {
          font-size: 12px;
          font-weight: 400;
          line-height: 150%;
          letter-spacing: 0.24px;
        }
      
        /* Body/H150% Medium (16) */
        .Body-medium {
          font-size: 16px;
          font-weight: 400;
          line-height: 150%;
          letter-spacing: 0.32px;
        }
    
        .collapse-native {
          max-width: 1472px;
          word-break: normal;
          margin-bottom: 24px;
        }
    
        .collapse-native > summary {
          background-color: #97C440;
          padding: 12px 15px;
          border-radius: 4px;
          color: #fff;
          font-size: 16px;
          line-height: 19px;
        }
    
        .collapse-native > .content-box {
          border: 1px solid #C3DB92;
          border-radius: 4px;
          padding: 15px;
          color: #4A4A4A;
          margin-top: 12px;
          font-size: 16px;
          line-height: 150%;
        }
    
        .collapse-des {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          align-self: stretch;
        }
      
        .collapse-des-inline {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          align-self: stretch;
        }
</style>
</div>

<details class="collapse-native" open=""><summary>中獎名單</summary>

<div class="content-box">
<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">2026年滿意度中獎名單</span></span></p>


<ul>
	<li style="list-style: none">
	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">2026年6月抽出（滿意度填寫時間：2026/5/1-5/31）</span></span></p>
	

	<ol>
		<li>陳O嵐&nbsp; 0928XXX488&nbsp; 訂單編號：0505T</li>
		<li>謝O樺&nbsp; 0989XXX231&nbsp; 訂單編號：050HP</li>
		<li>黃O偉&nbsp;&nbsp;0988XXX393&nbsp; 訂單編號：00VP4</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">2026年5月抽出（滿意度填寫時間：2026/4/1-4/30）</span></span></p>
	

	<ol>
		<li>李O仁&nbsp; 0954XXX605&nbsp; 訂單編號：00VN1</li>
		<li>盧OO&nbsp; &nbsp;0933XXX861 訂單編號：00VQC</li>
		<li>趙OO&nbsp;&nbsp;<span style="font-size:8px;">&nbsp;</span>0938XXX463&nbsp; 訂單編號：00VP1</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">2026年4月抽出（滿意度填寫時間：2026/3/1-3/31）</span></span></p>
	

	<ol>
		<li>邱O怡&nbsp; 0933XXX274&nbsp; 訂單編號：00V7H</li>
		<li>黃O忠&nbsp; 0933XXX123&nbsp; 訂單編號：00VH1</li>
		<li>姚OO&nbsp;&nbsp;<span style="font-size:8px;">&nbsp;</span>0928XXX567&nbsp; 訂單編號：00VFX</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">2026年3月抽出（滿意度填寫時間：2026/2/1-2/28）</span></span></p>
	

	<ol>
		<li>錢O賢&nbsp; 0926XXX405&nbsp; 訂單編號：00V2C</li>
		<li>龍OO&nbsp; &nbsp;0933XXX604 訂單編號：00VH9</li>
		<li>謝O妤&nbsp;&nbsp;<span style="font-size:8px;">&nbsp;</span>0938XXX666&nbsp; 訂單編號：00VX3</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">2026年2月抽出（滿意度填寫時間：2026/1/1-1/31）</span></span></p>
	

	<ol>
		<li>盧O菱&nbsp; 0972XXX773&nbsp;&nbsp;訂單編號：00VXM</li>
		<li>田OO&nbsp; &nbsp;0912XXX416&nbsp;&nbsp;訂單編號：00VHM</li>
		<li>王O稜&nbsp; <span style="font-size:8px;">&nbsp;</span>0989XXX059&nbsp;&nbsp;訂單編號：004P1</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">2026年1月抽出（滿意度填寫時間：2025/12/1-12/31）</span></span></p>
	

	<ol>
		<li>林O婷&nbsp; 0933XXX521&nbsp;&nbsp;訂單編號：004SK</li>
		<li>紀OO&nbsp; &nbsp;0937XXX803&nbsp;&nbsp;訂單編號：0047G</li>
		<li>鍾O品&nbsp; <span style="font-size:8px;">&nbsp;</span>0910XXX235&nbsp;&nbsp;訂單編號：00VA6</li>
	</ol>
	</li>
</ul>

<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">2025年滿意度中獎名單</span></span></p>


<ul>
	<li style="list-style: none">
	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">12月抽出（滿意度填寫時間：2025/11/1-11/30）</span></span></p>
	

	<ol>
		<li>林O妮&nbsp; 0921XXX420&nbsp;&nbsp;訂單編號：004M1</li>
		<li>連O華&nbsp; 0910XXX633&nbsp;&nbsp;訂單編號：004YQ</li>
		<li>昌OO&nbsp; <span style="font-size:8px;">&nbsp;</span>0938XXX929&nbsp;&nbsp;訂單編號：004L3</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">11月抽出（滿意度填寫時間：2025/10/1-10/31）</span></span></p>
	

	<ol>
		<li>張O姐&nbsp; 0972XXX060&nbsp;&nbsp;訂單編號：004AG</li>
		<li>黃O元&nbsp; 0937XXX341&nbsp;&nbsp;訂單編號：004FF</li>
		<li>林O茹&nbsp; 0911XXX167&nbsp;&nbsp;訂單編號：0043N</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">10月抽出（滿意度填寫時間：2025/7/1-9/30）</span></span></p>
	

	<ol>
		<li>柯O玲&nbsp; 0980XXX307&nbsp;&nbsp;訂單編號：0045E&nbsp;</li>
		<li>楊O侑&nbsp; 0975XXX608&nbsp;&nbsp;訂單編號：0049F&nbsp;</li>
		<li>李O涵&nbsp; 0966XXX219&nbsp;&nbsp;訂單編號：00U4E&nbsp;</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">7月抽出（滿意度填寫時間：2025/4/1-6/30）</span></span></p>
	

	<ol>
		<li>李O慈&nbsp; 0935XXX122&nbsp;&nbsp;訂單編號：00CAY&nbsp;</li>
		<li>鈕O梅&nbsp; 0939XXX236&nbsp;&nbsp;訂單編號：0086H&nbsp;</li>
		<li>楊O其&nbsp; 0919XXX008&nbsp;&nbsp;訂單編號：0011V&nbsp;</li>
	</ol>

	<p style="margin-left:0cm; margin-right:0cm"><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">4月抽出（滿意度填寫時間：2025/1/1-3/31）</span></span></p>
	

	<ol>
		<li>朱O慈&nbsp; 0953XXX008&nbsp; 訂單編號：006XN&nbsp;</li>
		<li>曾O蓮&nbsp; 0910XXX368&nbsp;&nbsp;訂單編號：00RX1&nbsp; &nbsp;</li>
		<li>蔡O璇&nbsp; 0953XXX278&nbsp;&nbsp;訂單編號：008F8&nbsp; &nbsp;</li>
	</ol>
	</li>
</ul>
</div>
</details>

得獎名單