CINXE.COM
Lifestyle品味生活 - 自由電子報iStyle時尚美妝頻道
<!DOCTYPE html> <html lang="zh-TW"> <head> <script> let cdnDate = '20250411170454'; </script> <script> var pvDomain = 'pv.ltn.com.tw'; </script> <script> var pvServer = 'pv.ltn.com.tw'; </script> <script>var interstitialSlot;</script> <script>var staticSlot = false;</script> <script src="https://cache.ltn.com.tw/js/c.js"></script> <base href="https://istyle.ltn.com.tw/" /> <meta name="ltn:device" content="R" /> <script> var interstitial = 0; var userAgent = navigator.userAgent; var platform = navigator.platform; var iOSDevice = ['iPhone', 'iPad']; function isiPhone() { return (userAgent.indexOf('iPhone') >= 0) ? true : false; } function isAndroid() { return (userAgent.indexOf('Android') >= 0) ? true : false; } function isFB() { return (userAgent.indexOf('FB') >= 0) ? true : false; } function isLine() { return (userAgent.indexOf(' Line') >= 0) ? true : false; } function isChrome() { return (userAgent.indexOf('Chrome') >= 0 || userAgent.indexOf('CriOS') >= 0) ? true : false; } function isSimulator(device) { var i; var isDevice = true; for (i = 0; i < device.length; i++) { isDevice = (platform.indexOf(device[i]) >= 0) ? false : true; if (!isDevice) { break; } } return isDevice; } if (isFB()) { interstitial = 1; } else if (isLine()) { interstitial = 1; } else if (isAndroid() && !isChrome()) { interstitial = 1; } else if (isiPhone() && !isSimulator(iOSDevice) && !isChrome()) { interstitial = 1; } console.log('interstitial = ' + interstitial); var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; googletag.cmd.push(function() { googletag.pubads().setTargeting("ltn_interstitial", [interstitial.toString()]); }); </script> <title>Lifestyle品味生活 - 自由電子報iStyle時尚美妝頻道</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta property="og:site_name" name="application-name" content="自由時報電子報" /> <meta name="author" itemprop="author" content="自由時報電子報" /> <meta name="dcterms.rightsHolder" content="自由時報電子報" /> <meta name="copyright" content="自由時報電子報" /> <meta property="og:title" itemprop="name" content="Lifestyle品味生活 - 自由電子報iStyle時尚美妝頻道" /> <meta name="title" itemprop="headline" content="Lifestyle品味生活 - 自由電子報iStyle時尚美妝頻道" /> <meta name="keywords" content="iStyle時尚美妝頻道, 自由時報, 自由時報電子報, Liberty Times Net, LTN" /> <meta name="news_keywords" itemprop="keywords" content="iStyle時尚美妝頻道, 自由時報, 自由時報電子報, Liberty Times Net, LTN" /> <meta property="og:image" itemprop="image" content="https://istyle.ltn.com.tw/assets/images/1200_istyle.png" /> <meta property="og:image:type" content="image/png" /> <meta property="article:section" name="section" itemprop="articleSection" content="istyle" /> <meta property="article:section2" content="Lifestyle" /> <meta name="description" itemprop="description" content="話題正熱的親子寵物、時尚居家與兩性情愛議題。【時尚大道】臥室換新裝 夜寢明媚春色間 【時尚大道】居家巧換季 質感好物迎春夏 日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市 美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了 全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌 隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降 金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運 美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧 不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元 《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版" /> <meta property="og:description" itemprop="description" content="話題正熱的親子寵物、時尚居家與兩性情愛議題。【時尚大道】臥室換新裝 夜寢明媚春色間 【時尚大道】居家巧換季 質感好物迎春夏 日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市 美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了 全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌 隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降 金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運 美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧 不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元 《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版" /> <meta property="og:url" itemprop="url" content="https://istyle.ltn.com.tw/lifestyle" /> <meta property="og:type" content="article" /> <meta property="fb:app_id" content="140490219413038" /> <meta property="twitter:card" content="summary" /> <meta property="twitter:site" content="@ltntw" /> <meta property="twitter:creator" content="@ltntw" /> <meta name="robots" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <meta name="robots" content="max-image-preview:large" /> <link rel="shortcut icon" type="image/x-icon" sizes="192x192" href="https://istyle.ltn.com.tw/assets/images/logo.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://istyle.ltn.com.tw/assets/images/1200_istyle.png" /> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="https://istyle.ltn.com.tw/assets/images/1200_istyle.png" /> <link rel="image_src" type="image/png" href="https://istyle.ltn.com.tw/assets/images/1200_istyle.png" /> <link rel="canonical" itemprop="mainEntityOfPage" href="https://istyle.ltn.com.tw/lifestyle" /> <!-- CSS --> <link rel="stylesheet" href="https://cache.ltn.com.tw/css/reset.css?20241018"> <link rel="stylesheet" href="assets/css/style_global.css?20241018"> <link rel="stylesheet" href="assets/css/style_right.css?20241018"> <link rel="stylesheet" href="https://cache.ltn.com.tw/css/rwd_pagination.css"> <link rel="stylesheet" href="assets/css/rwd_swiper.min.css?20211101"> <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700,900" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700,800,900&display=swap&subset=cyrillic,latin-ext,vietnamese" rel="stylesheet"> <script type="text/javascript" src="https://cache.ltn.com.tw/js/jquery-3.4.1.min.js"></script> <script> var newsServer = 'istyle.ltn.com.tw'; var article_status = '0'; var adDevice = 'P'; if ($(window).outerWidth() <= 828) { adDevice = 'M'; } else { adDevice = 'P'; } </script> <script src="assets/js/style_global.min.js"></script> <script src="assets/js/rwd_swiper.min.js?20211101"></script> <script src="https://cache.ltn.com.tw/js/lazyload.min.js"></script> <script src="https://cache.ltn.com.tw/js/resize_imgs_ltn.min.js"></script> <script src="https://cache.ltn.com.tw/js/hotNewsUrl.js"></script> <script src="assets/js/enquire.min.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//securepubads.g.doubleclick.net/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { var dfp = {"pc":{"K1":{"slot":"\/21202031\/08-style-sub-K1","size":"[[1260, 250], [1260, 160], [1260, 90], [970, 90], [970, 250], [970, 160], [1, 1]]","div":"ad-K1","class":"suggestTop adHeight250","collapse":0},"K2":{"slot":"\/21202031\/08-style-sub-K2","size":"[[1260, 250], [1260, 160], [1260, 90], [970, 90], [970, 250], [970, 160], [728, 90], [1, 1]]","div":"ad-K2","class":"adHeight250","collapse":1}},"m":{"B1-ATF":{"slot":"\/21202031\/08-style-mobile-sub-B1-ATF","size":"[[300, 250], [336, 280], 'fluid', [1, 1]]","div":"ad-B1-ATF","class":"suggestTop suggestBottom adHeight359","collapse":0},"B2":{"slot":"\/21202031\/08-style-mobile-sub-B2","size":"[[300, 250], [336, 280], 'fluid', [1, 1]]","div":"ad-B2","class":"suggestTop suggestBottom adHeight280","collapse":1},"B3":{"slot":"\/21202031\/08-style-mobile-sub-B3","size":"[[300, 250], [336, 280], 'fluid', [1, 1]]","div":"ad-B3","class":"suggestTop suggestBottom adHeight280","collapse":1},"I1-bottom":{"slot":"\/21202031\/08-style-mobile-sub-I1-bottom","size":"[\"fluid\", [1, 1], [320, 50], [320, 100]]","div":"ad-I1-bottom","class":"door-bottom door-bottom-head","collapse":1}}}; var device = cookies_m.isPC() ? 'pc' : 'm'; dfp = dfp[device] || []; for (var key in dfp) { // 蓋台廣告由cache_ads_h1.php控制 if (key === 'H1') { continue; } if (dfp.hasOwnProperty(key)) { var ad = dfp[key]; var adSize = eval(ad['size']); var bodyWidth = $('body').width(); ad['size'] = []; for (var i in adSize) { if (adSize[i][0] > bodyWidth) { continue; } ad['size'].push(adSize[i]); } if (ad['collapse']) { googletag.defineSlot( ad['slot'], ad['size'], ad['div'] ).addService(googletag.pubads()).setCollapseEmptyDiv(true, false); } else { googletag.defineSlot( ad['slot'], ad['size'], ad['div'] ).addService(googletag.pubads()).setCollapseEmptyDiv(false, false); } } } googletag.pubads().addEventListener('slotRenderEnded', function(event) { // google回傳的廣告標籤(ex:ad-B1) var slotElementId = event.slot.getSlotElementId(); // === 無廣告時要做的事 === if (event.isEmpty) { // 記錄沒有廣告 console.log('沒有'+slotElementId); return; } // === 有廣告時要做的事 === // 置底浮水印廣告,調整畫面不要蓋住footer if (slotElementId == 'ad-I1-bottom') { // 廣告的高度 var ad_height = event.size[1]; var $adI1Bottom = $('#ad-I1-bottom'); // 調整廣告位置與footer墊底高度 $adI1Bottom.css('height', ad_height + 'px'); $('.door-bottom-space').show().css('height', ad_height + 'px'); // 顯示關閉按鈕並綁定關閉事件 if (ad_height > 50) { console.log('ad_height: ' + ad_height); // 調整Top按鈕高度 $('#top').css('bottom', (ad_height + 20) + 'px'); // 監聽關閉按鈕 $adI1Bottom.prepend('<i class="close"></i>'); $adI1Bottom.find('.close').click(function () { $adI1Bottom.fadeOut(100); $('.door-bottom-space').fadeOut(100); $('#top').css('bottom', '100px'); }); } return; } // 有IR1時顯示「請繼續往下閱讀...」 if (slotElementId == 'ad-IR1') { // 顯示「請繼續往下閱讀...」(class="before_ir"在cache中寫的) $('p.before_ir').fadeIn(200); $('p.after_ir').fadeIn(200); } }); googletag.enableServices(); }); </script> <script> // 判斷裝置 並只呼叫相同裝置的廣告 function displayDFP(div, dfpDevice) { var realDevice = cookies_m.isPC() ? 'pc' : 'm'; if (dfpDevice !== realDevice) { $('.suggest_' + dfpDevice).remove(); $('#'+div).remove(); return; } googletag.cmd.push(function() { googletag.display(div); }); } </script> <div id="fb-root"></div> <!-- DV360 Floodlight Tag --> <script async src="https://www.googletagmanager.com/gtag/js?id=DC-9530821"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'DC-9530821'); </script> <!-- Floodlight Tag --> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': 'testEvent', 'article': { 'authorName': '自由時報' } }); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P98PP75');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P98PP75" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Analytics PageView --> <script> (function(i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function() { (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-31404335-1', 'auto'); ga('require', 'displayfeatures'); ga('require', 'linkid', 'linkid.js'); ga('send', 'pageview'); </script> <!-- Google Analytics PageView --> <script> var keywords = $('meta[name="keywords"]').attr('content'); var keywordsArr = keywords.split(','); for(var i = 0; i < keywordsArr.length; i++){ keywordsArr[i] = keywordsArr[i].trim() } var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; googletag.cmd.push(function() { googletag.pubads().setTargeting("ltn_keywords", [keywordsArr]); }); </script> <script> var pvServer = "pv.ltn.com.tw"; var domain=location.hostname; //ent.ltn.com.tw var type="style"; var a_group="style"; var a_no=""; getScrNews(domain, type, a_group, a_no); </script> <script> $(document).ready(function() { // GA event ch_ga_event(); }); function ch_ga_event() { var base_root_org = $('base').attr('href') || 'https://istyle.ltn.com.tw'; $(document.body).on('click.ga', '.boxInput', function(){ // 按照裝置寬度來判斷電腦版或手機版 var deviceDesc = $("meta[name='ltn:device']").attr('content') || 'U'; var _pageDesc = $('.page-name').attr('data-desc'); var pageDesc =deviceDesc+':'+_pageDesc; var obj = $(this); var objDesc = obj.attr('data-desc'); var par = obj.parents('.boxTitle'); var boxDesc = par.attr('data-desc'); var category = pageDesc; var action = boxDesc; var label = objDesc || ''; /*使用自定義說明*/ ga_send_event(category,action,label); }); $('.boxTitle').on('click.count', 'a', function(e){ if(e.button!=0){return;} var lightboxName = this.className; if (lightboxName == 'image-popup-vertical-fit') { if(getinfo($(this), true)) { if (!staticSlot) { e.preventDefault(); } } } else { if(getinfo($(this), false)) { if (!staticSlot) { e.preventDefault(); } } } }).on('mouseup.count', 'a', function(e){ if(e.button!=1){return;} getinfo($(this), true); if (!staticSlot) { e.preventDefault(); } }); function getinfo(obj, SendOnly){ // 按照裝置寬度來判斷電腦版或手機版 var deviceDesc = $("meta[name='ltn:device']").attr('content') || 'U'; var _pageDesc = $('.page-name').attr('data-desc'); var pageDesc =deviceDesc+':'+_pageDesc; var objText = obj.text(); var objDesc = obj.attr('data-desc'); var par = obj.parents('.boxTitle'); /*取區塊說明*/ var boxDesc = par.attr('data-desc'); /*是否用連結文字*/ var useText = par.hasClass('boxText'); var category = pageDesc; var action = boxDesc; var label = objDesc || ''; /*使用自定義說明*/ if(useText && label==''){ label = objText || ''; /*使用連結文字*/ } var labelA = label; var idx = $('a', par).index(obj); if(label==''){ /*記錄該區塊第幾則*/ label = '第'+idx+'則'; } var target = obj.attr('target'); var href = ''; var _href = obj.attr('href'); if(_href){ href = check_url(_href); } var send_type = 'send'; if(!target && href!=''){ send_type = 'redirect'; } if(SendOnly) send_type = 'send'; if (staticSlot) { send_type = 'send'; } setltncookies(action, idx, labelA); if(send_type=='send'){ ga_send_event(category,action,label); return false; }else{ send2ga2page(category,action,label,href); return true; } function setltncookies(area, item, elem){ var ov_sec = 30; ltncookies_news("ltn_device", deviceDesc, ov_sec); ltncookies_news("ltn_page", _pageDesc, ov_sec); ltncookies_news("ltn_area", area, ov_sec); ltncookies_news("ltn_item", item, ov_sec); ltncookies_news("ltn_elem", elem, ov_sec); } function ltncookies_news(key, value, time_sec) { var fn = ltncookies || function () {}; fn(key, value, time_sec); } } function check_url(_url){ if((/^http:/).test(_url)){ return _url; }else if((/^https:/).test(_url)){ return _url; }else if((/^\/\//).test(_url)){ return _url; }else if((/^javascript/).test(_url)){ return ''; }else if((/^#/).test(_url)){ return ''; }else{ var base_root = $('base').attr('href') || base_root_org; return base_root+_url; } } /*GA事件追蹤:頁面不轉換*/ function ga_send_event(category, title, label){ ga_send_event_callback(category, title, label, function(){}); } /*GA事件追蹤:頁面轉換*/ function ga_send_event_callback(category, title, label, fn_callback){ //return fn_callback(); ga('send', 'event', category, title, label, {'hitCallback': function() { fn_callback(); } }); } /*GA事件追蹤:連結點擊*/ function send2ga2page(category, title, label, url) { var redirectTriggered = false; ga_send_event_callback(category, title, label, function(){ redirectTriggered = true; document.location = url; }); setTimeout(function() { if (!redirectTriggered) { document.location = url; } }, 1500); } } </script> <!--更新時間:2025/04/11 17:04:54--><script> let checkDevice = cookies_m.isPC() ? 'pc' : 'm'; </script> <script> //fetch hotNews data /** * 戳機器學習api * array categoryAndType 分類跟文章類別 * int limit 出幾則 * string section 渲染的位置/區塊 */ function fetchHotNews(categoryAndType, limit, section, fn = null) { if (Array.isArray(categoryAndType)) { return fetchNews(hotNewsUrl, { "category": categoryAndType[0], "article_type": categoryAndType[1] ? categoryAndType[1] : "", "limit": limit, "rh_guid": "guid string", "utm_source": hotNewsSource, "utm_medium": section }, 'recommendations'); } let requestData = { "category": hotNewsCategory, "article_type": categoryAndType, "limit": limit, "rh_guid": "guid string", "utm_source": hotNewsSource, "utm_medium": section }; if (fn) { let url = new URL(hotNewsUrl); url.search = new URLSearchParams(requestData).toString(); return fetch(url, { // method: 'GET', headers: { 'Content-Type': 'application/json', 'Authorization': hotNewsAuth }, }) .then(response => { if (!response.ok) { throw new Error('response error:' + response.status); } return response.json(); }) .then(data => { fn(data); }) .catch(error => { console.error('fetch error:', error); }); } else { return fetchNews(hotNewsUrl, requestData, 'recommendations'); } }; /** * 取機器學習的相關新聞 */ function fetchRelatedNews(ltc_no, ltc_group, limit, utmSource='') { let requestData = { "ltc_no": ltc_no, "ltc_group": ltc_group, "limit": limit, "utm_source": utmSource, "utm_medium": "relatedNews" }; return fetchNews(relatedNewsUrl, requestData, 'related_news'); } // 相關新聞與熱門新聞共用fetch function fetchNews(url, requestData, resultKey) { let urlWithGET = new URL(url); urlWithGET.search = new URLSearchParams(requestData).toString(); return fetch(urlWithGET, { headers: { "Content-Type": "application/json" } }) .then(response => { if (!response.ok) { throw new Error('response error: ' + response.status); } return response.json(); }) .then(data => { if (data && data[resultKey]) { return data[resultKey]; } else { return []; } }) .catch(error => { console.error('fetch error:', error); return []; }); } /** * 檢查originalMoreNews是否有ad並塞入FetchRelatedNews * data fetch回來的 * originalMoreNews 原始的 */ function insertAdToFetchRelatedNews(data, originalMoreNews) { var hasAd = originalMoreNews.some(function(news) { return news.buy; }); if (hasAd) { var adNews = originalMoreNews.filter(function(news) { return news.buy; }); for (var i = 0; i < adNews.length; i++) { insertAdAtPosition(data, adNews[i], (3 + i * 3)); } } return data; } /** * 在指定位置塞入廣告 * data 整包資料 * adNews 新聞 * position 寫入位置 */ function insertAdAtPosition(data, adNews, position) { (data.length >= position) ? data.splice(position - 1, 0, adNews) : data.push(adNews); return data; } //if no data remove dom function removeHotnewsDOM(sectionClass) { const elements = document.querySelectorAll('.' + sectionClass); elements.forEach(element => { element.remove(); }); } </script> </head> <!-- 更動以下「partner」部份,暫時先用寵伴的頭部RWD效果 --> <body id="style_rwd"> <link rel="stylesheet" href="https://cache.ltn.com.tw/css/rwd_head_tail.css?20241104" /> <link rel="stylesheet" href="https://cache.ltn.com.tw/css/rwd_head_cover.css?20241115" /> <script src="https://cache.ltn.com.tw/js/rwd_mobile_search.js?20200609"></script> <!-- Header 開始 --> <div class="ltnheader boxTitle boxText" data-desc="置頂選單"> <div class="Hcon"> <div class="logo"> <a title="自由時報" href="https://www.ltn.com.tw" data-desc="自由時報" class="logo_B"><img src="https://cache.ltn.com.tw/images/rwd_ltnlogo.png" alt="自由時報" title="自由時報"></a> <a title="自由時報" href="https://www.ltn.com.tw" data-desc="自由時報" class="logo_S"><img src="https://cache.ltn.com.tw/images/logo_foot.png" alt="自由時報" title="自由時報"></a> </div> <!-- 手機側邊欄選單用 --> <div class="ltnSearch"></div> <div class="nav_bar"></div> <!-- Header 選單 --> <div class="useMobi"> <ul> <li><a title="即時" href="https://news.ltn.com.tw/list/breakingnews" data-desc="即時">即時</a></li> <li><a title="熱門" href="https://news.ltn.com.tw/list/breakingnews/popular" data-desc="熱門">熱門</a></li> <li><a title="政治" href="https://news.ltn.com.tw/list/breakingnews/politics" data-desc="政治">政治</a></li> <li class="li_rich"> <img class="newChannel" src="https://cache.ltn.com.tw/images/new2.gif" alt="newChannel" title="newChannel"> <a title="財富自由" href="https://stock.ltn.com.tw" data-desc="財富自由" target="_blank">財富自由</a></li> <li><a title="軍武" href="https://def.ltn.com.tw" data-desc="軍武">軍武</a></li> <li><a title="社會" href="https://news.ltn.com.tw/list/breakingnews/society" data-desc="社會">社會</a></li> <li><a title="生活" href="https://news.ltn.com.tw/list/breakingnews/life" data-desc="生活">生活</a></li> <li><a title="健康" href="https://health.ltn.com.tw" data-desc="健康">健康</a> <li><a title="國際" href="https://news.ltn.com.tw/list/breakingnews/world" data-desc="國際">國際</a></li> <li><a title="地方" href="https://news.ltn.com.tw/list/breakingnews/local" data-desc="地方">地方</a></li> <li><a title="蒐奇" href="https://news.ltn.com.tw/list/breakingnews/novelty" data-desc="蒐奇">蒐奇</a></li> <li><a title="影音" href="https://video.ltn.com.tw" data-desc="影音">影音</a></li> <li><a title="財經" href="https://ec.ltn.com.tw" data-desc="財經">財經</a></li> <li><a title="娛樂" href="https://ent.ltn.com.tw" data-desc="娛樂">娛樂</a></li> <li><a title="汽車" href="https://auto.ltn.com.tw" data-desc="汽車">汽車</a></li> <li><a title="時尚" href="https://istyle.ltn.com.tw" data-desc="時尚">時尚</a></li> <li><a title="體育" href="https://sports.ltn.com.tw" data-desc="體育">體育</a></li> <li><a title="3C" href="https://3c.ltn.com.tw" data-desc="3C">3 C</a></li> <li><a title="評論" href="https://talk.ltn.com.tw" data-desc="評論">評論</a></li> <li><a title="藝文" href="https://art.ltn.com.tw" data-desc="藝文">藝文</a></li> <li><a title="玩咖" href="https://playing.ltn.com.tw" data-desc="玩咖">玩咖</a></li> <li><a title="食譜" href="https://food.ltn.com.tw" data-desc="食譜">食譜</a></li> <li><a title="地產" href="https://estate.ltn.com.tw" data-desc="地產">地產</a></li> <li class="li_project"><a title="專區" href="https://features.ltn.com.tw/" data-desc="專區">專區</a></li> <li class="li_TT"><a title="TAIPEI TIMES" href="http://www.taipeitimes.com/" data-desc="TAIPEI TIMES" target="_blank">TAIPEI TIMES</a></li> <li><a title="求職" href="https://ltn_jobs.yes123.com.tw/index.asp" data-desc="求職" target="_blank">求職</a></li> </ul> </div> <div class="function boxTitle boxText" data-desc="其它"> <div class="weather" data-desc="天氣"> <img id="weather_img" src="https://cache.ltn.com.tw/images/weather/wi_0002_day.png" alt="晴時多雲" title="晴時多雲"> <p id="weather_text"></p> </div> <div class="icon"> <a title="Facebook" href="https://www.facebook.com/m.ltn.tw/?fref=ts" class="Facebook" target="_blank" data-desc="Facebook"></a> <a title="Line" href="https://line.me/R/ti/p/%40ltnnews" class="Line" target="_blank" data-desc="Line"></a> <a title="Twitter" href="https://twitter.com/ltntw" class="Twitter" target="_blank" data-desc="Twitter"></a> <a title="YouTube" href="https://www.youtube.com/user/tvforltn" class="YouTube" target="_blank" data-desc="YouTube"></a> <a title="我要爆料" href="https://service.ltn.com.tw/complain" class="Boom" data-desc="爆料"><p>爆</p></a> <a title="search" class="iconSearch" data-desc="search"></a> <!-- 展開搜尋 --> <div class="ltnsch_show boxTitle boxText" title="搜尋" data-desc="搜尋"> <form action="https://search.ltn.com.tw/list" method="get" name="search" onsubmit="return send();"> <input name="keyword" id="cacheSearch" type="text" placeholder="Search..."> </form> </div> </div> </div> </div> <div id="marqueeHeader"></div> </div> <!-- 行動裝置:搜尋 --> <div class="M_LTN_Search"> <div class="mobileMask" style=""></div> <div class="MSearch_con"> <div class="searchltn_close"></div> <form class="formSearch" action="https://search.ltn.com.tw/list" method="get" onsubmit='return search_for_all_news();'> <input placeholder="請輸入關鍵字" name="keyword" type="text" id="rwd_qs" value=""> <div class="sbox03"><button type="submit" class="formSearchbt" data-desc="Search" id="search_submit_btn">Search</button></div> </form> </div> </div> <!-- 行動裝置:搜尋 結束 --> <!-- 天氣使用經緯度取資料 --> <script> applyWeather(); // 天氣主程式 function applyWeather() { if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { isWeather(); } } function setCity(lat, lon) { // city array var cityNameArr = [ '新北市', '臺北市', '基隆市', '桃園市', '新竹市', '宜蘭縣', '新竹縣', '臺中市', '苗栗縣', '彰化縣', '南投縣', '雲林縣', '臺南市', '高雄市', '嘉義市', '嘉義縣', '屏東縣', '澎湖縣', '臺東縣', '臺東市', '花蓮縣', '花蓮市', '台中市', '連江縣', '金門縣' ]; let url = "https://api.bigdatacloud.net/data/reverse-geocode-client?latitude="+lat+"&longitude="+lon+"&localityLanguage=zh"; let request = new XMLHttpRequest(); request.open('GET', url, true); request.onload = function () { let data = JSON.parse(this.response); let cityName = '臺北市'; if (request.status >= 200 && request.status < 400) { let cityArr = data.localityInfo.administrative; let result = cityArr.find(obj => {return cityNameArr.includes(obj.name)}); if (result != undefined) { cityName = (result.name == '台中市')? '臺中市' : result.name; } } addWeather(cityName, 1); }; request.send(); } function isWeather() { var isWeather = document.getElementById('ltnRWD') ? 1 : 0; // 判斷是否顯示天氣 if (isWeather) { $( document ).ready(function() { // 先取用cookie先前天氣資料 if (getCookie('city') && getCookie('temperature') && getCookie('icon') && getCookie('status')) { let data = {temperature: getCookie('temperature'), icon: getCookie('icon'), status: getCookie('status')}; let city = getCookie('city'); setAttribute(city, data); return; } // 還沒確認地理位置前先預設 addWeather('臺北市', 1); // cookie沒值則抓取user位置天氣 if (window.navigator.geolocation) { geo = window.navigator.geolocation; geo.getCurrentPosition(function(position) {setCity(position.coords.latitude, position.coords.longitude);}, addWeather('臺北市', 0) ); } }); } } function addWeather(city, isGEO) { // isGEO 0:無法取得定位 1:可以取得定位 let weatherUrl = 'https://cache.ltn.com.tw' + '/getWeather/' + city; let xmlHttp = new XMLHttpRequest(); xmlHttp.open( "GET", weatherUrl, true); // false for synchronous request xmlHttp.onload = function () { let data = JSON.parse(this.response); data.city = city; setCookie(data, isGEO);// 設定cookie setAttribute(city, data);// 設定天氣html }; xmlHttp.send(); } function setCookie(data, isGEO) { let cityNow = new Date(); let weatherNow = new Date(); var expireCityTime = (isGEO == 0)? 24 : 2; var expireWeatherTime = 8; cityNow.setTime(cityNow.getTime() + expireCityTime * 3600 * 1000); weatherNow.setTime(weatherNow.getTime() + expireWeatherTime * 3600 * 1000); for (let key in data) { document.cookie = (key == 'city')? key + '=' + data[key] + '; expires=' + cityNow.toUTCString() + '; domain=.ltn.com.tw; path=/' : key + '=' + data[key] + '; expires=' + weatherNow.toUTCString() + '; domain=.ltn.com.tw; path=/'; } } function setAttribute(city, data) { //設定天氣html document.getElementById('weather_text').innerHTML = city + ' ' + data.temperature; document.getElementById('weather_img').setAttribute("src", 'https://cache.ltn.com.tw/images/weather/' + data.icon); document.getElementById('weather_img').setAttribute("alt", data.status); document.getElementById('weather_img').setAttribute("title", data.status); } function getCookie(name) { // 依名字取cookie const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } </script> <!-- 天氣使用經緯度取資料 結束--> <script> var count = 0; function send() { if (count == 0) { count++; key = document.getElementById("cacheSearch").value.replace(/( )+/g, ' '); key = key.replace(/( )+/g, ' '); key = key.replace(/^[\s]*/gi, ""); //去除左邊空白 key = key.replace(/[\s]*$/gi, ""); //去除右邊空白 document.getElementById("cacheSearch").value = key; kw = key.split(" "); if (key.length > 50) { alert("關鍵字數過長"); count = 0; return false; } else if (kw.length > 3) { alert("超過三組關鍵字"); count = 0; return false; } else if ((kw.length == 1 && kw[0].length < 2)) { alert("關鍵字需兩個字以上"); count = 0; return false; } else return true; } } </script> <script> /*滑動隱藏header*/ var startScroll = false; var firstScrollTop = 0; $(window).on('scroll', function() { if (!startScroll || this.scrollY <= $('#marquee').find('li').outerHeight(true)) { $('body').removeClass('hideUp'); return; } if (firstScrollTop == 0) { firstScrollTop = this.scrollY; } firstScrollTop = hideUp(firstScrollTop, this.scrollY); }); setTimeout(function () { startScroll = true; }, 3000); function hideUp(startY, endY) { var moveY = endY - startY; var targetUp = 0; var targetDown = 0; if ($(window).outerWidth(true) <= 828) { //手機版條件 targetUp = 5; targetDown = -100; } if (moveY > targetUp) { // 往上滑 $('body').addClass('hideUp'); startY = 0; } else if (moveY < targetDown) { // 往下滑 body移除hideUp以顯示header $('body').removeClass('hideUp'); startY = 0; } return startY; } </script> <style> /*滑動隱藏header*/ .ltnheader { transition: all 0.8s; } .hideUp .ltnheader {top: -90px;} </style> <!-- Event snippet for LTN_Website_Audience on : Please do not remove. Place this snippet on pages with events you’re tracking. Creation date: 07/18/2019 --> <script> //console.log('channel:istyle', 'type:Lifestyle,lifestyle,品味生活', 'no:'); gtag('event', 'conversion', { 'allow_custom_scripts': true, 'u1': 'istyle', 'u2': 'Lifestyle,lifestyle,品味生活', 'u3': '', 'u4': '', 'u5': '', 'send_to': 'DC-9530821/invmedia/ltn_w0+standard' }); </script> <noscript> <img src="https://ad.doubleclick.net/ddm/activity/src=9530821;type=invmedia;cat=ltn_w0;u1=istyle;u2=Lifestyle,lifestyle,品味生活;u3=;u4=;u5=;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" alt="內廣曝光" /> </noscript> <!-- End of event snippet: Please do not remove --> <style> @charset "utf-8"; /* CSS Document */ #mobileMenu * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #mobileMenu{width:200px; /*width:100%;*/ height:100vh; overflow-y:scroll; overflow-x:hidden; transition:all 0.1s linear; font-size:16px; } #mobileMenu::-webkit-scrollbar { display: none; /*Chorme*/} #mobileMenu { scrollbar-width: none; /*FF*/} #mobileMenu { -ms-overflow-style: none; /*IE*/} #mobileMenu a { color:#fff; cursor:pointer; } #mobileMenu .MM { width:200px; background-color:#5e5e5e; position:absolute; top:0; z-index:50; box-shadow:0px 0px 8px 3px rgba(0,0,0,0.3), -6px 0px 10px 0px rgba(0,0,0,0.3) inset; } .mobileMenu { display:none; height:100%; position:fixed; top:0; z-index:3001; } /* ----------- ltn 相關 ----------- */ #mobileMenu div.MM div.ltn_home { display:block; width:100%; } #mobileMenu .ltn_home a { display:block; height:50px; line-height:50px; position:relative; color:#fff; padding:0px 0px 0px 40px; } #mobileMenu .ltn_home a.home { border-bottom:2px solid #7d7d7d; } #mobileMenu .ltn_home a.icon_item, #mobileMenu .ltn_home a.dot { border-top:1px solid #000; margin:0; } #mobileMenu .ltn_home a.home:before, #mobileMenu .ltn_home a.dot:before, #mobileMenu .ltn_home a.icon_item:before { content:""; display:block; width:18px; height:20px; position:absolute; left:13px; top:15px; } #mobileMenu .ltn_home a.home:before, #mobileMenu .ltn_home a.icon_item:before { background-size: 18px; background-repeat: no-repeat; background-position: center 1px; } #mobileMenu .ltn_home a.home:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_home.svg); } #mobileMenu .ltn_home a.app:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_app.svg); } #mobileMenu .ltn_home a.fb:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_fb.svg); } #mobileMenu .ltn_home a.line:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_line.svg); } #mobileMenu .ltn_home a.twitter:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_x.svg); } #mobileMenu .ltn_home a.dot:before { width: 6px; height: 6px; background-color: #fff; border-radius: 50%; left: 18px; top: 20px; } /* --- 調整IOS用 --- */ #mobileMenu .ltn_home .spacing { width:100%; height:120px; } #mobileMenu .ltn_home a.dot { border-bottom:1px solid #000; } /* --- 頻道調整用 --- */ #mobileMenu .MM .ltn_home a.app { background-color:transparent; border:none; border-radius:0; } #mobileMenu .MM .ltn_home a.line { float:none; } /* ----------- 所有頻道選單 ----------- */ #mobileMenu div.MM .mainM { background-color:#4a4947; border-bottom:4px solid #000; overflow:hidden; letter-spacing:4px; } #mobileMenu .mainM .ltnM { background-color:#625d5a; border-bottom:3px solid #000; overflow:hidden; float:left;} #mobileMenu .mainM a { display:block; float:left; width:50%; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #000; border-right:1px solid #000; } #mobileMenu .mainM a.full { width:100%; float:left; text-align:left; padding-left:30px; border-bottom:1px solid #000; border-right:none; } #mobileMenu .mainM .ltnM a:nth-child(even) { border-right:none; } /* ----------- 側邊陰影 ----------- */ #mobileMenu div.MM .channel, #mobileMenu div.MM .mainM, #mobileMenu div.MM .mainM .ltnM { box-shadow:-6px 0px 10px 0px rgba(0,0,0,0.2) inset, 3px 0px 7px 0px rgba(0,0,0,0.2) inset; } /* ----------- 目前頻道選單 ----------- */ #mobileMenu div.MM .channel { background-color:#888; border-bottom:10px solid #000; overflow:hidden; padding:0;margin:0; } #mobileMenu .channel .tit { height:25px; background-color:#000; color:#fff; font-size:0.85rem; line-height:25px; text-align:left; padding-left:10px; margin:0; } #mobileMenu .channel a { padding-left:10px; display:block; float:left; width:50%; height:50px; line-height:50px; border-bottom:1px solid #000; border-right:1px solid #000; } #mobileMenu .channel a.full { width:100%; float:left; border-bottom:1px solid #000; } #mobileMenu .channel a.half img, #mobileMenu .channel a.full img { width:16px; vertical-align:middle; margin:0px 4px 3px 0px; } #mobileMenu .channel a.half span, #mobileMenu .channel a.full span { letter-spacing:normal; } #mobileMenu .channel a.half { clear:none; }/*程式用*/ #mobileMenu .channel a.word { line-height:1.3; padding-top:4px; }/*選項折行(5個字以上:廚房生活小知識)*/ /* --- 左側選單 --- */ .mobileMenu_left { left:-200px; } #mobileMenu .mobileMenu_left_close { left: 200px; } #mobileMenu .mobileMenu_left_MM { left: 0; } /* --- 右側選單 --- */ .mobileMenu_right { right:-200px; } #mobileMenu .mobileMenu_right_close { right: 200px; } #mobileMenu .mobileMenu_right_MM { right:0; } /* --- 遮罩 --- */ .maskMM { background:rgba(255,255,255,0.7); width:100vw; height:100vh; position:fixed; z-index:3000; top:0; left:0; right:0; overflow:hidden; transition:all 0.1s linear; display:none; } .opacity { overflow-y:hidden; } .VB { display:block; } /* --- 側邊欄bt ---*/ .nav_bar { -webkit-tap-highlight-color:rgba(0,0,0,0); display:inline-block; vertical-align:middle; width:45px; height:45px; cursor:pointer; position:absolute; right:10px; top:0; background:url(https://cache.ltn.com.tw/images/icon/g_menu.svg) no-repeat center; background-size:20px; } #mobileMenu .close { display:inline-block; vertical-align:middle; width:50px; height:50px; cursor:pointer; position:absolute; top:0; left:150px; z-index:55; background:url(https://cache.ltn.com.tw/images/icon/g_close.svg) no-repeat center, #aaa; background-size:30px; -webkit-tap-highlight-color:rgba(0,0,0,0); } /* --- rwd頻道需要 ---*/ @media screen and (min-width:800px){ #estate .maskbg, #talk .maskbg, #partner .maskbg { display:none; } #estate .nav_bar, #talk .nav_bar, #partner .nav_bar { display:none; }/*800以上隱藏手機版漢堡*/ } /* --- google廣告 amp格式 修正 ---*/ div[id^='google_ads_iframe'] { margin: 0 auto; } /* [MOBILE CSS] */ </style> <script src="https://cache.ltn.com.tw/js/mobilemenu.js?20190708"></script> <div id="mobileMenu" class="mobileMenu mobileMenu_right"> <div class="close mobileMenu_right_close"></div> <div class="MM mobileMenu_right_MM"> <!-- ltn首頁 --> <div class="ltn_home boxTitle boxText" data-desc="側邊選單:自由時報電子報"> <a title="自由時報電子報" href="https://www.ltn.com.tw/" class="home">自由電子報</a> </div> <!-- 目前頻道選單 --> <div class="channel partner boxTitle boxText" data-desc="側邊選單:時尚iStyle"> <div class="tit" data-desc="時尚iStyle">時尚iStyle</div> <a title="時尚首頁" href="https://istyle.ltn.com.tw" class="half" target="_self">時尚首頁</a> <a title="流行時尚" href="https://istyle.ltn.com.tw/fashion" class="half" target="_self">流行時尚</a> <a title="美妝話題" href="https://istyle.ltn.com.tw/beauty" class="half" target="_self">美妝話題</a> <a title="影音專區" href="https://istyle.ltn.com.tw/video" class="half" target="_self">影音專區</a> <a title="品味生活" href="https://istyle.ltn.com.tw/lifestyle" class="half" target="_self">品味生活</a> <a title="兩性情愛" href="https://istyle.ltn.com.tw/love-sex" class="half" target="_self">兩性情愛</a> <a title="Instagram" href="https://instagram.com/istyle_ltn" class="half" target="_blank"><span>Instagram</span></a> <a title="時尚頻道粉絲團" href="https://www.facebook.com/istyle.ltn.tw" class="half" target="_blank"><img width='16' height='16' src='https://cache.ltn.com.tw/images/icon/mobileBT_fb.svg' alt='時尚頻道粉絲團' title='時尚頻道粉絲團'>時尚頻道粉絲團</a> </div> <!-- 所有頻道選單 --> <div class="mainM boxTitle boxText" data-desc="側邊選單:頻道選單"> <a title="自由影音" href="https://video.ltn.com.tw" class="full">自由影音</a> <!-- 即時 --> <div class="ltnM boxText"> <a title="即時" href="https://news.ltn.com.tw/list/breakingnews">即時</a> <a title="熱門" href="https://news.ltn.com.tw/list/breakingnews/popular">熱門</a> <a title="政治" href="https://news.ltn.com.tw/list/breakingnews/politics">政治</a> <a title="軍武" href="https://def.ltn.com.tw">軍武</a> <a title="社會" href="https://news.ltn.com.tw/list/breakingnews/society">社會</a> <a title="生活" href="https://news.ltn.com.tw/list/breakingnews/life">生活</a> <a title="健康" href="https://health.ltn.com.tw">健康</a> <a title="國際" href="https://news.ltn.com.tw/list/breakingnews/world">國際</a> <a title="地方" href="https://news.ltn.com.tw/list/breakingnews/local">地方</a> <a title="蒐奇" href="https://news.ltn.com.tw/list/breakingnews/novelty">蒐奇</a> </div> <!-- 頻道 --> <a title="財富自由" href="https://stock.ltn.com.tw" class="full" target="_blank">財富自由</a> <a title="財經" href="https://ec.ltn.com.tw">財經</a> <a title="娛樂" href="https://ent.ltn.com.tw">娛樂</a> <a title="藝文" href="https://art.ltn.com.tw">藝文</a> <a title="汽車" href="https://auto.ltn.com.tw">汽車</a> <a title="時尚" href="https://istyle.ltn.com.tw">時尚</a> <a title="體育" href="https://sports.ltn.com.tw">體育</a> <a title="3C" href="https://3c.ltn.com.tw">3 C</a> <a title="評論" href="https://talk.ltn.com.tw">評論</a> <a title="玩咖" href="https://playing.ltn.com.tw">玩咖</a> <a title="食譜" href="https://food.ltn.com.tw">食譜</a> <a title="地產" href="https://estate.ltn.com.tw">地產</a> <!--<a style="cursor: default;"></a>--> <a title="專區" href="https://features.ltn.com.tw">專區</a> <a title="服務" href="https://service.ltn.com.tw">服務</a> </div> <!-- 其他 --> <div class="ltn_home boxTitle boxText" data-desc="側邊選單:其他選單"> <a title="自由時報電子報APP" href="https://service.ltn.com.tw/app" target="_blank" class="icon_item app">自由電子報 APP</a> <a title="自由時報電子報粉絲團" href="https://www.facebook.com/m.ltn.tw" target="_blank" class="icon_item fb">自由電子報粉絲團</a> <a title="自由時報電子報Line" href="https://line.me/R/ti/p/%40ltnnews" target="_blank" class="icon_item line">自由電子報 Line</a> <a title="自由時報電子報Twitter" href="https://twitter.com/ltntw" target="_blank" class="icon_item twitter">自由電子報 X</a> <a title="熱門新訊" href="https://market.ltn.com.tw/m" class="dot">熱門新訊</a> <div class="spacing"></div> </div> </div> </div> <div id="maskMM" class="maskMM"></div> <header class="styleHeader boxTitle boxText" data-desc="選單"> <div class="con" > <a href="https://istyle.ltn.com.tw/" class="styleLogo" title="iStyle時尚美妝頻道" data-desc="iStyle時尚美妝頻道"><img src="assets/images/logo_rwd.png" alt="iStyle時尚美妝頻道" title="iStyle時尚美妝頻道"></a> <a href="https://istyle.ltn.com.tw/" class="styleLogo_s" title="Style時尚美妝頻道" data-desc="iStyle時尚美妝頻道"><img src="assets/images/logo_rwds.png" alt="iStyle時尚美妝頻道" title="iStyle時尚美妝頻道"></a> <ul class="level1"> <li><a href="https://istyle.ltn.com.tw/fashion" class="L1" title="流行時尚" data-desc="主選單"><span class="en">Fashion</span><span class="ch">流行時尚</span></a> <ul class="styleList"> <li><a href="https://istyle.ltn.com.tw/celebrity" title="名人風尚" data-desc="名人風尚"><span class="en">Celebrity</span><span class="ch">名人風尚</span></a></li> <li><a href="https://istyle.ltn.com.tw/runway" title="秀場直擊" data-desc="秀場直擊"><span class="en">Runway</span><span class="ch">秀場直擊</span></a></li> <li><a href="https://istyle.ltn.com.tw/features" title="潮流趨勢" data-desc="潮流趨勢"><span class="en">Features</span><span class="ch">潮流趨勢</span></a></li> <li><a href="https://istyle.ltn.com.tw/accessory" title="流行配件" data-desc="流行配件"><span class="en">Accessory</span><span class="ch">流行配件</span></a></li> <li><a href="https://istyle.ltn.com.tw/fashion-news" title="品牌速報" data-desc="品牌速報"><span class="en">fashion news</span><span class="ch">品牌速報</span></a></li> <li><a href="https://istyle.ltn.com.tw/jewelry-watch" title="珠寶腕錶" data-desc="珠寶腕錶"><span class="en">Jewelry & Watch</span><span class="ch">珠寶腕錶</span></a></li> </ul> </li> <li><a href="https://istyle.ltn.com.tw/beauty" class="L1" title="美妝話題" data-desc="美妝話題"><span class="en">Beauty</span><span class="ch">美妝話題</span></a> <ul class="styleList"> <li><a href="https://istyle.ltn.com.tw/make-up" title="時尚彩妝" data-desc="時尚彩妝"><span class="en">Make-up</span><span class="ch">時尚彩妝</span></a></li> <li><a href="https://istyle.ltn.com.tw/skincare" title="美肌保養" data-desc="美肌保養"><span class="en">Skincare</span><span class="ch">美肌保養</span></a></li> <li><a href="https://istyle.ltn.com.tw/nail" title="潮流美甲" data-desc="潮流美甲"><span class="en">Nail</span><span class="ch">潮流美甲</span></a></li> <li><a href="https://istyle.ltn.com.tw/hair" title="時髦髮型" data-desc="時髦髮型"><span class="en">Hair</span><span class="ch">時髦髮型</span></a></li> <li><a href="https://istyle.ltn.com.tw/body" title="美體健身" data-desc="美體健身"><span class="en">Body</span><span class="ch">美體健身</span></a></li> <li><a href="https://istyle.ltn.com.tw/fragrance" title="香氛秘密" data-desc="香氛秘密"><span class="en">Fragrance</span><span class="ch">香氛秘密</span></a></li> <li><a href="https://istyle.ltn.com.tw/news" title="美容新知" data-desc="美容新知"><span class="en">News</span><span class="ch">美容新知</span></a></li> </ul> </li> <li><a href="https://istyle.ltn.com.tw/video" class="L1" title="時尚影音" data-desc="時尚影音"><span class="en">Video</span><span class="ch">時尚影音</span></a></li> <li><a href="https://istyle.ltn.com.tw/lifestyle" class="L1" title="品味生活" data-desc="品味生活"><span class="en">Lifestyle</span><span class="ch">品味生活</span></a> <ul class="styleList list_long"> <li><a href="https://istyle.ltn.com.tw/fun" title="輕鬆話題" data-desc="輕鬆話題"><span class="en">Fun</span><span class="ch">輕鬆話題</span></a></li> <li><a href="https://istyle.ltn.com.tw/home" title="時尚居家" data-desc="時尚居家"><span class="en">Home</span><span class="ch">時尚居家</span></a></li> <li><a href="https://istyle.ltn.com.tw/food-travel" title="美食旅遊" data-desc="美食旅遊"><span class="en">Food & Travel</span><span class="ch">美食旅遊</span></a></li> <li><a href="https://istyle.ltn.com.tw/health" title="健康身心" data-desc="健康身心"><span class="en">Health</span><span class="ch">健康身心</span></a></li> <li><a href="https://istyle.ltn.com.tw/entertainment" title="熱門星聞" data-desc="熱門星聞"><span class="en">Entertainment</span><span class="ch">熱門星聞</span></a></li> <li><a href="https://istyle.ltn.com.tw/art-culture" title="流行文化" data-desc="流行文化"><span class="en">Art & Culture</span><span class="ch">流行文化</span></a></li> <li><a href="https://istyle.ltn.com.tw/life-news" title="好樣生活" data-desc="好樣生活"><span class="en">Life News</span><span class="ch">好樣生活</span></a></li> </ul> </li> <li><a href="https://istyle.ltn.com.tw/love-sex" class="L1" title="兩性情愛" data-desc="兩性情愛"><span class="en">Love & Sex</span><span class="ch">兩性情愛</span></a> <ul class="styleList"> <li><a href="https://istyle.ltn.com.tw/romance" title="愛情" data-desc="愛情"><span class="en">Romance</span><span class="ch">愛情</span></a></li> <li><a href="https://istyle.ltn.com.tw/sex" title="性愛" data-desc="性愛"><span class="en">Sex</span><span class="ch">性愛</span></a></li> </ul> </ul> <div class="nav_bar"></div> <!-- 桌機 搜尋 --> <div class="iconBox boxTitle boxText" data-desc="其它"> <a id="search_btn" class="Hsearch ico" title="搜尋" data-desc="搜尋"></a> <a class="ico ins" title="IG" target="_blank" href="https://www.instagram.com/istyle_ltn/" data-desc="IG"></a> <a class="ico yt" target="_blank" href="https://www.youtube.com/channel/UCNQ2DrH4rXgB3j8guBqQapw" title="youtube" data-desc="youtube"></a> <a class="ico fb" title="FB" target="_blank" href="https://www.facebook.com/istyle.ltn.tw/" data-desc="FB"></a> </div> <!-- 搜尋 --> <div class="mask_search boxTitle" style="" data-desc="搜尋"> <div class="mask" style=""></div> <div class="mask_content"> <div class="channel_search_close" data-desc="關閉按鈕"></div> <form class="form-search" id="searchb" action="search" name="form1" method="get"> <input placeholder="請輸入關鍵字" type="text" name="search" id="search_test"> <button type="submit" data-desc="Search">Search</button> </form> </div> </div> </div> </header> <!-- 巨橫幅廣告 --> <div class="suggest suggest_pc"> <!-- /21202031/08-style-sub-K1 --> <div id="ad-K1" class="boxTitle suggest_pc suggestTop adHeight250" data-desc="廣告ad-K1" style="text-align: center;"> <script>displayDFP('ad-K1', 'pc');</script> </div> </div> <div class="top boxTitle boxText" id="top" data-desc="top"><a href="javascript:void(0);" data-desc="top" title="top"></a></div> <head> <!--內頁--> <link rel="stylesheet" href="assets/css/style_list.css?20211101"> <link rel="stylesheet" href="assets/css/rwd_swiper.min.css?20211101"> <script src="assets/js/rwd_swiper.min.js?20210620"></script> </head> <span class="page-name" data-desc="列表:lifestyle"></span> <!-- DFP B1-ATF --> <div class='suggest suggest_m'> <!-- /21202031/08-style-mobile-sub-B1-ATF --> <div id="ad-B1-ATF" class="boxTitle suggest_m suggestTop suggestBottom adHeight359" data-desc="廣告ad-B1-ATF" style="text-align: center;"> <script>displayDFP('ad-B1-ATF', 'm');</script> </div> </div> <!-- 文章 清單頁 --> <div class="content page-name"> <!-- style 同文章 位置頭標題 開始 --> <div class="head_dashed"> <h5>LIFESTYLE</h5> <div class="ch_dashed">品味生活</div> </div> <!-- 940 左側欄 開始 --> <section class="content940"> <!-- 文章 清單頁 - top左右欄 --> <div class="whitecon" > <!-- 麵包屑 --> <div class="breadcrumbs boxTitle boxText" data-desc="麵包屑"> <a href="https://istyle.ltn.com.tw/" class="bc_active" title="時尚" data-desc="時尚">時尚</a> > <a href="lifestyle" class="bc_active" title="Lifestyle 品味生活" data-desc="Lifestyle 品味生活" title="">Lifestyle 品味生活</a> </div> <!-- 文章 清單頁 - 輪播大圖 --> <div class="swiper-container style_listswiper boxTitle boxText" data-desc="大圖輪播"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="listswiper_pic"> <a href="article/35584" data-desc="P:0:【時尚大道】臥室換新裝 夜寢明媚春色間" title="【時尚大道】臥室換新裝 夜寢明媚春色間"> <img src="https://img.ltn.com.tw/Upload/style/page/2025/04/11/250411-35584-000-dlvsJ.jpg" title="【時尚大道】臥室換新裝 夜寢明媚春色間" alt="【時尚大道】臥室換新裝 夜寢明媚春色間"> </a> </div> <div class="listswiper_caption"> <span class="listswiper_title"> <div class="listswiper_label">Home</div> <h3><a href="article/35584" title="【時尚大道】臥室換新裝 夜寢明媚春色間" data-desc="T:0:【時尚大道】臥室換新裝 夜寢明媚春色間">【時尚大道】臥室換新裝 夜寢明媚春色間</a></h3> </span> <p>以平均每日八小時睡眠時間來看,臥房可說是家中最重要的空間,一床材質輕盈、色彩柔和的寢具,能瞬間改變寢室氛圍,是最簡單也最有感的春夏換季方式。...<a class="swiper-readmore" href="article/35584" title="more">(Read more)</a></p> </div> </div> <div class="swiper-slide"> <div class="listswiper_pic"> <a href="article/35582" data-desc="P:1:【時尚大道】居家巧換季 質感好物迎春夏" title="【時尚大道】居家巧換季 質感好物迎春夏"> <img src="https://img.ltn.com.tw/Upload/style/page/2025/04/11/250411-35582-000-JsCCu.jpg" title="【時尚大道】居家巧換季 質感好物迎春夏" alt="【時尚大道】居家巧換季 質感好物迎春夏"> </a> </div> <div class="listswiper_caption"> <span class="listswiper_title"> <div class="listswiper_label">Home</div> <h3><a href="article/35582" title="【時尚大道】居家巧換季 質感好物迎春夏" data-desc="T:1:【時尚大道】居家巧換季 質感好物迎春夏">【時尚大道】居家巧換季 質感好物迎春夏</a></h3> </span> <p>迎接春夏到來,不僅衣櫃要換季,居家空間也要打造季節感!客廳和餐廳範圍較大、擺設繁瑣,不想大費周章更換原有的家具和布置,只要以具有季節感的居家小物局部點綴,就能達到「有感換季」的效果,從視覺、觸覺和嗅覺,將明媚的春夏氛圍引入室內。...<a class="swiper-readmore" href="article/35582" title="more">(Read more)</a></p> </div> </div> <div class="swiper-slide"> <div class="listswiper_pic"> <a href="article/35565" data-desc="P:2:日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市" title="日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市"> <img src="https://img.ltn.com.tw/Upload/style/page/2025/04/09/250409-35565-1-GBE7w.jpg" title="日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市" alt="日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市"> </a> </div> <div class="listswiper_caption"> <span class="listswiper_title"> <div class="listswiper_label">Food & Travel</div> <h3><a href="article/35565" title="日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市" data-desc="T:2:日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市">日本賣超過6億罐!KIRIN「無糖」一番搾零糖質啤酒正式在台上市</a></h3> </span> <p>為響應現代人對於「無糖」、「低負擔」飲品的需求,去年在台灣期間限定販售的KIRIN一番搾 零糖質啤酒,現正在台正式上市,而如何在無糖的條件下同時保持啤酒的層次與香氣,這個秘密也同步公開了。...<a class="swiper-readmore" href="article/35565" title="more">(Read more)</a></p> </div> </div> <div class="swiper-slide"> <div class="listswiper_pic"> <a href="article/35526" data-desc="P:3:美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了" title="美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了"> <img src="https://img.ltn.com.tw/Upload/style/page/2025/04/08/250408-35526-1-tLTyo.jpg" title="美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了" alt="美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了"> </a> </div> <div class="listswiper_caption"> <span class="listswiper_title"> <div class="listswiper_label">Life News</div> <h3><a href="article/35526" title="美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了" data-desc="T:3:美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了">美國爆紅保溫瓶STANLEY首度南下!全台獨賣日葵黃、復活節彩蛋限定款 美翻了</a></h3> </span> <p>美國百年經典保溫瓶品牌STANLEY 1913,繼去年(2024)底在台北遠百信義A13打造快閃店後,今年首度南下,4月16日將在新光三越台南新天地開設快閃店,限量販售獨家限定杯,包括迎來復活節的人氣彩蛋限定款,此外,開幕期間還祭出大禮包、三重滿額贈...<a class="swiper-readmore" href="article/35526" title="more">(Read more)</a></p> </div> </div> <div class="swiper-slide"> <div class="listswiper_pic"> <a href="article/35545" data-desc="P:4:全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌" title="全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌"> <img src="https://img.ltn.com.tw/Upload/style/page/2025/04/08/250408-35545-1-XlwqH.jpg" title="全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌" alt="全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌"> </a> </div> <div class="listswiper_caption"> <span class="listswiper_title"> <div class="listswiper_label">Life News</div> <h3><a href="article/35545" title="全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌" data-desc="T:4:全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌">全球高爾夫球工具「隱形冠軍」跨界打造保溫瓶!融入台灣設計5大特點更勝國際大牌</a></h3> </span> <p>台灣設計品牌「CROSSPACE可思創品」以航太級純鈦金屬製造各款高端生活用品,不僅使用頂級材料,更講究精品級的時尚設計感,今年正式推出的重量新品「CROSSPACE隕石純鈦保溫瓶」,以宇宙隕石為靈感,將99.9%純鈦技術與精品級工藝結合,打造出兼具...<a class="swiper-readmore" href="article/35545" title="more">(Read more)</a></p> </div> </div> </div> <div class="swiper-button-prev boxInput" data-desc="prev"><b>〈</b></div> <div class="swiper-button-next boxInput" data-desc="next"><b>〉</b></div> <div class="swiper-pagination boxInput" data-desc="pagination"></div> </div> <script> // 文章清單大圖 Swiper JS $(function(){ var swiper = listswiper(); $(window).resize(function(e){ swiper.destroy(); swiper = listswiper(); }); }); function listswiper() { return new Swiper('.style_listswiper', { autoplay: { delay: 3000, //3秒切一次 }, loop: true, pagination: { el: '.style_listswiper .swiper-pagination', type: 'fraction', }, navigation: { nextEl: '.style_listswiper .swiper-button-next', prevEl: '.style_listswiper .swiper-button-prev', }, }); } </script> </div> </section> <!-- 300 右邊欄 開始 --> <aside> <!-- 側邊欄 --> <div class="listpage boxTitle boxText remove" data-desc="MOST POPULAR"> <div class="sidewords-news"> <div class="sidebar-title"> <div class="eng-title">MOST POPULAR</div> </div> <ul class="words-newsbox"> </ul> </div> </div> </aside> </aside> <script> var hotNewsSource = "STYLE"; document.addEventListener('DOMContentLoaded', () => { fetchHotNews(["style", ""], 9, "hotnews_right") .then(data => { if (data.length) { renderHotNewsRight(data); } else { removeHotnewsDOM("remove"); } }) }) function renderHotNewsRight(data) { const hotNewsHtml = document.querySelector('.words-newsbox'); hotNewsHtml.innerHTML = ''; hotNewsHtml.insertAdjacentHTML('beforeend', data.map((item, index) => ` <li> <h3> <a href="${item.LTRT_Url}" title="${item.LTRT_Title}" data-desc="T:${index}:${item.LTRT_Title}"> ${item.LTRT_Title} </a> </h3> </li> `).join('') ); } </script> </div> <!-- 上方文章 清單5則 --> <section class="article-list boxTitle boxText" data-desc="清單"> <div class="article-box"> <div class="article-pic"> <a href="article/35553" title="隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降" data-desc="P:0:隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/09/250409-35553-1-HxUJr.jpg" alt="隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降" title="隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/09 13:30</div> <div class="article-label">Celebrity</div> <h3><a class="article-tit" href="article/35553" title="隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降" data-desc="T:0:隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降">隋棠體重狂飆7公斤達出道巔峰!她曝「科學化訓練」曲線更佳、體脂率下降</a></h3> <p>模特兒出身的女星隋棠,近日在IG分享健身美照,玲瓏有致的身材與渾圓翹臀相當搶鏡,一點都看不出是44歲的三寶媽。緊實體態與超優S曲線,吸引粉絲目光,深夜她分享健身寶典,並透露3個月內體重增重7公斤。...<a class="news-readmore" href="article/35553" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> </div> <div class="article-box"> <div class="article-pic"> <a href="article/35546" title="金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運" data-desc="P:1:金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/08/250408-35546-1-y6daC.jpg" alt="金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運" title="金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/09 11:30</div> <div class="article-label">Celebrity</div> <h3><a class="article-tit" href="article/35546" title="金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運" data-desc="T:1:金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運">金秀賢毀滅式爆料讓新婚女星成苦主!延後蜜月旅行卻面臨被消失命運</a></h3> <p>韓星金秀賢上(3)月遭爆與未成年金賽綸交往醜聞,幾乎一天多連爆的毀滅式爆料讓他形象全毀,更成為PRADA史上最短命代言人,僅僅代言不到三個月。原子彈式的爆料威力,讓新婚女星也掃到颱風尾,成為最大苦主。...<a class="news-readmore" href="article/35546" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> </div> <div class="article-box"> <div class="article-pic"> <a href="article/35529" title="美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧" data-desc="P:2:美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/08/250408-35529-1-29nL1.jpg" alt="美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧" title="美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/08 15:30</div> <div class="article-label">Life News</div> <h3><a class="article-tit" href="article/35529" title="美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧" data-desc="T:2:美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧">美國爆紅保溫壺Stanley推全新咖啡外帶杯!防漏杯蓋搭環保材質 超級輕巧</a></h3> <p>擁有百年歷史的美國保溫壺品牌Stanley,以雙層保溫效果受到消費者喜愛,Stanley的保溫壺不但色彩繽紛,尺寸更是豐富,繼各種容量的保溫瓶陸續問世後,Stanley全新推出咖啡外帶杯,經過改良的杯蓋絕對防漏,方便咖啡族隨時帶著走。...<a class="news-readmore" href="article/35529" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> </div> <div class="article-box"> <div class="article-pic"> <a href="article/35488" title="不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元" data-desc="P:3:不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/03/250403-35488-1-TaOWU.jpg" alt="不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元" title="不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/04 12:30</div> <div class="article-label">Celebrity</div> <h3><a class="article-tit" href="article/35488" title="不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元" data-desc="T:3:不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元">不愧是韓國潮流天王!GD「小雛菊手燈」搶翻了 網路價直逼萬元</a></h3> <p>近期嗨翻樂壇的大事之一,就是睽違7年韓國「潮流天王」GD權志龍帶著全新專輯《Übermensch》宣布回歸,更即將展開世界巡迴演唱會啦!其中被視為演唱會必備的「應援手燈」當然也沒缺席,尤其是GD設計專屬的「小雛菊」手燈更是被粉絲列為必收之一,不過這款...<a class="news-readmore" href="article/35488" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> </div> <div class="article-box"> <div class="article-pic"> <a href="article/35479" title="《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版" data-desc="P:4:《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/02/250402-35479-1-wi8Hy.jpg" alt="《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版" title="《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/04 08:30</div> <div class="article-label">Celebrity</div> <h3><a class="article-tit" href="article/35479" title="《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版" data-desc="T:4:《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版">《穿著Prada的惡魔2》全員回歸?艾蜜莉「一句話」洩端倪 粉絲版海報搶先洗版</a></h3> <p>2006年上映的經典電影《穿著Prada的惡魔》(The Devil Wears Prada) ,去年傳出將開拍續集後遲遲沒有下文,讓許多粉絲等得好心急。近日先前傳出確認回歸的「艾蜜莉」艾蜜莉布朗(Emily Blunt)在受訪時,一句話「露了餡」讓...<a class="news-readmore" href="article/35479" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> <!-- /21202031/08-style-mobile-sub-B2 --> <div id="ad-B2" class="boxTitle suggest_m suggestTop suggestBottom adHeight280" data-desc="廣告ad-B2" style="text-align: center;"> <script>displayDFP('ad-B2', 'm');</script> </div> </div> </section> <!-- 08-style-sub-K2 --> <div class='suggest suggest_pc'> <!-- /21202031/08-style-sub-K2 --> <div id="ad-K2" class="boxTitle suggest_pc adHeight250" data-desc="廣告ad-K2" style="text-align: center;"> <script>displayDFP('ad-K2', 'pc');</script> </div> </div> <!-- 清單頁 give me more --> <script src="assets/js/micro_ads.js"></script> <section class="list_gray boxTitle" data-desc="GIVE YOU MORE"> <section class="relative_newsbox"> <div class="relative_news"> <div class="caption_tit "><b>GIVE YOU MORE</b></div> <a class="news_box" href="article/35590" title="由「米蘭」領軍12款城市限定香氛蠟燭限時登場!內行人激推入手最佳時機:可能還會漲" data-desc="P:0:由「米蘭」領軍12款城市限定香氛蠟燭限時登場!內行人激推入手最佳時機:可能還會漲"> <div class="news_pic"><img src="https://img.ltn.com.tw/Upload/style/page/2025/04/11/o-250411-35590-1-q6BAs.jpg" alt="由「米蘭」領軍12款城市限定香氛蠟燭限時登場!內行人激推入手最佳時機:可能還會漲" title="由「米蘭」領軍12款城市限定香氛蠟燭限時登場!內行人激推入手最佳時機:可能還會漲"></div> <div class="news_cap"> <div class="news_label">Beauty</div> <h3><p>由「米蘭」領軍12款城市限定香氛蠟燭限時登場!內行人激推入手最佳時機:可能還會漲</p></h3> </div> </a> <a class="news_box" href="article/35564" title="潮男必知!男星最愛選物牌Open Dialogue初登台 吳建豪品牌解構帆布鞋必收" data-desc="P:1:潮男必知!男星最愛選物牌Open Dialogue初登台 吳建豪品牌解構帆布鞋必收"> <div class="news_pic"><img src="https://img.ltn.com.tw/Upload/style/page/2025/04/09/o-250409-35564-1-UOoCr.jpg" alt="潮男必知!男星最愛選物牌Open Dialogue初登台 吳建豪品牌解構帆布鞋必收" title="潮男必知!男星最愛選物牌Open Dialogue初登台 吳建豪品牌解構帆布鞋必收"></div> <div class="news_cap"> <div class="news_label">Fashion</div> <h3><p>潮男必知!男星最愛選物牌Open Dialogue初登台 吳建豪品牌解構帆布鞋必收</p></h3> </div> </a> <div class='more-box' id="compass-fit-4205793"></div> <script type='text/javascript'> microAdsPush('4205793'); </script> <a class="news_box" href="article/35593" title="搽了防曬一搓就出屑?挑眼影要先看冷暖膚色?彩妝師「專業視角」切入破除迷思" data-desc="P:3:搽了防曬一搓就出屑?挑眼影要先看冷暖膚色?彩妝師「專業視角」切入破除迷思"> <div class="news_pic"><img src="https://img.ltn.com.tw/Upload/style/page/2025/04/11/o-250411-35593-1-ltZa7.jpg" alt="搽了防曬一搓就出屑?挑眼影要先看冷暖膚色?彩妝師「專業視角」切入破除迷思" title="搽了防曬一搓就出屑?挑眼影要先看冷暖膚色?彩妝師「專業視角」切入破除迷思"></div> <div class="news_cap"> <div class="news_label">Beauty</div> <h3><p>搽了防曬一搓就出屑?挑眼影要先看冷暖膚色?彩妝師「專業視角」切入破除迷思</p></h3> </div> </a> </div> </section> </section> <!-- 關鍵字 --> <section class="hot-words boxTitle boxText" data-desc="HOT WORD"> <div class="container"> <div class="caption_tit "><b>HOT WORD</b></div> <div class="outline"> <ul class="tags"> <li><a href="keyword/k/54" title="宋慧喬">宋慧喬</a></li> <li><a href="keyword/k/396" title="實用技巧">實用技巧</a></li> <li><a href="keyword/k/814" title="平價時尚">平價時尚</a></li> <li><a href="keyword/k/18" title="穿搭">穿搭</a></li> <li><a href="keyword/k/891" title="英國皇室">英國皇室</a></li> <li><a href="keyword/k/137" title="美妝新鮮貨">美妝新鮮貨</a></li> <li><a href="keyword/k/395" title="韓系美妝">韓系美妝</a></li> <li><a href="keyword/k/780" title="愛情">愛情</a></li> </ul> <ul class="tags"> <li><a href="keyword/k/161" title="健身">健身</a></li> <li><a href="keyword/k/666" title="法國女人">法國女人</a></li> <li><a href="keyword/k/393" title="韓流">韓流</a></li> <li><a href="keyword/k/378" title="歐美名人風格">歐美名人風格</a></li> <li><a href="keyword/k/141" title="減肥">減肥</a></li> <li><a href="keyword/k/288" title="美食">美食</a></li> <li><a href="keyword/k/1024" title="影片">影片</a></li> <li><a href="keyword/k/279" title="品味生活">品味生活</a></li> </ul> </div> </div> </section> <!-- 下方文章 清單5則 --> <section class="article-list boxTitle boxText" data-page="1" data-desc="清單"> <div class="article-box"> <div class="article-pic"> <a href="article/33171" title="一份潤餅熱量竟要跑2小時才能消耗?中醫師建議清明養生「這樣吃」更健康" data-desc="P:5:一份潤餅熱量竟要跑2小時才能消耗?中醫師建議清明養生「這樣吃」更健康"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2024/10/08/241008-33171-1-53ANU.jpg" alt="一份潤餅熱量竟要跑2小時才能消耗?中醫師建議清明養生「這樣吃」更健康" title="一份潤餅熱量竟要跑2小時才能消耗?中醫師建議清明養生「這樣吃」更健康"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/03 17:30</div> <div class="article-label">Health</div> <h3><a class="article-tit" href="article/33171" title="一份潤餅熱量竟要跑2小時才能消耗?中醫師建議清明養生「這樣吃」更健康" data-desc="T:5:一份潤餅熱量竟要跑2小時才能消耗?中醫師建議清明養生「這樣吃」更健康">一份潤餅熱量竟要跑2小時才能消耗?中醫師建議清明養生「這樣吃」更健康</a></h3> <p>清明連假開始,吃潤餅向來是清明節傳統習俗之一,即便潤餅裡面有許多蔬菜,但醬料、花生粉等熱量卻不低,一份潤餅約就有400-500大卡的熱量,這幾乎是一位成年人要慢跑2小時才能消耗掉的熱量。...<a class="news-readmore" href="article/33171" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> </div> <div class="article-box"> <div class="article-pic"> <a href="article/35487" title="日劇天王出道33年完全沒架子!木村拓哉自曝不老秘訣竟是「幫忙搬道具」?" data-desc="P:6:日劇天王出道33年完全沒架子!木村拓哉自曝不老秘訣竟是「幫忙搬道具」?"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/03/250403-35487-1-Z9WRs.jpg" alt="日劇天王出道33年完全沒架子!木村拓哉自曝不老秘訣竟是「幫忙搬道具」?" title="日劇天王出道33年完全沒架子!木村拓哉自曝不老秘訣竟是「幫忙搬道具」?"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/03 16:30</div> <div class="article-label">Celebrity</div> <h3><a class="article-tit" href="article/35487" title="日劇天王出道33年完全沒架子!木村拓哉自曝不老秘訣竟是「幫忙搬道具」?" data-desc="T:6:日劇天王出道33年完全沒架子!木村拓哉自曝不老秘訣竟是「幫忙搬道具」?">日劇天王出道33年完全沒架子!木村拓哉自曝不老秘訣竟是「幫忙搬道具」?</a></h3> <p>日劇天王木村拓哉旋風訪台,今(3)日以保健品代言人身分現身活動,一上台就親切的以中文「大家好,我是木村拓哉」打招呼,更在活動現場直接幫忙搬道具!完全沒架子的親民博得全場尖叫,而被問及出道30多年的不老秘訣,他表示:「運動以外就是要吃得好、睡得好!」更...<a class="news-readmore" href="article/35487" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> </div> <div class="article-box"> <div class="article-pic"> <a href="article/35454" title="清明吃潤餅小心一個飆破500大卡! 營養師盤點5大NG食材 「這個菜」也意外入列" data-desc="P:7:清明吃潤餅小心一個飆破500大卡! 營養師盤點5大NG食材 「這個菜」也意外入列"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/01/250401-35454-1-a6jAH.jpg" alt="清明吃潤餅小心一個飆破500大卡! 營養師盤點5大NG食材 「這個菜」也意外入列" title="清明吃潤餅小心一個飆破500大卡! 營養師盤點5大NG食材 「這個菜」也意外入列"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/02 18:30</div> <div class="article-label">Health</div> <h3><a class="article-tit" href="article/35454" title="清明吃潤餅小心一個飆破500大卡! 營養師盤點5大NG食材 「這個菜」也意外入列" data-desc="T:7:清明吃潤餅小心一個飆破500大卡! 營養師盤點5大NG食材 「這個菜」也意外入列">清明吃潤餅小心一個飆破500大卡! 營養師盤點5大NG食材 「這個菜」也意外入列</a></h3> <p>即將來到的清明連假,不少家庭在祭祖的同時都會準備潤餅,雖然北、中、南的潤餅略有不同,但營養師提醒,小心隨便一個熱量都破500大卡!該怎麼吃才不會「太罪惡」?這5大NG食材千萬別碰!...<a class="news-readmore" href="article/35454" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> </div> <div class="article-box"> <div class="article-pic"> <a href="article/35470" title="NATUZZI拉圖誌推「追劇沙發」!四大功能還有微運動效果看劇必備" data-desc="P:8:NATUZZI拉圖誌推「追劇沙發」!四大功能還有微運動效果看劇必備"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/02/250402-35470-1-asqXX.jpg" alt="NATUZZI拉圖誌推「追劇沙發」!四大功能還有微運動效果看劇必備" title="NATUZZI拉圖誌推「追劇沙發」!四大功能還有微運動效果看劇必備"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/02 16:08</div> <div class="article-label">Home</div> <h3><a class="article-tit" href="article/35470" title="NATUZZI拉圖誌推「追劇沙發」!四大功能還有微運動效果看劇必備" data-desc="T:8:NATUZZI拉圖誌推「追劇沙發」!四大功能還有微運動效果看劇必備">NATUZZI拉圖誌推「追劇沙發」!四大功能還有微運動效果看劇必備</a></h3> <p>舒適的客廳絕對少不了一組讓人一做就不想起來的沙發,義大利頂級家具品牌NATUZZI拉圖誌全新推出Mindful「追劇沙發」,結合四大嶄新功能,其中「微運動裝置」還能達到類似輕運動的效果,能提升日常活力與代謝,讓人忍不住想擁有。...<a class="news-readmore" href="article/35470" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> </div> <div class="article-box"> <div class="article-pic"> <a href="article/35450" title="金色三麥水果調酒賣超過45萬罐!全新「葡萄調酒」酸甜果香噴發" data-desc="P:9:金色三麥水果調酒賣超過45萬罐!全新「葡萄調酒」酸甜果香噴發"> <img class="lazy_imgs_ltn" src="assets/images/default.jpg" data-src="https://img.ltn.com.tw/Upload/style/page/2025/04/01/250401-35450-1-r80QN.jpg" alt="金色三麥水果調酒賣超過45萬罐!全新「葡萄調酒」酸甜果香噴發" title="金色三麥水果調酒賣超過45萬罐!全新「葡萄調酒」酸甜果香噴發"> </a> </div> <div class="article-cap"> <div class="article-date ">2025/04/02 13:30</div> <div class="article-label">Food & Travel</div> <h3><a class="article-tit" href="article/35450" title="金色三麥水果調酒賣超過45萬罐!全新「葡萄調酒」酸甜果香噴發" data-desc="T:9:金色三麥水果調酒賣超過45萬罐!全新「葡萄調酒」酸甜果香噴發">金色三麥水果調酒賣超過45萬罐!全新「葡萄調酒」酸甜果香噴發</a></h3> <p>金色三麥水果特調換季了,從冬季的草莓風味來到春夏酸甜交織的葡萄,推出SUNMAI金色三麥「葡萄調酒」,並期間限定打造「大人的果汁BAR」,在享受暢快品飲體驗的同時,還能搭配果系小點,是迎接春日的最佳選擇。...<a class="news-readmore" href="article/35450" title="read more">(Read more)</a></p> </div> </div> <div class="suggest suggest_m"> <!-- /21202031/08-style-mobile-sub-B3 --> <div id="ad-B3" class="boxTitle suggest_m suggestTop suggestBottom adHeight280" data-desc="廣告ad-B3" style="text-align: center;"> <script>displayDFP('ad-B3', 'm');</script> </div> </div> </section> <!-- for 瀑布流 --> <div class="waitAjax"><img src="https://istyle.ltn.com.tw/assets/images/loading.svg" alt="載入中"></div> <div class="listEnd" style="display: none; text-align: center">無更多資料</div> <script> function handleListPageNavigation() { console.log('set pop'); window.addEventListener('popstate', function(event) { const referrerUrl = location.protocol + '//' + location.host + location.pathname + location.search; console.log("pops:ToLastArticle" + referrerUrl); window.location.href = referrerUrl; }); } $(document).ready(function() { console.log("referrer:" + document.referrer); handleListPageNavigation(); }); </script> <script> $('.waitAjax').hide(); // 綁定scroll事件 $(window).on('scroll', loadNextPage); function loadNextPage(e) { // 計算滑動位置 var totalHeight = $(document).height(); var limitHeight = totalHeight - $(window).height(); var offset = window.scrollY; var limitOffset = limitHeight - 200; var timeHide = 0; if(offset < limitOffset) { return; } // 暫時移除scroll事件避免重複觸發 $(window).off('scroll', loadNextPage); // 向api要資料 var page = parseInt($('.article-list:last').data('page')) + 1; $.ajax({ url: 'https://istyle.ltn.com.tw/ajax/lifestyle' + '/' + page, // 發送Ajax請求前 beforeSend: function( xhr ) { // 顯示讀取中 $('.waitAjax').show(); } }) // 正確收到資料 .done(function(data) { if (data.code !== 200 || !(Object.keys(data.data).length > 0)) { // 如果回傳無資料則顯示結尾 $('.listEnd').show(); return; } var $list = $('.article-list').eq(1); // 以第0則當作樣板 var $template = $list.find('.article-box').eq(0); var page = parseInt($list.data('page')); for(i in data.data) { var index =$('.article-box').length - 1; // === 綁定資料 === var news = data.data[i]; // 複製樣板html var $li = $template.clone(); $li.hide(); readmore = $li.find('.news-readmore'); $li.attr('data-page', page + 1); // 先設為空清除圖片再給新圖路徑 $li.find('.article-pic a img').attr({ 'src' : news.phoURL, 'alt' : news.title, 'title' : news.title }); $li.find('.article-pic a').attr({ 'href' : news.url, 'title' : news.title, 'data-desc' : 'P:' + index + ':' + news.title }); $li.find('a.article-tit').attr({ 'title' : news.title, 'href' : news.url, 'data-desc' : 'T:' + index + ':' + news.title }); $li.find('a.article-tit').text(news.title); $li.find('.article-cap p').text(news.summary.substring(0, 125) + '...'); $li.find('.article-cap p').append(readmore); $li.find('.news-readmore').attr('href', news.url); $li.find('.lazy_imgs_ltn').attr({ 'title' : news.title, 'alt' : news.title }); if (!timeHide) { $li.find('.article-date').text(news.viewtime); } if (!news.type) { $li.find('.article-label').hide(); } else { $li.find('.article-label').text(news.type); } // 塞入列表並顯示 $li.appendTo($list).fadeIn(1000); } // 更新目前頁碼 $('.article-list:last').data('page', page + 1); // 重新綁定scroll事件 $(window).on('scroll', loadNextPage); }) // Ajax失敗 .fail(function(xhr, status, error) { var err = eval("(" + xhr.responseText + ")"); alert(err.Message); console.log( "error" ); }) // Ajax執行結束後 .always(function() { // 隱藏讀取中 $('.waitAjax').hide(); }); } </script> <footer class="style_footer boxTitle boxText" data-desc="底部選單"> <div class="foot_maps"> <a href="https://istyle.ltn.com.tw/" title="FB" data-desc="首頁">首 頁</a><span>|</span> <a href="https://istyle.ltn.com.tw/fashion" title="流行時尚" data-desc="流行時尚">流行時尚</a><span>|</span> <a href="https://istyle.ltn.com.tw/beauty" title="美妝話題" data-desc="美妝話題">美妝話題</a><span>|</span> <a href="https://istyle.ltn.com.tw/video" title="影音專區" data-desc="影音專區">影音專區</a> <br> <a href="https://istyle.ltn.com.tw/lifestyle" title="品味生活" data-desc="品味生活">品味生活</a><span>|</span> <a href="https://istyle.ltn.com.tw/love-sex" title="兩性情愛" data-desc="兩性情愛">兩性情愛</a><span>|</span> <a href="https://istyle.ltn.com.tw/blog" title="名家專欄" data-desc="名家專欄">名家專欄</a> </div> <div class="foot_link"> <a href="https://www.facebook.com/istyle.ltn.tw/" class="footer_fb" target="_blank" title="facebook" data-desc="facebook"></a> <a href="https://www.youtube.com/channel/UCNQ2DrH4rXgB3j8guBqQapw" class="footer_yt" target="_blank" title="youtube" data-desc="youtube"></a> <a href="https://www.instagram.com/istyle_ltn/" class="footer_ins" target="_blank" title="instagram" data-desc="instagram"></a> </div> <div class="foot_style"> <a href="https://www.ltn.com.tw" title="自由時報" data-desc="自由時報"><img src="https://cache.ltn.com.tw/images/logo_foot.png" alt="首頁" title="首頁"></a> <p>自由時報版權所有不得轉載 <span>© 2025 The Liberty Times. All Rights Reserved.<span></p> </div> </footer> <!-- 浮水印廣告 --> <div class="suggest suggest_m"> <!-- /21202031/08-style-mobile-sub-I1-bottom --> <div id="ad-I1-bottom" class="boxTitle suggest_m door-bottom door-bottom-head" data-desc="廣告ad-I1-bottom" style="text-align: center;"> <script>displayDFP('ad-I1-bottom', 'm');</script> </div> </div> <div class="door-bottom-space"></div> <script src="https://cache.ltn.com.tw/js/getTargetTime.js"></script> <script type='text/javascript'><!--//<![CDATA[ const thisTimeZoneDate = new Date(); const inTheTimeZone = (function () { const checkTimeZone = [-5, -6, -7, -8]; // ../cache/js/getTargetTime.js:getDiffTime() 兩地相差時間 for (let key in checkTimeZone) { if (getDiffTime(thisTimeZoneDate, checkTimeZone[key]) === 0) { return true; } } return false; })(); function checkSpecificDate() { const today = new Date(); const year = today.getFullYear(); const month = today.getMonth() + 1; const date = today.getDate(); return (year === 2023 && month === 10 && date >= 1 && date <= 31); } const show_amg_footer = (function () { const AMGHostName = location.hostname.toLowerCase().replace(".ltn.com.tw", ""); const AMGOpenTime = { 'www':[ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'news': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'auto': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'sports': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], '3c': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'ec': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'features': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'istyle': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'art': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'food': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'estate': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'ent': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'health': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'playing': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], }; //AMGOpenTime沒設定的頻道回傳false防測試機報錯 if (AMGOpenTime[AMGHostName] != 'undefined') { const AMGNowTime = thisTimeZoneDate.getFullYear() + "-" + ('0' + (thisTimeZoneDate.getMonth() + 1)).substr(-2, 2) + "-" + ('0' + thisTimeZoneDate.getDate()).substr(-2, 2) + "T" + ('0' + thisTimeZoneDate.getHours()).substr(-2, 2) + ":" + ('0' + thisTimeZoneDate.getMinutes()).substr(-2, 2) + ":" + ('0' + thisTimeZoneDate.getSeconds()).substr(-2, 2); let openTime = AMGOpenTime[AMGHostName]; for (let key in openTime) { let start = openTime[key]['start']; let end = openTime[key]['end']; if (AMGNowTime >= start && AMGNowTime <= end) { return true; } } } return false; })(); const get_amg_zoneid = (function () { const AMGHostName = location.hostname.toLowerCase().replace(".ltn.com.tw", ""); switch (AMGHostName) { case 'health': case 'ent': case 'istyle': case 'art': case 'playing': case 'food': return '562'; case 'ec': case 'estate': case 'auto': case 'sports': case '3c': return '680'; default: return '96'; } })(); const shiftvValue = (function () { const AMGHostName = location.hostname.toLowerCase().replace(".ltn.com.tw", ""); switch (AMGHostName) { case 'health': case 'ent': case 'istyle': case 'art': case 'playing': case 'food': return '22'; case 'ec': case 'estate': case 'auto': case 'sports': case '3c': default: return '15'; } })(); if (inTheTimeZone && show_amg_footer) { let ox_u = 'https://amgs5.com/AS/www/delivery/al.php?zoneid=' + get_amg_zoneid + '&layerstyle=simple&align=center&valign=bottom&padding=2&padding=2&shifth=0&shiftv=' + shiftvValue + '&closebutton=t&backcolor=FFFFFF&bordercolor=000000'; if (document.context) ox_u += '&context=' + escape(document.context); document.write("<scr"+"ipt type='text/javascript' src='" + ox_u + "'></scr"+"ipt>"); } //]]>--></script> <script> let webPushOrigin = 'https://www.ltn.com.tw'; let webPushFile = webPushOrigin + '/webNotificationCheck'; let webPushNotification = webPushOrigin + '/webNotification'; // 監聽檢查回應 window.addEventListener('message',function(e) { if (e.origin == webPushOrigin) { if (e.data == 'isOK') { let checkIframe = document.getElementById('checkIframe'); checkIframe.contentWindow.postMessage('getPermission', webPushOrigin); } else if (e.data == 'granted') { $("#checkIframe").remove(); console.log(e.data); } else if (e.data == 'denied' || e.data == 'default') { //default or denied $("#checkIframe").remove(); console.log(e.data); softConfirm(); } } },false); $(function() { let webPush = getCookie("softPush"); if (webPush === undefined || webPush < 1) { if (userAgent.indexOf('Chrome') >= 0 || userAgent.indexOf('Firefox') >= 0 || userAgent.indexOf('Edge/') >= 0) { initFcm(); } else if (userAgent.indexOf('Safari') >= 0) { } } }); //檢查notification function initFcm() { console.log('check notification'); if ('Notification' in window) { checkFcm(); } } //檢查notification permission function checkFcm() { console.log('checkFcm'); let checkIframe = document.createElement('iframe'); checkIframe.setAttribute('id', 'checkIframe'); checkIframe.setAttribute('src', webPushFile); checkIframe.setAttribute('allow', 'payment'); document.body.appendChild(checkIframe); } //觸發軟詢問 function softConfirm() { let softPushNotificaton = document.createElement('div'); softPushNotificaton.setAttribute('class', 'softPush_notification'); let softPushNotificationImg = document.createElement('img'); softPushNotificationImg.setAttribute('src', 'https://news.ltn.com.tw/assets/images/all/ltn.png'); softPushNotificationImg.setAttribute('alt', '自由時報'); softPushNotificaton.appendChild(softPushNotificationImg); let softPushNotificationSpan = document.createElement('span'); softPushNotificationSpan.setAttribute('class', 'softPush_word'); let softPushNotificationText = document.createTextNode('感謝您的訂閱 自由時報電子報隨時提供您最即時、熱門的新聞訊息。'); softPushNotificationSpan.appendChild(softPushNotificationText); softPushNotificaton.appendChild(softPushNotificationSpan); let softPushNotificationButton = document.createElement('button'); softPushNotificationButton.setAttribute('class', 'softPush_confirm'); softPushNotificationText = document.createTextNode('訂閱'); softPushNotificationButton.appendChild(softPushNotificationText); softPushNotificaton.appendChild(softPushNotificationButton); softPushNotificationButton = document.createElement('button'); softPushNotificationButton.setAttribute('class', 'softPush_refuse'); softPushNotificationText = document.createTextNode('暫時不要'); softPushNotificationButton.appendChild(softPushNotificationText); softPushNotificaton.appendChild(softPushNotificationButton); document.body.appendChild(softPushNotificaton); } //設定軟詢問時間 function setSoftPushCookie(extension = 0) { let st = ""; let expires = new Date(); //延展時間 extension = (extension == 0) ? 7 * 24 * 60 * 60 * 1000 : extension; expires.setTime(expires.getTime() + extension); let ti = getCookie("softPush"); if (ti === undefined) ti = 0; st = "softPush=" + (Number(ti)+1) +"; domain=ltn.com.tw;expires=" + expires.toGMTString() +"; path=/"; document.cookie = st; } $(document).on("click",".softPush_confirm",function() { window.open(webPushNotification); getScrNews('www.webPush.ask', 'ask', '', '1'); $(".softPush_notification").remove(); }); $(document).on("click",".softPush_refuse",function(){ $(".softPush_notification").remove(); getScrNews('www.webPush.ask', 'ask', '', '0'); setSoftPushCookie(); }); </script> <style> /******************** 瀏覽器推播通知 ********************/ .softPush_notification { width: 400px; height: 170px; padding: 20px; border-radius: 10px; position: fixed; left: 50%; margin-left: -200px; top: 28%; background: #fbfbfb; box-shadow: 0px 0px 30px 6px rgb(0 0 0 / 40%); z-index: 300; text-align: justify;} .softPush_notification img { width: 80px; height: auto; float: left; margin-right: 10px; } .softPush_notification span.softPush_word { margin-bottom: 10px; font-size: 18px; line-height: 30px; font-family: 'Noto Sans TC', "微軟正黑體";} .softPush_notification button { border-radius: 5px; padding: 5px 8px; letter-spacing: 1px; cursor: pointer; border: 0px; font-size: 16px;} .softPush_notification button.softPush_confirm { position: absolute; right: 25px; bottom: 20px; background: #daa01c; color: #fff; transition: .2s linear;} .softPush_notification button.softPush_refuse { position: absolute; right: 80px; bottom: 20px; color: #8e8e8e; transition: .2s linear;} .softPush_notification button.softPush_confirm:hover { background: #c58901; } .softPush_notification button.softPush_refuse:hover { background: #dedede; } @media screen and (max-width:500px) { /* 瀏覽器推播通知 */ .softPush_notification { width: 280px; height: 140px; padding: 16px; margin-left: -140px; } .softPush_notification img { width: 60px; } .softPush_notification span.softPush_word { font-size: 16px; line-height: 24px; } .softPush_notification button { padding: 6px 12px; font-size: 12px; } .softPush_notification button.softPush_confirm, .softPush_notification button.softPush_refuse { bottom: 12px; } .softPush_notification button.softPush_confirm { right: 16px; } } </style> <script src="https://cache.ltn.com.tw/js/initAviviD.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { initAviviD(); }); </script> </body> <script> // 處理圖片延遲 $(document).ready(function(){ var lazyImg = $('img.lazy_imgs_ltn'); lazyload(lazyImg); }); </script> </html>