/*!
@build with webpack
------------------------------
project : election2020-youth
author  : tenthree <ten.three@hotmail.com>
branch  : develop
commit  : af59bf2
file:   : css/app.css
hash    : 78296da7622b23db54a5
chunk   : 60dabd2b817a1ebc8d01
update  : 2019-12-26 11:16:51
------------------------------
*/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}p{margin:0}menu,ol,ul{list-style:none}button,menu,ol,ul{margin:0;padding:0}button{background:transparent;border:none;outline:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:1px}*,: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}.spinner{color:#e9a8a2}.the-svg-inline-resource[data-v-05c52509]{position:fixed;width:0;height:0;opacity:0;overflow:hidden;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.the-udn-logo{z-index:6;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:7;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)}}.fade-enter-active,.fade-leave-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:height,opacity;transition-property:height,opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;overflow:hidden}.fade-enter,.fade-leave-active{opacity:0}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:height,opacity,-webkit-transform;transition-property:height,opacity,-webkit-transform;transition-property:height,opacity,transform;transition-property:height,opacity,transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.55,0,.1,1);transition-timing-function:cubic-bezier(.55,0,.1,1);overflow:hidden}.slide-left-enter,.slide-right-leave-active{opacity:0;-webkit-transform:translate(2em);transform:translate(2em)}.slide-left-leave-active,.slide-right-enter{opacity:0;-webkit-transform:translate(-2em);transform:translate(-2em)}.scroll-down-enter-active,.scroll-down-leave-active,.scroll-up-enter-active,.scroll-up-leave-active{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:height,opacity,-webkit-transform;transition-property:height,opacity,-webkit-transform;transition-property:height,opacity,transform;transition-property:height,opacity,transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.55,0,.1,1);transition-timing-function:cubic-bezier(.55,0,.1,1);overflow:hidden}.scroll-down-leave-active,.scroll-up-enter{opacity:0;-webkit-transform:translateY(2em);transform:translateY(2em)}.scroll-down-enter,.scroll-up-leave-active{opacity:0;-webkit-transform:translateY(-2em);transform:translateY(-2em)}.zoom-enter-active,.zoom-leave-active{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:zoom;animation-name:zoom}.zoom-leave-active{animation-direction:reverse}@-webkit-keyframes zoom{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes zoom{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}.app{overflow-x:hidden}.main{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACYAQMAAAAV7r8TAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMaAMa+N+MAAAAhSURBVEjHY4AC/v8QMMof5Y/yR/mj/FH+KH+UP8qnLR8AMqss/QaLSwAAAAAASUVORK5CYII=) repeat top,#a0d1c6 url(../images/background-pattern.png) repeat 0 0}@media only screen and (min-width:760px){.main{margin-right:70px}}.main__loading{position:fixed;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;color:#a51111}.youth-scene{z-index:2;position:relative;width:100%;min-height:100vh;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAAqCAMAAAAZBkAvAAAAhFBMVEUAAADpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLpqKLhUKzOAAAAK3RSTlMA9vwL5LUC7NYH89zQxL2snI9oYFpLQTslHhaDeFQtEMmglIlzbTMay6V91OnJtAAAATNJREFUWMPt1lmSgjAUheFLCPMgILPIICDq3f/+urrMi13dtsoUqvKt4H9I6lyYwxD6Sm1pJtUvuzZIZOBW1tn4iOjePgP+VIFL8FeWF+bAETlUCD5j+xEfT8KIrib+jziH2IBVqclJw5dJSnFWYSVlS/Fd2i5IYXFZoeOHaBMOsJy8d3Ac/XSsYAHyXiE4AXJpYxnmZBx3Ek5Hcm+JCrNQY0/DyZlKX8LUzj7FudDrlMOc3nScmeUdcxhv6GpcBBk7zNXeJbgQNsyJAZ+Q2edfmKl07w6zGjUmzm78MLMbZW2UHcMVPFMeLOSE7kdA6j8PzKywkStwH7uihB/ywEHeADJW08epzIY//b5R+AP4iLiOTXkMvcduiIhlROxmiFhGxG6GiGVE7GaIWEbEbgZIG/IFPKJRNSWft98AAAAASUVORK5CYII=) repeat-x 0 100%,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACYAQMAAAAV7r8TAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMaAMa+N+MAAAAhSURBVEjHY4AC/v8QMMof5Y/yR/mj/FH+KH+UP8qnLR8AMqss/QaLSwAAAAAASUVORK5CYII=) repeat top,#a0d1c6 url(../images/background-pattern.png) repeat 0 0;overflow:hidden}.youth-scene__logotype{display:block;position:absolute;bottom:60%;left:50%;width:75%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.youth-scene__logotype:before{content:"";display:block;width:100%;height:0;padding-top:50.0792393027%}@media only screen and (min-width:375px){.youth-scene__logotype{bottom:65%}}@media only screen and (min-width:520px){.youth-scene__logotype{width:500px}}@media only screen and (min-width:760px){.youth-scene__logotype{bottom:55%;width:630px}}@media only screen and (min-width:960px){.youth-scene__logotype{width:530px}}@media only screen and (min-width:1280px){.youth-scene__logotype{width:53%;max-width:700px}}.youth-scene__logotype .svg-symbol{position:absolute;top:0;left:0}.youth-scene__scenario{position:absolute;top:45%;left:0;width:100%;height:250px;margin-top:0}@media only screen and (min-width:375px){.youth-scene__scenario{top:40%}}@media only screen and (min-width:520px){.youth-scene__scenario{top:50%}}.youth-scene__portrait{position:relative;left:50%;width:200%;-webkit-transform:translateX(-47%);transform:translateX(-47%)}.youth-scene__portrait:before{content:"";display:block;width:100%;height:0;padding-top:56.7387687188%}@media only screen and (min-width:520px){.youth-scene__portrait{max-width:1000px}}@media only screen and (min-width:960px){.youth-scene__portrait{max-width:860px}}@media only screen and (min-width:1280px){.youth-scene__portrait{width:72.72%;max-width:1000px}}.youth-scene__portrait .svg-symbol{position:absolute;top:0;left:0;width:100%;height:100%}.youth-scene__scroll{position:absolute;left:50%;bottom:13%;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:520px){.youth-scene__scroll{bottom:10%}}.youth-scene__scroll:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.youth-scene__scroll-label{font-size:.875em}.youth-scene__scroll-dot{width:2px;height:2px;margin:4px auto 0 auto;background:#fff;border-radius:50%}.youth-scene__scroll-dot+.youth-scene__scroll-dot+.youth-scene__scroll-dot+.youth-scene__scroll-dot{display:none}@media only screen and (min-width:375px){.youth-scene__scroll-dot+.youth-scene__scroll-dot+.youth-scene__scroll-dot+.youth-scene__scroll-dot{display:block}}.youth-scene__scroll-arrow{width:0;height:0;margin:8px auto 0 auto;border:6px solid transparent;border-bottom:none;border-top:7px solid #fff}.narrow-desktop .youth-scene__logotype{bottom:60%;max-width:350px}.narrow-desktop .youth-scene__scenario{top:45%}.narrow-desktop .youth-scene__portrait{max-width:700px}.narrow-desktop .youth-scene__scroll{bottom:5%}.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:#1a1a1a;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:1280px){.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:#a0d1c6}.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 #e9a8a2;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.outlines-button:after{border:1px solid #a0d1c6;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.outlines-button:active{color:#e9a8a2;-webkit-transform:translateY(2px);transform:translateY(2px)}.outlines-button:active:before{border:1px solid #a0d1c6;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.outlines-button:active:after{border:1px solid #e9a8a2;-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:#e9a8a2}.desktop .outlines-button:hover:before{border:1px solid #a0d1c6;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.desktop .outlines-button:hover:after{border:1px solid #e9a8a2;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.youth-articles{z-index:3;position:relative;min-height:100vh;padding-bottom:50px;background:#e9a8a2}@media only screen and (min-width:520px){.youth-articles{padding-top:10px}}@media only screen and (min-width:760px){.youth-articles{padding-top:30px}}@media only screen and (min-width:1280px){.youth-articles{padding-bottom:125px}}.youth-articles:before{content:"";display:block;position:absolute;top:75px;right:0;width:150%;border:.5px 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){.youth-articles:before{top:100px}}@media only screen and (min-width:760px){.youth-articles:before{top:45px}}.youth-articles__intro{position:relative;margin:20px 12px;font-size:.875em;font-weight:600;font-family:"Noto Serif TC";line-height:1.7142em;letter-spacing:.1em}@media only screen and (min-width:520px){.youth-articles__intro{margin:30px 36px;font-size:1em;line-height:1.625em}}@media only screen and (min-width:760px){.youth-articles__intro{width:520px;margin:40px auto 0;font-size:1.125em;line-height:1.667em}}@media only screen and (min-width:960px){.youth-articles__intro{width:770px;margin:30px auto 0}}@media only screen and (min-width:1280px){.youth-articles__intro{width:910px;margin:55px auto 0}}@media only screen and (min-width:520px){.youth-articles__headline{width:520px;margin:0 auto}}@media only screen and (min-width:960px){.youth-articles__headline{width:850px}}@media only screen and (min-width:1280px){.youth-articles__headline{width:86%;max-width:1150px}}@media only screen and (min-width:1660px){.youth-articles__headline{width:1440px;max-width:none}}.youth-articles__headline .youth-articles__item{margin-top:46px;background:#f9f9f9}@media only screen and (min-width:520px){.youth-articles__headline .youth-articles__item{margin-top:70px}}@media only screen and (min-width:760px){.youth-articles__headline .youth-articles__item{margin-top:70px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item{margin-top:40px}}.youth-articles__headline .youth-articles__item:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:160px;background:#a0d1c6 url(../images/background-pattern.png) repeat 0 0}@media only screen and (min-width:520px){.youth-articles__headline .youth-articles__item:before{height:220px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:before{width:131px;height:100%}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item:before{margin-top:-30px}}.youth-articles__headline .youth-articles__item:first-child{margin-top:51px}@media only screen and (min-width:520px){.youth-articles__headline .youth-articles__item:first-child{margin-top:70px}}@media only screen and (min-width:760px){.youth-articles__headline .youth-articles__item:first-child{margin-top:65px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:first-child{margin-top:40px}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item:first-child{margin-top:90px;margin-top:140px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item .youth-articles__photo{width:54.55%}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item .youth-articles__photo{top:-30px;width:53.15%}}@media only screen and (min-width:1660px){.youth-articles__headline .youth-articles__item .youth-articles__photo{top:-66px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item .youth-articles__overview{width:45.45%;height:100%;padding:5px 0}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item .youth-articles__overview{padding:53px 0 40px 0;width:46.85%}}@media only screen and (min-width:1660px){.youth-articles__headline .youth-articles__item .youth-articles__overview{padding:95px 0 40px 0}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item .youth-articles__detail .outlines-button{position:absolute;bottom:40px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:nth-child(odd) .youth-articles__photo{float:left}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:nth-child(odd) .youth-articles__overview{float:right;padding-left:50px}}@media only screen and (min-width:1660px){.youth-articles__headline .youth-articles__item:nth-child(odd) .youth-articles__overview{padding-left:85px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:nth-child(odd) .youth-articles__detail .outlines-button{right:40px}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item:nth-child(odd) .youth-articles__detail .outlines-button{right:65px}}@media only screen and (min-width:1660px){.youth-articles__headline .youth-articles__item:nth-child(odd) .youth-articles__detail .outlines-button{right:85px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:nth-child(2n):before{left:auto;right:0}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:nth-child(2n) .youth-articles__photo{float:right}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:nth-child(2n) .youth-articles__overview{float:left;padding-right:25px}}@media only screen and (min-width:960px){.youth-articles__headline .youth-articles__item:nth-child(2n) .youth-articles__detail .outlines-button{right:54.55%;margin-right:25px}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item{display:inline-block;width:33.33%;margin-top:115px;vertical-align:top;background:transparent}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item:before{top:88px;left:auto;right:auto;width:100%;height:300px;margin:0}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item .youth-articles__content{margin:0 30px;padding:0;background:#f9f9f9}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item .youth-articles__photo{float:none;top:0;width:auto;margin-top:0}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item .youth-articles__overview{float:none;width:auto;padding:35px 20px 45px 20px;padding:40px 38px 45px 38px}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item .youth-articles__detail{margin-top:20px;text-align:right}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item .youth-articles__detail .outlines-button{position:relative;right:auto;bottom:auto;margin-right:0;text-align:center}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item .youth-articles__summary{font-size:1em;line-height:1.875em}}@media only screen and (min-width:1280px){.youth-articles__headline .youth-articles__item+.youth-articles__item:nth-child(odd) .youth-articles__content{margin-top:35px}}@media only screen and (min-width:1660px){.youth-articles__headline .youth-articles__item+.youth-articles__item:nth-child(odd) .youth-articles__content{margin-top:46px}}.youth-articles__item{position:relative}.youth-articles__content{position:relative;top:-12px;padding:0 12px}@media only screen and (min-width:520px){.youth-articles__content{top:-17px;padding:0 36px}}@media only screen and (min-width:960px){.youth-articles__content{top:auto;padding:40px}}@media only screen and (min-width:1280px){.youth-articles__content{padding:0 65px}}@media only screen and (min-width:1660px){.youth-articles__content{padding:0 85px}}.youth-articles__photo{display:block;position:relative;background:#f1f1f1 no-repeat top/cover;cursor:pointer}.youth-articles__photo:before{content:"";display:block;width:100%;height:0;padding-top:75%}.youth-articles__overview{padding:28px 18px 31px 18px;color:#1a1a1a}@media only screen and (min-width:520px){.youth-articles__overview{padding:31px 8px}}.youth-articles__title{color:#1a1a1a;font-size:1.25em;font-weight:700;line-height:1.2em;letter-spacing:.1em}@media only screen and (min-width:520px){.youth-articles__title{font-size:1.5em;line-height:1.25em}}@media only screen and (min-width:760px){.youth-articles__title{font-size:1.875em;line-height:1.2em}}@media only screen and (min-width:960px){.youth-articles__title{font-size:1.5em;line-height:1.5em}}@media only screen and (min-width:1660px){.youth-articles__title{font-size:1.875em;line-height:1.2em}}.youth-articles__subtitle{margin-top:10px;color:#a51414;font-size:1em;font-weight:700;line-height:1.25em;letter-spacing:.1em}@media only screen and (min-width:520px){.youth-articles__subtitle{margin-top:5px;font-size:1.125em;line-height:2em}}@media only screen and (min-width:760px){.youth-articles__subtitle{margin-top:10px;font-size:1.25em;line-height:1.5em}}@media only screen and (min-width:960px){.youth-articles__subtitle{margin-top:5px;font-size:1.125em;line-height:1.667em}}@media only screen and (min-width:1280px){.youth-articles__subtitle{margin-top:10px;font-size:1.25em;line-height:1.4em}}@media only screen and (min-width:1660px){.youth-articles__subtitle{font-size:1.375em;line-height:1.363em}}.youth-articles__summary{margin-top:10px;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){.youth-articles__summary{margin-top:5px;font-size:1em;line-height:1.714em}}@media only screen and (min-width:760px){.youth-articles__summary{margin-top:13px;font-size:1.125em;line-height:1.667em}}@media only screen and (min-width:960px){.youth-articles__summary{margin-top:10px;font-size:1em;line-height:1.5em;overflow:hidden}}@media only screen and (min-width:1280px){.youth-articles__summary{margin-top:13px;font-size:1.125em;line-height:1.667em}}.youth-articles__detail{width:100%;margin-top:32px;text-align:center}.youth-articles__detail:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.youth-articles__detail .outlines-button{vertical-align:middle}@media only screen and (min-width:1280px){.youth-articles__detail .outlines-button{width:160px;height:45px}}@media only screen and (min-width:1280px){.youth-articles__detail .outlines-button__text{font-size:1.125em}}.population-chart__caption{font-size:1.125em;font-weight:600;text-align:center;letter-spacing:.1em;opacity:0}@media only screen and (min-width:520px){.population-chart__caption{font-size:1.25em}}@media only screen and (min-width:760px){.population-chart__caption{font-size:1.5em}}.population-chart__figure{position:relative;max-height:400px;margin:0 auto}.population-chart__figure:before{content:"";display:block;width:100%;height:0;padding-top:75%}@media only screen and (min-width:520px){.population-chart__figure{margin-top:10px}}@media only screen and (min-width:760px){.population-chart__figure{margin-top:10px}}.population-chart__figure svg{position:absolute;top:0;left:0;width:100%;height:100%}.population-chart__figure text{font-family:Montserrat,Noto Sans TC,sans-serif}.population-chart.population-chart--inview .population-chart__caption{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}.population-analysis__item{position:relative;padding-left:24px;color:#1a1a1a;font-size:.875em;font-weight:600;line-height:1.286em;letter-spacing:.1em;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}@media only screen and (min-width:520px){.population-analysis__item{font-size:1em;line-height:1.375em}}@media only screen and (min-width:760px){.population-analysis__item{font-size:1.125em;line-height:1.222em}}@media only screen and (min-width:1280px){.population-analysis__item{font-size:1.125em;line-height:1.444em}}.population-analysis__item:before{content:"";display:block;position:absolute;top:5px;left:5px;width:8px;height:8px;background:#e9a8a2;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media only screen and (min-width:1280px){.population-analysis__item:before{top:8px}}.population-analysis__item:first-child{color:#d1725f}.population-analysis__item+.population-analysis__item{margin-top:15px}.population-analysis__annountation{display:block;margin:20px 0;color:#a1a1a1;font-size:.875em;font-weight:600;text-align:center;letter-spacing:.1em;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}@media only screen and (min-width:520px){.population-analysis__annountation{font-size:1em}}@media only screen and (min-width:760px){.population-analysis__annountation{font-size:1.125em}}@media only screen and (min-width:1280px){.population-analysis__annountation{font-size:1em;text-align:left;text-indent:15px}}.population-analysis--inview .population-analysis__item{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,transform .4s;transition:opacity .4s,transform .4s,-webkit-transform .4s}.population-analysis--inview .population-analysis__item:first-child{-webkit-transition-delay:0s;transition-delay:0s}.population-analysis--inview .population-analysis__item:nth-child(2){-webkit-transition-delay:.4s;transition-delay:.4s}.population-analysis--inview .population-analysis__item:nth-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.population-analysis--inview .population-analysis__item:nth-child(4){-webkit-transition-delay:1.2s;transition-delay:1.2s}.population-analysis--inview .population-analysis__annountation{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .4s ease 1.6s,-webkit-transform .4s ease 1.6s;transition:opacity .4s ease 1.6s,-webkit-transform .4s ease 1.6s;transition:opacity .4s ease 1.6s,transform .4s ease 1.6s;transition:opacity .4s ease 1.6s,transform .4s ease 1.6s,-webkit-transform .4s ease 1.6s}.population-topic{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.population-topic__title{color:#21a088;font-size:1.25em;font-weight:700;text-align:left;letter-spacing:.1em}@media only screen and (min-width:520px){.population-topic__title{text-align:center}}@media only screen and (min-width:760px){.population-topic__title{font-size:1.375em}}@media only screen and (min-width:1280px){.population-topic__title{font-size:1.875em}}.population-topic__summary{margin-top:8px;color:#1a1a1a;font-size:.875em;font-weight:600;line-height:1.714em;letter-spacing:.1em}@media only screen and (min-width:520px){.population-topic__summary{margin-top:25px;font-size:1em;line-height:1.5em}}@media only screen and (min-width:760px){.population-topic__summary{font-size:1.125em;line-height:1.667em}}.population-topic--inview{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .4s ease .5s,-webkit-transform .4s ease .5s;transition:opacity .4s ease .5s,-webkit-transform .4s ease .5s;transition:opacity .4s ease .5s,transform .4s ease .5s;transition:opacity .4s ease .5s,transform .4s ease .5s,-webkit-transform .4s ease .5s}.voting-age-chart__caption{font-size:1.125em;font-weight:600;text-align:center;letter-spacing:.1em;opacity:0}@media only screen and (min-width:520px){.voting-age-chart__caption{font-size:1.25em}}@media only screen and (min-width:760px){.voting-age-chart__caption{font-size:1.5em}}.voting-age-chart__figure{position:relative;max-height:500px;margin:0 auto}.voting-age-chart__figure:before{content:"";display:block;width:100%;height:0;padding-top:71.4285714286%}@media only screen and (min-width:520px){.voting-age-chart__figure{margin-top:10px}}@media only screen and (min-width:760px){.voting-age-chart__figure{margin-top:10px}}.voting-age-chart__figure svg{position:absolute;top:0;left:0;width:100%;height:100%}.voting-age-chart__figure svg text{font-family:Montserrat,Noto Sans TC,sans-serif}.voting-age-chart.voting-age-chart--inview .voting-age-chart__caption{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}.youth-influence{padding:80px 0 100px 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAAqCAMAAAAZBkAvAAAAhFBMVEUAAAD/gIDbtpLooqLvr5/ooqLrp6fmqqHqpaXoqqTrqqDpqaDnqaHrp6Pqp6Hop6Lqp6LpqaLqqKHpqaLqqKHpp6Hqp6LpqKLqqKLpqaLqqKLpp6PpqKLpqKLoqKLpqaLpqKPpp6LoqKLpqKLqqKLpqKLpqKLpp6LpqKLpqKLpqKLpqKJB1Kn9AAAAK3RSTlMAAgcLEBYaHiUtMztBS1RaYGhtc3h9g4mPlJygpay1vcTJy9DW3OTs8/b8uDhlDgAAAS9JREFUWMPt1kmWgjAUheELAekFFAFBaaSP+99fDZx5yioEAuGcfBvIP8jLC4YdwXNHRKyIFbEiVsSKWBErYkWsiBWxy6NtVeR0B7E083QZAACi26e04Te28FW8MYJ84DC2CjT8SrbDksKJa15Km9DAXxQAUN2k3by0u1oSRtL9e7ddaZ86o0tfJPOc9RuUDvcjwRSyFRZ01Wcq9xTMQJy4Wim4PB8wn3pMGtal9UXHYjTvxu6RaGMTSzNOLGauS2wJTEjW5bXslht+GSwRO3osMnM08whWoByvcxdzcVKxnoObTp65+tMfhaVJi7mNDGxEMoPsi5n75o/ChmyPW8z9zZHBA+LE1T/D7xJwRHU/LWaa+wr4o3lJ/X4lqrMGbhHLj+6Puu27psxi98DijB9CI2+wBl5jhQAAAABJRU5ErkJggg==) repeat-x -50px top,#eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAAqCAMAAAAZBkAvAAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMA+v2F5qhXNSYS9tPBubGRbzsZDfLuoXdmYEYtCgUD6+Haz8mdl39eTkAeB96MxU1APx6XAAABJ0lEQVRYw+3V63KCMBCG4Q1nBOSkKCoq4rm23fu/uv7o/mGmtRZISGbyXME3yey8wIHvxGFgTdju0dhm6b6BtPJLxLCFHY6lB/KprvYEf7Szl3INTk9zfGZ/dDKQwtrc4wuC+JrDuO6LAF9mNOZttKPzl6GB/zSJFu4WRNs4U4bdzKfJGsTZrooZ9mIV5R1EcGMLh1CfHB+48s41Dsc4vK82wEeWNDg4Fp7TCsiAPTWQkxndHIee9sUxzNRTIR4U5l49FcgI4s+8e0/FYx8U5i49FY/C3K2n4lGYve9n+7OncrCKSwYUj996KhWgeLjQVqVmjbIBJJad3LwcAPwsLc1Ilt9vAWwb/Ziej1WIHkv0WGXosUSPVYYeS/RYZeixRI9VhlJjvwClCtLXbJ6qvQAAAABJRU5ErkJggg==) repeat-x 20px bottom}@media only screen and (min-width:520px){.youth-influence__title{margin-top:15px}}@media only screen and (min-width:760px){.youth-influence__title{margin-top:35px}}@media only screen and (min-width:960px){.youth-influence__title{margin-top:25px}}@media only screen and (min-width:1280px){.youth-influence__title{margin-top:15px}}@media only screen and (min-width:1440px){.youth-influence__title{margin-top:25px}}.youth-influence__population{margin-top:55px}@media only screen and (min-width:960px){.youth-influence__population{margin-top:70px}}@media only screen and (min-width:1280px){.youth-influence__population{width:83%;max-width:1240px;margin:85px auto}}@media only screen and (min-width:520px){.youth-influence__population-chart{width:480px;margin:0 auto}}@media only screen and (min-width:760px){.youth-influence__population-chart{width:670px}}@media only screen and (min-width:960px){.youth-influence__population-chart{width:700px}}@media only screen and (min-width:1280px){.youth-influence__population-chart{display:inline-block;width:50%;vertical-align:top}}.youth-influence__population-analysis{margin:20px 20px 30px 20px}@media only screen and (min-width:520px){.youth-influence__population-analysis{width:470px;margin:25px auto}}@media only screen and (min-width:760px){.youth-influence__population-analysis{width:510px}}@media only screen and (min-width:960px){.youth-influence__population-analysis{width:630px}}@media only screen and (min-width:1280px){.youth-influence__population-analysis{display:inline-block;width:50%;margin:0;margin-top:-5px;padding-left:30px;vertical-align:top}}@media only screen and (min-width:1440px){.youth-influence__population-analysis{margin-top:50px}}.youth-influence__population-topic{margin:18px}@media only screen and (min-width:520px){.youth-influence__population-topic{width:460px;margin:50px auto}}@media only screen and (min-width:760px){.youth-influence__population-topic{width:500px;margin:60px auto}}@media only screen and (min-width:960px){.youth-influence__population-topic{width:630px;margin:90px auto 110px auto}}@media only screen and (min-width:1280px){.youth-influence__population-topic{width:750px;margin:100px auto 90px auto}}.youth-influence__voting-age-chart{width:90%;margin:0 auto}@media only screen and (min-width:520px){.youth-influence__voting-age-chart{max-width:450px}}@media only screen and (min-width:760px){.youth-influence__voting-age-chart{max-width:650px}}@media only screen and (min-width:1280px){.youth-influence__voting-age-chart{max-width:800px}}.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:1280px){.the-comments{max-width:960px}}.the-comments__loading{position:absolute;top:50%;left:50%;width:60px;height:60px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.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}}.home{position:relative;background:#fff}.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}