@import url(https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+TC:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);.spacing-5[data-v-ff86b9b2]{letter-spacing:.5px}.router-view[data-v-ff86b9b2]{font-family:system,-apple-system,BlinkMacSystemFont,PingFang TC,Lato,Noto Sans TC,Montserrat,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh}.bg[data-v-ff86b9b2]{background-image:url(../img/tvwalllooping_bg.90f9b6eb.jpg);background-size:cover;background-position-y:80%}.wrap[data-v-ff86b9b2]{width:93.5vw;height:97vh}.contentRow[data-v-ff86b9b2]{height:93vh}.footer[data-v-ff86b9b2]{height:4vh;padding-top:.2vw;font-size:1.4vw;text-align:right;color:hsla(0,0%,100%,.85)}.contentColumn[data-v-ff86b9b2]{width:30.3363vw}.contentColumn[data-v-ff86b9b2]:nth-child(2){margin:0 1.2vw}.block[data-v-ff86b9b2]{background-color:hsla(0,0%,100%,.8);margin-top:1.2vw;border-radius:2px;-webkit-box-shadow:rgba(35,120,158,.3) 0 8px 10px 5px;box-shadow:0 8px 10px 5px rgba(35,120,158,.3)}.shineLine[data-v-ff86b9b2]:after{content:"";display:block;position:absolute;top:50%;background-color:hsla(0,0%,100%,.5);height:3%;width:100%;-webkit-transform:rotate(-65deg);transform:rotate(-65deg);-webkit-box-shadow:0 0 8px 8px hsla(0,0%,100%,.4);box-shadow:0 0 8px 8px hsla(0,0%,100%,.4);-webkit-animation-name:shineLineAnimation-ff86b9b2;animation-name:shineLineAnimation-ff86b9b2;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes shineLineAnimation-ff86b9b2{0%{left:-100vw}to{left:300vw}}@keyframes shineLineAnimation-ff86b9b2{0%{left:-100vw}to{left:300vw}}.logo[data-v-ff86b9b2]{height:calc(33.015vh - 1.278vw);padding:2vw;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.logo .logoImg[data-v-ff86b9b2]{height:80%;width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}.logo .logoTitle[data-v-ff86b9b2]{margin-top:2%;font-weight:500;font-size:2vw;color:#555;text-align:center;letter-spacing:.02rem}.totalPower[data-v-ff86b9b2]{height:calc(24.645vh - .954vw);padding:1.2vw 2vw;font-size:1.6vw;line-height:2.8vw;color:#555;position:relative;overflow:hidden;z-index:8}.totalPower .num[data-v-ff86b9b2]{font-weight:700;font-size:1.7vw}.totalPower .flashImg[data-v-ff86b9b2]{width:1.5vw;opacity:.8;-webkit-animation-name:flashImgAnimation-ff86b9b2;animation-name:flashImgAnimation-ff86b9b2;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes flashImgAnimation-ff86b9b2{0%{-webkit-transform:translate(-6px,-2px) perspective(1000px) rotateY(0deg) rotate(5deg);transform:translate(-6px,-2px) perspective(1000px) rotateY(0deg) rotate(5deg)}45%{-webkit-transform:translate(-6px,-2px) perspective(1000px) rotateY(0deg) rotate(5deg);transform:translate(-6px,-2px) perspective(1000px) rotateY(0deg) rotate(5deg)}55%{-webkit-transform:translate(-6px,-2px) perspective(1000px) rotateY(1turn) rotate(-5deg);transform:translate(-6px,-2px) perspective(1000px) rotateY(1turn) rotate(-5deg)}to{-webkit-transform:translate(-6px,-2px) perspective(1000px) rotateY(1turn) rotate(-5deg);transform:translate(-6px,-2px) perspective(1000px) rotateY(1turn) rotate(-5deg)}}@keyframes flashImgAnimation-ff86b9b2{0%{-webkit-transform:translate(-6px,-2px) perspective(1000px) rotateY(0deg) rotate(5deg);transform:translate(-6px,-2px) perspective(1000px) rotateY(0deg) rotate(5deg)}45%{-webkit-transform:translate(-6px,-2px) perspective(1000px) rotateY(0deg) rotate(5deg);transform:translate(-6px,-2px) perspective(1000px) rotateY(0deg) rotate(5deg)}55%{-webkit-transform:translate(-6px,-2px) perspective(1000px) rotateY(1turn) rotate(-5deg);transform:translate(-6px,-2px) perspective(1000px) rotateY(1turn) rotate(-5deg)}to{-webkit-transform:translate(-6px,-2px) perspective(1000px) rotateY(1turn) rotate(-5deg);transform:translate(-6px,-2px) perspective(1000px) rotateY(1turn) rotate(-5deg)}}.totalSite[data-v-ff86b9b2]{height:calc(35.34vh - 1.368vw);padding:1.2vw 4vw;position:relative;overflow:hidden}.totalSite .blockTitle[data-v-ff86b9b2]{height:25%}.totalSite .iconText[data-v-ff86b9b2]{margin-left:1.3vw;font-size:1.7vw;font-weight:700;letter-spacing:.1rem;color:#3b88c9}.totalSite .blockContent[data-v-ff86b9b2]{height:75%;padding-top:.6vw;font-size:1.3vw;color:#555}.totalSite .blockContent .region_title[data-v-ff86b9b2]{width:4.5vw}.totalSite .blockContent .divider[data-v-ff86b9b2]{border-top:2px solid #d5d5d5}.totalSite .blockContent .num[data-v-ff86b9b2]{font-weight:900;color:#3b88c9}.totalSite .blockContent .siteNum[data-v-ff86b9b2]{width:6vw;text-align:center}.totalSite .blockContent .deviceTitle[data-v-ff86b9b2]{width:8.5vw;text-align:center}.totalSite .blockContent .deviceNum[data-v-ff86b9b2]{width:8.5vw;text-align:right}.siteInfo[data-v-ff86b9b2]{height:calc(28.14vh - 1.512vw);font-size:1.6vw;line-height:2.8vw;color:#555;position:relative;overflow:hidden}.siteInfo.en-text[data-v-ff86b9b2]{font-size:1.3vw}.photo[data-v-ff86b9b2]{height:calc(38.86vh - 2.088vw)}.photo .siteImg[data-v-ff86b9b2]{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.powerWrap[data-v-ff86b9b2]{height:26vh;padding:1vw 1.4vw;position:relative;overflow:hidden}.powerWrap .desc[data-v-ff86b9b2]{font-size:.95vw;color:#3b88c9}.powerWrap .powerChart[data-v-ff86b9b2]{margin:0 -.5vw -.5vw -.5vw}.weather[data-v-ff86b9b2]{height:calc(41vh - 3.6vw);padding:0 1.4vw 1vw 1.4vw;position:relative;overflow:hidden}.weather .date[data-v-ff86b9b2]{font-size:1.2vw;color:#555}.weather .county[data-v-ff86b9b2]{font-size:1.6vw;font-weight:500;color:#444}.weather .desc[data-v-ff86b9b2]{font-size:1.16vw;color:#555}.weather .temp[data-v-ff86b9b2]{font-weight:500;font-size:3.2vw;line-height:4vw;color:#3b88c9}.weather .rainIcon[data-v-ff86b9b2]{height:1.6vw}.weather .cloudIcon[data-v-ff86b9b2]{width:1.8vw}.weather .rainText[data-v-ff86b9b2]{font-size:1.4vw;letter-spacing:.05rem;color:#3b88c9;margin-left:.5vw}.weather .weatherImgWrap[data-v-ff86b9b2]{position:relative;width:8vw;height:8vw;margin-left:.3vw;margin-right:-.8vw}.weather .weatherImg[data-v-ff86b9b2]{position:absolute;width:100%;-webkit-animation-name:weatherImgAnimation-ff86b9b2;animation-name:weatherImgAnimation-ff86b9b2;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.weather .weekWeatherTitle[data-v-ff86b9b2]{color:hsla(0,0%,40%,.8627450980392157);font-size:.75vw;margin-bottom:.5vw;letter-spacing:1px}.weather .weekWeatherTitle .divider[data-v-ff86b9b2]{border-top:1px solid #bbb}.weather .weekDayText[data-v-ff86b9b2]{font-size:.95vw;color:#3b88c9}.weather .weekTempText[data-v-ff86b9b2]{font-size:.83vw;color:#666}.weather .weekWeatherImg[data-v-ff86b9b2]{height:3vw;width:3vw;background-size:90%;background-color:#5fc7fa;-webkit-filter:brightness(105%);filter:brightness(105%);border-radius:50%;background-position:50%;margin:.4vw 0}@-webkit-keyframes weatherImgAnimation-ff86b9b2{0%{top:5px}to{top:-5px}}@keyframes weatherImgAnimation-ff86b9b2{0%{top:5px}to{top:-5px}}.cardLooping-enter-active[data-v-ff86b9b2],.timeFlipping-enter-active[data-v-ff86b9b2]{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.cardLooping-leave-active[data-v-ff86b9b2],.timeFlipping-leave-active[data-v-ff86b9b2]{-webkit-transition:all 1.2s cubic-bezier(1,.5,.8,1);transition:all 1.2s cubic-bezier(1,.5,.8,1)}.cardLooping-enter-from[data-v-ff86b9b2],.cardLooping-leave-to[data-v-ff86b9b2]{-webkit-transform:perspective(1000px) rotateX(-90deg);transform:perspective(1000px) rotateX(-90deg);opacity:0}.timeFlipping-enter-from[data-v-ff86b9b2],.timeFlipping-leave-to[data-v-ff86b9b2]{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}