Commit b82a145f authored by FionaChen's avatar FionaChen

統計與資訊

parent ffbfd25c
......@@ -636,6 +636,10 @@ article {
padding-bottom: 150px;
}
article .article-topic {
display: none;
}
article .tab-cont {
padding: 0 20px;
}
......@@ -883,6 +887,158 @@ h1 {
display: none;
}
.highcharts-credits {
fill: #ffffff !important;
}
.highcharts-background {
opacity: 0;
}
.HC-area {
margin-top: 72px;
}
.HC-area .chart-topic {
border-left: #35a9e1 8px solid;
font-size: 24px;
color: #0e435d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 16px;
height: 96px;
margin-bottom: -50px;
margin-left: 10%;
}
.HC-area .chart-topic .math {
font-size: 48px;
line-height: 40px;
}
.HC-area .chart-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 650px;
}
.HC-area .chart-cont label {
font-size: 24px;
color: #fff;
}
.HC-area .HC-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.HC-area .HC-list .topic {
font-size: 24px;
line-height: 21px;
color: #0e435d;
margin-bottom: 20px;
}
.HC-area .HC-list .HC-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 50px;
}
.HC-area .HC-list .HC-cont .cont-city {
padding-right: 35px;
}
.HC-area .HC-list .fam-order {
background-color: rgba(14, 67, 93, 0.05);
padding: 20px;
}
.HC-area .HC-list .fam-order .title {
padding: 4px 8px;
border-radius: 16px;
color: #fff;
background-color: #0e435d;
}
.HC-area .HC-list .fam-order .fam-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.HC-area .HC-list .fam-order .order-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-top: 20px;
}
.HC-area .HC-list .fam-order .order-cont img {
width: 72px;
height: 72px;
margin-bottom: 8px;
}
.HC-area .HC-list .fam-order .order-cont label {
margin-bottom: 0px;
font-size: 15px;
letter-spacing: -.05rem;
}
@media (max-width: 1366px) {
.HC-area .chart-topic {
margin-left: 25px;
}
}
@media (min-width: 1366px) {
.HC-area .fam-order {
width: 85%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.fam-order .fam-cont {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: start !important;
}
}
@media (max-width: 768px) {
article {
width: 88%;
......@@ -891,8 +1047,35 @@ h1 {
margin-right: 20px;
padding-top: 50px;
}
article.chart {
width: 100%;
padding: 0;
margin: 0;
}
article .article-topic {
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-item-align: center;
align-self: center;
margin: 30px;
}
article .article-topic label {
margin-top: 5px;
margin-left: 16px;
}
article .tab-cont {
padding: 0px;
padding: 30px 20px;
}
article .tab-cont .tab-pane {
padding: 0 20px;
......@@ -1207,5 +1390,25 @@ h1 {
.modal .modal-content.ItemsIcon .modal-footer {
background-color: rgba(251, 251, 251, 0);
}
.HC-area {
margin-top: 0px;
}
.HC-area .chart-cont {
height: 450px;
}
.HC-area .HC-list {
text-align: center;
}
.HC-area .HC-cont {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 420px) {
.HC-area {
height: 400px;
}
}
/*# sourceMappingURL=style.css.map */
\ No newline at end of file
This diff is collapsed.
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="a" d="M0 0h48v48H0z"/>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M24 6c-1.654 0-3 1.346-3 3 0 1.655 1.346 3 3 3 1.655 0 3-1.345 3-3 0-1.654-1.345-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5M11 32c-1.654 0-3 1.346-3 3 0 1.655 1.346 3 3 3 1.655 0 3-1.345 3-3 0-1.654-1.345-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5M37 32c-1.654 0-3 1.346-3 3 0 1.655 1.346 3 3 3 1.655 0 3-1.345 3-3 0-1.654-1.345-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5" fill="#0E435D"/>
<g>
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<path d="M43.536 43.168A10.97 10.97 0 0 0 37 41c-2.359 0-4.646.766-6.537 2.168A8.96 8.96 0 0 1 28 37c0-4.962 4.037-9 9-9s9 4.038 9 9a8.96 8.96 0 0 1-2.464 6.168m-11.489 1.339A8.957 8.957 0 0 1 37 43c1.77 0 3.486.534 4.953 1.507A8.942 8.942 0 0 1 37 46a8.944 8.944 0 0 1-4.953-1.493m-14.51-1.339A10.97 10.97 0 0 0 11 41c-2.36 0-4.646.766-6.537 2.168A8.96 8.96 0 0 1 2 37c0-4.962 4.037-9 9-9s9 4.038 9 9a8.96 8.96 0 0 1-2.464 6.168m-11.49 1.339A8.957 8.957 0 0 1 11 43c1.77 0 3.486.534 4.953 1.507A8.942 8.942 0 0 1 11 46a8.944 8.944 0 0 1-4.953-1.493M15 11c0-4.963 4.037-9 9-9s9 4.037 9 9a8.96 8.96 0 0 1-2.464 6.168A10.97 10.97 0 0 0 24 15c-2.36 0-4.646.766-6.537 2.168A8.96 8.96 0 0 1 15 11m9 9a8.944 8.944 0 0 1-4.953-1.493A8.957 8.957 0 0 1 24 17c1.77 0 3.486.533 4.953 1.507A8.942 8.942 0 0 1 24 20m13 6a10.955 10.955 0 0 0-7.537 3L25 26.423v-4.47c5.598-.508 10-5.225 10-10.953 0-6.066-4.935-11-11-11-6.066 0-11 4.934-11 11 0 5.728 4.402 10.445 10 10.952v4.471L18.537 29c-1.97-1.858-4.622-3-7.537-3-6.066 0-11 4.935-11 11 0 6.066 4.934 11 11 11 6.065 0 11-4.934 11-11 0-2.417-.786-4.653-2.113-6.471L24 28.155l4.112 2.374A10.94 10.94 0 0 0 26 37c0 6.066 4.934 11 11 11 6.065 0 11-4.934 11-11 0-6.065-4.935-11-11-11" fill="#0E435D" mask="url(#b)"/>
</g>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h24v24H0z"/>
<path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" fill="#AF3737" fill-rule="nonzero"/>
</g>
</svg>
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="a" d="M0 0h48v26H0z"/>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M9 46c-1.654 0-3-1.345-3-3 0-1.654 1.346-3 3-3h34.306a5.241 5.241 0 0 0-.729 2H9a1 1 0 0 0 0 2h33.577c.117.755.369 1.428.73 2H9zM2 35c0-1.654 1.345-3 3-3h34.306a5.241 5.241 0 0 0-.729 2H5a1 1 0 0 0 0 2h33.577c.117.755.369 1.428.73 2H5c-1.655 0-3-1.345-3-3zm45 5a1 1 0 0 0 0-2h-4c-1.845 0-2.5-1.616-2.5-3s.655-3 2.5-3a1 1 0 0 0 0-2H5c-2.757 0-5 2.243-5 5s2.243 5 5 5h.01A4.967 4.967 0 0 0 4 43c0 2.757 2.243 5 5 5h38a1 1 0 0 0 0-2c-1.845 0-2.5-1.616-2.5-3s.655-3 2.5-3z" fill="#0E435D"/>
<g>
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<path d="M24 2.033 43.038 7 24 11.966 4.962 7 24 2.033zM34 24H14V11.425l9.747 2.543a.983.983 0 0 0 .506 0L34 11.425V24zM.748 7.967 12 10.903V25a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V10.903l8-2.087V19a1 1 0 0 0 2 0V8.294l1.252-.327a1 1 0 0 0 0-1.935l-23-6a.993.993 0 0 0-.505 0l-23 6a1 1 0 0 0 0 1.935z" fill="#0E435D" mask="url(#b)"/>
</g>
<path d="M25 7a1 1 0 1 0-2 0 1 1 0 0 0 2 0" fill="#0E435D"/>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="#35A9E1" fill-rule="evenodd">
<path d="M19 13a1 1 0 0 0-1 1v8H2V6h8a1 1 0 0 0 0-2H1a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1"/>
<path d="M23.98.804c-.006-.03-.017-.057-.025-.086-.01-.034-.018-.068-.032-.1-.014-.034-.033-.065-.05-.097-.014-.025-.025-.051-.042-.076a.998.998 0 0 0-.277-.277c-.023-.016-.049-.027-.074-.04-.032-.018-.064-.038-.098-.052-.033-.013-.066-.021-.1-.031-.029-.009-.057-.02-.086-.026A.995.995 0 0 0 23 0h-6a1 1 0 0 0 0 2h3.586L9.293 13.293a1 1 0 1 0 1.414 1.414L22 3.414V7a1 1 0 0 0 2 0V1a1.03 1.03 0 0 0-.02-.196"/>
</g>
</svg>
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<g fill="#0E435D" fill-rule="evenodd">
<path d="M15 24c-1.655 0-3 1.346-3 3s1.345 3 3 3c1.654 0 3-1.346 3-3s-1.346-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5"/>
<path d="M6 42v-2.372A12.893 12.893 0 0 1 15 36a12.89 12.89 0 0 1 9 3.628V42H6zm18-22v16.999A14.863 14.863 0 0 0 15 34a14.864 14.864 0 0 0-9 3V20h18zm1-2H5a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V19a1 1 0 0 0-1-1zM41 26H31a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2M41 30H31a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2M41 34H31a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2M41 38H31a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2"/>
<path d="M46 43c0 1.654-1.346 3-3 3H5c-1.655 0-3-1.346-3-3V19c0-1.654 1.345-3 3-3h38c1.654 0 3 1.346 3 3v24zM15 10h5c0 1.103.897 2 2 2h4c1.103 0 2-.897 2-2h5v4H15v-4zm7-8h4v8h-4V2zm21 12h-8v-4c0-1.103-.897-2-2-2h-5V2c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v6h-5c-1.103 0-2 .897-2 2v4H5c-2.757 0-5 2.243-5 5v24c0 2.757 2.243 5 5 5h38c2.757 0 5-2.243 5-5V19c0-2.757-2.243-5-5-5z"/>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<rect fill="#FFF" width="24" height="24" rx="12"/>
<path fill="#35A9E1" d="M18 12 8 18V6z"/>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<rect fill="#FFF" width="24" height="24" rx="12"/>
<path fill="#35A9E1" d="M7 7h3v10H7zM14 7h3v10h-3z"/>
</g>
</svg>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment