商品描述
<style> .content { color: #414141 !important; font-size: 20px; } .block { padding: 5rem 0; text-align: center; font-size: 20px; letter-spacing: 2px; } .block p { line-height: 180% !important; max-width: 1000px; margin: 0 auto; } .block label { margin: 0 auto; } .green { color: #006a5b !important; } .light { color: #fff8db !important; } .gradient { background: rgb(244, 249, 253); background: linear-gradient( 200deg, rgba(244, 249, 253, 1) 0%, rgba(236, 245, 251, 1) 25%, rgba(213, 229, 248, 1) 73%, rgba(172, 204, 234, 1) 100% ); } h1 { font-size: 24px; letter-spacing: 2.4px; padding: 0 0 10px 0 !important; text-align: center; font-weight: bold; } h2 { font-size: 20px !important; letter-spacing: 2px; padding: 0 !important; } .desktop-image { display: none; } @media (min-width: 768px) { .desktop-image { display: block; } .mobile-image { display: none; } } .number-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); margin: 0 auto; font-size: 30px; } .number-item { position: relative; display: flex; flex-direction: column; align-items: center; margin: 50px 30px 0 0; } @media (max-width: 768px) { .number-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); font-size: 16px; } .number-item { margin: 20px 10px 0 10px; } h1 { font-size: 20px; } h2 { font-size: 16px; } } .number-circle { background-color: #006a5b; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; border: 2px solid white; } .number-text { background-color: #006a5b; padding: 25px 10px 10px; text-align: center; width: 100%; margin-top: -20px; border-radius: 5px; } .number { font-size: 24px; } .dropTrigger { display: flex; flex-flow: row wrap; justify-content: center; min-width: 300px; position: relative; } .dropTrigger input { top: 0; opacity: 0; display: block; padding: 0; margin: 0; border: 0; position: absolute; height: 100%; width: 100%; } .dropTrigger input:hover { cursor: pointer; } .dropdownToggler { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .dropdownToggler-qa { justify-content: space-between; } .dropdown-qa { text-align: left; } .dropdown-icon { margin-left: 10px; margin-top: 10px; } /* @media (max-width: 768px) { .dropdown-icon { margin-left: 0; padding-top: 20px !important; } } */ .dropdown { position: relative; display: block; width: 100%; max-width: 1000px; height: 100%; max-height: 0px; opacity: 0; transition: all 0.5s ease; } .dropdown p { line-height: 180% !important; } @media (max-width: 768px) { .dropdown p { font-size: 14px; } } .dropTrigger input:checked ~ .dropdown { max-height: 1600px; display: block; opacity: 1; } .dropTrigger:hover { transition: all 0.2s ease; } .dropTrigger input:checked ~ div .dropdown-icon { transform: rotate(180deg); } .steps h1, .steps p { margin: 0; padding: 0; } .step { font-size: 20px; font-weight: bold; margin-top: 15px !important; padding: 10px !important; line-height: 1; border-radius: 5px; border: 1px solid #006a5b; text-align: center; } .step-number { font-size: 50px; font-weight: bold; margin: 0; padding: 0; line-height: 50px !important; letter-spacing: 5px; } .steps-container { display: flex; flex-wrap: wrap; margin: 5rem auto; align-items: stretch; /* Changed from center to stretch */ max-width: 1200px; justify-content: center; } .steps-image-column { flex: 0 0 400px; /* Changed from 1 1 300px to fixed width */ height: 100%; /* Added */ display: flex; /* Added */ align-items: center; /* Added */ justify-content: center; } .steps-content-column { flex: 1 1 600px; min-width: 600px; padding-left: 2rem; /* Added spacing between image and content */ } .steps-image-column img { width: 100%; /* Changed from width: auto */ height: 100%; /* Keep this */ object-fit: cover; /* Added to maintain aspect ratio */ } @media (max-width: 768px) { .steps-content-column { flex: 1 1 100%; min-width: 300px; margin-top: 20px; margin-bottom: 20px; padding: 5rem 0; } .steps-image-column { flex: 0 0 100%; /* Changed */ margin-right: 0; } } .steps { display: flex; } .step-number-container { width: fit-content; margin-right: 2rem; } .step-content { flex: 1; text-align: left; max-width: 680px; } .step-content p { line-height: 180% !important; } .step-content h1 { text-align: left; } @media (min-width: 768px) { } .divider-image { display: flex; justify-content: center; margin: 4rem 0; @media (max-width: 768px) { } } .feature-item { flex: 1 1 300px; text-align: center; margin: 1rem; } .feature-image { width: 100%; max-width: 400px; } @media (max-width: 768px) { .feature-image { max-width: 100%; /* Remove max-width constraint on mobile */ } .feature-item { padding: 20px; } } .image-grid { display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto; max-width: 1200px; /* Add max-width to container */ } .image-item { flex: 0 1 50%; min-width: 300px; text-align: center; padding: 0 7.5px; box-sizing: border-box; /* Include padding in width calculation */ } .image-item img { width: 100%; height: auto; } @media (max-width: 768px) { .image-item { flex: 1 1 100%; /* Take full width on mobile */ } } .dialog_box { position: relative; padding: 30px; background: #ffffff; border: 2px solid #006a5b; border-radius: 5px; margin: 20px auto; max-width: 800px; } .dialog_box:after, .dialog_box:before { border: solid transparent; content: ""; height: 0; width: 0; position: absolute; } .dialog_box:after { border-width: 15px; } .dialog_box:before { border-width: 17px; } .dialog_box.bottom:after, .dialog_box.bottom:before { right: 20px; /* Position arrow on right side */ top: 100%; } .dialog_box.bottom:after { border-color: #ffffff transparent transparent transparent; margin-right: 2px; /* Adjust for border thickness */ } .dialog_box.bottom:before { border-color: #006a5b transparent transparent transparent; } .testimonial-text { font-size: 15px; line-height: 180%; } .rating { margin-top: 10px; color: #ffbb00; } .testimonials-container { display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto; max-width: 1200px; } .dialog_box { flex: 1 1 300px; } .dialog_box-with-image { display: flex; align-items: center; } .dialog_box-image-container { width: 50%; } .dialog_box-image { width: 100%; height: auto; margin-bottom: 10px; } .dialog_box-content { width: 50%; } .qa { display: flex; flex-direction: column; width: 100%; max-width: 1200px; margin: 0 auto; padding: 5rem 0; } @media (min-width: 768px) { .qa { flex-direction: row; } .qa > div:first-child { flex: 0 0 400px; } .qa > div:last-child { flex: 1; } .space-hr { margin-bottom: 5rem; } } .scent-selector { position: relative; display: flex; flex-wrap: wrap; justify-content: center; margin: 40px 0; width: 100%; } /* Initial state - hide all content */ .scent-selector .content1, .scent-selector .content2, .scent-selector .content3 { display: none; opacity: 0; transition: all 0.5s ease; } /* Show selected content */ .scent-selector input[id="content1"]:checked ~ .contents-row .content1, .scent-selector input[id="content2"]:checked ~ .contents-row .content2, .scent-selector input[id="content3"]:checked ~ .contents-row .content3 { display: block !important; opacity: 1; } /* Style the radio buttons */ .scent-selector input[type="radio"] { -webkit-appearance: none; width: 385px; padding: 30px 10px; border: 1px solid #004d40; border-radius: 100px; cursor: pointer; position: relative; margin: 0; margin-right: 10px; } .scent-selector input[type="radio"]:before { content: "夏日消暑的水果茶"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #004d40; min-width:250px; @media (max-width: 768px) { } } .scent-selector input[type="radio"]:after { content: ""; background-image: url("https://img.shoplineapp.com/media/image_clips/67c148b268a9c70010469c99/original.png?1740720306"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; } .scent-selector input[type="radio"]:checked:after { transform: translateY(-50%) rotate(180deg); } .scent-selector input[id="content2"]:before { content: "清新淡雅的花草茶"; font-size: 24px; color: #004d40; min-width:250px; @media (max-width: 768px) { } } .scent-selector input[id="content3"]:before { content: "暖心暖胃的薑茶"; font-size: 24px; color: #004d40; min-width:250px; } @media (max-width: 768px) { .scent-selector input[type="radio"] { margin-bottom: 10px; } } .scent-selector input[type="radio"]:checked { background-color: #e8f5e9; } .contents-row { width: 100%; flex-basis: 100%; } hr { border: none; height: 1px; background-color: #85807f; } .mobile-row { display: flex; flex-direction: row; align-items: center; justify-content: space-around; max-width: 1000px; } @media (max-width: 768px) { .mobile-row { display: flex; flex-direction: column; align-items: center; justify-content: space-around; } .mobile-padding { padding: 20px 0 !important; margin: 0px !important; background-position: right center; } .mobile-space { margin-bottom: 2rem; } }</style><div class="content"> <div style="width: 100%"> <img alt="一杯茶品台灣的味道，竟然有自然甘甜卻不加糖的茶？台灣之寶「土肉桂茶」" class="desktop-image" src="https://img.shoplineapp.com/media/image_clips/6a98fc162c495b967f0bbc1a/original.png?1788410899=&owner_id=5ddcdb0b9db3cb0012a191de" style="width: 100%; height: auto"> <img alt="一杯茶品台灣的味道，竟然有自然甘甜卻不加糖的茶？台灣之寶「土肉桂茶」" class="mobile-image" src="https://img.shoplineapp.com/media/image_clips/6a98fbd14c30ef8f0b8ffa34/original.png?1788410830=&owner_id=5ddcdb0b9db3cb0012a191de" style="width: 100%; height: auto"> </div> <div class="block" style="width: 100%; background-image: url('https://img.shoplineapp.com/media/image_clips/6a9944906d15ea8c8c777c40/original.png?1788429454=&owner_id=5ddcdb0b9db3cb0012a191de'); background-size: cover; background-position: center; background-repeat: no-repeat;"> <h1 class="green"> 不是你印象中的濃烈肉桂味 </h1> <div style="text-align: center; padding: 3rem 0"> <img alt="" src="https://img.shoplineapp.com/media/image_clips/6a994149aa99e7ad2bdc280c/original.png?1788428617=&owner_id=5ddcdb0b9db3cb0012a191de" style="height: 84px"> </div> <p> 台灣土肉桂以葉片沖泡，而非一般印象中的咖啡色肉桂樹皮。</p> <p style="margin: 2rem auto; max-width: 1000px; color: #414141; padding: 0 20px;"> 沖泡後，茶湯呈現清新的肉桂香與自然甘甜，不同於一般肉桂粉或肉桂棒較濃烈辛香的印象，入口溫潤、順口回甘。 </p></div> <div style="width: 100%; margin-bottom: 5rem;"> <img alt="特色" class="desktop-image" src="https://img.shoplineapp.com/media/image_clips/6a98fbd3b36e1e8bc5e09fed/original.png?1788410831=&owner_id=5ddcdb0b9db3cb0012a191de" style="width: 100%; height: auto"> <img alt="特色" class="mobile-image" src="https://img.shoplineapp.com/media/image_clips/6a98fbd18c1589b34e51501b/original.png?1788410831=&owner_id=5ddcdb0b9db3cb0012a191de" style="width: 100%; height: auto"> </div> <div style="position: relative; padding-top: 56.25%"> <iframe src="https://www.youtube.com/embed/Rnks6aPN13o?si=SOxfQdTlA7zGYNJA" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"> </iframe> </div> <div class="block" style="width: 100%; background-image: url('https://img.shoplineapp.com/media/image_clips/67c6e69db6de2b000da0d731/original.png?1741088412'); background-size: cover; background-position: center; background-repeat: no-repeat;"> <div style="margin: 2rem auto; max-width: 1000px; color: #006a5b; text-align: left; padding: 2rem 20px 0 20px;"> <h1 style="text-align: left; margin: 0"> 嘉義的秘密之境-土肉桂茶的故鄉 </h1> <img alt="" src="https://img.shoplineapp.com/media/image_clips/67c6ebed74716a000ba10df8/original.png?1741089773" style="width: 48px; height: auto; margin: 2rem 0;"> <p> 我們的土肉桂生長在嘉義的中低海拔天然闊葉林中，輕輕搓揉土肉桂葉會散發獨特的香氣。 </p> </div> <p style="margin: 2rem auto; max-width: 1000px; color: #414141; text-align: left; padding: 0 20px;"> 經由低溫烘焙的土肉桂茶葉，用熱水沖泡後即可直接飲用，獨特的香氣與渾然天成的甜味撲鼻而來，帶有土肉桂葉的清韻與甜菊葉的回甘，喝起來層次豐富，齒頰留香。 </p> </div> <div class="block"> <h1 class="green"> 土肉桂為什麼自然甘甜？ <br> 土肉桂茶的獨特 </h1> <div style="text-align: center; padding: 3rem 0"> <img alt="" src="https://img.shoplineapp.com/media/image_clips/67c12b56b7c4b100108a4995/original.png?1740712790" style="height: 64px"> </div> <p> 土肉桂葉片中的肉桂醛甜度約為蔗糖的50倍，因此沖泡後無需加糖也自然帶有甘甜風味。茶湯呈現金黃綠色澤，清新的肉桂香氣伴隨回甘，形成土肉桂獨有的風味。</p> </div> <h1 style="margin-top: 7rem"> 小小的茶包,蘊藏國寶級成分 </h1> <div class="steps-container"> <div class="steps-image-column"> <img alt="小小的茶包,蘊藏國寶級成分" src="https://img.shoplineapp.com/media/image_clips/67d2dae68a352d00114e0cf4/original.png?1741871843"> </div> <div class="steps-content-column"> <div class="steps" style="margin-bottom: 2rem;"> <div class="step-number-container"> <p class="step-number green"> 01 </p> <p class="step green"> 台灣 <br> 國寶 </p> </div> <div class="step-content"> <h1 class="green"> 獨一無二 <br> 台灣土肉桂茶 </h1> <p>歐麗雅歷經7年研究與品種篩選，嚴選香豆素含量低（<0.2 ppm）、肉桂醛含量高的台灣土肉桂品種，無咖啡因、促進新陳代謝、幫助消化、睡前飲用也能幫助入睡。</p> </div> </div> <div class="steps" style="margin-bottom: 2rem;"> <div class="step-number-container"> <p class="step-number green"> 02 </p> </div> <div class="step-content"> <h1 class="green"> 促進代謝 <br> 明日葉 </h1> <p dir="auto">明日葉含有胺基酸、β-胡蘿蔔素與多種礦物質和維生素，是營養豐富的綠色植物。融入日常茶飲中，能促進新陳代謝，並與土肉桂相互調和，讓整體茶湯風味更加溫潤順口。</p> </div> </div> <div class="steps"> <div class="step-number-container"> <p class="step-number green"> 03 </p> </div> <div class="step-content"> <h1 class="green"> 自然甘甜<br> 甜菊葉 </h1> <p dir="auto">甜菊葉天然帶有甘甜風味，能柔和土肉桂的茶韻，也能幫助消化、維持精神旺盛，為茶湯增添清甜而不厚重的風味層次。</p> </div> </div> </div> </div> <div style="width: 100%;"> <img alt="比較圖" class="desktop-image" src="https://img.shoplineapp.com/media/image_clips/6a99272d8d5c752ce26f923a/original.png?1788421931=&owner_id=5ddcdb0b9db3cb0012a191de" style="width: 100%; height: auto"> <img alt="比較圖" class="mobile-image" src="https://img.shoplineapp.com/media/image_clips/6a99272d8d5c752ce26f923a/original.png?1788421931=&owner_id=5ddcdb0b9db3cb0012a191de" style="width: 100%; height: auto"> </div> <div style="width: 100%;"> <img alt="風味好茶， 自然甜味無負擔" class="desktop-image" src="https://img.shoplineapp.com/media/image_clips/67d2e0f81fc291000a0b86dc/original.png?1741873398" style="width: 100%; height: auto"> <img alt="風味好茶， 自然甜味無負擔" class="mobile-image" src="https://img.shoplineapp.com/media/image_clips/67d2e0f704312c000b4aa494/original.png?1741873398" style="width: 100%; height: auto"> </div> <div style="width: 100%;"> <img alt="沖泡指南" class="desktop-image" src="https://img.shoplineapp.com/media/image_clips/67d3d02685acc2000af8f92e/original.png?1741934629" style="width: 100%; height: auto"> <img alt="沖泡指南" class="mobile-image" src="https://img.shoplineapp.com/media/image_clips/67d4e7c728c31a001005a158/original.png?1742006214" style="width: 100%; height: auto; margin: 5rem 0"> </div> <div style="width: 100%; margin-bottom: 5rem;"> <img alt="台灣土肉桂茶 vs 土肉桂蜜香紅茶" class="desktop-image" src="https://img.shoplineapp.com/media/image_clips/67c7b50ecb2ecd0011ce9f99/original.png?1741141262" style="width: 100%; height: auto"> <img alt="台灣土肉桂茶 vs 土肉桂蜜香紅茶" class="mobile-image" src="https://img.shoplineapp.com/media/image_clips/67c846715d7f8c000b5829f0/original.png?1741178481" style="width: 100%; height: auto"> </div> <h1> 推薦三種茶包的創意泡法 </h1> <div class="scent-selector"> <input id="content1" name="scent" type="radio"> <input id="content2" name="scent" type="radio"> <input id="content3" name="scent" type="radio"> <div class="contents-row" style="width: 100%; flex-basis: 100%"> <div class="content1 mobile-padding" style="width: 100%; margin-top: 20px; padding: 80px; background-image: url('https://img.shoplineapp.com/media/image_clips/67c6e37ddbed4c000a0188f6/original.png?1741087612'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px;"> <div class="fullwidth-green"> <div class="mobile-row mobile-padding" style="display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 5rem 20px;"> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: left"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px; margin: 0 0 20px 0;"> <span style="border-bottom: 2px solid #fff8db; padding: 0 0 15px 0; margin-bottom: 15px; display: inline-block;"> 土肉 </span> <span style="padding: 0 0 15px 0; margin-bottom: 15px; display: inline-block;"> 桂茶（冷泡） </span> </p> <a href="https://www.ulysiagarden.com/products/%E5%8F%B0%E7%81%A3%E5%9C%9F%E8%82%89%E6%A1%82%E8%8C%B6%EF%BC%887%E5%8C%85%EF%BC%8F%E7%9B%92%EF%BC%89" style="text-decoration: none"> <button style="padding: 10px 30px; border-radius: 30px; border: 1px solid #fff8db; background: transparent; cursor: pointer; color: #fff8db; font-size: 16px; font-weight: normal; display: flex; align-items: center;"> 歐麗雅 台灣土肉桂茶 › </button> </a> </div> </div> <div style="width: fit-content; display: flex; align-items: center; justify-content: center; font-size: 100px; font-weight: 700; color: #fff;"> + </div> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: center"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px;"> 新鮮水果丁 </p> </div> </div> <div style="width: fit-content; display: flex; align-items: center; justify-content: center; font-size: 100px; font-weight: 700; color: #fff;"> ＝ </div> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: center"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px;"> 清爽的土肉桂水果茶 </p> </div> </div> </div> </div> </div> <div class="content2 mobile-padding" style="width: 100%; margin-top: 20px; padding: 80px; background-image: url('https://img.shoplineapp.com/media/image_clips/67c6e37ddbed4c000a0188f6/original.png?1741087612'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px;"> <div class="fullwidth-green"> <div class="mobile-row mobile-padding" style="display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 5rem 20px;"> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: left"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px; margin: 0 0 20px 0;"> <span style="border-bottom: 2px solid #fff8db; padding: 0 0 15px 0; margin-bottom: 15px; display: inline-block;"> 土肉 </span> <span style="padding: 0 0 15px 0; margin-bottom: 15px; display: inline-block;"> 桂茶 </span> </p> <a href="https://www.ulysiagarden.com/products/%E5%8F%B0%E7%81%A3%E5%9C%9F%E8%82%89%E6%A1%82%E8%8C%B6%EF%BC%887%E5%8C%85%EF%BC%8F%E7%9B%92%EF%BC%89" style="text-decoration: none"> <button style="padding: 10px 30px; border-radius: 30px; border: 1px solid #fff8db; background: transparent; cursor: pointer; color: #fff8db; font-size: 16px; font-weight: normal; display: flex; align-items: center;"> 歐麗雅 台灣土肉桂茶 › </button> </a> </div> </div> <div style="width: fit-content; display: flex; align-items: center; justify-content: center; font-size: 100px; font-weight: 700; color: #fff;"> + </div> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: center"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px;"> 玫瑰花茶／菊花茶 </p> </div> </div> <div style="width: fit-content; display: flex; align-items: center; justify-content: center; font-size: 100px; font-weight: 700; color: #fff;"> ＝ </div> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: center"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px;"> 甘甜的土肉桂花草茶 </p> </div> </div> </div> </div> </div> <div class="content3 mobile-padding" style="width: 100%; margin-top: 20px; padding: 80px; background-image: url('https://img.shoplineapp.com/media/image_clips/67c6e37ddbed4c000a0188f6/original.png?1741087612'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px;"> <div class="fullwidth-green"> <div class="mobile-row mobile-padding" style="display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 5rem 20px;"> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: left"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px; margin: 0 0 20px 0;"> <span style="border-bottom: 2px solid #fff8db; padding: 0 0 15px 0; margin-bottom: 15px; display: inline-block;"> 土肉 </span> <span style="padding: 0 0 15px 0; margin-bottom: 15px; display: inline-block;"> 桂茶（熱泡） </span> </p> <a href="https://www.ulysiagarden.com/products/%E5%8F%B0%E7%81%A3%E5%9C%9F%E8%82%89%E6%A1%82%E8%8C%B6%EF%BC%887%E5%8C%85%EF%BC%8F%E7%9B%92%EF%BC%89" style="text-decoration: none"> <button style="padding: 10px 30px; border-radius: 30px; border: 1px solid #fff8db; background: transparent; cursor: pointer; color: #fff8db; font-size: 16px; font-weight: normal; display: flex; align-items: center;"> 歐麗雅 台灣土肉桂茶 › </button> </a> </div> </div> <div style="width: fit-content; display: flex; align-items: center; justify-content: center; font-size: 100px; font-weight: 700; color: #fff;"> + </div> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: center"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px;"> 薑片 </p> </div> </div> <div style="width: fit-content; display: flex; align-items: center; justify-content: center; font-size: 100px; font-weight: 700; color: #fff;"> ＝ </div> <div style="flex: 1; display: flex; align-items: center;"> <div style="flex: 1; text-align: center"> <p style="color: #fff8db; font-size: 24px; letter-spacing: 2.4px;"> 暖身的土肉桂薑茶 </p> </div> </div> </div> </div> </div> </div> </div> <div class="qa"> <div> <h1> 常見問題 </h1> </div> <div> <hr> <div class="dropTrigger"> <input type="checkbox"> <div class="dropdownToggler dropdownToggler-qa"> <h1 class="green"> Ｑ1.茶有含咖啡因嗎 </h1> <img class="dropdown-icon" src="https://img.shoplineapp.com/media/image_clips/67c148b268a9c70010469c99/original.png?1740720306"> </div> <div class="dropdown dropdown-qa"> <p> 「台灣土肉桂茶」是無咖啡因的，但「土肉桂蜜香紅茶」因為有添加阿薩姆紅茶，所以會有咖啡因。 </p> </div> </div> <hr> <div class="dropTrigger"> <input type="checkbox"> <div class="dropdownToggler dropdownToggler-qa"> <h1 class="green"> Ｑ2.土肉桂茶有加糖嗎 </h1> <img class="dropdown-icon" src="https://img.shoplineapp.com/media/image_clips/67c148b268a9c70010469c99/original.png?1740720306"> </div> <div class="dropdown dropdown-qa"> <p> 「土肉桂茶」和「土肉桂蜜香紅茶」都沒有加糖！土肉桂茶的自然甜感來自於葉中的肉桂醛，並沒有額外加糖喔！</p> </div> </div> <hr> <div class="dropTrigger"> <input type="checkbox"> <div class="dropdownToggler dropdownToggler-qa"> <h1 class="green"> Ｑ3.兩款茶喝起來有什麼不同？ </h1> <img class="dropdown-icon" src="https://img.shoplineapp.com/media/image_clips/67c148b268a9c70010469c99/original.png?1740720306"> </div> <div class="dropdown dropdown-qa"> <p> 「台灣土肉桂茶」喝起來比較清香，帶有濃郁的土肉桂香氣，沒有咖啡因，適合想完整感受土肉桂自然甘甜與清香的朋友們，也可搭配水果和花茶飲用。「土肉桂蜜香紅茶」多了頂級阿薩姆蜜香紅茶的濃厚茶香，增添茶的層次感，適合平常習慣喝紅茶、喜歡較濃厚茶香的朋友們。</p> </div> </div> <hr> <div class="dropTrigger"> <input type="checkbox"> <div class="dropdownToggler dropdownToggler-qa"> <h1 class="green"> Ｑ4.泡久會苦澀嗎？ </h1> <img class="dropdown-icon" src="https://img.shoplineapp.com/media/image_clips/67c148b268a9c70010469c99/original.png?1740720306"> </div> <div class="dropdown dropdown-qa"> <p> 土肉桂本身不會苦澀，所以茶包泡一整天也沒問題！「土肉桂蜜香紅茶」雖然有添加阿薩姆紅茶，但土肉桂的自然甜味能讓平常久泡會苦澀的紅茶更耐泡喔！ </p> </div> </div> <hr> </div> </div> <h1> 試喝回饋 </h1> <div class="testimonials-container"> <div class="dialog_box bottom" style="margin-right: 10px"> <div class="testimonial-text green"> 土肉桂味道很好聞，喝下後淡淡清香會回甘，非常喜歡，喝完覺得整體感受很清爽。其實平常不太喜歡肉桂類的甜點，會買是因為看到成分有明日葉，覺得搭配起來很特別，加上甜菊葉作為天然甜味來源，整體喝起來很順口。成分只有三樣，配方很單純，所以再次回購。 </div> <div class="rating"> ★ ★ ★ ★ ★ </div> </div> <div class="dialog_box bottom" style="margin-right: 10px"> <div class="testimonial-text green"> 剛收到土肉桂蜜香紅茶，今天一包喝了一整天，味道很順口，兩種風味各有特色，搭配起來很協調，喝起來也很舒服。平常喝紅茶比較在意口感，這款整體表現很喜歡。好的產品需要顧客正面的回饋，希望你們生意興隆，讓我持續有好茶喝～ </div> <div class="rating"> ★ ★ ★ ★ ★ </div> </div> <div class="dialog_box bottom"> <div class="testimonial-text green"> 台灣的土肉桂茶氣味溫和，喝起來挺順口，加上少許薑片與紅茶一起泡，味道也很搭，冬天熱熱喝，覺得很舒服～ </div> <div class="rating"> ★ ★ ★ ★ ★ </div> </div> </div> <div class="testimonials-container"> <div class="dialog_box bottom" style="margin-right: 10px"> <div class="testimonial-text green"> 收到茶囉！喝起來回甘潤喉，溫潤的口感很舒心。 謝謝歐麗雅～ </div> <div class="rating"> ★ ★ ★ ★ ★ </div> </div> <div class="dialog_box bottom" style="margin-right: 10px"> <div class="testimonial-text green"> 我是肉桂控，所以真的超愛你們的土肉桂茶！上次分享給親朋好友，大家都很喜歡～ </div> <div class="rating"> ★ ★ ★ ★ ★ </div> </div> <div class="dialog_box bottom" style="margin-right: 10px"> <div class="testimonial-text green"> 推薦大家在土肉桂茶（冷泡）裡面加上幾片蘋果，喝起來真的很像蘋果派的味道！超好喝！ </div> <div class="rating"> ★ ★ ★ ★ ★ </div> </div> </div> <div style="max-width: 1200px; margin: 0 auto"> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;"> <h1 class="green"> 相關文章 </h1> <a href="https://www.ulysiagarden.com/blog/posts" style="border: 1px solid #006a5b; color: #004d40; text-decoration: none; font-size: 16px; padding: 10px 30px; border-radius: 20px;"> 查看更多 </a> </div> <div style="display: flex; flex-wrap: wrap; margin-top: 30px; margin-left: -5px; margin-right: -5px;"> <div style="flex: 1; width: 100%; min-width: 300px; padding: 0 5px; margin-bottom: 10px;"> <a href="https://www.ulysiagarden.com/blog/posts/%E8%80%B6%E8%AA%95%E7%AF%80%E4%BE%86%E6%9D%AF%E5%9C%9F%E8%82%89%E6%A1%82%E7%86%B1%E7%B4%85%E9%85%92%E5%90%A7"> <img src="https://img.shoplineapp.com/media/image_clips/67adf4b5895aeb0010cd658d/original.png?1739453621" style="width: 100%; height: auto; margin-bottom: 30px"> </a> <span style="color: #85807f; font-size: 16px"> 2024/12/05 </span> <a href="https://www.ulysiagarden.com/blog/posts/%E8%80%B6%E8%AA%95%E7%AF%80%E4%BE%86%E6%9D%AF%E5%9C%9F%E8%82%89%E6%A1%82%E7%86%B1%E7%B4%85%E9%85%92%E5%90%A7" style="color: #006a5b; text-decoration: none; display: block; margin: 5px 0; font-size: 24px; letter-spacing: 2.4px;"> 耶誕節來杯土肉桂熱紅酒吧！ </a> <p style="color: #666; font-size: 14px"> 暖暖的紅酒搭配土肉桂，為你的冬夜增添節日氣氛！ </p> </div> <div style="flex: 1; width: 100%; min-width: 300px; padding: 0 5px; margin-bottom: 10px;"> <a href="https://www.ulysiagarden.com/blog/posts/%E5%A4%8F%E6%97%A5%E6%B6%88%E6%9A%91%E6%B0%B4%E6%9E%9C%E8%8C%B6%E5%9C%9F%E8%82%89%E6%A1%82%E7%B4%85%E8%8C%B6"> <img src="https://img.shoplineapp.com/media/image_clips/67d2faba1c4c130011ea13f2/original.png?1741879992" style="width: 100%; height: auto; margin-bottom: 30px"> </a> <span style="color: #85807f; font-size: 16px"> 2024/08/15 </span> <a href="https://www.ulysiagarden.com/blog/posts/%E5%A4%8F%E6%97%A5%E6%B6%88%E6%9A%91%E6%B0%B4%E6%9E%9C%E8%8C%B6%E5%9C%9F%E8%82%89%E6%A1%82%E7%B4%85%E8%8C%B6" style="color: #006a5b; text-decoration: none; display: block; margin: 5px 0; font-size: 24px; letter-spacing: 2.4px;"> 夏日消暑好喝水果茶 </a> <p style="color: #666; font-size: 14px"> 水果茶比珍珠奶茶好 </p> </div> <div style="flex: 1; width: 100%; min-width: 300px; padding: 0 5px; margin-bottom: 10px;"> <a href="https://www.ulysiagarden.com/blog/posts/%E5%8D%83%E9%87%8C%E5%B0%8B%E8%8C%B6-%E5%9C%9F%E8%82%89%E6%A1%82%E8%8C%B6%E7%9A%84%E5%9C%A8%E5%9C%B0%E7%B2%BE%E8%8F%AF"> <img src="https://img.shoplineapp.com/media/image_clips/6449ce3ff8e84d000edcb725/original.jpg?1682558527" style="width: 100%; height: auto; margin-bottom: 30px"> </a> <span style="color: #85807f; font-size: 16px"> 2023/04/27 </span> <a href="https://www.ulysiagarden.com/blog/posts/%E5%8D%83%E9%87%8C%E5%B0%8B%E8%8C%B6-%E5%9C%9F%E8%82%89%E6%A1%82%E8%8C%B6%E7%9A%84%E5%9C%A8%E5%9C%B0%E7%B2%BE%E8%8F%AF" style="color: #006a5b; text-decoration: none; display: block; margin: 5px 0; font-size: 24px; letter-spacing: 2.4px;"> 千里尋茶 土肉桂茶的在地精華 </a> <p style="color: #666; font-size: 14px"> 國外肉桂和台灣肉桂的香豆素含量 </p> </div> </div> </div></div>
顧客評價
{{'product.product_review.no_review' | translate}}
