.article-container { width: 100%; font-family: Microsoft JhengHei,Helvetica Neue,Helvetica,Arial,sans-serif; } ul, ol { margin: 12px auto; max-width: 740px; color: #535150; line-height: 1.8; padding-left: 0px; } .graf--img { display: table; justify-content: center; align-items: center; text-align: center; color: gray; font-size: 14px; letter-spacing: 0px; margin: 10px auto 50px; width: 100%; position: relative; clear: both; } .graf--img.center img { width: 100%; max-width: 740px; margin: 10px auto 0px; display: block; margin: 0 auto; } .graf--img.full img { width: 100%; } .captionTheme__wrapper { width: 100%; font-style: normal; line-height: 22px; font-size: 16px; max-width: 600px; margin-top: 8px; display: inline-block; } .graf--img.full { max-width: 100%; margin: 40px 0px; display: block; margin: 0 auto; align-items: center; } .graf--figure { text-align: center; color: gray; font-style: italic; font-size: 15px; margin: 28px auto; box-sizing: border-box; } .graf--figure iframe { width: 100%; max-width: 740px; margin: 0 auto; } .graf--p { font-size: 16px; line-height: 1.8; font-family: Microsoft JhengHei fixed, Helvetica Neue ,Microsoft JhengHei, Helvetica, Segoe UI, Tahoma, Arial, sans-serif; letter-spacing: 1px; font-weight: 400; max-width: 740px; color: #535150; text-align: left; } .graf--p > a { color: #00B3C6 !important; text-decoration: none !important; } .graf--li > a { color: #00B3C6 !important; text-decoration: none !important; } .graf--quotesSpecial > a { color: #00B3C6 !important; text-decoration: none !important; } .graf--blockquote > a { color: #00B3C6 !important; text-decoration: none !important; } a.graf--mention { color: #535150 !important; text-decoration: underline !important; font-weight: 700; } .graf--h2 { font-size: 24px; padding: 0; max-width: 740px; text-align: left; letter-spacing: 1px; font-weight: 700; margin-top: 34px; } .graf--h3 { font-size: 18px; padding: 0; max-width: 740px; text-align: left; letter-spacing: 1px; font-weight: 700; margin-top: 28px; } .graf--li { font-size: 16px; padding: 0px 0px 0px 4px; font-weight: 400; letter-spacing: 0px; list-style-position: outside; text-align:left; margin-left: 24px; } .graf--hr { width: 100%; margin: 0px auto; transform: translateY(-50%); position: relative; padding: 0px; text-align: left; max-width: 740px; margin: 0 auto; } .graf--hr hr { height: 0; } .graf--blockquote { padding: 10px 0px 10px 16px; font-size: 16px; color: #7A7574; letter-spacing: 1px; margin: 28px 0px; border-left: 4px solid #DDD9D8; width: 100%; max-width: 740px; text-align: left; } .graf--quotesSpecial { display: table; color: #7A7574; position: relative; padding: 31.5px 40px; text-align: center; letter-spacing: 0px; position: relative; margin: 29px auto; font-family: Microsoft JhengHei fixed, Helvetica Neue, Microsoft JhengHei, Helvetica, Segoe UI, Tahoma, Arial, sans-serif; font-size: 16px; -webkit-box-ordinal-group: 1; -webkit-box-flex: 0; } .embed-wrapper { max-width: 740px; border: 1px solid #DDD9D8; display: block; padding: 12px; border-radius: 8px; margin: 12px 0px; text-decoration: none !important; } .embed-title { font-size: 16px; font-weight: 700; color: #535150; margin-bottom: 8px; text-align: left; line-height: 1.5; text-decoration: none !important; } .embed-description { width: 100%; font-size: 14px; color: #7A7574; line-height: 1.5; max-height: 150px; text-align: left; overflow: hidden; padding: 12px 0px; } .embed-url > a { width: 100%; font-size: 14px; color: #141413 !important; text-decoration: none !important; line-height: 1.5; text-align: left; } .embed-thumbnail-wrapper { padding-left: 12px; } .embed-thumbnail { width:100px; border-radius: 8px; } pre { background: #F6F6F6; border-radius: 8px; padding: 16px; font-size: 16px; color: #535150; line-height: 180%; text-align: left; } .lexical__textBold { font-weight: bold; } .lexical__textItalic { font-style: italic; } .lexical__textUnderline { text-decoration: underline; } .lexical__textStrikethrough { text-decoration: line-through; } .lexical__textUnderlineStrikethrough { text-decoration: underline line-through; } .lexical__textSubscript { font-size: 0.8em; vertical-align: sub; } .lexical__textSuperscript { font-size: 0.8em; vertical-align: super; } .lexical__textCode { background-color: rgb(240, 242, 245); padding: 1px 0.25rem; font-family: Menlo, Consolas, Monaco, monospace; font-size: 94%; } 這些咖啡故事，是我品嘗不同咖啡與當下的職場境遇，心有所感而寫下的咖啡心情故事，願與君同享。飲進嘴裡的是咖啡，咽入喉嚨的是人生，筆下產出的是咀嚼後的人生偶得。 心情咖啡屋1-逆風逐夢的青春 講述一個名校的機械博士放棄高薪、顯赫職位，只為圓一個賣咖啡的夢想，不被父親諒解，孤身北上。他不願再被世俗框架禁錮，只想逆風追夢，為心中的理想勇敢一次。或許這條路艱辛，但他渴望掌握人生自主，不枉費青春歲月，堅持走只屬於自己的咖啡之路。 /article/65ddafdbfd897800018c1184 心情咖啡屋2-等待愛情的花季 在深夜的咖啡館裡，微酸的花神咖啡彷彿春天的氣息，散發著溫馨的氛圍。故事主角Sophy和Roger曾在這裡分享著友情和情感，而每一杯花神咖啡都成為了他們之間的聯繫。這段感人的故事述說著愛情與夢想的追尋，帶領著讀者進入一個溫暖的世界。#深夜咖啡 #微酸口感 #感人故事 #友情 #夢想 /article/65ddaadafd897800018bce26 心情咖啡屋3：美麗．人生 凌晨二點半，手機傳來叮叮的聲音。是誰...打亂了我一場好夢…伸出手，拿起手機準備切成靜音模式…一封來自遠方的你的郵件，如星光般閃耀眼前…我的睡意全沒了…急切打開郵件，那模樣如同耶誕節拆禮物的孩子般，你會笑我嗎？這一回你又流浪到何方？ /article/65e09e9bfd897800012cc08a 心情咖啡屋4-被征服的滋味 二年未歸,機械博士終於在姊姊的邀約下回到老家。他原以為父親早已對他夢想成咖啡師一事感到絕望，沒想到父親卻暗地學起沖泡咖啡，只為理解兒子的選擇。當姊姊將父親為他沖的咖啡送到面前時，兒子潸然淚下。原來，父子間的距離不過一杯咖啡，用心沏出，自會化解誤會，也讓手足重逢的滋味變得格外溫暖動人。 /article/65ddb38cfd897800018c39bc 心情咖啡屋5-在栗子香裡~想你 秋天的陽光，撒落在花園裡…寧靜的午后，很適合坐在窗台前吃糖炒栗子或是沖上一杯薇薇特南果，在沒有栗子的時候…以前，我喜歡吃栗子，是因為養生…現在，我喝咖啡，是為了回味那曾與你共有的一切。那是段純真的往事，在我們一起走過的青春歲月~大學時代。在社團裡，一群愛好咖啡的同學們常常分享各種不同品種 /article/65dda9cefd897800018bc10e
