/* 縮小失敗。正在傳回未縮小的內容。
(1149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* ---------------------共用設定開始------------------------*/

* {
  box-sizing: border-box;
  position: relative;
}

html,
body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
}

body {
  -webkit-font-smoothing: antialiased;
  font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
  line-height: 1.8;
}

.clear {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

a,
a:hover {
  transition: all 0.5s ease;
}

li {
  list-style: none;
}

ul {
  padding-left: 0;
}

.row {
  margin: 0;
}

.navbar-header {
  height: 1px;
}

.navbar-header button {
  background: #888;
  z-index: 1000;
  padding: 8px 12px;
  margin-top: 0;
}

.navbar-header button i {
  color: #fff;
}

.table-responsive {
  -webkit-overflow-scrolling: touch;
}

/* 隱藏DatePicker的內建按鈕 */
.ui-datepicker-trigger {
  border: none;
  background: none;
}

/* ---------------------header開始------------------------*/
header {
  /*padding: 10px 0;*/
  text-align: right;
  font-weight: bold;
}

header .container > div:first-child {
  text-align: left;
  /*padding-top: 20px;*/
}

header ul li:first-child a {
  display: inline-block;
  padding: 0 15px;
  color: #249ce3;
  font-size: 1em;
  line-height: 1;
}

header ul li:first-child a:not(:first-child) {
  border-left: 1px solid #d2d2d2;
  /*padding-right: 0;*/
}

header ul li:nth-child(2) {
  font-size: 1.1em;
}

header ul li:nth-child(2) a {
  color: #2470e3;
  letter-spacing: 1px;
  font-size: 1em;
}

header ul li:nth-child(3) {
  margin-top: 6px;
}

header ul li:nth-child(3) button {
  padding: 5px 30px;
  margin-right: 10px;
}

header img {
  width: 100%;
  /*width: 80%;*/
  /*max-width: 258px;*/
}
/* ---------------------banner開始------------------------*/
.banner {
  text-align: center;
  background: #eeeeee;
  padding: 0 0 20px 0;
  letter-spacing: 1px;
}

.banner img {
  width: 100%;
  border-radius: 10px;
  border: 5px solid #fff;
  box-shadow: 1px 1px 5px #ccc;
}

.banner p {
  padding: 15px 0 0 0;
  margin-bottom: 0;
  text-align: left;
  font-weight: bold;
}

.banner p span.title {
  display: inline-block;
  background: #ff7b7b;
  color: #fff;
  padding: 0 10px;
  border-radius: 3px;
  margin-right: 15px;
  float: left;
}

.banner p a {
  color: #333;
  text-align: center;
  text-decoration: underline;
}

.banner p a:hover {
  color: #666;
  text-decoration: none;
}

.banner .top {
  padding: 10px;
  text-align: left;
}

.banner .hot {
  padding: 15px 0 0 0;
  margin-bottom: 0;
  text-align: right;
  font-weight: bold;
}

.banner .hot a {
  color: #249ce3;
  font-size: 1em;
  line-height: 1;
  text-decoration: none;
}

/* ---------------------首頁內容開始------------------------*/

.summarybar {
  width: 70%;
  margin: auto;
}

.index h3 {
  background: url(../images/index-p2.png) repeat-x;
  background-size: 350px;
  color: #fff;
  font-size: 1.3em;
  letter-spacing: 1px;
}

.index h3 span:first-child {
  display: inline-block;
  width: 170px;
  background: url(../images/index-p1.png) no-repeat #fff;
  background-size: 160px;
  padding: 3px 0 5px 30px;
}

.index h2 span:nth-child(2) {
  display: block;
  position: absolute;
  padding-left: 10px;
  background: #fff;
  width: 120px;
  height: 50px;
  right: 0;
  top: 0;
  margin-top: 7px;
}

.index h2 a {
  background: #e8e8e8;
  border-radius: 5px;
  color: #333;
  padding: 8px 10px;
  font-size: 0.5em;
}

.index h2 a:hover {
  text-decoration: none;
  background: #fff;
}

.index h2 a i {
  color: #dd551a;
  text-align: center;
  margin-left: 5px;
}

.index h2 {
  text-align: center;
  color: #177cbd;
  font-size: 2em;
  font-family: Noto Sans TC, sans-serif;
  background: url(../images/index-p2.png) center repeat-x;
}

.index .h2row {
  margin-top: 40px;
  margin-bottom: 40px;
}

.index h2 span {
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}

.index h2 img {
  margin-right: 10px;
}

.index h1 {
  text-align: center;
  color: #177cbd;
  font-size: 2em;
  font-family: Noto Sans TC, sans-serif;
  background: url(../images/index-p2.png) center repeat-x;
  margin-top: 40px;
}

.index h1 span {
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}

.index h1 img {
  margin-right: 10px;
}

.morebtn a {
  background: #e8e8e8;
  border-radius: 5px;
  color: #333;
  padding: 8px 10px;
  font-size: 0.5em;
}

.morebtn a:hover {
  text-decoration: none;
  background: #fff;
}

.morebtn a i {
  color: #dd551a;
  text-align: center;
  margin-left: 5px;
}

/*---------------施政指標開始------------------*/

.statistics a {
  display: block;
  color: #333;
  background: #eeeeee;
  padding: 2px 15px 10px 15px;
  border-radius: 5px;
  margin: 0 10px;
  min-height: 200px;
}

.statistics a:hover {
  text-decoration: none;
}

.statistics img {
  width: 130px;
  height: 130px;
  position: absolute;
  left: 0;
  top: 0;
}

.statistics h3 {
  padding: 10px 0;
  font-size: 15px;
  text-align: right;
  padding: 10px 0 0 120px;
  color: #2595d3;
  font-weight: bold;
  margin-top: 0;
  font-family: Noto Sans TC, sans-serif;
}

.statistics div.num {
  width: 180px;
  font-size: 20px;
  color: #666;
  font-weight: bold;
  margin: 15px 0 0 130px;
  letter-spacing: 1px;
}

.statistics div.num span {
  display: block;
  text-align: center;
}

.statistics div.num span.nmrtr {
  border-bottom: 1px solid #666;
  padding: 0 0 3px 0;
}

.statistics div.num span.dnmtr {
  padding: 3px 0 0 0;
}

.statistics p {
  font-size: 15px;
  display: inline-block;
  color: #2589c5;
  margin-bottom: 0;
  line-height: 1.1;
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.statistics p span {
  color: #666;
  line-height: 1.1;
}

.statistics div.per {
  font-size: 15px;
  display: inline-block;
  color: #2589c5;
}
/*---------------即時影像開始------------------*/
.now {
  background: #b7e0e2;
  border-radius: 8px;
  padding: 8px;
  vertical-align: top;
  margin: 0 20px;
  height: 220px;
}

.now img {
  width: 100%;
  vertical-align: top;
  overflow: hidden;
  height: 205px;
}

.now button {
  display: none !important;
}

.now .slick-slide div {
  vertical-align: top;
}
/*---------------工程進度查詢開始------------------*/
.search {
  margin: 20px 0 30px 0;
}

.search button i {
  margin-left: 10px;
}

.search > * {
  margin: 0 5px;
}

.search .form-inline .form-control {
  width: 100%;
}

.search .form-inline .form-group {
  padding: 0 5px;
}

.map {
  text-align: center;
  clear: both;
}

.info {
  margin-top: 30px;
}

.info td {
  text-align: center;
}
/*.info h5{
	display: inline-block;
	background: #F06D4F;
	border-radius: 10px 10px 0 0;
	padding: 15px 25px;
	color: #fff;
	font-size: 1.4em;
	margin: 0;
}*/
.info h3 {
  display: inline-block;
  background: #f06d4f;
  border-radius: 10px 10px 0 0;
  padding: 15px 25px;
  color: #fff;
  font-size: 1.4em;
  margin: 0;
}

.info .table {
  border: 3px solid #f06d4f;
  font-size: 1.2em;
}

.info .table tr:nth-child(odd) {
  background: #fde9d9;
  color: #962f28;
}

.info .table-bordered > thead > tr > td,
.info .table-bordered > tbody > tr > td,
.info .table-bordered > tfoot > tr > td {
  border: 1px solid #db9896;
}

.banners > div {
  padding: 5px;
  height: 143px;
  margin-bottom: 10px;
}

.banners a {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  padding: 15px 10px 0 10px;
  height: 143px;
}

.banners a img {
  max-width: 75px;
}

.banners a p {
  line-height: 1.2;
  margin-top: 15px;
}

.banners > div:nth-child(1) a,
.banners > div:nth-child(12) a {
  background: #2ca1d3;
}

.banners > div:nth-child(2) a,
.banners > div:nth-child(11) a {
  background: #6fb64a;
}

.banners > div:nth-child(3) a,
.banners > div:nth-child(10) a {
  background: #e58b16;
}

.banners > div:nth-child(4) a,
.banners > div:nth-child(9) a {
  background: #c54044;
}

.banners > div:nth-child(5) a,
.banners > div:nth-child(8) a {
  background: #0d6fb8;
}

.banners > div:nth-child(6) a,
.banners > div:nth-child(7) a {
  background: #7d308e;
}

.banners > div:nth-child(1) a:focus,
.banners > div:nth-child(12) a:focus {
  background: #1d6b8c;
}

.banners > div:nth-child(2) a:focus,
.banners > div:nth-child(11) a:focus {
  background: #4a7931;
}

.banners > div:nth-child(3) a:focus,
.banners > div:nth-child(10) a:focus {
  background: #985c0e;
}

.banners > div:nth-child(4) a:focus,
.banners > div:nth-child(9) a:focus {
  background: #832a2d;
}

.banners > div:nth-child(5) a:focus,
.banners > div:nth-child(8) a:focus {
  background: #084a7a;
}

.banners > div:nth-child(6) a:focus,
.banners > div:nth-child(7) a:focus {
  background: #53205e;
}

.banners > div:nth-child(10) a p {
  margin-top: 5px;
}

/*---------------footer開始------------------*/
footer {
  background: #5d4845;
  color: #fff;
  padding: 30px 0;
  margin-top: 60px;
}

footer a {
  display: inline-block;
  background: #41312f;
  color: #fff;
  padding: 5px 20px;
  color: #c2bfbe;
  margin: 15px 10px 0 0;
}

footer a:hover {
  color: #fff;
  text-decoration: none;
}

footer img.logo {
  max-width: 110px;
  margin-bottom: 20px;
}

footer .row div:nth-child(2) {
  text-align: right;
}

#gotop,
#mobile-gotop {
  cursor: pointer;
  display: none;
}

#gotop {
  opacity: 1;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #009966;
  color: #fff;
  text-align: center;
  /*z-index: 1200;*/
}

/*---------------內頁開始------------------*/
.breadcrumb {
  background: none;
  padding: 0;
}

.container.page h2 {
  color: #1e8dd3;
  font-size: 2em;
  background: url(../images/index-p2.png) repeat-x 0 8px;
  background-size: 228px;
  margin: 40px 0 30px 0;
  font-family: Noto Sans TC, sans-serif;
}

.container.page h2 span {
  display: inline-block;
  padding-right: 10px;
  background: #fff;
}

.container.page h2 i {
  color: #48afcd;
}

.container.page h1 {
  color: #1e8dd3;
  font-size: 2em;
  background: url(../images/index-p2.png) repeat-x 0 8px;
  background-size: 228px;
  margin: 40px 0 30px 0;
  font-family: Noto Sans TC, sans-serif;
}

.container.page h1 span {
  display: inline-block;
  padding-right: 10px;
  background: #fff;
}

.container.page h1 i {
  color: #48afcd;
}

.container.page {
  padding: 20px 0 0 0;
}

.container.page .left {
  width: 200px;
  position: absolute;
  left: 0;
  padding: 0 0 0 20px;
  background: #fff;
}

.container.page .right {
  width: auto;
  margin-left: 200px;
  padding: 0 0 0 30px;
}

.container.page .left ul {
  border-radius: 10px;
  box-shadow: 0 0 8px #666;
  padding-bottom: 15px;
  background: #909090;
}

.container.page .left ul li:nth-child(1) {
  background: #909090;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-size: 1.3em;
  letter-spacing: 1px;
}

.container.page .left ul li a {
  display: block;
  width: 100%;
  height: 52px;
  line-height: 52px;
  padding: 0 15px;
  font-size: 1.2em;
  color: #333;
  background: #fff;
  font-family: Noto Sans TC, sans-serif;
}

.container.page .left ul li a:hover,
.container.page .left ul li:nth-child(odd) a:hover {
  text-decoration: none;
  background: #b0eae7;
}

.container.page .left ul li:nth-child(odd) a {
  background: #eeeeee;
}
/*查詢表格*/
.search-box i.fa-calendar-alt {
  color: #ff723b;
  margin-left: 5px;
  font-size: 1.2em;
  cursor: pointer;
}

.search-box {
  background: #eeeeee;
  padding: 20px;
  border-radius: 10px;
  font-size: 1.1em;
}

.search-box .form-group {
  display: block;
  margin-bottom: 10px;
}

.search-box span {
  color: #e55058;
  font-weight: bold;
}

.search-box label {
  min-width: 100px;
  text-align: right;
  padding: 0 10px;
}

.search-box .btn {
  background: #1e97d0;
  color: #fff;
  font-size: 1.2em;
}

.search-box .sm {
  width: 25%;
}

.search-box .badge {
  color: #fff;
  padding: 3px 15px 5px 15px;
  font-size: 1em;
  margin-right: 10px;
  background: #909090;
}

.search-box .notice {
  color: #bf4649;
  font-size: 0.9em;
}

.search-box .form-horizontal .form-group {
  margin: 0 0 10px 0;
}

h5 {
  font-size: 1.3em;
  color: #1e8dd3;
  font-weight: 500;
  margin-top: 20px;
  font-family: Noto Sans TC, sans-serif;
}

h5 span {
  color: #ff7b7b;
}

/*---------------------表格開始----------------------*/
.pagenav .form-control {
  width: 80px;
  display: inline-block;
}

.pagenav > div {
  text-align: center;
}
/*左右表格*/
.table {
  font-weight: bold;
  font-size: 1.1em;
}

.table tr:nth-child(odd) {
  background: #ececec;
}

.table td:first-child {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.table td:first-child {
  background: #7cb8d8;
}

.table th {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.table th {
  background: #7cb8d8;
}

.table span {
  color: #556abb;
}

.table1 tr th {
  /*上左側表格*/
  color: #fff;
  font-weight: normal;
}

.table1 tr th {
  background: #3ca5b1;
}

.table2 tr th {
  /*上下表格*/
  color: #fff;
  font-weight: normal;
  background: #3ca5b1;
}

.table.table2 td:first-child {
  background: none;
  color: #333;
}

.page .statistics > div {
  height: 210px;
  margin-bottom: 20px;
}

.page .statistics a {
  width: 100%;
  border: 3px solid #fff;
  box-shadow: 0 0 6px #aaa;
}
/*---------------------文章開始----------------------*/
h4 {
  display: block;
  border-radius: 5px;
  font-size: 1.3em;
  background: #ececec;
  padding: 5px 15px 5px 15px;
  border-left: 7px solid #99d2e3;
  margin-top: 30px;
  color: #479dbe;
  font-weight: 500;
  font-family: Noto Sans TC, sans-serif;
}

.article p {
  font-weight: bold;
  font-size: 1.1em;
  color: #555;
}

.article > ol > li {
  margin-top: 20px;
}

.article ol {
  list-style: none;
  padding-left: 0;
  color: #555;
  font-size: 1.02em;
}

.article li {
  font-weight: bold;
  font-size: 1.02em;
  color: #555;
}

.article ol > li {
  text-indent: -29px;
  margin-left: 29px;
}

.article ol > li > ol > li > ol > li {
  text-indent: 0;
  margin-left: 0;
  list-style: decimal;
  list-style-position: outside;
  margin-left: 26px;
}
/*---------------網站導覽開始------------------*/
.sm-box {
  margin-top: 20px;
}

.sm-box div div {
  border-radius: 3px;
  text-align: center;
  font-size: 1.063em;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  border: 1px solid #92cbd8;
  margin-bottom: 10px;
  height: 80px;
}

.sm-box div div span {
  font-size: 1.5em;
  color: #479dbe;
  display: block;
}

.key {
  margin-top: 20px;
}

.key div div {
  font-size: 01.06em;
  font-weight: bold;
  margin-bottom: 10px;
}

.key div div span {
  display: inline-block;
  border-radius: 30px;
  padding: 0 15px;
  color: #fff;
  font-weight: normal;
  margin-right: 10px;
}

.key div:nth-child(1) div span {
  background: #ff6969;
}

.key div:nth-child(2) div span {
  background: #89a845;
}

.key div:nth-child(3) div span {
  background: #5dbad5;
}

.key div:nth-child(4) div span {
  background: #a373c5;
}

.map > div {
  margin-bottom: 15px;
}

.map ul {
  display: block;
  width: 100%;
  background: #eeeeee;
  padding: 10px;
  border-radius: 5px;
}

.map ul li {
  list-style: none;
}

.map ul li a {
  display: block;
  width: 100%;
  color: #333;
  height: 30px;
  line-height: 30px;
  font-size: 1.2em;
}

.map ul li a:hover {
  text-decoration: underline;
}

.map ul li:first-child a {
  color: #fff;
  background: #6096d2;
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
}

.map ul li:first-child a:hover {
  background: #4484ca;
  color: #fff;
  text-decoration: none;
}

#WRAPPER *:focus {
  background-color: #fff75c;
  border-style: dashed;
  border-color: #b10c0c;
}

strong {
  font-weight: normal;
}

.highcharts-axis-labels.highcharts-xaxis-labels > span {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden;
}

/*施政指標 begin*/
.radar-char {
  position: absolute;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.radiar-chart {
  position: absolute;
  top: 47%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.chart-percent {
  /* margin-top: -300px;
    margin-bottom: 300px;*/
  /*position: relative;*/
  color: #000;
  z-index: 0;
  font-size: 2em;
  position: absolute;
  top: 42%;
  left: 0;
  width: 100%;
  text-align: center;
}

.highcharts-credits {
  display: none;
}

.strategy-detail-list {
  margin-top: 0px;
}

/*施政指標 end*/

/*end gridview */
.newHead {
  text-align: center;
  color: #177cbd;
  font-size: 2em;
  font-family: Noto Sans TC, sans-serif;
  background: url(../images/index-p2.png) center repeat-x;
}

.newHead span:nth-child(2) {
  display: block;
  position: absolute;
  padding-left: 10px;
  background: #fff;
  width: 120px;
  height: 50px;
  right: 0;
  top: 0;
  margin-top: 7px;
}

.newHead a {
  background: #e8e8e8;
  border-radius: 5px;
  color: #333;
  padding: 8px 10px;
  font-size: 0.5em;
}

.newHead a:hover {
  text-decoration: none;
  background: #fff;
}

.newHead a i {
  color: #dd551a;
  text-align: center;
  margin-left: 5px;
}

.newHead span {
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}

.newHead img {
  margin-right: 10px;
}

h3.newTitle {
  background: #fb6d4c;
  color: #fff;
  border-radius: 5px;
  margin: 0 0 10px 0;
  font-size: 26px;
  padding: 10px 5px;
  letter-spacing: 2px;
  font-weight: 600;
  text-align: center;
}
/*swiper*/
.swiper {
  width: calc(100% - 8rem) !important;
  height: 50rem;
  margin: 0 auto;
}

.swiper-button-prev {
  left: 0rem;
}

.swiper-button-next {
  right: 0rem;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #f7f7f7;
  color: #999;
  width: auto;
  height: calc((100% - 30px) / 3) !important;
  padding: 2rem;
  position: relative;
}

:root {
  --swiper-theme-color: #111;
  --swiper-pagination-bullet-width: 14px;
  --swiper-pagination-bullet-height: 14px;
}

.swiper-pagination-bullet {
  weight: 2rem;
}

.swiper-slide span {
  float: left;
  padding-top: 4rem;
  color: #990000;
  font-weight: bold;
}

.swiper-slide img {
  height: 11rem !important;
  margin-top: 1rem;
  margin-left: 1rem;
  float: left;
}

.swiper-slide h5 {
  color: #111;
  font-weight: normal;
  margin: 1rem 0 0 1rem;
  border-left: none;
  text-align: left;
  text-indent: 1em;
  font-size: 1.2em;
}

.swiper-slide code {
  float: right;
  font-weight: bold;
  text-align: right;
  text-indent: 1em;
  background: transparent;
  font-size: 1.65em;
  margin-top: 1rem;
}

.swiper-slide .progress {
  position: static;
  margin-top: 2.5rem;
  margin-left: 16rem;
  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.55);
}

.swiper-slide .progress-bar {
  background: #e9ac4f;
  box-shadow: 5px 10px 6px rgba(0, 0, 0, 0.6);
}

/*end swiper*/

.v-top{vertical-align:top;}.v-top table th{vertical-align:top;}.v-top table td{vertical-align:top;}.v-middle{vertical-align:middle;}.v-middle table th{vertical-align:middle;}.v-middle table td{vertical-align:middle;}.v-bottom{vertical-align:bottom;}.v-bottom table th{vertical-align:bottom;}.v-bottom table td{vertical-align:bottom;}.font-xs{font-size:.95em!important;}.font-sm{font-size:1em!important;}.font-md{font-size:1.2em!important;}.font-xl{font-size:1.4em!important;}.font-lg{font-size:1.6em!important;}.border-none{border:0;}.d-none{display:none;}.d-block{display:block;}.w-full{width:100%;}.m-auto{margin:0 auto;}.postion-relative{position:relative;}.postion-abs{position:absolute;}.postion-static{position:static;}.m-1{margin:1rem;}.mt-1{margin-top:1rem;}.mb-1{margin-bottom:1rem;}.ml-1{margin-left:1rem;}.mr-1{margin-right:1rem;}.p-1{padding:1rem;}.pt-1{padding-top:1rem;}.pb-1{padding-bottom:1rem;}.pl-1{padding-left:1rem;}.pr-1{padding-right:1rem;}.w-10{width:calc(10%*1);}.m-2{margin:2rem;}.mt-2{margin-top:2rem;}.mb-2{margin-bottom:2rem;}.ml-2{margin-left:2rem;}.mr-2{margin-right:2rem;}.p-2{padding:2rem;}.pt-2{padding-top:2rem;}.pb-2{padding-bottom:2rem;}.pl-2{padding-left:2rem;}.pr-2{padding-right:2rem;}.w-20{width:calc(10%*2);}.m-3{margin:3rem;}.mt-3{margin-top:3rem;}.mb-3{margin-bottom:3rem;}.ml-3{margin-left:3rem;}.mr-3{margin-right:3rem;}.p-3{padding:3rem;}.pt-3{padding-top:3rem;}.pb-3{padding-bottom:3rem;}.pl-3{padding-left:3rem;}.pr-3{padding-right:3rem;}.w-30{width:calc(10%*3);}.m-4{margin:4rem;}.mt-4{margin-top:4rem;}.mb-4{margin-bottom:4rem;}.ml-4{margin-left:4rem;}.mr-4{margin-right:4rem;}.p-4{padding:4rem;}.pt-4{padding-top:4rem;}.pb-4{padding-bottom:4rem;}.pl-4{padding-left:4rem;}.pr-4{padding-right:4rem;}.w-40{width:calc(10%*4);}.m-5{margin:5rem;}.mt-5{margin-top:5rem;}.mb-5{margin-bottom:5rem;}.ml-5{margin-left:5rem;}.mr-5{margin-right:5rem;}.p-5{padding:5rem;}.pt-5{padding-top:5rem;}.pb-5{padding-bottom:5rem;}.pl-5{padding-left:5rem;}.pr-5{padding-right:5rem;}.w-50{width:calc(10%*5);}.m-6{margin:6rem;}.mt-6{margin-top:6rem;}.mb-6{margin-bottom:6rem;}.ml-6{margin-left:6rem;}.mr-6{margin-right:6rem;}.p-6{padding:6rem;}.pt-6{padding-top:6rem;}.pb-6{padding-bottom:6rem;}.pl-6{padding-left:6rem;}.pr-6{padding-right:6rem;}.w-60{width:calc(10%*6);}.m-7{margin:7rem;}.mt-7{margin-top:7rem;}.mb-7{margin-bottom:7rem;}.ml-7{margin-left:7rem;}.mr-7{margin-right:7rem;}.p-7{padding:7rem;}.pt-7{padding-top:7rem;}.pb-7{padding-bottom:7rem;}.pl-7{padding-left:7rem;}.pr-7{padding-right:7rem;}.w-70{width:calc(10%*7);}.m-8{margin:8rem;}.mt-8{margin-top:8rem;}.mb-8{margin-bottom:8rem;}.ml-8{margin-left:8rem;}.mr-8{margin-right:8rem;}.p-8{padding:8rem;}.pt-8{padding-top:8rem;}.pb-8{padding-bottom:8rem;}.pl-8{padding-left:8rem;}.pr-8{padding-right:8rem;}.w-80{width:calc(10%*8);}.m-9{margin:9rem;}.mt-9{margin-top:9rem;}.mb-9{margin-bottom:9rem;}.ml-9{margin-left:9rem;}.mr-9{margin-right:9rem;}.p-9{padding:9rem;}.pt-9{padding-top:9rem;}.pb-9{padding-bottom:9rem;}.pl-9{padding-left:9rem;}.pr-9{padding-right:9rem;}.w-90{width:calc(10%*9);}.m-10{margin:10rem;}.mt-10{margin-top:10rem;}.mb-10{margin-bottom:10rem;}.ml-10{margin-left:10rem;}.mr-10{margin-right:10rem;}.p-10{padding:10rem;}.pt-10{padding-top:10rem;}.pb-10{padding-bottom:10rem;}.pl-10{padding-left:10rem;}.pr-10{padding-right:10rem;}.w-100{width:calc(10%*10);}.font-w,.font-bold{font-weight:bold;}.bg-sky{background:#f2fdfd;}.bg-brown{background:#a4464e;}.color-111{color:#111;}.color-111 *{color:#111;}.color-222{color:#222;}.color-222 *{color:#222;}.color-333{color:#333;}.color-333 *{color:#333;}.color-444{color:#444;}.color-444 *{color:#444;}.color-555{color:#555;}.color-555 *{color:#555;}.color-666{color:#666;}.color-666 *{color:#666;}.color-777{color:#777;}.color-777 *{color:#777;}.color-888{color:#888;}.color-888 *{color:#888;}.color-999{color:#999;}.color-999 *{color:#999;}.height-1{height:1rem;}.height-2{height:2rem;}.height-3{height:3rem;}.height-4{height:4rem;}.height-5{height:5rem;}.height-6{height:6rem;}.height-7{height:7rem;}.height-8{height:8rem;}.height-9{height:9rem;}.height-10{height:10rem;}.text-justify{text-align:justify;}
@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 993px) and (max-width: 1200px) {

	.statistics img{
		width: 110px;
		height: 110px;
	}
	.statistics h5 {
		padding: 10px 0 0 100px;
	}
	.statistics div.num {
		margin: 15px 0 0 90px;
	}
}
@media screen and (max-width: 993px) {
	.index h2{
		margin-top: 50px;
	}
	header .container>div:first-child {
		padding-top: 0;
	}
	footer .row div:nth-child(2) {
		text-align: left;
		margin-top: 10px;
	}
}
/*中螢幕結束*/


/*-------------------平板版型---------------------*/
@media screen and (min-width: 768px) and (max-width: 992px) {

	.btn-lg, .btn-group-lg>.btn {
		padding: 10px 12px;
		font-size: 16px;
	}
	}/*平板版型結束*/

	/*-------------------大手機板型---------------------*/
	@media screen and (min-width: 480px) and (max-width: 767px) {
		header .form-control{
			width: auto;
			display: inline-block;
		}
		header img{
			max-width: 200px;
			margin-bottom: 20px;
		}
		.container.page .left {
			width: 100%;
			top: 65px;
			position: fixed;
			z-index: 1000;
			padding: 0 10px;
		}
		.container.page .right{
			margin-left: 0;
			padding: 0 5%;
		}
		.search-box .form-control{
			width: auto;
			display: inline-block;
		}
		.search-box .form-horizontal label{
			text-align: left;
			padding: 0 10px;
		}
		.search-box .form-horizontal .form-control{
			display: block;
			width: 100%;
		}
		.summarybar {
			width: 80%;
		}
		}/*大手機板型結束*/

		/*-------------------小手機板型---------------------*/
		@media screen and (max-width: 479px) {
			header a{
				font-size: 0.8em;
				line-height: 1.2;
			}
			header .form-control{
				width: auto;
				display: inline-block;
			}
			header img{
				max-width: 200px;
				margin-bottom: 20px;
			}
			header ul li:nth-child(3) button {
				padding: 5px 10px;
			}
			.statistics img{
				width: 110px;
				height: 110px;
			}
			.statistics h5 {
				padding: 10px 0 0 100px;
			}
			.statistics div.num {
				margin: 15px 0 0 90px;
			}
			.statistics a{
				margin: 0;
			}
			.container.page .left {
				width: 100%;
				top: 65px;
				position: fixed;
				z-index: 1000;
				padding: 0 10px;
			}
			.container.page .right{
				margin-left: 0;
				padding: 0 5%;
			}
			.search-box{
				padding: 20px 10px;
			}
			.search-box label{
				padding: 0;
				min-width: 80px;
			}
			.search-box .form-control{
				max-width: 100px;
				width: auto;
				display: inline-block;
				margin-bottom: 5px;
			}
			.search-box .form-horizontal label{
				text-align: left;
				padding: 0 10px;
			}
			.search-box .form-horizontal .form-control{
				display: block;
				width: 100%;
				max-width: 100%;
			}
		footer img.logo {
			max-width: 100px;
			margin-bottom: 10px;
		}
		.page .statistics>div{
			height: auto;
		}
		.page .statistics div.num {
			margin: 15px 0 10px 90px;
		}
		.page .statistics p {
			position: inherit;
			left: auto;
			bottom: auto;
		}
		.summarybar {
			width: 100%;
		}
}/*小手機板型結束*/