/*!
@build with webpack
------------------------------
project : chuchupepper
author  : tenthree <ten.three@hotmail.com>
branch  : master
commit  : b969fb6
file:   : css/app.css
hash    : 4d002a3155f07b7c1781
chunk   : 64ad61de772d128b33f7
update  : 2019-12-26 11:36:10
------------------------------
*/body,html{margin:0;padding:0}html{font:normal 100%/150% Montserrat,"Noto Serif TC",Noto Sans TC,sans-serif}body{position:relative;margin:0;padding:0;width:100%;height:auto;color:#1a1a1a;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{margin:0;font-size:1em;font-weight:400}menu,ol,ul{list-style:none;margin:0;padding:0}button{background:transparent;border:none;outline:none}a{color:inherit;text-decoration:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:after{content:"";display:table;clear:both}.app{position:relative;width:100%;min-height:100vh}.the-svg-inline-resource[data-v-00963b94]{display:none;position:fixed;width:0;height:0;opacity:0;overflow:hidden}.the-udn-logo{z-index:8;display:block;position:absolute;top:0;left:0;margin:0;padding:10px;text-align:center;line-height:1em}.the-udn-logo:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}@media only screen and (min-width:520px){.the-udn-logo{padding:25px}}.the-udn-logo__text{display:none}.the-udn-logo__link{display:inline-block;text-decoration:none;vertical-align:middle;cursor:pointer}.the-udn-logo i{font-size:2.125em;margin:0}@media only screen and (min-width:520px){.the-udn-logo i{font-size:3em}}.the-overlay{position:fixed}.the-overlay,.the-overlay:before{top:0;left:0;width:100%;height:100%}.the-overlay:before{content:"";display:block;position:absolute;background:rgba(0,0,0,.6)}.the-overlay--visible{opacity:1}.the-overlay-enter{opacity:0}.the-overlay-enter-active{-webkit-transition:opacity .4s;transition:opacity .4s}.the-overlay-enter-to,.the-overlay-leave{opacity:1}.the-overlay-leave-active{-webkit-transition:opacity .4s;transition:opacity .4s}.the-overlay-leave-to{opacity:0}.the-slide-menu{position:fixed;top:0;bottom:0;right:0;width:80%;max-width:280px;height:100%;background:#fff;-webkit-box-shadow:-4px 0 8px -6px rgba(0,0,0,.4);box-shadow:-4px 0 8px -6px rgba(0,0,0,.4);-webkit-backface-visibility:hidden;backface-visibility:hidden}.the-slide-menu__head{position:relative;padding-top:100px}.the-slide-menu__body{position:absolute;top:158px;bottom:0;width:100%;overflow:auto}.the-slide-menu__title{position:relative;width:159px;height:38px}.the-slide-menu__title:before{content:"";display:block;width:100%;height:0;padding-top:23.8993710692%}.the-slide-menu__title-bg,.the-slide-menu__title-text{position:absolute;top:0;left:0;width:100%;height:100%}.the-slide-menu__title-text{color:#fff;font-family:Montserrat,Noto Sans TC,sans-serif;text-indent:1.75em;letter-spacing:.1em;line-height:32px}.the-slide-menu__link-btn{display:block;position:relative;width:100%;padding:12px 0}.the-slide-menu__link-btn:after{content:"";display:block;position:absolute;top:50%;left:0;width:40px;height:5px;background:#ddd;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.the-slide-menu__link-btn:active{padding:13px 0 11px 0}.the-slide-menu__link-label{display:inline-block;margin-left:52px;color:#999;font-size:1.125em}.the-slide-menu__link-btn--active:after{background:#000}.the-slide-menu__link-btn--active .the-slide-menu__link-label{color:#1a1a1a}.the-slide-menu-enter-active,.the-slide-menu-leave-active{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.the-slide-menu-enter,.the-slide-menu-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.the-slide-menu-enter-to,.the-slide-menu-leave{-webkit-transform:translateX(0);transform:translateX(0)}.desktop .the-slide-menu__link-btn:hover:after{background:#000;-webkit-transition:background .3s;transition:background .3s}.desktop .the-slide-menu__link-btn:hover .the-slide-menu__link-label{color:#1a1a1a;-webkit-transition:color .3s;transition:color .3s}.the-menu{z-index:9;position:absolute;top:0;right:0;padding:10px 15px;font:normal 100%/150% Montserrat,Noto Sans TC,sans-serif}@media only screen and (min-width:760px){.the-menu{position:fixed;width:70px;height:100%;padding:25px 0;background:#fff;border-left:1px solid #1a1a1a}}.the-menu .the-overlay{z-index:1}.the-menu .the-slide-menu{z-index:2}.the-menu__item{display:block;position:relative;height:36px}@media only screen and (min-width:760px){.the-menu__item{height:auto}}.the-menu__item+.the-menu__item{margin-top:14px}@media only screen and (min-width:760px){.the-menu__item+.the-menu__item{margin-top:22px}}.the-menu__btn{display:block;width:36px;height:36px;padding:0;background:#222;border:1px solid #222;border-radius:50%;text-align:center;overflow:hidden;cursor:pointer}.the-menu__btn:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}@media only screen and (min-width:760px){.the-menu__btn{margin:0 auto}}.the-menu__btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.the-menu__btn--hamburger{z-index:3;position:fixed;top:10px;right:15px;overflow:visible}@media only screen and (min-width:760px){.the-menu__btn--hamburger{position:relative;top:auto;right:auto}}.the-menu__icon{display:inline-block;position:relative}.the-menu__icon.svg-symbol{color:#fff}@-webkit-keyframes hamburger{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes hamburger{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes hamburger-top{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}to{-webkit-transform:translateY(-200%) rotate(0);transform:translateY(-200%) rotate(0)}}@keyframes hamburger-top{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}to{-webkit-transform:translateY(-200%) rotate(0);transform:translateY(-200%) rotate(0)}}@-webkit-keyframes hamburger-bottom{0%{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}to{-webkit-transform:translateY(200%) rotate(0);transform:translateY(200%) rotate(0)}}@keyframes hamburger-bottom{0%{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}to{-webkit-transform:translateY(200%) rotate(0);transform:translateY(200%) rotate(0)}}.the-menu__icon--hamburger{display:inline-block;position:relative;width:15px;height:2px;background:#fff;vertical-align:middle;-webkit-animation:hamburger .3s forwards;animation:hamburger .3s forwards}.the-menu__icon--hamburger:after,.the-menu__icon--hamburger:before{content:"";display:block;position:absolute;width:100%;height:100%;background:inherit;-webkit-transform-origin:center center;transform-origin:center center}.the-menu__icon--hamburger:before{-webkit-transform:translateY(-200%);transform:translateY(-200%);-webkit-animation:hamburger-top .3s forwards;animation:hamburger-top .3s forwards}.the-menu__icon--hamburger:after{-webkit-transform:translateY(200%);transform:translateY(200%);-webkit-animation:hamburger-bottom .3s forwards;animation:hamburger-bottom .3s forwards}.the-menu__icon--hamburger-no-animation,.the-menu__icon--hamburger-no-animation:after,.the-menu__icon--hamburger-no-animation:before{-webkit-animation-duration:0s!important;animation-duration:0s!important}@-webkit-keyframes close{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}}@keyframes close{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}}@-webkit-keyframes close-left{0%{-webkit-transform:translateY(-200%) rotate(0);transform:translateY(-200%) rotate(0)}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}to{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@keyframes close-left{0%{-webkit-transform:translateY(-200%) rotate(0);transform:translateY(-200%) rotate(0)}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}to{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@-webkit-keyframes close-right{0%{-webkit-transform:translateY(-200%) rotate(0);transform:translateY(-200%) rotate(0)}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}to{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}}@keyframes close-right{0%{-webkit-transform:translateY(-200%) rotate(0);transform:translateY(-200%) rotate(0)}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}to{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}}.the-menu__icon--hamburger-close{-webkit-animation:close .3s forwards;animation:close .3s forwards}.the-menu__icon--hamburger-close:before{-webkit-animation:close-left .3s forwards;animation:close-left .3s forwards}.the-menu__icon--hamburger-close:after{-webkit-animation:close-right .3s forwards;animation:close-right .3s forwards}.the-menu__title{display:none}@media only screen and (min-width:760px){.the-menu__title{display:block;position:absolute;bottom:50px;left:50%;color:#1a1a1a;font-size:.9375em;white-space:nowrap;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translate(-100%) rotate(90deg);transform:translate(-100%) rotate(90deg)}}.the-footer{z-index:1;padding:40px 0;font:normal 100%/150% Montserrat,Noto Sans TC,sans-serif;text-align:center}@media only screen and (min-width:760px){.the-footer{padding-right:70px}}.the-footer__copyright{display:block;color:#231815;font-size:.75em;line-break:1.5em}@media only screen and (min-width:520px){.the-footer__copyright{display:inline-block;font-size:.875em}}@media only screen and (min-width:760px){.the-footer__copyright{display:inline-block;font-size:.875em}}.the-footer__copyright+.the-footer__copyright{margin-top:10px}@media only screen and (min-width:520px){.the-footer__copyright+.the-footer__copyright{margin-top:0;margin-left:.25em}}.app{background:url(../images/background-dot.png) repeat 0 0}.pepper-scene{z-index:2;position:relative;width:100%;min-height:0;top:1px;background:#6a80d3}.pepper-scene__bg-dot{margin-top:-1px;background:url(../images/background-dot.png) repeat 0 0;border-top:1px solid #fff}.pepper-scene__logotype{z-index:3;display:block;position:relative;width:77%;margin:55px auto 17px auto}.pepper-scene__logotype:before{content:"";display:block;width:100%;height:0;padding-top:70.8502024291%}@media only screen and (min-width:520px){.pepper-scene__logotype{width:77.5%;margin:120px auto 34px auto}}@media only screen and (min-width:760px){.pepper-scene__logotype{width:61.31%;margin:84px auto 23px auto}}@media only screen and (min-width:960px){.pepper-scene__logotype{position:absolute;top:109px;left:4.8%;width:41.35%;margin:0}}@media only screen and (min-width:1440px){.pepper-scene__logotype{left:14.58%;width:32.65%}}.pepper-scene__logotype .svg-symbol{position:absolute;top:0;left:0}.pepper-scene__scenario{z-index:1;position:relative;top:1px;overflow:hidden}@media only screen and (min-width:960px){.pepper-scene__scenario{padding:158px 0 50px 0}}@media only screen and (min-width:1440px){.pepper-scene__scenario{padding:110px 0 50px 0}}.pepper-scene__background,.pepper-scene__foreground{position:absolute;width:100%}.pepper-scene__background:before,.pepper-scene__foreground:before{content:"";display:block;width:100%;height:0;padding-top:23.75%}@media only screen and (min-width:960px){.pepper-scene__background,.pepper-scene__foreground{width:108%}}.pepper-scene__background .svg-symbol,.pepper-scene__foreground .svg-symbol{position:absolute;top:0;left:0}.pepper-scene__background{bottom:25px}@media only screen and (min-width:960px){.pepper-scene__background{bottom:55px}}@media only screen and (min-width:1440px){.pepper-scene__background{bottom:-50px}}.pepper-scene__foreground{bottom:0}@media only screen and (min-width:1440px){.pepper-scene__foreground{bottom:-105px}}.pepper-scene__portrait{position:relative;width:75%;margin:0 auto;background:url(../images/chuchupepper-pic.png) no-repeat 50%/contain}.pepper-scene__portrait:before{content:"";display:block;width:100%;height:0;padding-top:118.7234042553%}@media only screen and (min-width:520px){.pepper-scene__portrait{width:59.07%}}@media only screen and (min-width:960px){.pepper-scene__portrait{width:46.77%;left:23%}}@media only screen and (min-width:1440px){.pepper-scene__portrait{width:43.61%;left:20%}}.pepper-scene__scroll{z-index:2;position:absolute;left:50%;bottom:70px;width:60px;margin-left:-30px;color:#fff;text-align:center;background:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media only screen and (min-width:1660px){.pepper-scene__scroll{position:fixed;bottom:60px;margin-left:-65px}}.pepper-scene__scroll:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.pepper-scene__scroll-label{font-size:.875em}.pepper-scene__scroll-dot{width:2px;height:2px;margin:4px auto 0 auto;background:#fff;border-radius:50%}.pepper-scene__scroll-dot+.pepper-scene__scroll-dot+.pepper-scene__scroll-dot+.pepper-scene__scroll-dot{display:none}@media only screen and (min-width:375px){.pepper-scene__scroll-dot+.pepper-scene__scroll-dot+.pepper-scene__scroll-dot+.pepper-scene__scroll-dot{display:block}}.pepper-scene__scroll-arrow{width:0;height:0;margin:8px auto 0 auto;border:6px solid transparent;border-bottom:none;border-top:7px solid #fff}.mobile .pepper-scene{min-height:100vh}.narrow-desktop .pepper-scene__scenario{margin-top:-158px}.narrow-desktop .pepper-scene__logotype{-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:translate(10%,-50px) scale(.7);transform:translate(10%,-50px) scale(.7)}.narrow-desktop .pepper-scene__portrait{-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:translate(-10%,-70px) scale(.75);transform:translate(-10%,-70px) scale(.75)}.narrow-desktop .pepper-scene__scroll{position:fixed;bottom:30px;margin-left:-65px}.over-screenline .pepper-scene__scroll{display:none}.section-label{position:relative;text-align:center}.section-label:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.section-label__title{display:inline-block;position:relative;height:44px;color:#fafafa;font-size:1.5em;font-weight:700;letter-spacing:.15em}.section-label__title:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}@media only screen and (min-width:520px){.section-label__title{height:52px;font-size:2.25em;line-height:1em;letter-spacing:.1em}}@media only screen and (min-width:1440px){.section-label__title{font-size:2.5em;line-height:.9em}}.section-label__title:after{content:"";display:block;position:absolute;top:50%;left:-9px;right:-9px;height:50%;background:#e4007f}.section-label__text{z-index:1;position:relative;vertical-align:middle}.outlines-button{display:inline-block;position:relative;min-width:143px;height:41px;padding:0 28px;color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out;cursor:pointer}.outlines-button:after,.outlines-button:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:border-color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:border-color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:border-color .3s ease-in-out,transform .3s ease-in-out;transition:border-color .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.outlines-button:before{border:1px solid #e4007f;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.outlines-button:after{border:1px solid #1a1a1a;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.outlines-button:active{color:#e4007f;-webkit-transform:translateY(2px);transform:translateY(2px)}.outlines-button:active:before{border:1px solid #1a1a1a;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.outlines-button:active:after{border:1px solid #e4007f;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.outlines-button__text{display:inline-block;width:100%;height:100%;font-size:1em;font-weight:700;line-height:1.875em;text-decoration:none}.outlines-button__text:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.desktop .outlines-button:hover{color:#e4007f}.desktop .outlines-button:hover:before{border:1px solid #1a1a1a;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.desktop .outlines-button:hover:after{border:1px solid #e4007f;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.pepper-topic{z-index:3;position:relative;min-height:100vh;padding-bottom:80px;background:#6a80d3}@media only screen and (min-width:520px){.pepper-topic{padding-bottom:100px}}@media only screen and (min-width:760px){.pepper-topic{padding-bottom:125px}}@media only screen and (min-width:960px){.pepper-topic{padding-bottom:100px}}@media only screen and (min-width:1440px){.pepper-topic{padding-bottom:125px}}.pepper-topic:before{content:"";display:block;position:absolute;top:0;right:0;width:150%;border:1px solid #fff;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (min-width:520px){.pepper-topic__headline{width:520px;margin:0 auto}}@media only screen and (min-width:960px){.pepper-topic__headline{width:850px}}@media only screen and (min-width:1440px){.pepper-topic__headline{width:1290px}}.pepper-topic__headline .pepper-topic__item{margin-top:46px}@media only screen and (min-width:520px){.pepper-topic__headline .pepper-topic__item{margin-top:57px}}@media only screen and (min-width:760px){.pepper-topic__headline .pepper-topic__item{margin-top:57px}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item{margin-top:40px}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item{margin-top:200px}}.pepper-topic__headline .pepper-topic__item:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:160px;background:#e4007f}@media only screen and (min-width:520px){.pepper-topic__headline .pepper-topic__item:before{height:220px}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:before{width:131px;height:100%}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item:before{width:210px;margin-top:-30px}}.pepper-topic__headline .pepper-topic__item:first-child{margin-top:51px}@media only screen and (min-width:520px){.pepper-topic__headline .pepper-topic__item:first-child{margin-top:70px}}@media only screen and (min-width:760px){.pepper-topic__headline .pepper-topic__item:first-child{margin-top:73px}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:first-child{margin-top:67px}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item:first-child{margin-top:145px}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item .pepper-topic__photo{width:54.55%}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item .pepper-topic__photo{top:-66px;width:53.15%}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item .pepper-topic__overview{width:45.45%;height:100%;padding:5px 0}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item .pepper-topic__overview{padding:75px 0 60px 0;width:46.85%}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item .pepper-topic__detail .outlines-button{position:absolute;bottom:40px}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item .pepper-topic__detail .outlines-button{bottom:66px}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:nth-child(odd) .pepper-topic__photo{float:left}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:nth-child(odd) .pepper-topic__overview{float:right;padding-left:25px}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item:nth-child(odd) .pepper-topic__overview{padding-left:90px}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:nth-child(odd) .pepper-topic__detail .outlines-button{right:40px}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item:nth-child(odd) .pepper-topic__detail .outlines-button{right:78px}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item:nth-child(2n){left:75px}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:nth-child(2n):before{left:auto;right:0}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:nth-child(2n) .pepper-topic__photo{float:right}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:nth-child(2n) .pepper-topic__overview{float:left;padding-right:25px}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item:nth-child(2n) .pepper-topic__overview{padding-right:90px}}@media only screen and (min-width:960px){.pepper-topic__headline .pepper-topic__item:nth-child(2n) .pepper-topic__detail .outlines-button{right:54.55%;margin-right:25px}}@media only screen and (min-width:1440px){.pepper-topic__headline .pepper-topic__item:nth-child(2n) .pepper-topic__detail .outlines-button{right:53.15%;margin-right:90px}}.pepper-topic__rest{position:relative}@media only screen and (min-width:520px){.pepper-topic__rest{width:520px;margin:0 auto}}.pepper-topic__rest:before{content:"";display:block;position:absolute;top:-30px;bottom:-30px;width:50%;background:#e4007f}.pepper-topic__rest .pepper-topic__item{margin-top:56px}.pepper-topic__item{position:relative;background:url(../images/background-dot.png) repeat 0 0}.pepper-topic__content{position:relative;top:-12px;padding:0 12px}@media only screen and (min-width:520px){.pepper-topic__content{top:-17px;padding:0 36px}}@media only screen and (min-width:960px){.pepper-topic__content{top:auto;padding:40px}}@media only screen and (min-width:1440px){.pepper-topic__content{padding:0 78px;min-height:478px}}.pepper-topic__photo{position:relative;background:#f1f1f1 no-repeat top/cover}.pepper-topic__photo:before{content:"";display:block;width:100%;height:0;padding-top:75%}.pepper-topic__overview{padding:28px 18px 31px 18px;color:#1a1a1a}@media only screen and (min-width:520px){.pepper-topic__overview{padding:31px 8px}}.pepper-topic__title span{display:block;color:#1a1a1a;font-size:1.25em;font-weight:700;line-height:1.2em;letter-spacing:.1em}@media only screen and (min-width:520px){.pepper-topic__title span{font-size:1.5em;line-height:1.25em;letter-spacing:.1em}}@media only screen and (min-width:760px){.pepper-topic__title span{font-size:1.875em;line-height:1.2em;letter-spacing:.1em}}@media only screen and (min-width:960px){.pepper-topic__title span{font-size:1.5em;line-height:1.5em;letter-spacing:.1em}}@media only screen and (min-width:1440px){.pepper-topic__title span{font-size:1.875em;line-height:1.2em;letter-spacing:.1em}}.pepper-topic__title span:first-child{color:#e4007f;font-size:1em;line-height:2.25em}@media only screen and (min-width:520px){.pepper-topic__title span:first-child{font-size:1.125em;line-height:2em}}@media only screen and (min-width:760px){.pepper-topic__title span:first-child{font-size:1.25em;line-height:1.5em}}@media only screen and (min-width:960px){.pepper-topic__title span:first-child{font-size:1.125em;line-height:1.667em}}@media only screen and (min-width:1440px){.pepper-topic__title span:first-child{font-size:1.375em;line-height:1.363em}}.pepper-topic__title span+span{margin-top:-2px}@media only screen and (min-width:520px){.pepper-topic__title span+span{margin-top:0}}@media only screen and (min-width:760px){.pepper-topic__title span+span{margin-top:5px}}@media only screen and (min-width:960px){.pepper-topic__title span+span{margin-top:-3px}}@media only screen and (min-width:1440px){.pepper-topic__title span+span{margin-top:7px}}.pepper-topic__summary{margin-top:20px;font-size:.875em;font-weight:700;text-align:justify;text-justify:inter-word;line-height:1.714em;letter-spacing:.1em}@media only screen and (min-width:520px){.pepper-topic__summary{font-size:1em;line-height:1.714em;letter-spacing:.1em}}@media only screen and (min-width:760px){.pepper-topic__summary{margin-top:13px;font-size:1.125em;line-height:1.667em;letter-spacing:.1em}}@media only screen and (min-width:960px){.pepper-topic__summary{margin-top:16px;font-size:1em;line-height:1.5em;letter-spacing:.1em;max-height:9em;overflow:hidden}}@media only screen and (min-width:1440px){.pepper-topic__summary{margin-top:30px;font-size:1.125em;line-height:1.667em;letter-spacing:.1em;max-height:8em}}.pepper-topic__detail{width:100%;margin-top:32px;text-align:center}.pepper-topic__detail:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.pepper-topic__detail .outlines-button{vertical-align:middle}@media only screen and (min-width:1440px){.pepper-topic__detail .outlines-button{width:160px;height:45px}}@media only screen and (min-width:1440px){.pepper-topic__detail .outlines-button__text{font-size:1.125em}}.keyword-tags-chart{position:relative;width:100%;height:100%;font:normal 100%/150% Montserrat,Noto Sans TC,sans-serif}.keyword-tags-chart__linker{position:absolute;top:0;left:0;opacity:0;cursor:pointer}.keyword-tags-chart__chart{min-width:400px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.keyword-tags-chart__chart,.keyword-tags-chart__chart svg{position:absolute;width:100%;height:100%}.keyword-tags-chart__chart .tag{cursor:pointer}.keyword-tags-chart__chart .tag-name{font-size:1em;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@media only screen and (min-width:520px){.keyword-tags-chart__chart .tag-name{font-size:.75em}}@media only screen and (min-width:760px){.keyword-tags-chart__chart .tag-name{font-size:.65em}}@media only screen and (min-width:960px){.keyword-tags-chart__chart .tag-name{font-size:.5em}}.keyword-tags-chart__chart .tag-keyword{font-size:1.15em;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@media only screen and (min-width:520px){.keyword-tags-chart__chart .tag-keyword{font-size:1em}}@media only screen and (min-width:760px){.keyword-tags-chart__chart .tag-keyword{font-size:.8em}}@media only screen and (min-width:960px){.keyword-tags-chart__chart .tag-keyword{font-size:.65em}}@media only screen and (min-width:1440px){.keyword-tags-chart__chart .tag-keyword{font-size:.5em}}.pepper-news{z-index:4;position:relative;min-height:100vh;margin-top:-1px}.pepper-news .section-label{margin-bottom:-1px;background:#6a80d3}.pepper-news__wave{z-index:-1;position:relative;width:100%}.pepper-news__wave:before{content:"";display:block;width:100%;height:0;padding-top:22.7722772277%}@media only screen and (min-width:760px){.pepper-news__wave{margin-top:-10px}}@media only screen and (min-width:960px){.pepper-news__wave{margin-top:-30px}}@media only screen and (min-width:1440px){.pepper-news__wave{margin-top:-80px}}.pepper-news__wave .svg-symbol{position:absolute;top:0;left:0}.pepper-news__chart{position:relative;max-width:1360px;min-height:300px;max-height:650px;margin:-30px auto 0 auto;overflow:hidden}.pepper-news__chart:before{content:"";display:block;width:100%;height:0;padding-top:75%}@media only screen and (min-width:520px){.pepper-news__chart{margin-top:-45px}}@media only screen and (min-width:760px){.pepper-news__chart{margin-top:-55px}}@media only screen and (min-width:960px){.pepper-news__chart{margin-top:-70px}}@media only screen and (min-width:1440px){.pepper-news__chart{margin-top:-100px}}.pepper-news__chart-loading{position:absolute;top:50%;left:50%;width:60px;height:60px;color:#e4007f;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pepper-news__chart .keyword-tags-chart{position:absolute;top:0;left:0;width:100%;height:100%}.pepper-news__guide{margin:0 22px;color:#1a1a1a;text-align:justify;text-justify:inter-word}@media only screen and (min-width:520px){.pepper-news__guide{width:90%;max-width:600px;margin:0 auto}}@media only screen and (min-width:960px){.pepper-news__guide{max-width:780px}}.pepper-news__guide-text{display:block;font-size:.875em;font-weight:700;line-height:2.143em}@media only screen and (min-width:960px){.pepper-news__guide-text{font-size:1em;line-break:1.875em}}.pepper-news__list{margin-top:60px;padding:0 10px}@media only screen and (min-width:520px){.pepper-news__list{width:520px;margin:63px auto 0 auto;padding:0}}@media only screen and (min-width:760px){.pepper-news__list{margin-top:67px;padding:0 42px 0 0}}@media only screen and (min-width:960px){.pepper-news__list{width:850px;margin-top:80px;padding:0;padding:0 60px 0 0}}@media only screen and (min-width:1440px){.pepper-news__list{width:1290px;margin-top:120px;padding:0 105px 0 0}}.pepper-news__item{display:block;position:relative;color:#1a1a1a}.pepper-news__item:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}@media only screen and (min-width:760px){.pepper-news__item{display:inline-block;width:50%;vertical-align:top}.pepper-news__item:before{content:normal;width:auto;height:auto}}@media only screen and (min-width:960px){.pepper-news__item{width:25%}}.pepper-news__item:active{color:#e4007f}@media only screen and (min-width:760px){.pepper-news__item:nth-child(2n){right:-42px}}@media only screen and (min-width:960px){.pepper-news__item:nth-child(2n){right:auto}}.pepper-news__item+.pepper-news__item{margin-top:30px}@media only screen and (min-width:760px){.pepper-news__item+.pepper-news__item{margin-top:0}}@media only screen and (min-width:960px){.pepper-news__item+.pepper-news__item{right:-20px}}@media only screen and (min-width:1440px){.pepper-news__item+.pepper-news__item{right:-35px}}@media only screen and (min-width:760px){.pepper-news__item+.pepper-news__item+.pepper-news__item{margin-top:44px}}@media only screen and (min-width:960px){.pepper-news__item+.pepper-news__item+.pepper-news__item{right:-40px;margin-top:0}}@media only screen and (min-width:1440px){.pepper-news__item+.pepper-news__item+.pepper-news__item{right:-70px}}@media only screen and (min-width:960px){.pepper-news__item+.pepper-news__item+.pepper-news__item+.pepper-news__item{right:-60px}}@media only screen and (min-width:1440px){.pepper-news__item+.pepper-news__item+.pepper-news__item+.pepper-news__item{right:-105px}}.pepper-news__photo{display:inline-block;width:37.5%;vertical-align:top;background:#f1f1f1 no-repeat top/cover}.pepper-news__photo:before{content:"";display:block;width:100%;height:0;padding-top:75%}@media only screen and (min-width:520px){.pepper-news__photo{width:34.62%}}@media only screen and (min-width:760px){.pepper-news__photo{display:block;width:auto}}.pepper-news__overview{display:inline-block;width:62.5%;padding:0 0 0 10px;vertical-align:top}@media only screen and (min-width:520px){.pepper-news__overview{width:65.38%;padding:0 0 0 15px}}@media only screen and (min-width:760px){.pepper-news__overview{display:block;width:auto;padding:0}}.pepper-news__datetime{font-size:.875em;font-weight:500;line-height:1em;letter-spacing:.1em}@media only screen and (min-width:520px){.pepper-news__datetime{font-size:1em}}@media only screen and (min-width:760px){.pepper-news__datetime{display:block;margin-top:23px}}@media only screen and (min-width:1440px){.pepper-news__datetime{margin-top:33px}}.pepper-news__title{margin-top:13px;font-size:1em;font-weight:700;line-height:1.5em;letter-spacing:.1em;text-align:justify;text-justify:inter-word}@media only screen and (min-width:520px){.pepper-news__title{font-size:1.125em;line-height:1.667em}}@media only screen and (min-width:1440px){.pepper-news__title{margin-top:10px}}.pepper-news__more{padding:55px 0 70px 0;text-align:center}@media only screen and (min-width:1440px){.pepper-news__more{padding:55px 0 120px 0}}.pepper-news .outlines-button{width:200px;height:45px}.desktop .pepper-news .pepper-news__item:hover{color:#e4007f}.desktop .pepper-news .pepper-news__item:active{color:#e4007f;-webkit-transform:translateY(2px);transform:translateY(2px)}.pepper-trend{position:relative;z-index:5}.pepper-trend .section-label__title{color:#1a1a1a}.pepper-trend__loading{display:block;position:absolute;top:50%;left:50%;color:#e4007f;width:60px;height:60px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pepper-trend__chart{width:100%;max-width:1360px;height:500px;font:normal 100%/150% Montserrat,Noto Sans TC,sans-serif}@media only screen and (min-width:520px){.pepper-trend__chart{width:98%;margin:50px auto 0 auto}}.pepper-trend__guide{margin:0 22px;color:#1a1a1a}@media only screen and (min-width:520px){.pepper-trend__guide{width:90%;max-width:450px;margin:0 auto}}@media only screen and (min-width:960px){.pepper-trend__guide{max-width:500px}}.pepper-trend__guide-text{display:block;font-size:.875em;font-weight:700;line-height:2.143em}@media only screen and (min-width:960px){.pepper-trend__guide-text{font-size:1em;line-break:1.875em}}.the-comments{position:relative;margin:50px 10px 0 10px;min-height:200px}@media only screen and (min-width:520px){.the-comments{margin:50px 30px 0 30px}}@media only screen and (min-width:760px){.the-comments{margin:60px 50px 0 50px}}@media only screen and (min-width:960px){.the-comments{max-width:800px;margin:60px auto 0 auto}}@media only screen and (min-width:1440px){.the-comments{max-width:960px}}.the-comments__loading{position:absolute;top:50%;left:50%;width:60px;height:60px;color:#e4007f;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (min-width:760px){.home{padding-right:70px}}.svg-symbol{width:100%;height:100%;color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.svg-symbol svg{display:block;width:100%;height:100%;fill:currentColor;overflow:hidden}