#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,body,html{width:100%;height:100%}body,html{padding:0;margin:0}#top-header{position:relative;width:100%;height:100px;display:flex;justify-content:space-between;flex-shrink:0}#top-header .header-center-decoration{width:40%;height:60px;margin-top:30px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:25%;height:60px}#top-header .center-title{position:absolute;font-size:28px;font-weight:700;left:50%;top:8px;transform:translateX(-50%)}@media screen and (max-width:660px){body #app #data-view #dv-full-screen-container #top-header .center-title,html #app #data-view #dv-full-screen-container #top-header .center-title{font-size:14px;top:4px;width:100%;text-align:center}body #app #data-view #dv-full-screen-container #top-header .header-left-decoration,body #app #data-view #dv-full-screen-container #top-header .header-right-decoration,html #app #data-view #dv-full-screen-container #top-header .header-left-decoration,html #app #data-view #dv-full-screen-container #top-header .header-right-decoration{width:15%;height:36px}body #app #data-view #dv-full-screen-container #top-header .header-center-decoration,html #app #data-view #dv-full-screen-container #top-header .header-center-decoration{width:30%;height:45px}body #app #data-view #dv-full-screen-container #top-header .title-time,html #app #data-view #dv-full-screen-container #top-header .title-time{right:9999px}body #app #data-view #dv-full-screen-container #top-header .title-times,html #app #data-view #dv-full-screen-container #top-header .title-times{left:4px}body #app #data-view #dv-full-screen-container #top-header .title-area,html #app #data-view #dv-full-screen-container #top-header .title-area{right:4px}body #app #data-view .main-content,html #app #data-view .main-content{overflow-y:scroll}body #app #data-view .main-content #digital-flop,html #app #data-view .main-content #digital-flop{flex-wrap:wrap;height:auto;padding:10px 0}body #app #data-view .main-content #digital-flop .digital-flop-item,html #app #data-view .main-content #digital-flop .digital-flop-item{width:31%;height:auto;margin-bottom:8px}body #app #data-view .main-content #digital-flop .digital-flop-item .digital-flop-title,html #app #data-view .main-content #digital-flop .digital-flop-item .digital-flop-title{font-size:16px;margin-bottom:8px}body #app #data-view .main-content #digital-flop .digital-flop-item .digital-flop,html #app #data-view .main-content #digital-flop .digital-flop-item .digital-flop{width:100%}body #app #data-view .main-content #digital-flop .digital-flop-item .digital-flop .dv-digital-flop,html #app #data-view .main-content #digital-flop .digital-flop-item .digital-flop .dv-digital-flop{width:70px!important}body #app #data-view .main-content #digital-flop .digital-flop-item .digital-flop .dv-digital-flop .unit,html #app #data-view .main-content #digital-flop .digital-flop-item .digital-flop .dv-digital-flop .unit{font-size:11px}body #app #data-view .main-content .block-left-right-content,html #app #data-view .main-content .block-left-right-content{flex-wrap:wrap;margin-top:10px}body #app #data-view .main-content .block-left-right-content #ranking-board,html #app #data-view .main-content .block-left-right-content #ranking-board{width:96%;height:500px;margin:10px 2%}body #app #data-view .main-content .block-left-right-content #ranking-board .dv-scroll-ranking-board,html #app #data-view .main-content .block-left-right-content #ranking-board .dv-scroll-ranking-board{height:300px}body #app #data-view .main-content .block-left-right-content .block-top-bottom-content,html #app #data-view .main-content .block-left-right-content .block-top-bottom-content{flex-wrap:wrap;padding:0}body #app #data-view .main-content .block-left-right-content .block-top-bottom-content .block-top-content,html #app #data-view .main-content .block-left-right-content .block-top-bottom-content .block-top-content{width:96%;margin:6px auto}body #app #data-view .main-content .block-left-right-content .block-top-bottom-content .block-top-content #cards,html #app #data-view .main-content .block-left-right-content .block-top-bottom-content .block-top-content #cards{height:auto}body #app #data-view .main-content .block-left-right-content .block-top-bottom-content .block-top-content #rose-chart,html #app #data-view .main-content .block-left-right-content .block-top-bottom-content .block-top-content #rose-chart{height:300px}body #app #data-view .main-content .block-left-right-content #scroll-board,html #app #data-view .main-content .block-left-right-content #scroll-board{width:96%;margin:6px auto;height:680px}}