@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
.total_block h4, .chat_text .item .small, .total_block h3, .total_block .title, .chart_title, .legend_title, body {
		font-family: 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;
		font-size: 1em;
		font-weight: 400;
		font-style: normal;
}
.sans {
		font-family: 'Noto Sans TC', sans-serif;
		font-weight: 400;
		font-style: normal;
}
.serif {
		font-family: 'Noto Serif TC', sans-serif;
		font-weight: 400;
		font-style: normal;
}
/* ============ Font Size ============ */
i.large {
		font-size: 110%;
}
.none_page .topic {
		font-size: 10em;
		font-weight: 400;
}
.none_page .info {
		font-size: 1.75em;
		letter-spacing: .25rem;
}
.none_page .sub_title {
		font-size: 1.75em;
		letter-spacing: .25rem;
}
.none_page .contact-block {
		font-size: 1em;
}
.none_page .copyright {
		font-size: .85em;
}
.btn, .form-control {
		font-size: 1em;
}
.sidebar a.nav-link {
		font-size: 1em;
}
.sidebar .navbar-brand .contact-info {
		font-size: .8em;
}
.sidebar .navbar-brand .contact-info small {
		font-size: .6em;
}
.top-menu .navbar-nav .nav-item .nav-link {
		font-size: .95em;
}
.top-menu .controlsize {
		font-size: .9em;
}
.top-menu .controlsize .boxCtrl a.increase {
		font-size: 1.25em;
}
.top-menu .controlsize .boxCtrl a.decrease {
		font-size: 1em;
}
.help-nav .list-group .list-group-item a i {
		font-size: 1.4em;
}
.toast {
		font-size: .9em;
}
.box-switch i.dark {
		font-size: 1em;
}
.box-switch i.light {
		font-size: 1.125em;
}
.bottom-sitemap .list-group-item.title a {
		font-size: 1.125em;
		font-weight: 500;
}
.bottom-sitemap .list-group-item a {
		font-size: 1em;
		letter-spacing: .05em;
}
.index-news .nav-tabs .nav-link {
		font-size: 1em;
}
.index-news .tab-content .row > * a .card-title {
		font-size: 1.2em;
}
.index-news .tab-content .row > * a .card-text {
		font-size: 1em;
}
.index-news .tab-content .row > * a .card-date {
		font-size: .8em;
}
.breadcrumb .breadcrumb-item {
		font-size: 1em;
}
.has-checkboxfilter .card .card-title {
		font-size: 1.25em;
		font-weight: 600;
		line-height: 1.5;
}
.has-checkboxfilter .card .card-text {
		font-size: 1em;
}
.just-grid .card .card-title {
		font-size: 1.25em;
		line-height: 1.5;
}
.just-grid .card .card-text {
		font-size: 1em;
}
.just-grid .card.brand-card .card-title {
		font-size: 1.125em;
}
.icon-content p {
		font-size: 1em;
}
.icon-content h4 {
		font-size: 1.25em;
}
.icon-content th {
		font-weight: normal;
}
.card .date {
		letter-spacing: 1px;
		font-size: .8em;
}
.heading {
		font-weight: 500;
		letter-spacing: 3px;
}
.heading::before {
		font-size: 130%;
		font-weight: 100;
}
.heading::after {
		font-size: 130%;
		font-weight: 100;
}
.owl-player .btn i {
		font-size: 1.3em;
		line-height: 1.2;
}
.custom-nav .owl-prev i, .custom-nav .owl-next i {
		font-size: 2em;
}
.about-topic .heading {
		font-size: 2.5em;
		font-weight: 600;
		letter-spacing: 2px;
}
.about-topic .heading-txt {
		font-size: 1.5em;
		line-height: 1;
}
.about-topic .heading-txt small {
		font-size: 60%;
		letter-spacing: 3px;
}
.about-mission .content > [class^='col-'] .card-header i {
		font-size: 1.5em;
		line-height: 1.5;
}
.about-mission .content.just-grid .card .card-title {
		font-size: 1.125em;
		line-height: 1.5
}
.about-mission .content.just-grid .card .card-subtitle {
		font-size: 1em;
}
.about-mission .content .card .card-text, .about-mission .content .card .card-cover {
		font-size: 1em;
}
.about-organization .icon {
		font-size: 2.5em;
}
.about-organization .heading {
		font-size: 1.7em;
}
.about-timeline .heading {
		font-size: 1.7em;
}
.about-timeline .icon {
		font-size: 2.5em;
}
.about-timeline .timeline-list > .item.year {
		font-size: 2em;
}
.about-timeline .timeline-list > .item.year small {
		font-size: 20%;
		letter-spacing: 5px;
}
.tree-block .subdirector > li:first-child div.block {
		line-height: 1.5;
}
.tree-block ul.subdirector.top ul {
		font-size: .9em;
}
.chart_title {
		font-size: 1em;
		padding: .5em 0;
		font-weight: 600;
}
.legend_title {
		font-size: .85em;
}
.legend_item {
		font-size: 1.125em;
}
.legend_value {
		font-size: 1.25em;
		font-weight: 600;
}
.total_block h3 {
		font-size: 1.5em;
		letter-spacing: 1px;
		font-weight: 600;
}
.total_block h4 {
		font-size: 1.75em;
		letter-spacing: 2px;
		font-weight: 600;
}
.total_block .total {
		font-size: 5em;
		line-height: 1;
		font-weight: 600;
}
.chat_text .item .no {
		font-size: 5em;
		line-height: 1;
}
.chat_text .item .small {
		font-size: 1em;
		font-weight: 400;
}
.page h2.heading {
		font-size: 1.75em;
		font-weight: 600;
}
.page h3.heading {
		font-size: 1.5em;
		font-weight: 600;
}
.law-items .law-item-title {
		font-size: 1.125em;
		font-weight: 500;
}
.law-items ul.law-list {
		font-size: 1em;
}
.sitemap-btn a i {
		font-size: 1em;
}
.sitemap-btn a span {
		font-size: 0;
}
.quick-nav {
		font-size: 1.25em;
}
.quick-nav i {
		font-size: 1.5em;
}
.help-nav_m .btn i {
		font-size: 1.25em;
}
.tag-card .tag {
		letter-spacing: 1px;
		font-size: .9em;
}
.tag-card .card-footer .btn i {
		font-size: 1em;
}
.tag-card .card-footer .btn-outline-dark i {
		font-size: 1.25em;
		line-height: 0;
}
.icon-card .card-header i {
		font-size: 1.75em;
}
.icon-card.msg .card-header i {
		font-size: 2em;
}
.none_page .phone-no, footer .contact-block p.phone-no {
		font-size: 1.25em
}
footer .contact-block p {
		font-size: 1em;
		letter-spacing: .05em
}
footer .copyright {
		font-size: .8em;
		letter-spacing: .05em
}
.mini-tree span.start i {
		font-size: 1.25em;
}
.mini-tree span.start .phone {
		font-size: .95em;
		font-weight: 600;
}
.mini-tree span.tag-none, .mini-tree span.tag-no {
		font-weight: 600;
}
.mini-tree span.start h6 {
		font-size: 1.125em;
}
.page-enterprise .icon-check-block .custom-control .custom-control-label {
		font-size: .95em;
		line-height: 1.5;
}
/* ============ Page Detail ============ */
.detail-block h2 {
		font-size: 2em;
}
.detail-block .detail-text p {
		font-size: 1em;
		line-height: 1.5;
}
.detail-block .detail-text li {
		line-height: 1.5;
}
.detail-block .detail-text, .detail-block .detail-text p, .detail-block .detail-text li {
		word-wrap: break-word;
}
.detail-head .date {
		font-size: 1em;
		letter-spacing: .1em;
}
.font-control .f-btn {
		font-weight: 600;
}
.font-control .f-btn.selected {
		font-weight: 400;
}
.font-control .f-btn.f-default {
		font-size: 100%;
}
.font-control .f-btn.f-medium {
		font-size: 120%;
}
.font-control .f-btn.f-large {
		font-size: 140%;
}
.social-group .btn div {
		font-size: 0;
		line-height: 0;
}
.social-group .list-group-item div {
		font-size: 0;
		line-height: 0;
}
.social-group .btn span, .social-group .btn em, .social-group .btn i {
		font-size: 1.125em !important;
		line-height: 1.8 !important;
}
.social-group .list-group-item span, .social-group .list-group-item em, .social-group .list-group-item i {
		font-size: 1.35em !important;
		line-height: 1.8 !important;
}
.page-nav .pagenav-item a {
		font-size: 1.125em;
}
.has-checkboxfilter.choose .custom-checkbox input[type="checkbox"]:hover:checked + span, .has-checkboxfilter.choose .custom-checkbox input[type="checkbox"]:checked + span {
		font-size: 1em;
}
.swal-title {
		font-size: 1.5rem !important;
}
.swal-content, .swal-content__input, .swal-content__textarea, .swal-button, .swal-text {
		font-size: 1rem !important;
}
.contact_block h5 {
		font-size: 1.5em;
}
.search-box {
		font-size: 1em;
}
/* ============ desktop view ============ */
@media (min-width: 1200px) {
		.help-nav_m .btn i {
				font-size: 1.5em;
		}
		.swal-title {
				font-size: 1.65rem !important;
		}
}
@media (min-width: 1440px) {}
@media (max-width: 1199px) {
		.sidebar a.nav-link {
				font-size: .9em;
		}
		.index-news .btn-more {
				font-size: .9em;
		}
		.quick-nav {
				font-size: 1em;
		}
		.index-promote .photo-card h6 {
				font-size: .85em;
		}
		.index-news .tab-content .row > * a .card-title {
				font-size: 1em;
		}
		.index-news .tab-content .row > * .card-text {
				font-size: .85em;
		}
		.index-news .nav-tabs .nav-link {
				font-size: .9em;
		}
		.total_block .total {
				font-size: 3.5em;
		}
		.total_block h3 {
				font-size: 1.125em;
		}
		.legend_title {
				font-size: .75em;
		}
		.total_block h4 {
				font-size: 1.25em;
		}
		.chat_text .item .no {
				font-size: 3.5em;
		}
		.chat_text .item .small {
				font-size: .85em;
		}
		.bottom-sitemap .list-group-item a {
				font-size: .85em;
		}
		.bottom-sitemap .list-group-item.title a {
				font-size: .9em;
		}
		.none_page .phone-no {
				font-size: 1.25em;
		}
		footer .contact-block p.phone-no {
				font-size: 1em;
		}
		footer .contact-block p {
				font-size: .85em;
		}
		footer .copyright {
				font-size: .75em;
		}
		.about-mission .content.just-grid .card .card-title {
				font-size: .85em;
				line-height: 1.5;
		}
		.about-mission .content.just-grid .card .card-subtitle {
				font-size: .85em;
		}
		.about-mission .content .card .card-cover {
				font-size: 1em;
		}
		.just-grid .card .card-text {
				font-size: .8em;
		}
		.card .date {
				font-size: .8em;
		}
		.about-mission .content > [class^='col-'] .card-header i {
				font-size: 1.25em;
				line-height: 1.8;
		}
		.about-organization .heading {
				font-size: 1.5em;
		}
		.about-organization .heading-txt {
				font-size: .9em;
		}
		.tree-block .department ul ul, .tree-block ul div.block {
				font-size: .85em;
		}
		.tree-block .director > li > div.block, .tree-block .department > div.block {
				font-size: 1em;
		}
		.about-projects .left-content > .info p, .about-projects .right-content ol li {
				font-size: .9em;
		}
		.about-timeline .heading {
				font-size: 1.5em;
		}
		.about-timeline .timeline-list > .item:not(.year) > .row > .content h5 {
				font-size: 1.125em;
		}
		.about-timeline .timeline-list > .item:not(.year) > .row > .content p {
				font-size: .9em;
		}
		.about-timeline .timeline-list > .item.year {
				font-size: 1em;
		}
		.about-timeline .timeline-list > .item.year h2 {
				font-size: 1.35em;
		}
		.about-topic .heading-txt {
				font-size: 1.125em;
		}
		.about-topic .heading-txt small {
				font-size: 50%;
				letter-spacing: 1px;
		}
		.just-grid .card .card-title {
				font-size: 1em;
				line-height: 1.5;
		}
		.mini-tree code, .mini-tree span {
				font-size: .85em;
		}
		.wide-card.card-full .card-title {
				font-size: 1.125em;
				line-height: 1.5;
		}
		.wide-card.card-full .card-text {
				font-size: .8em;
		}
		.page-enterprise .category-block .card-header h3 {
				font-weight: 600;
				font-size: 1.5em;
		}
		.sub-tabs.nav-tabs .nav-item .nav-link, .sub-tabs.nav-tabs .nav-link {
				font-size: .95em;
		}
		.page-enterprise .icon-hover.view + p {
				font-size: .85em;
		}
		.page-addiction .addiction-ad h1 {
				font-size: 1.75em;
				font-weight: 600;
		}
		.addiction-ad .info .content {
				font-size: .85em;
				text-shadow: 1px 1px 3px rgb(255 255 255);
		}
		.page-addiction h2 {
				font-size: 1.5em;
				font-weight: 600;
		}
		.page-addiction h4 {
				font-size: 1.125em;
				font-weight: 600;
		}
		.page-addiction p.sub-name {
				font-size: 1em;
		}
		.page-addiction p {
				font-size: .85em;
		}
		.page-addiction .content li, .page-addiction .content {
				font-size: .95em;
		}
		.page-addiction .btn {
				font-size: .95em;
		}
		.page-addiction .btn-dw {
				font-size: 1em !important;
		}
		.about-mission .content .card .card-text, .about-mission .content .card .card-cover {
				font-size: .85em;
		}
}
/* ============ small devices ============ */
@media (max-width: 991px) {
		.total_block h4, .chat_text .item .small, .total_block h3, .total_block .title, .chart_title, .legend_title, body {
				font-family: 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;
				font-weight: 400;
		}
		.none_page .topic {
				font-size: 6em;
		}
		.none_page .info {
				font-size: 1.25em;
		}
		.none_page .sub_title {
				font-size: 1.5em;
				letter-spacing: normal;
		}
		.none_page .contact-block {
				font-size: .85em;
		}
		.bottom-sitemap .list-group-item.title a {
				font-size: 1.125em;
				font-weight: 600;
		}
		.total_block h4, .total_block h3, .chart_title {
				font-weight: 600;
		}
		.index-news .tab-content .row > * a .card-title {
				font-size: 1em;
		}
		.index-news .tab-content .row > * .card-text {
				font-size: .85em;
		}
		.index-news .tab-content .row > * .card .date {
				font-size: .75em;
		}
		.page-nav .pagenav-item a {
				font-size: .95em;
		}
		.breadcrumb .breadcrumb-item {
				font-size: .9em;
		}
		.total_block .total {
				font-size: 3.125em;
		}
		.page-enterprise .icon-check-block .custom-control .custom-control-label {
				font-size: .9em;
				font-weight: 600;
		}
		.page-addiction .content {
				font-size: .85em;
		}
		.page-onlinetest h1 {
				font-size: 1.75em;
				font-weight: 600;
		}
		.page-onlinetest h1 + p {
				font-size: .95em;
		}
		.help-nav .list-group .list-group-item a i {
				font-size: 1.2em;
		}
		.sidebar a.nav-link {
				font-size: 1em;
		}
		.about-mission .content .card .card-cover {
				font-size: .85em;
		}
		.social-group .btn span, .social-group .btn em, .social-group .btn i {
				font-size: 1.25em !important;
		}
		.social-group .list-group-item span, .social-group .list-group-item em, .social-group .list-group-item i {
				font-size: 1.35em !important;
		}
		.search-box_m {
				font-size: .85em;
		}
}
@media (max-width: 767px) {
		.none_page .topic {
				font-size: 5em;
		}
		.none_page .sub_title {
				font-size: 1.5em;
				letter-spacing: normal;
		}
		.operator-form h5 {
				font-size: 1em;
				font-weight: 600;
		}
		.page .sub-tabs.nav-tabs .nav-item, .page-enterprise .sub-tabs.nav-tabs .nav-item {
				font-size: .9em;
		}
		.page-enterprise .icon-check-block .custom-control .custom-control-label {
				font-size: .85em;
		}
		.page-enterprise-in h4 {
				font-size: 1.25em;
				line-height: 1.5;
				font-weight: 500;
		}
		.page-enterprise-in td ul, .page-enterprise-in td p {
				font-size: .95em;
		}
		.page-enterprise-in h5 {
				font-size: 1.125em;
				line-height: 1.5;
				font-weight: 500;
		}
		.quick-nav i {
				font-size: 1.25em;
		}
		.quick-nav {
				font-size: .85em;
		}
		.footer-nav .navbar-nav .nav-link {
				font-size: .75em;
		}
		.page-addiction p.sub-name {
				font-size: .85em;
		}
		.contact_block h5 {
				font-size: 1.125em;
		}
		.social-group .btn span, .social-group .btn em, .social-group .btn i {
				line-height: 2;
		}
		.total_block h3 {
				font-size: 1em;
		}
		.tag-card .card-footer .btn {
				font-size: .95em;
		}
		.has-checkboxfilter .card .card-title {
				font-size: 1.125em;
		}
		.has-checkboxfilter .custom-checkbox input[type="checkbox"] + span {
				font-size: .95em;
		}
}
@media (min-width: 568px) and (max-width: 599px) {
		.none_page .sub_title {
				font-size: 1.25em;
				letter-spacing: normal;
		}
		.none_page .contact-block {
				font-size: .85em;
		}
		.none_page .copyright {
				font-size: .75em;
		}
		.quick-nav i {
				font-size: 1.25em;
		}
		.quick-nav {
				font-size: .85em;
		}
		.page-addiction .content li, .page-addiction .content {
				font-size: .85em;
		}
		.total_block h3 {
				font-size: .875em;
		}
		.legend_title {
				font-size: .65em;
		}
}
@media (max-width: 567px) {
		.none_page .sub_title {
				font-size: 1.25em;
				letter-spacing: normal;
		}
		.none_page .contact-block {
				font-size: .85em;
		}
		.none_page .copyright {
				font-size: .75em;
		}
		.sidebar a.nav-link {
				font-size: 1em;
		}
		footer .contact-block p.phone-no {
				font-size: 1em;
		}
		footer .contact-block p {
				font-size: .75em;
		}
		footer .copyright {
				font-size: .75em;
		}
		.chat_text .item .small {
				font-size: .9em;
				letter-spacing: normal;
		}
		.chat_text .item .no {
				font-size: 2.5em;
		}
		.chart_title {
				font-size: .85em;
		}
		.total_block h3 {
				font-size: 1.35em;
		}
		.total_block .total {
				font-size: 3em;
		}
		.total_block .title {
				font-size: .85em;
		}
		.legend_item {
				font-size: .85em;
		}
		.legend_title {
				font-size: .85em;
		}
		.total_block h4 {
				font-size: 1.25em;
				letter-spacing: normal;
		}
		.bottom-sitemap .list-group-item.title a {
				font-size: .95em;
				letter-spacing: normal;
		}
		.bottom-sitemap .list-group-item a {
				font-size: .75em;
				letter-spacing: normal;
		}
		.index-news .tab-content .row > * a .card-title {
				font-size: 1.25em;
		}
		.index-news .tab-content .row > * .card-text {
				font-size: .85em;
				line-height: 1.5;
				letter-spacing: 1px;
				font-weight: 400;
		}
		.index-news .nav-tabs .nav-link {
				font-size: .95em;
		}
		.index-news .tab-content .row > * .card .date {
				font-size: .75em;
		}
		.legend_value {
				font-size: 1.125em;
		}
		.total_block h4 {
				font-size: 1.125em;
		}
		.index-news .tab-content .btn-more {
				font-size: .9em;
		}
		.about-topic .heading {
				font-size: 1.25em;
				font-weight: 700;
				letter-spacing: 1px;
		}
		.about-projects .left-content > .info p, .about-projects .right-content ol li {
				font-size: .85em;
		}
		.about-projects .left-content > .info h3 {
				font-size: 1.25em;
		}
		.about-organization .icon, .about-timeline .icon {
				font-size: 2em;
		}
		.about-organization .heading, .about-timeline .heading {
				font-size: 1.25em;
				font-weight: 600;
		}
		.quick-nav i {
				font-size: 1.25em;
		}
		.quick-nav {
				font-size: .9em;
		}
		.breadcrumb .breadcrumb-item {
				font-size: .85em;
		}
		.custom-nav .owl-prev i, .custom-nav .owl-next i {
				font-size: 1.125em;
		}
		.page-enterprise .select-block .custom-control-label, .page-enterprise .line-style button.card-header {
				font-size: .85em;
		}
		.page-enterprise .send-btn, .page-enterprise .restart-btn, .page-enterprise .total-btn {
				font-size: 1.125em;
		}
		.page-enterprise .icon-check-block .custom-control .custom-control-label {
				font-size: .9em;
		}
		.page-enterprise .category-block .card-header h3 {
				font-size: 1em;
		}
		.page-enterprise .category-block .card-body h5 {
				font-size: .85em;
		}
		.page-enterprise .category-block .card-body h3 {
				font-size: 1.45em;
		}
		.page-enterprise .icon-hover.view + p {
				font-size: .75em;
		}
		.page-enterprise-in h4, .page-enterprise-in h5 {
				font-size: 1.125em;
		}
		.detail-block h2 {
				font-size: 1.5em;
		}
		.page-addiction .addiction-ad h1 {
				font-size: 1.5em;
				font-weight: 600;
		}
		.addiction-ad .info .content {
				font-size: .85em;
		}
		.page-addiction h2 {
				font-size: 1.5em;
				font-weight: 600;
		}
		.page-addiction p.sub-name {
				font-size: 1em;
		}
		.page-addiction p {
				font-size: .75em;
		}
		.detail-head .date {
				line-height: 2;
		}
		.about-mission .content .card .card-cover {
				font-size: .85em;
		}
}
@media (max-width: 320px) {
		.none_page .phone-no {
				font-size: 1.2em;
		}
		.index-news .nav-tabs .nav-link {
				font-size: .85em;
		}
		.index-news .tab-content .row > * a .card-title {
				font-size: 1em;
		}
		.index-news .tab-content .row > * .card-text {
				font-size: .75em;
		}
		.legend_title {
				font-size: .75em;
		}
		.total_block h4, .total_block h3 {
				font-size: 1em;
		}
		.total_block .total {
				font-size: 2em;
		}
		.total_block .title, .chart_title {
				font-size: .75em;
		}
		.legend_value {
				font-size: 1em;
		}
		.chat_text .item .small {
				font-size: .75em;
		}
		.chat_text .item .no {
				font-size: 2em;
		}
		.breadcrumb, .font-control, .detail-head .date {
				font-size: .75em;
		}
		.sidebar a.nav-link {
				font-size: .9em;
		}
		.page-onlinetest h1 {
				font-size: 1.5em;
		}
		.tag-card .card-footer .btn {
				font-size: .9em;
		}
}