/*!
@build with webpack
------------------------------
project : chuchupepper
author  : tenthree <ten.three@hotmail.com>
branch  : master
commit  : b969fb6
file:   : css/article.css
hash    : 4d002a3155f07b7c1781
chunk   : 85c8c099ebf63902d6d1
update  : 2019-12-26 11:36:10
------------------------------
*/.the-article-header{z-index:6;position:relative}@media only screen and (min-width:960px){.the-article-header:after{z-index:1;content:"";display:block;position:absolute;top:0;left:50%;width:690px;height:0;margin-left:-700px;border-top:1px solid #ccc;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@media only screen and (min-width:1440px){.the-article-header:after{width:848px;margin-left:-700px;-webkit-transform:translate(-30%) rotate(-45deg);transform:translate(-30%) rotate(-45deg)}}.the-article-header .svg-symbol{position:absolute;top:0;left:0}.the-article-header__bg-color{height:45px;background:#6a80d3}@media only screen and (min-width:760px){.the-article-header__bg-color{height:35px}}@media only screen and (min-width:960px){.the-article-header__bg-color{height:40px}}@media only screen and (min-width:1440px){.the-article-header__bg-color{height:55px}}.the-article-header__wave-blue{z-index:1;position:absolute;width:100%}.the-article-header__wave-blue:before{content:"";display:block;width:100%;height:0;padding-top:23.7623762376%}.the-article-header__wave-fuchsia{position:relative;margin-top:15px;width:100%}.the-article-header__wave-fuchsia:before{content:"";display:block;width:100%;height:0;padding-top:23.7623762376%}@media only screen and (min-width:520px){.the-article-header__wave-fuchsia{margin-top:25px}}@media only screen and (min-width:760px){.the-article-header__wave-fuchsia{margin-top:35px}}@media only screen and (min-width:960px){.the-article-header__wave-fuchsia{margin-top:25px}}@media only screen and (min-width:1440px){.the-article-header__wave-fuchsia{margin-top:40px}}.the-article-header__logotype{z-index:2;position:absolute;top:50%;left:50%;width:51.88%;max-width:200px;margin-top:-15px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.the-article-header__logotype:before{content:"";display:block;width:100%;height:0;padding-top:38.7445887446%}@media only screen and (min-width:520px){.the-article-header__logotype{width:38.46%;max-width:233px;margin-top:-25px}}@media only screen and (min-width:760px){.the-article-header__logotype{margin-top:-35px}}@media only screen and (min-width:960px){.the-article-header__logotype{top:36px;left:103px;width:213px;max-width:none;margin:0;-webkit-transform:none;transform:none}}@media only screen and (min-width:1440px){.the-article-header__logotype{top:34px;left:140px;width:242px}}@media only screen and (min-width:760px){.article{padding-right:70px}}.article .the-article-header{max-height:416px}.article__view{z-index:7;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:41%;margin-top:-50px;padding:0 0 0 45px}}@media only screen and (min-width:1440px){.article__info{width:43%;margin-top:50px;padding:0}}.article__title span{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 span{font-size:1.875em;line-height:1.2em}}@media only screen and (min-width:760px){.article__title span{font-size:2.25em;line-height:1.333em}}@media only screen and (min-width:960px){.article__title span{font-size:1.875em;line-height:1.2em}}@media only screen and (min-width:1440px){.article__title span{font-size:2.5em;line-height:1.2em}}.article__title span:first-child{margin-left:2px;color:#e4007f;font-size:1em;line-height:1.5em;letter-spacing:.1em}@media only screen and (min-width:520px){.article__title span:first-child{font-size:1.375em;line-height:1.364em}}@media only screen and (min-width:760px){.article__title span:first-child{font-size:1.5em;line-height:1.25em}}@media only screen and (min-width:960px){.article__title span:first-child{font-size:1.375em;line-height:1.364em}}.article__title span+span{margin-top:5px}.article__reporter{margin:12px 2px;font-size:.875em;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__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:1440px){.article__reporter{margin:25px 4px 35px 4px;font-size:1em}}.article__figure{display:block;margin:0;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}}.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;margin:12px 0 12px 35px;font-size:.875em;font-weight:700;line-height:1.71em;letter-spacing:.1em;text-align:justify;text-justify:inter-word}@media only screen and (min-width:520px){.article__figure-caption{margin:12px 36px 12px 70px;font-size:1em}}@media only screen and (min-width:760px){.article__figure-caption{margin:12px 48px 12px 35px}}@media only screen and (min-width:960px){.article__figure-caption{margin:12px 0 12px 35px}}.article__figure-caption:before{content:"";display:block;position:absolute;width:63px;height:0;border-top:1px solid #e4007f;-webkit-transform:translate(-68%) rotate(-45deg);transform:translate(-68%) rotate(-45deg)}.article__cover{position:relative}@media only screen and (min-width:960px){.article__cover{float:right;width:59%;margin-top:-18%}}@media only screen and (min-width:1440px){.article__cover{width:57%;margin-top:-26%;padding:10px 10px 10px 40px}}.article__subtitle{margin:35px 20px 10px 20px;color:#e4007f;font-size:1.25em;font-weight:700;line-height:1.2em;letter-spacing:.1em}@media only screen and (min-width:520px){.article__subtitle{margin:50px 35px 15px 35px;font-size:1.5em;line-height:1.25em}}@media only screen and (min-width:760px){.article__subtitle{margin:50px 50px 15px 50px}}@media only screen and (min-width:1440px){.article__subtitle{margin:50px 0 15px 0;font-size:1.875em;line-height:1.2em}}.article__subtitle+.article__paragraph{margin:10px 20px}@media only screen and (min-width:520px){.article__subtitle+.article__paragraph{margin:15px 35px}}@media only screen and (min-width:760px){.article__subtitle+.article__paragraph{margin:15px 50px}}@media only screen and (min-width:1440px){.article__subtitle+.article__paragraph{margin:15px 0 15px 0}}.article__paragraph{margin:20px 20px;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:1440px){.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:1440px){.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%;padding:40px 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 .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 .article__chart-caption{font-size:1em}}@media only screen and (min-width:960px){.article__chart .article__chart-caption{padding-bottom:20px}}.article__chart-table{position:relative;color:#1a1a1a}.article__chart-table .svg-symbol{position:absolute;top:0;left:0;width:100%;height:100%}.article__chart-guide{margin:10px 5px 0 5px;color:#7e7e7e;font:normal 100%/150% Montserrat,Noto Sans TC,"Noto Serif TC",sans-serif;font-size:.75em;text-align:right}.article__chart-guide p{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}@media only screen and (min-width:760px){.article__chart-guide p{float:left}.article__chart-guide p+p{float:right}}