/*!
@build with webpack
------------------------------
project : chuchupepper
author  : tenthree <ten.three@hotmail.com>
branch  : master
commit  : b969fb6
file:   : css/article2.css
hash    : 4d002a3155f07b7c1781
chunk   : 417642366644a88dca96
update  : 2019-12-26 11:36:10
------------------------------
*/.bubble-chart{width:100%;max-width:840px;margin:0 auto;padding:40px 20px}@media only screen and (min-width:520px){.bubble-chart{padding:40px 35px}}@media only screen and (min-width:760px){.bubble-chart{padding:40px 50px}}@media only screen and (min-width:960px){.bubble-chart{padding:60px 70px}}.bubble-chart__bubbles{position:relative;width:100%;height:0;padding-bottom:68.9%;border-radius:3px}.bubble-chart__bubbles-dsitributed{position:absolute;left:0;top:0;width:100%;height:100%}.bubble-chart__bubble{position:absolute;width:5%;height:7.14%;text-align:center}.bubble-chart__ball{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.bubble-chart__ball-infor{position:relative;display:inline-block;text-align:center;color:#1a1a1a;font-weight:700;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;vertical-align:middle;margin-top:110%}.bubble-chart__infor-amount{font-size:.8125em;white-space:nowrap;line-height:1}.bubble-chart__infor-percentage{font-size:.9375em;border-radius:3px;white-space:nowrap}@media only screen and (min-width:520px){.bubble-chart__infor-percentage{line-height:1;font-size:1.125rem;margin-top:3px}}.bubble-chart__legends{position:relative;width:100%;padding-top:10px;font-size:.9375em}.bubble-chart__legend{position:relative;display:inline-block;width:33.33%;text-align:center}@media only screen and (min-width:520px){.bubble-chart__legend{width:16.66%}}.bubble-chart__icon{position:absolute;left:50%;top:50%;width:12px;height:12px;margin-top:-6px;margin-left:-35px;border-radius:50%;vertical-align:middle}.bubble-chart__label{display:inline-block;vertical-align:middle}.bubble-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){.bubble-chart__caption{font-size:1em}}@media only screen and (min-width:960px){.bubble-chart__caption{padding-bottom:20px}}.bubble-chart__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}.bubble-chart__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){.bubble-chart__chart-guide p{float:left}.bubble-chart__chart-guide p+p{float:right}}.draw-bubble .bubble-chart__ball-infor{opacity:1}.draw-bubble .bubble-chart__ball{-webkit-transform:scale(1);transform:scale(1)}.bubble-chart__bubble+.bubble-chart__bubble{width:26%;height:37.2%}@media only screen and (min-width:520px){.bubble-chart__bubble+.bubble-chart__bubble:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}}.bubble-chart__bubble+.bubble-chart__bubble .bubble-chart__ball-infor{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:0}.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble{width:17%;height:24.6%}.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble{width:20%;height:28.5%}.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble{width:24%;height:34.2%}.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble{width:11%;height:15.7%}.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble:before{content:none}.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble+.bubble-chart__bubble .bubble-chart__ball-infor{position:relative;left:auto;right:auto;-webkit-transform:none;transform:none;margin-top:60%}.article-2__chart-table-1:before{content:"";display:block;width:100%;height:0;padding-top:40.0713436385%}.article-2__chart-table-2:before{content:"";display:block;width:100%;height:0;padding-top:60.7398568019%}