/*!
@build with webpack
------------------------------
project : election2020-effect
author  : tenthree <ten.three@hotmail.com>
branch  : master
commit  : 6079ca2
file:   : css/article.css
hash    : baf4984f2ad81be7a6a5
chunk   : 8eddd25c520e7b719d43
update  : 2019-12-26 10:58:25
------------------------------
*/.article{position:relative;background:#efefef}.article__comments{margin-top:0;padding-top:30px}@media only screen and (min-width:760px){.article__comments{padding-top:40px}}.article__header{position:relative;height:175px;background-image:-webkit-gradient(linear,left top,left bottom,from(#e8a687),to(#f3d18a));background-image:linear-gradient(180deg,#e8a687,#f3d18a);border-bottom:5px solid #e8a687}@media only screen and (min-width:960px){.article__header{height:177px;border-bottom:6px solid #e8a687}}@media only screen and (min-width:1280px){.article__header{height:200px;border-bottom:6px solid #e8a687}}@-webkit-keyframes light{0%{opacity:.1;-webkit-transform:translateX(-12%) skewX(-15deg);transform:translateX(-12%) skewX(-15deg)}80%{opacity:.12;-webkit-transform:translateX(40%) skewX(-15deg);transform:translateX(40%) skewX(-15deg)}to{opacity:.1;-webkit-transform:translateX(12%) skewX(-15deg);transform:translateX(12%) skewX(-15deg)}}@keyframes light{0%{opacity:.1;-webkit-transform:translateX(-12%) skewX(-15deg);transform:translateX(-12%) skewX(-15deg)}80%{opacity:.12;-webkit-transform:translateX(40%) skewX(-15deg);transform:translateX(40%) skewX(-15deg)}to{opacity:.1;-webkit-transform:translateX(12%) skewX(-15deg);transform:translateX(12%) skewX(-15deg)}}.article__header-reflection{position:absolute;top:0;left:50%;width:90px;margin-left:-60px;height:100%}@media only screen and (min-width:520px){.article__header-reflection{width:100px;margin-left:-65px}}@media only screen and (min-width:960px){.article__header-reflection{left:240px}}@media only screen and (min-width:1280px){.article__header-reflection{left:260px;width:130px;margin-left:-70px}}.article__header-reflection:after,.article__header-reflection:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.1}.article__header-reflection:before{-webkit-transform:translateX(-50%) skewX(-15deg);transform:translateX(-50%) skewX(-15deg);-webkit-animation:light 6s infinite alternate both;animation:light 6s infinite alternate both}.article__header-reflection:after{-webkit-transform:translateX(50%) skewX(-15deg);transform:translateX(50%) skewX(-15deg);animation:light 6s infinite alternate-reverse both}.article__logotype{display:block;position:absolute;top:50%;left:50%;width:211px;height:98px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}@media only screen and (min-width:960px){.article__logotype{top:48px;left:130px;-webkit-transform:none;transform:none}}@media only screen and (min-width:1280px){.article__logotype{left:138px;width:265px;height:123px}}.article__view{z-index:3;position:relative;max-width:1160px;margin:0 auto}.article__info{padding:22px 12px 0 20px}@media only screen and (min-width:520px){.article__info{padding:35px 35px 0 35px}}@media only screen and (min-width:760px){.article__info{padding:35px 47px 0 47px}}@media only screen and (min-width:960px){.article__info{float:left;width:45%;margin-top:50px;padding:0 0 0 45px}}@media only screen and (min-width:1280px){.article__info{width:43%;margin-top:60px;padding:0}}.article__title{display:block;color:#1a1a1a;font-size:1.5em;font-weight:700;line-height:1.25em;letter-spacing:.08em}@media only screen and (min-width:520px){.article__title{font-size:1.875em;line-height:1.2em}}@media only screen and (min-width:760px){.article__title{font-size:2.25em;line-height:1.333em}}@media only screen and (min-width:960px){.article__title{font-size:1.875em;line-height:1.2em}}@media only screen and (min-width:1280px){.article__title{font-size:2.25em;line-height:1.11em}}.article__subtitle{margin-top:10px;color:#dd6f6f;font-size:1.125em;font-weight:700;line-height:1.333em;letter-spacing:.08em}@media only screen and (min-width:520px){.article__subtitle{font-size:1.375em;line-height:1.363em}}@media only screen and (min-width:760px){.article__subtitle{font-size:1.5em;line-height:1.25em}}.article__reporter{margin:12px 2px;font-size:.875em;font-weight:700;line-height:1.256em;letter-spacing:.1em;text-align:justify;text-justify:inter-word}@media only screen and (min-width:520px){.article__reporter{margin:18px 4px 15px 4px}}@media only screen and (min-width:760px){.article__reporter{font-size:1em}}@media only screen and (min-width:960px){.article__reporter{margin:25px 4px 30px 4px;font-size:.875em}}@media only screen and (min-width:1280px){.article__reporter{margin:25px 4px 35px 4px}}.article__figure{display:block;max-width:760px;margin:0 auto;padding:10px}@media only screen and (min-width:520px){.article__figure{padding:10px 0}}@media only screen and (min-width:760px){.article__figure{padding:10px 45px}}@media only screen and (min-width:1280px){.article__figure{padding:10px 0}}.article__figure-photo{background:#e6e6e6 no-repeat top/cover}.article__figure-photo:before{content:"";display:block;width:100%;height:0;padding-top:75%}.article__figure-caption{position:relative;padding:16px 5px;font-size:.875em;font-weight:700;line-height:1.714em;letter-spacing:.1em;text-align:justify;text-justify:inter-word}@media only screen and (min-width:520px){.article__figure-caption{margin:0 35px;font-size:1em}}@media only screen and (min-width:760px){.article__figure-caption{margin:0}}.article__figure-caption:after{content:"";display:block;position:absolute;bottom:0;left:5px;width:120px;height:0;border-bottom:1px solid #dd6f6f}.article__cover{position:relative}@media only screen and (min-width:960px){.article__cover{float:right;width:55%;margin-top:-4%;padding:10px 45px}}@media only screen and (min-width:1280px){.article__cover{width:57%;margin-top:-10%;padding:10px 10px 10px 40px}}.article__figure-in-article{width:100%;max-width:900px;margin:0 auto}.article__paragraph-title{margin:35px 20px 10px 15px;color:#dd7070;font-size:1.25em;font-weight:700;line-height:1.2em;letter-spacing:.05em}@media only screen and (min-width:520px){.article__paragraph-title{margin:50px 30px 15px 30px;font-size:1.5em;line-height:1.25em;letter-spacing:.1em}}@media only screen and (min-width:760px){.article__paragraph-title{margin:50px 50px 15px 50px}}@media only screen and (min-width:1280px){.article__paragraph-title{margin:50px 0 15px 0;font-size:1.875em;line-height:1.2em}}.article__paragraph-title+.article__paragraph{margin:10px 15px}@media only screen and (min-width:520px){.article__paragraph-title+.article__paragraph{margin:15px 35px}}@media only screen and (min-width:760px){.article__paragraph-title+.article__paragraph{margin:15px 50px}}@media only screen and (min-width:1280px){.article__paragraph-title+.article__paragraph{margin:15px 0 15px 0}}.article__paragraph{margin:20px 15px;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){.article__paragraph{margin:25px 35px;font-size:1.125em;line-height:1.667em}}@media only screen and (min-width:760px){.article__paragraph{margin:35px 50px}}@media only screen and (min-width:1280px){.article__paragraph{margin:35px 0 35px 0}}@media only screen and (min-width:960px){.article__paragraph:first-of-type{clear:left}}.article__footer{margin:50px 0 0 0;text-align:center}@media only screen and (min-width:520px){.article__footer{margin:50px 0 10px 0}}@media only screen and (min-width:760px){.article__footer{margin:60px 0 30px 0}}@media only screen and (min-width:960px){.article__footer{margin:50px 0 30px 0}}@media only screen and (min-width:1280px){.article__footer{margin:70px 0 20px 0}}.article__footer .outlines-button{min-width:130px}@media only screen and (min-width:760px){.article__footer .outlines-button{min-width:160px}}@media only screen and (min-width:960px){.article__footer .outlines-button{min-width:143px}}@media only screen and (min-width:760px){.article__footer .outlines-button__text{font-size:1.125em;line-height:1.667em;letter-spacing:.1em}}@media only screen and (min-width:960px){.article__footer .outlines-button__text{font-size:1em;line-height:1.875em;letter-spacing:.1em}}.article__footer .outlines-button+.outlines-button{margin-left:20px}.article__chart{width:100%;max-width:900px;margin:0 auto;padding:20px 20px}@media only screen and (min-width:520px){.article__chart{padding:40px 35px}}@media only screen and (min-width:760px){.article__chart{padding:40px 50px}}@media only screen and (min-width:960px){.article__chart{padding:60px 70px}}.article__chart-caption{padding-bottom:15px;font:normal 100%/150% Montserrat,Noto Sans TC,"Noto Serif TC",sans-serif;font-size:.9375em;text-align:center}@media only screen and (min-width:760px){.article__chart-caption{font-size:1em}}@media only screen and (min-width:960px){.article__chart-caption{padding-bottom:20px}}.article__chart-figure{position:relative;color:#1a1a1a}.article__chart-figure .svg-symbol{position:absolute;top:0;left:0;width:100%;height:100%}.article__chart-annotation{margin:10px 5px 0 5px;text-align:right}.article__chart-annotation span{display:block;color:#7e7e7e;font-size:.75em;font-family:Montserrat,Noto Sans TC,"Noto Serif TC",sans-serif;letter-spacing:.05em}@media only screen and (min-width:520px){.article__chart-annotation span{display:inline-block}}@media only screen and (min-width:520px){.article__chart-annotation span+span:before{content:"/";margin:0 .5em}}.article__chart-extended{position:relative;margin-top:20px;text-align:center}@media only screen and (min-width:520px){.article__chart-extended{text-align:right}}.article__chart-extended-link{display:inline-block;color:#7e7e7e;padding:5px 10px;text-align:left;border:1px solid #7e7e7e;border-radius:2px}.article__chart-extended-link:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.article__chart-extended-link .svg-symbol{display:inline-block;width:22px;height:22px;vertical-align:middle}.article__chart-extended-link span{margin-left:6px;font-size:.875em;font-weight:700;letter-spacing:.05em;vertical-align:middle}.desktop .article__chart-extended-link-dpp:hover{color:#149840;border-color:#149840}.desktop .article__chart-extended-link-kmt:hover{color:#10347c;border-color:#10347c}