@charset "UTF-8";.article-box.tw-map{display:flex;flex-wrap:wrap}.article-box.tw-map>div{display:block}.article-box>.art-filter{width:320px;flex-grow:1;display:flex;flex-wrap:nowrap;height:40px}.article-box>.art-filter>.switcher{flex:0 0 auto;margin:0}@media screen and (max-width: 991px){.article-box>.art-filter>.switcher{flex:auto}}.article-box>.art-filter>.select{box-sizing:border-box;padding:0 20px;margin:0}#MapBar{display:block;flex:0 1 auto;position:relative;height:40px;width:300px}#MapBar>div{display:flex;position:absolute;inset:0;flex-wrap:nowrap;justify-content:space-between;align-items:center}#MapBar>div>i{margin:0;padding:0;display:block;width:40px;height:40px;border-radius:20px;border:1px solid #836f32;position:relative;box-sizing:border-box}#MapBar>div>i::before{display:block;font-size:1.2em;font-weight:bold;position:absolute;width:4em;top:-30px;left:-1em;content:attr(title);color:#aaa}#MapBar>div>i::after{content:"";position:absolute;width:34px;height:34px;top:2px;left:2px;border-radius:18px;background-color:#ffde99}#MapBar>div>b{flex:1 0 auto;display:block;border-right:0;border-left:0;display:block;height:12px;position:relative;box-sizing:border-box}#MapBar>div>b::before{content:"";display:block;position:absolute;box-sizing:border-box;inset:0 -2px 0 -2px;border:1px solid #836f32;background-color:#fff;border-right:0;border-left:0;z-index:1}#MapBar>div.front{z-index:2;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 48 48"><path d="M.5.5h47v47H.5z"/><path d="M47 1v46H1V1h46m1-1H0v48h48V0z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 48 48"><path d="M.5.5h47v47H.5z"/><path d="M47 1v46H1V1h46m1-1H0v48h48V0z"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:luminance;transition:-webkit-mask-size .3s ease-in-out;transition:mask-size .3s ease-in-out;transition:mask-size .3s ease-in-out, -webkit-mask-size .3s ease-in-out;-webkit-mask-size:0px;mask-size:0px}#MapBar>div.front>i{border-color:rgba(0,0,0,0)}#MapBar>div.front>i::before{display:none}#MapBar>div.front>i::after{background-color:#b48f1f}#MapBar>div.front>b::before{inset:2px -4px 2px -4px;background-color:#b48f1f}#MapBar>div.buttons{z-index:3}#MapBar>div.buttons>button{margin:0;padding:0;display:block;width:40px;height:40px;border-radius:20px;border:0;box-sizing:border-box;background-color:rgba(0,0,0,0);position:relative}#MapBar>div.buttons>button::before{display:block;font-size:.9375em;font-weight:bold;position:absolute;width:8em;top:-30px;left:calc(-4em + 20px);content:attr(aria-label);color:#818181}#MapBar.step1>.buttons>button:nth-of-type(1)::before{color:#000}#MapBar.step1>.front{-webkit-mask-size:37px;mask-size:37px}#MapBar.step2>.buttons>button:nth-of-type(3)::before{color:#000}#MapBar.step2>.front{-webkit-mask-size:100%;mask-size:100%}#MapView{margin:20px 0 60px 0;flex:1 0 auto;width:100%;min-height:720px;position:relative}#MapView{height:500px}#MapView span.ball{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:60px;font-family:Galada,Arial;color:#fff;transition:opacity .3s;background-color:#ccc;border:1px solid #aaa;border-radius:50%}#MapView span.ball[data-region=北北基桃]{background-color:#ff8ea4;border-color:#ff718d}#MapView span.ball[data-region=竹苗],#MapView span.ball[data-region=中彰投],#MapView span.ball[data-region=雲嘉],#MapView span.ball[data-region=南高屏]{background-color:#85e6f3;border-color:#27c5db}#MapView span.ball[data-region=恆春],#MapView span.ball[data-region=宜],#MapView span.ball[data-region=花],#MapView span.ball[data-region=東]{background-color:#ffc49e;border-color:#feb687}#MapView.zoom1 span.ball{opacity:1}#MapView.zoom2 span.ball{opacity:0}p.hints{display:block;margin:0;color:#aaa;font-size:.9rem;text-align:right;width:100%;margin-top:-50px}@media screen and (max-width: 990px){.article-box>.art-filter{order:1;width:100%;justify-content:space-between}.article-box>.art-filter>.select{padding:0;width:160px}#MapView{height:500px;min-height:500px;order:2;margin-bottom:40px}#MapBar{order:3;width:100%;margin-bottom:60px}}@media screen and (max-width: 600px){#MapView{height:600px;min-height:600px}}@keyframes zoomIn{0%{opacity:0}100%{opacity:1}}@keyframes zoomOut{0%{opacity:1}100%{opacity:0}}#scroll-to-top{z-index:9999}.stepClick .article-box{width:100%;position:relative;display:flex !important}.stepClick .article-box .stepCheck.stepCheck2{left:10%;right:auto}@media screen and (max-width: 991px){.stepClick .article-box .stepCheck.stepCheck2{right:0;left:auto}.stepClick .article-box .stepCheck.stepCheck2:before{right:40px;left:auto}}.stepClick .article-box .stepCheck.stepCheck3{left:0%;right:0;margin:auto}@media screen and (max-width: 991px){.stepClick .article-box .stepCheck.stepCheck3{top:auto;bottom:-100px}.stepClick .article-box .stepCheck.stepCheck3:before{right:0px;left:0}}.map-pin{display:block;width:20px;height:29px;background:url(../img/map-ping.png?LHOS) no-repeat}.leaflet-popup-content{font-size:16px;text-align:left}.leaflet-popup-content h3{font-size:14px;font-weight:bold;text-align:left;margin:0;margin-bottom:5px;color:#000}.leaflet-popup-content p{margin:0;font-size:12px}.leaflet-popup-content-wrapper{border-radius:6px}.leaflet-container a.leaflet-popup-close-button{outline:none}.transportation{display:flex;flex-wrap:wrap;justify-content:space-between}.transportation #MapView{width:40%;margin-top:0;order:1 !important;flex:none}@media only screen and (max-width: 767px){.transportation #MapView{width:100%}}.transportation .info-table{width:59%;order:2 !important}@media only screen and (max-width: 767px){.transportation .info-table{width:100%;padding-left:0}}