CINXE.COM

精選作品 - BAZAAR – Hearst Taiwan

<!DOCTYPE html> <html lang="zh-TW" class="no-js"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="facebook-domain-verification" content="qwi6w2n12es6sx2z7w5ohqnjna1jy7" /> <link rel="profile" href="http://gmpg.org/xfn/11"> <title>精選作品 - BAZAAR &#8211; Hearst Taiwan</title> <link rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="訂閱《Hearst Taiwan》&raquo; 資訊提供" href="https://www.hearst.com.tw/feed/" /> <link rel="alternate" type="application/rss+xml" title="訂閱《Hearst Taiwan》&raquo; 留言的資訊提供" href="https://www.hearst.com.tw/comments/feed/" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.hearst.com.tw\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.0.15"}}; !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55358,56760,9792,65039],[55358,56760,8203,9792,65039])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='dashicons-css' href='https://www.hearst.com.tw/wp-includes/css/dashicons.min.css?ver=5.9' type='text/css' media='all' /> <link rel='stylesheet' id='admin-bar-css' href='https://www.hearst.com.tw/wp-includes/css/admin-bar.min.css?ver=5.9' type='text/css' media='all' /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <link rel='stylesheet' id='hestia-font-sizes-css' href='https://www.hearst.com.tw/wp-content/themes/hestia-pro/assets/css/font-sizes.css?ver=1.1.84' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.hearst.com.tw/wp-includes/css/dist/block-library/style.min.css?ver=5.9' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <script src="https://kit.fontawesome.com/372ac02701.js" crossorigin="anonymous"></script> <link rel='stylesheet' id='wpb-wl-fancybox-css' href='https://www.hearst.com.tw/wp-content/plugins/woocommerce-lightbox/assets/css/jquery.fancybox.min.css?ver=5.9' type='text/css' media='all' /> <link rel='stylesheet' id='wpb-wl-main-css' href='https://www.hearst.com.tw/wp-content/plugins/woocommerce-lightbox/assets/css/main.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='hestia_fonts-css' href='https://fonts.googleapis.com/css?family=Roboto%3A300%2C400%2C500%2C700%7CRoboto+Slab%3A400%2C700&#038;subset=latin%2Clatin-ext&#038;ver=1.1.84' type='text/css' media='all' /> <link rel='stylesheet' id='sccss_style-css' href='https://www.hearst.com.tw/?sccss=1&#038;ver=5.9' type='text/css' media='all' /> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/themes/hestia-pro/inc/addons/assets/js/aos.min.js?ver=1' id='animate-on-scroll-js'></script> <link rel='stylesheet' id='wpb-wl-fancybox-css' href='https://www.hearst.com.tw/wp-content/plugins/woocommerce-lightbox/assets/css/jquery.fancybox.min.css?ver=5.9' type='text/css' media='all' /> <link rel='stylesheet' id='wpb-wl-magnific-popup-css' href='https://www.hearst.com.tw/wp-content/plugins/woocommerce-lightbox/assets/css/magnific-popup.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpb-wl-main-css' href='https://www.hearst.com.tw/wp-content/plugins/woocommerce-lightbox/assets/css/main.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpfront-scroll-top-css' href='https://www.hearst.com.tw/wp-content/plugins/wpfront-scroll-top/css/wpfront-scroll-top.min.css?ver=2.0.7.08086' type='text/css' media='all' /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.hearst.com.tw/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 5.9" /> <meta name="generator" content="WooCommerce 3.5.9" /> <link rel="canonical" href="https://www.hearst.com.tw/showcase-bazaar" /> <link rel='shortlink' href='https://www.hearst.com.tw/showcase-bazaar' /> <link rel='stylesheet' id='2022-new' href='https://www.hearst.com.tw/wp-content/themes/hestia-pro/assets/css/style-2022.css?20220212' type='text/css' media='all' /> <link rel="icon" href="https://www.hearst.com.tw/wp-content/uploads/2018/08/cropped-Hearst_logo-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.hearst.com.tw/wp-content/uploads/2018/08/cropped-Hearst_logo-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.hearst.com.tw/wp-content/uploads/2018/08/cropped-Hearst_logo-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.hearst.com.tw/wp-content/uploads/2018/08/cropped-Hearst_logo-270x270.png" /> <!-- BEGIN ExactMetrics v5.3.8 Universal Analytics - https://exactmetrics.com/ --> <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','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-4080264-16', 'auto'); ga('send', 'pageview'); </script> <!-- END ExactMetrics Universal Analytics --> </head> <style> .sc-title { font-family: "Didot LT STD", Didot; font-size : 72px; line-height: 72px; font-weight: 100; color : #121212; } .sc-subtitle-en { font-family: "Didot LT STD", Didot; font-size: 18px; font-weight : 100; color : #121212; } .bar-pc { position: relative; top: 5px; left: 10px; width: 740px; background-color: #eee; } .sc-subtitle-cn { font-family: "Nunito", "Noto Sans TC"; font-size: 18px; font-weight : 500; color : #121212; } .showcase-section { padding-left:135px; padding-right:135px; max-width: 1230px; margin-right: auto!important; margin-left: auto!important; } .showcase { width: 450px; } .showcase-title { font-size : 18px; font-weight: 500; padding-top: 20px; } .showcase-title a, .sc-btn a { color : #121212; text-decoration: none; } .sc-btn a:hover { color : #fff; } .img-card { min-width: 450px; } .img-showcase { max-width: 100%; min-width: 450px; max-height: 240px; min-height:240px; object-fit: cover; top: 10px; left: -10px; position: relative; } @media only screen and (max-width: 991px) { .sc-title { font-size : 24px; line-height: 24px; } .sc-subtitle-en { padding-top: 10px; font-size: 25px; } .sc-subtitle-cn { font-size: 12px; } .showcase-section { padding-left:20px; padding-right:10px; margin-left: 0px; margin-right: 0px; } .img-card { min-width: auto; } .img-showcase { max-width: 100%; min-width: 100%; max-height: auto; min-height: auto; object-fit: cover; } .top-select { width:auto; font-weight: 700; text-align: center; text-align-last: center; -moz-text-align-last: center; } select { text-align: center; text-align-last: center; -moz-text-align-last: center; } .select-bar-group { width: 100%; } .select-bar { border-bottom: 2px solid #ccc; width: 15px; margin-right: 5px; } #select-bar-active { border-bottom: 2px solid #547ba7 !important; } } </style> <body class="home page-template-default page page-parent logged-in blog-post justify-content-center mx-auto"> <div class="container-fluid " > <div class="row d-flex bg-white px-0"> <header class="main-header"> <style> .navbar-light .navbar-nav .nav-link { color: #777; } .navbar-light .navbar-nav .nav-link:hover { color: #547ba7; } nav { background-color:#fff; } .navbar { max-width:100%; box-shadow: 0 1px 2px -12px rgb(0 0 0 / 42%), 0 3px 2px 0 rgb(0 0 0 / 12%), 0 2px 2px -5px rgb(0 0 0 / 20%); } .navbar a { font-size: 16px; color: #555; font-weight: 700; } .navbar-dark { max-width:100%; background-color:transparent; box-shadow: 0 0; } .navbar-home { max-width:100%; } .navbar-dark a { font-size: 16px; color: rgba(255,255,255,.8) !important; font-weight: 700; } .navbar-light .navbar-toggler { border-color : rgba(0,0,0,0); } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.1rem; } .dropdown-menu { /*margin-top: 0.3em;*/ border-top: 5px solid #547ba7; border-radius: 0; background-color: #000; background-clip: unset; } .dropdown-item { color: #eee !important; } .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { text-decoration: none; color: #547ba7 !important; background-color: #eee; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } .wrapper .header nav{ min-height:auto; } @media only screen and (max-width: 991px) { .navbar { max-width:100%; } .dropdown-menu { /*margin-top: 0.3em;*/ border-top: 0px; } .hestia_right { background-color : #000; width: 100vw; min-width: 100vw; left: -70px; padding-bottom: 30px; position: relative; padding-top: 30px; } .navbar-light .navbar-nav .nav-link { color: #fff; } .navbar a { font-weight: 400; } } </style> <nav class="navbar fixed-top navbar-expand-lg navbar-light ps-5 pe-lg-5 mx-lg-auto mx-0 col-12" style=""> <div class="container-fluid" > <a class="navbar-brand mx-auto" href="https://www.hearst.com.tw/" title="Hearst Taiwan"> <img src="https://www.hearst.com.tw/wp-content/uploads/2018/07/hearst-taiwan.png" alt="Hearst Taiwan" class="d-inline-block align-text-top" id="logo"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse text-lg-end text-center hestia_right" id="navbarNavDropdown"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <li class="nav-item px-3"> <!--<a class="nav-link" title="公司介紹" href="/about-us/">公司介紹</a>--> <a class="nav-link dropdown-toggle" href="/about-us/" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 公司介紹 </a> <ul class="dropdown-menu text-lg-start text-center" aria-labelledby="navbarDropdown"> <li> <a class="nav-link dropdown-item" title="ABOUT HEARST TAIWAN" href="/about-us/">ABOUT HEARST TAIWAN</a> </li> <li> <a class="nav-link dropdown-item" title="HEARST GLOBAL SOLUTIONSY" target="_BLANK" href="https://www.hearstglobalsolutions.com/">HEARST GLOBAL SOLUTIONS</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-item dropdown-toggle" title="HEARST CSR & SUSTAINABILITY" data-bs-toggle="dropdown">CSR & SUSTAINABILITY</a> <ul class="dropdown-menu dropdown-submenu"> <li><a class="dropdown-item" href="/csr/">HEARST TAIWAN CSR PLAN</a></li> <li><a class="dropdown-item" href="/sustainability/">HEARST TAIWAN SUSTAINABILITY PLAN</a></li> </ul> </li> </ul> </li> <li class="nav-item dropdown px-3"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 旗下媒體 </a> <ul class="dropdown-menu text-lg-start text-center" aria-labelledby="navbarDropdown"> <li> <a class="nav-link dropdown-item" title="ELLE FAMILY" href="/our-product-elle/">ELLE FAMILY</a> </li> <li> <a class="nav-link dropdown-item" title="BAZAAR" href="/our-product-bazaar/">BAZAAR</a> </li> <li> <a class="nav-link dropdown-item" title="COSMOPOLITAN" href="/our-product-cosmo/">COSMOPOLITAN</a> </li> <li> <a class="nav-link dropdown-item" title="WOMEN'S HEALTH" href="/our-product-wh/">WOMEN'S HEALTH</a> </li> </ul> </li> <li class="nav-item dropdown px-3"> <a class="nav-link dropdown-toggle" href="/hearstmade/" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 整合行銷服務 </a> <ul class="dropdown-menu text-lg-start text-center" aria-labelledby="navbarDropdown"> <li> <a class="nav-link dropdown-item" title="Hearst Made" href="/hearstmade/">整合行銷服務</a> </li> <li> <a class="nav-link dropdown-item" title="Custom Publishing" href="/custom-publishing-solution/">刊物代編服務</a> </li> <li> <a class="nav-link dropdown-item" title="Digital Marketing" href="/digital-marketing/">數位內容行銷</a> </li> <li> <a class="nav-link dropdown-item" title="Event Marketing" href="/event-marketing/">實體行銷活動</a> </li> <li> <a class="nav-link dropdown-item" title="Government Bids" href="/government-bids/">政府標案執行</a> </li> <li> <a class="nav-link dropdown-item" title="Video Production" href="/video-production/">影片拍攝製作</a> </li> <!-- <li> <a class="nav-link dropdown-item" title="CUSTOM PUBLISHING" href="/custom-publishing/">CUSTOM PUBLISHING</a> </li> <li> <a class="nav-link dropdown-item" title="VIDEO PRODUCTION" href="/video-production/">VIDEO PRODUCTION</a> </li> --> </ul> </li> <li class="nav-item dropdown px-3"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 作品範例 </a> <ul class="dropdown-menu text-lg-start text-center" aria-labelledby="navbarDropdown"> <li> <a class="nav-link dropdown-item" title="ELLE SHOWCASE" href="/showcase-elle/">ELLE</a> </li> <li> <a class="nav-link dropdown-item" title="BAZAAR SHOWCASE" href="/showcase-bazaar/">BAZAAR</a> </li> <li> <a class="nav-link dropdown-item" title="COSMOPOLITAN SHOWCASE" href="/showcase-cosmo/">COSMOPOLITAN</a> </li> <li> <a class="nav-link dropdown-item" title="WOMEN'S HEALTH SHOWCASE" href="/showcase-wh/">WOMEN'S HEALTH</a> </li> </ul> </li> <li class="nav-item ps-lg-3 pe-lg-0 px-3"> <a class="nav-link" title="聯絡我們" href="/contact-us/">聯絡我們</a> </li> </ul> </div> </div> </nav> <script> document.addEventListener("DOMContentLoaded", function(){ if (window.innerWidth > 992) { document.querySelectorAll('.navbar .nav-item').forEach(function(everyitem){ everyitem.addEventListener('mouseover', function(e){ let el_link = this.querySelector('a[data-bs-toggle="dropdown"]'); if(el_link != null){ let nextEl = el_link.nextElementSibling; el_link.classList.add('show'); nextEl.classList.add('show'); } }); everyitem.addEventListener('mouseleave', function(e){ let el_link = this.querySelector('a[data-bs-toggle="dropdown"]'); if(el_link != null){ let nextEl = el_link.nextElementSibling; el_link.classList.remove('show'); nextEl.classList.remove('show'); } }) }); } }); </script> </header> <article> <div class="row pt-5 bg-white showcase-section"> <div class="col-12 pt-lg-5 pt-5 pb-4 mx-0 px-0 d-flex d-lg-block d-none justify-content-lg-start justify-content-center"> <button type="button" class="btn btn-outline-dark sc-btn "><a href="/showcase-elle/">ELLE</a></button> <button type="button" class="btn btn-outline-dark sc-btn sc-btn-active ms-2"><a href="/showcase-bazaar/">BAZAAR</a></button> <button type="button" class="btn btn-outline-dark sc-btn ms-2"><a href="/showcase-cosmo/">COSMOPOLITAN</a></button> <button type="button" class="btn btn-outline-dark sc-btn ms-2"><a href="/showcase-wh/">WOMEN'S HEALTH</a></button> </div> <div class="col-12 pt-4 pb-2 d-flex d-lg-none d-block justify-content-center"> <select class="form-select form-select-sm top-select text-center border-0 fw-border" aria-label="select product" id="change-prod"> <option value="elle" >ELLE</option> <option value="bazaar" selected>BAZAAR</option> <option value="cosmo" >COSMOPOLITAN</option> <option value="wh" >WH</option> </select> </div> <div class="col-12 px-0 py-0 d-flex d-lg-none d-block justify-content-center"> <span class="select-bar" ></span> <span class="select-bar" id="select-bar-active"></span> <span class="select-bar" ></span> <span class="select-bar" ></span> </div> </div> <div class="row py-lg-5 pt-4 pb-2 bg-white showcase-section" > <div class="col-12 sc-title ps-lg-3 d-flex justify-content-lg-start justify-content-center"> <img src="https://www.hearst.com.tw/wp-content/themes/hestia-pro/assets/img/logo_BAZAAR.png"> </div> <div class="col-12 ps-lg-3 pb-3 d-flex"> <div class="row d-none d-lg-block pt-2"> <div class="col-12 d-flex"> <span class="sc-subtitle-en">SHOWCASE</span> <span class="sc-subtitle-cn ps-1 d-none d-lg-block">精選作品</span> <hr class="pb-0 mt-2 d-lg-block d-none bar-pc"> </div> </div> <div class="row d-lg-none d-block"> <div class="col-12"> <div class="sc-subtitle-en">SHOWCASE<br></div> </div> <div class="col-12 d-flex justify-content-left "> <hr class="pb-0 mt-2 d-lg-none d-block bar-mobile"> <span class="sc-subtitle-cn d-lg-none d-block align-top pt-0 ps-1">精選作品</span> </div> </div> </div> </div> <div class="row bg-white pb-5 showcase-section d-flex justify-content-center"> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://www.harpersbazaar.com/tw/life/food/g39597609/bazaar-cafe-x-regent-1920/" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/bazaar-cafe-下午茶-晶華酒店-美好年代-1649235823.jpeg" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://www.harpersbazaar.com/tw/life/food/g39597609/bazaar-cafe-x-regent-1920/" target="_blank" rel="noreferrer noopener"> [品牌活動]BAZAAR Café:Golden Age美好年代 </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://www.harpersbazaar.com/tw/power-of-women/" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-11.08.05.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://www.harpersbazaar.com/tw/power-of-women/" target="_blank" rel="noreferrer noopener"> [內容行銷]Power of Women </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://www.harpersbazaar.com/tw/luxury/jewelryandwatch/a35964121/myfirst-jewelry/" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/03/kv03-1617182408.jpg" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://www.harpersbazaar.com/tw/luxury/jewelryandwatch/a35964121/myfirst-jewelry/" target="_blank" rel="noreferrer noopener"> [特別企劃]新手上路中,精品珠寶的第一次 </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://www.harpersbazaar.com/tw/special-topic/a32326137/bazaar-podcast-why-dont-you/" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-14.30.55.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://www.harpersbazaar.com/tw/special-topic/a32326137/bazaar-podcast-why-dont-you/" target="_blank" rel="noreferrer noopener"> [多媒體影音]BAZAAR podcast:Why Don’t You </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://campaign.hearst.com.tw/web/goldenbell2020-66" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-11.49.27.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://campaign.hearst.com.tw/web/goldenbell2020-66" target="_blank" rel="noreferrer noopener"> [內容行銷]2020演狠大-金鐘獎心理測驗 </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://campaign.hearst.com.tw/web/2020-gma-67" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-11.48.03.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://campaign.hearst.com.tw/web/2020-gma-67" target="_blank" rel="noreferrer noopener"> [內容行銷]2020金曲造起來 </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://campaign.hearst.com.tw/web/BAZAARtipsynight-56" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-11.52.16.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://campaign.hearst.com.tw/web/BAZAARtipsynight-56" target="_blank" rel="noreferrer noopener"> [品牌活動]BAZAAR Summer Jazz 微醺派對 </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://event.hearst.com.tw/2020/gha/" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-11.19.18.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://event.hearst.com.tw/2020/gha/" target="_blank" rel="noreferrer noopener"> [內容行銷]金馬獎57屆全特搜 </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://www.harpersbazaar.com/tw/special-topic/a32928974/bazaar-podcast-love/" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-11.16.09.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://www.harpersbazaar.com/tw/special-topic/a32928974/bazaar-podcast-love/" target="_blank" rel="noreferrer noopener"> [多媒體影音]BAZAAR podcast:愛,聊不聊 </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://event.harpersbazaar.com.tw/2020/bazaar30th/" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-11.09.49.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://event.harpersbazaar.com.tw/2020/bazaar30th/" target="_blank" rel="noreferrer noopener"> [品牌活動] BAZAAR 30週年特別企劃:Why Don&#8217;t You </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://campaign.hearst.com.tw/web/bazaarcafe2019-20" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/03/bazaar-cafe.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://campaign.hearst.com.tw/web/bazaarcafe2019-20" target="_blank" rel="noreferrer noopener"> [品牌活動]BAZAAR Cafe Why Don’t You主題展 </a> </div> </div> </div> <div class="col-lg-6 col-12 ps-lg-4 pe-lg-5"> <div class="row"> <div class="col-12 px-0 img-card border border-dark"> <a href="https://event.hearst.com.tw/2019/gha/" target="_blank" rel="noreferrer noopener"> <img src="https://www.hearst.com.tw/wp-content/uploads/2022/08/截圖-2022-08-23-11.05.22.png" class="img-lg-100 img-showcase img-fluid wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="col-12 px-0 pb-5 showcase-title text-center"> <a href="https://event.hearst.com.tw/2019/gha/" target="_blank" rel="noreferrer noopener"> [內容行銷]金馬獎第56屆全特搜 </a> </div> </div> </div> </div> </article> </div> <footer class="footer bg-black row d-flex justify-content-center py-4" style=" min-height:100px;"> <div class="col-lg-3 col-12 text-lg-end text-center ms-lg-5 ps-lg-5"> <a href="/home" rel="nofollow"><img width="120" src="https://www.hearst.com.tw/wp-content/uploads/2018/08/footer-logo_hearst.png"></a> </div> <div class="col-lg-8 d-none d-lg-block col-12 text-start text-white align-middle" style="font-size:13px;"> <div class="row align-text-bottom pt-1"> <div class="col-12"> <a class="text-white text-decoration-none" href="https://www.104.com.tw/jobbank/custjob/index.php?r=cust&amp;j=3c6042275a6c3f6948323c1d1d1d1d5f2443a363189j99" target="_blank">徵才訊息</a> | <a class="text-white text-decoration-none" href="/santi_corruption_policy">反貪腐政策</a> | <a class="text-white text-decoration-none" href="/privacy_policy">隱私權條款</a> </div> <div class="col-12"> <div id="footer-menu-text">© 2024 All Rights Reserved.Developed by HEARST MAGAZINES TAIWAN 台灣赫斯特媒體股份有限公司 </div> </div> </div> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.3.2.js"></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/woocommerce-lightbox/assets/js/jquery.fancybox.min.js?ver=3.5.7' id='wpb-wl-fancybox-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/woocommerce-lightbox/assets/js/jquery.magnific-popup.min.js?ver=1.0' id='wpb-wl-magnific-popup-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/woocommerce-lightbox/assets/js/main.js?ver=1.0' id='wpb-wl-plugin-main-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70' id='jquery-blockui-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=3.5.9' id='woocommerce-js'></script> <script type="text/javascript" src="https://www.hearst.com.tw/wp-content/plugins/wpfront-scroll-top/js/wpfront-scroll-top.min.js?ver=2.0.7.08086" id="wpfront-scroll-top-js" async="async" defer="defer"></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/google-analytics-dashboard-for-wp/lite/assets/vue/js/chunk-frontend-vendors.js?ver=7.3.2' id='exactmetrics-vue-vendors-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/google-analytics-dashboard-for-wp/lite/assets/vue/js/chunk-common.js?ver=7.3.2' id='exactmetrics-vue-common-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/google-analytics-dashboard-for-wp/lite/assets/vue/js/frontend.js?ver=7.3.2' id='exactmetrics-vue-frontend-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-includes/js/comment-reply.min.js?ver=5.9' id='comment-reply-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/themes/hestia-pro/assets/bootstrap/js/bootstrap.min.js?ver=1.0.1' id='jquery-bootstrap-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/themes/hestia-pro/assets/js/material.js?ver=1.0.1' id='jquery-hestia-material-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-includes/js/jquery/ui/core.min.js?ver=1.13.0' id='jquery-ui-core-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/themes/hestia-pro/assets/js/scripts.js?ver=1.1.84' id='hestia_scripts-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/woo-product-slider-and-carousel-with-category/assets/js/slick.min.js?ver=2.6.3.1' id='wpos-slick-jquery-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/woo-product-slider-and-carousel-with-category/assets/js/public.js?ver=2.6.3.1' id='wcpscwc-public-jquery-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/elementor-pro-master/assets/lib/sticky/jquery.sticky.min.js?ver=2.1.5' id='elementor-sticky-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/elementor-pro-master/assets/js/frontend.min.js?ver=2.1.5' id='elementor-pro-frontend-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.4.1' id='elementor-dialog-js'></script> <script type='text/javascript' src='https://www.hearst.com.tw/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2' id='elementor-waypoints-js'></script> </div> <script> $(function(){ $('#change-prod').on('change', function () { var prod = $(this).val(); if (prod) { window.location = "/showcase-"+prod; } return false; }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10