@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;font-family:"Spoqa Han Sans Neo",sans-serif}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-family:"Spoqa Han Sans Neo","sans-serif";-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;word-break:keep-all}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{margin:0;height:100%}img{border:0}body{line-height:1.4}ol,ul{list-style:none}a{text-decoration:none;color:#333}button,html,input,select,textarea{color:#000}img{vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}figure,form{margin:0}button,input,select{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}textarea::-webkit-input-placeholder{font-size:16px}textarea:-ms-input-placeholder{font-size:16px}textarea,textarea::placeholder{font-size:16px}button,input{line-height:normal;border:none;background:none}button,select{text-transform:none}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}::selection{background:#b3d4fc;text-shadow:none}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.header{width:100%;height:100px;line-height:100px;background:#2e3092}.header-in{width:85%;margin:0 auto}.logo{width:200px}.header .right>*{float:left}.clock{margin-right:30px;font-size:26px;color:#fff}.weather img{vertical-align:middle}.weather span{margin-left:5px;color:#fff}.left{float:left}.right{float:right}.header-in:after{content:"";display:block;clear:both}.tabs{width:auto;position:absolute;top:32px;left:400px}.tabs a{display:inline-block;margin-right:10px;width:98px;height:36px;line-height:37px;border-radius:50px;font-size:16px;font-weight:400;text-align:center;background:#fff;color:#2e3092;opacity:.5;cursor:pointer}.tabs .is-active{font-weight:700;opacity:1}.wrap{background:#f4f7fc;padding-bottom:30px}.tab-contents{padding:76px 0;margin:0 auto;background:#f4f7fc}.tab-contents-in{width:85%;margin:0 auto}.title{font-size:30px;font-weight:400;line-height:1.2;padding-bottom:38px}.title strong{font-weight:700}.title small{font-size:15px;color:#9a9aa6}.update{margin-top:45px;color:#9a9aa6}.update button{cursor:pointer}.con-top:after{content:"";display:block;clear:both}.tab-top{display:flex;padding-bottom:72px;margin-bottom:72px;border-bottom:1px solid #dbdbdb;justify-content:space-between}.tab-top.mobile{display:none}.mapBox,.tab-top>div{height:418px;overflow:hidden}.mapBox{width:35%;border-radius:5px}.mapBox.first{background:url(/static/media/map01.3623c21b.jpg) no-repeat bottom/cover}.mapBox.second{background:url(/static/media/map02.5cd9c974.jpg) no-repeat bottom/cover}.lineBox{padding:30px;border-radius:5px;background:#fff;border:1px solid #dbdbdb}.lineBox h6{font-size:15px;font-weight:400;color:#808089;padding-bottom:10px}.lineBox h2{font-size:26px;font-weight:400}.lineBox h2 strong{font-weight:700;color:#2e3092}.lineBox2{display:flex;flex-direction:column;width:35%}.lineBox2>div:nth-child(2){margin-top:20px;overflow:hidden}.lineBox2>div{width:100%}.lineBox.now{width:30%;margin:0 20px}.lineBox.today small{font-size:13px;text-align:right;display:block;margin-top:10px;color:#959595}.goto{width:200px;height:46px;line-height:46px;border-radius:50px;background:#2e3092;font-size:18px;color:#fff;text-align:center;float:right}.clear,.goto{display:block}.clear{content:"";clear:both}.dataTable{display:flex;flex-direction:row;align-items:center}.dataTable>li{width:20%;margin:0 10px}.dataTable>li:first-child{margin-left:0}.dataTable>li:last-child{margin-right:0}.copyright{width:85%;margin:0 auto;font-size:10px;letter-spacing:1px;color:#bfbfcb}.crowded-wrapper{width:calc(65% - 20px);border:1px solid #dbdbdb;border-radius:5px;background-color:#fff;padding:14px}.crowded-wrapper h1{margin:30px 30px 50px;font-weight:700;font-size:25px;color:#000}.crowded-wrapper .status-text{text-align:center;font-size:20px;margin-top:40px;margin-bottom:54px}.crowded-wrapper .info-text{font-size:10px;color:#b0b1bb;float:right}.status{margin-left:30px}.status,.status .emoji{display:flex;align-items:center}.status .emoji{justify-content:center;width:130px;height:130px;border-radius:50%;border:2px solid #ff5959;background-color:#fff;z-index:2}.status .graph-wrapper{width:calc(100% - 200px);margin-left:-5px;position:relative}.status .graph-wrapper .graph{position:relative;width:100%;height:30px;z-index:1;margin-right:30px;background:linear-gradient(90deg,#2895e3,#c4c4c4 0)}.status .graph-wrapper .graph:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,#fff,#fff 3px,transparent 0,transparent 10%)}.status .graph-wrapper .graph-text{position:absolute;width:100%;left:calc(20% - 16px);top:40px}.status .graph-wrapper .graph-text span{width:20%;display:inline-block;font-size:20px}.status .graph-wrapper .graph-text span:nth-child(2),.status .graph-wrapper .graph-text span:nth-child(4){width:calc(20% - 16px)}.status .graph-wrapper .graph-text span:nth-child(3){width:calc(20% + 16px)}.status .graph-wrapper .position{width:42px;height:42px;border-radius:50px;position:absolute;display:inline-block;background-color:#fff;top:-6px;z-index:3;border:3px solid #ff5959}.status .graph-wrapper .graph-status{content:"";position:absolute;top:-78px;width:auto;border:1px solid #c4c4c4;font-size:20px;height:50px;line-height:50px;padding:0 20px;background-color:#fff}.status .graph-wrapper .graph-arrow{position:absolute;width:20px;height:20px;top:-38px;background-color:#fff;border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width:1620px){.tabs{left:350px}.tab-top>div{height:389px}.graph-status{font-size:16px}}@media (max-width:1340px){.tab-bottom .title{width:70%;padding-bottom:18px}.tab-top,.tab-top.mobile{display:block}.tab-top.admin{display:none}.tab-top>div{height:325px}.mapBox{width:calc(50% - 10px);float:left;margin-bottom:20px}.lineBox.today{width:calc(50% - 10px);float:right;height:auto}.lineBox2{flex-direction:row;width:100%}.lineBox2>div{margin-top:20px}.lineBox2>div:nth-child(2){margin-right:0}.lineBox.now,.tab-top>div.time{width:calc(50% - 10px);height:auto}.lineBox.now{float:right;margin:20px 0 0}.title small{display:block;margin-top:5px}.goto{margin-top:12px}.dataTable{flex-wrap:wrap}.dataTable>li{width:calc(50% - 10px);margin-top:20px}.dataTable>li:nth-child(2),.dataTable>li:nth-child(4){margin-right:0}.dataTable>li:nth-child(3),.dataTable>li:nth-child(5){margin-left:0}}@media (max-width:1024px){.header{height:80px;line-height:80px}.header-in{width:92%}.logo{width:140px}.tabs{top:25px;left:220px}.tabs li{width:80px;height:30px;line-height:31px;font-size:14px}.clock{font-size:22px;margin-right:20px}.title{font-size:26px}.goto,.update{font-size:14px}.goto{width:170px;height:40px;line-height:40px}.mapBox{width:100%;height:418px;border-radius:5px;overflow:hidden}.mapBox.first{background:url(/static/media/map01.3623c21b.jpg) no-repeat 50%/cover}.mapBox.second{background:url(/static/media/map02.5cd9c974.jpg) no-repeat 50%/cover}.crowded-wrapper{width:100%}.crowded-wrapper h1{margin:20px 10px;font-weight:700;font-size:25px;color:#000}.crowded-wrapper .status-text{text-align:center;font-size:10px;margin-top:20px;margin-bottom:24px}.crowded-wrapper .info-text{font-size:10px;color:#b0b1bb;float:right}.status{margin-left:5px}.status,.status .emoji{display:flex;align-items:center}.status .emoji{justify-content:center;width:100px;height:100px;border-radius:50%;border:2px solid #ff5959;background-color:#fff;z-index:2}.status .graph-wrapper{width:calc(100% - 200px);margin-left:-5px;position:relative;flex:1 1}.status .graph-wrapper .graph{position:relative;width:100%;height:30px;z-index:1;margin-right:30px;background:linear-gradient(90deg,#2895e3,#c4c4c4 0)}.status .graph-wrapper .graph:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,#fff,#fff 3px,transparent 0,transparent 10%)}.status .graph-wrapper .graph-text{position:absolute;width:100%;left:calc(20% - 16px);top:40px}.status .graph-wrapper .graph-text span{width:20%;display:inline-block;font-size:15px}.status .graph-wrapper .graph-text span:nth-child(2),.status .graph-wrapper .graph-text span:nth-child(4){width:calc(20% - 16px)}.status .graph-wrapper .graph-text span:nth-child(3){width:calc(20% + 16px)}.status .graph-wrapper .position{width:35px;height:35px;border-radius:50px;position:absolute;display:inline-block;background-color:#fff;top:-2px;z-index:3;border:1px solid #ff5959}.status .graph-wrapper .graph-status{content:"";position:absolute;top:-38px;width:auto;border:1px solid #c4c4c4;font-size:15px;height:30px;line-height:30px;padding:0 20px;background-color:#fff;z-index:100}.status .graph-wrapper .graph-arrow{position:absolute;width:10px;height:10px;top:-13px;background-color:#fff;z-index:101;border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@media (max-width:740px){.logo{width:130px}.tabs{left:164px}.tabs li{width:70px;height:28px;line-height:29px;font-size:13px;margin-right:5px}.clock{font-size:13px;margin-right:15px}.weather span{font-size:13px;margin-left:2px}.weather img{width:30px}.con-top>*{float:none}.title{font-size:22px;padding-bottom:5px}.update{font-size:12px;margin-top:40px}.tab-top>div{width:100%;height:280px}.mapBox{margin-top:20px;margin-bottom:10px}.lineBox h2{font-size:20px}.lineBox.today{width:100%;float:none;height:auto}.lineBox.today small{font-size:10px}.lineBox.now{width:100%;height:auto;float:right;margin:10px 0}.lineBox.now img{width:50%}.tab-top>div.time{width:100%;height:auto}.title small{font-size:13px;margin-top:8px}.tab-bottom .title{width:100%;padding-bottom:18px}.goto{float:left;margin:0 0 16px}.dataTable>li{width:100%;margin-top:10px}.dataTable>li:nth-child(2),.dataTable>li:nth-child(4){margin-left:0}.dataTable>li:first-child,.dataTable>li:nth-child(3){margin-right:0}.mapBox{width:100%;height:418px;border-radius:5px;overflow:hidden}.mapBox.first{background:url(/static/media/map01.3623c21b.jpg) no-repeat 50%/cover}.mapBox.second{background:url(/static/media/map02.5cd9c974.jpg) no-repeat 50%/cover}.crowded-wrapper{width:100%}.crowded-wrapper h1{margin:20px 10px;font-weight:700;font-size:15px;color:#000}.crowded-wrapper .status-text{text-align:center;font-size:10px;margin-top:20px;margin-bottom:24px}.crowded-wrapper .info-text{font-size:10px;color:#b0b1bb;float:right}.status{margin-left:5px}.status,.status .emoji{display:flex;align-items:center}.status .emoji{justify-content:center;width:60px;height:60px;border-radius:50%;border:2px solid #ff5959;background-color:#fff;z-index:2}.status .graph-wrapper{width:calc(100% - 200px);margin-left:-5px;position:relative;flex:1 1}.status .graph-wrapper .graph{position:relative;width:100%;height:20px;z-index:1;margin-right:30px;background:linear-gradient(90deg,#2895e3,#c4c4c4 0)}.status .graph-wrapper .graph:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,#fff,#fff 3px,transparent 0,transparent 10%)}.status .emoji img{height:50px}.status .graph-wrapper .graph-text{position:absolute;width:100%;left:calc(20% - 16px);top:20px}.status .graph-wrapper .graph-text span{width:20%;display:inline-block;font-size:10px}.status .graph-wrapper .graph-text span:nth-child(2),.status .graph-wrapper .graph-text span:nth-child(4){width:calc(20% - 16px)}.status .graph-wrapper .graph-text span:nth-child(3){width:calc(20% + 16px)}.status .graph-wrapper .position{width:25px;height:25px;border-radius:50px;position:absolute;display:inline-block;background-color:#fff;top:-2px;z-index:3;border:1px solid #ff5959}.status .graph-wrapper .graph-status{content:"";position:absolute;top:-38px;width:auto;border:1px solid #c4c4c4;font-size:12px;height:30px;line-height:30px;padding:0 20px;background-color:#fff;z-index:100}.status .graph-wrapper .graph-arrow{position:absolute;width:10px;height:10px;top:-13px;background-color:#fff;z-index:101;border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@media (max-width:640px){.tabs a{width:auto;height:auto}.clock,.weather{display:none}.lineBox{padding:20px 15px}.lineBox h6{font-size:13px;padding-bottom:5px}.mapBox{width:100%;height:418px;border-radius:5px;overflow:hidden}.mapBox.first{background:url(/static/media/map01.3623c21b.jpg) no-repeat 50%/cover}.mapBox.second{background:url(/static/media/map02.5cd9c974.jpg) no-repeat 50%/cover}.crowded-wrapper{width:100%}.status .emoji img{height:50px}.crowded-wrapper h1{margin:20px 10px;font-weight:700;font-size:15px;color:#000}.crowded-wrapper .status-text{text-align:center;font-size:10px;margin-top:20px;margin-bottom:24px}.crowded-wrapper .info-text{font-size:10px;color:#b0b1bb;float:right}.status{margin-left:5px}.status,.status .emoji{display:flex;align-items:center}.status .emoji{justify-content:center;width:60px;height:60px;border-radius:50%;border:2px solid #ff5959;background-color:#fff;z-index:2}.status .graph-wrapper{width:calc(100% - 200px);margin-left:-5px;position:relative;flex:1 1}.status .graph-wrapper .graph{position:relative;width:100%;height:20px;z-index:1;margin-right:30px;background:linear-gradient(90deg,#2895e3,#c4c4c4 0)}.status .graph-wrapper .graph:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,#fff,#fff 3px,transparent 0,transparent 10%)}.status .graph-wrapper .graph-text{position:absolute;width:100%;left:calc(20% - 16px);top:20px}.status .graph-wrapper .graph-text span{width:20%;display:inline-block;font-size:10px}.status .graph-wrapper .graph-text span:nth-child(2),.status .graph-wrapper .graph-text span:nth-child(4){width:calc(20% - 16px)}.status .graph-wrapper .graph-text span:nth-child(3){width:calc(20% + 16px)}.status .graph-wrapper .position{width:25px;height:25px;border-radius:50px;position:absolute;display:inline-block;background-color:#fff;top:-2px;z-index:3;border:1px solid #ff5959}.status .graph-wrapper .graph-status{content:"";position:absolute;top:-38px;width:auto;border:1px solid #c4c4c4;font-size:12px;height:30px;line-height:30px;padding:0 20px;background-color:#fff;z-index:100}.status .graph-wrapper .graph-arrow{position:absolute;width:10px;height:10px;top:-13px;background-color:#fff;z-index:101;border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.fade-enter{opacity:0;z-index:1}.fade-enter.fade-enter-active{opacity:1;transition:opacity .2s ease-in}
/*# sourceMappingURL=main.8292a4b7.chunk.css.map */