@charset "utf-8";
/* CSS Document */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
blockquote {
  padding: 0 1em;
}
strong {
  font-weight: bold;
}
.clear {
  clear: both;
}
html, body {
  margin: 0;
  padding: 0;
	font-size: 1em;
}
/*-------------bg-style--------------*/
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-yellow-light {
  background-color: #fdffc0;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-light-gray {
  color: #efefef !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
	margin-left:0;
	margin-right:0;	
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.box-blue {
  border-top-color: #0073b7;
}
.box.box-purple {
  border-top-color: #605ca8;
}
.box.box-maroon {
  border-top-color: #d81b60;
}
.box.box-navy {
  border-top-color: #001f3f;
}

.box.collapsed-box .box-body, .box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a, .box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a, .box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a, .box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a, .box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a, .box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
/*-20190124新增_開始-*/
.box.box-solid.box-blue {
  border: 1px solid #0073b7;
}
.box.box-solid.box-blue > .box-header {
  color: #ffffff;
  background: #0073b7;
  background-color: #0073b7;
}
.box.box-solid.box-blue > .box-header a, .box.box-solid.box-blue > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-purple {
  border: 1px solid #605ca8;
}
.box.box-solid.box-purple > .box-header {
  color: #ffffff;
  background: #605ca8;
  background-color: #605ca8;
}
.box.box-solid.box-purple > .box-header a, .box.box-solid.box-purple > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-maroon {
  border: 1px solid #d81b60;
}
.box.box-solid.box-maroon > .box-header {
  color: #ffffff;
  background: #d81b60;
  background-color: #d81b60;
}
.box.box-solid.box-maroon > .box-header a, .box.box-solid.box-maroon > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-navy {
  border: 1px solid #001f3f;
}
.box.box-solid.box-navy > .box-header {
  color: #ffffff;
  background: #001f3f;
  background-color: #001f3f;
}
.box.box-solid.box-navy > .box-header a, .box.box-solid.box-navy > .box-header .btn {
  color: #ffffff;
}
/*-20190124新增_結束-*/

/*20210315*/
.box.box-brown {
  border-top-color: #7e5c25;
}
.box.box-solid.box-brown > .box-header {
  color: #ffffff;
  background: #7e5c25;
  background-color: #7e5c25;
}
.box.box-solid.box-brown > .box-header a, .box.box-solid.box-brown > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-brown {
  border: 1px solid #7e5c25;
}

.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay, .overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa, .overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark, .overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
  content: " ";
  display: table;
}
.box-header:after, .box-body:after, .box-footer:after {
  clear: both;
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
  content: " ";
  display: table;
}
.box-header:after, .box-body:after, .box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 8px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444 !important;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool, .btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 15px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before, .box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:before, .box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}
/*
 * Component: Button
 * -----------------
 */
.btn {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}
.btn.uppercase {
  text-transform: uppercase;
}
.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
  outline: none;
}
.btn.btn-file {
  position: relative;
  overflow: hidden;
}
.btn.btn-file > input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}
.btn-default:hover, .btn-default:active, .btn-default.hover {
  background-color: #e7e7e7;
}
.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
  background-color: #367fa9;
}
.btn-success {
  background-color: #00a65a;
  border-color: #008d4c;
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
  background-color: #008d4c;
}
.btn-info {
  background-color: #00c0ef;
  border-color: #00acd6;
}
.btn-info:hover, .btn-info:active, .btn-info.hover {
  background-color: #00acd6;
}
.btn-danger {
  background-color: #dd4b39;
  border-color: #d73925;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
  background-color: #d73925;
}
.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.hover {
  background-color: #e08e0b;
}
.btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}
.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn[class*='bg-']:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}
.btn-app {
  border-radius: 3px;
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion {
  font-size: 20px;
  display: block;
}
.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-app:active, .btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}
/*
 * Component: Nav
 * --------------
 */
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
  color: #444;
  background: #f7f7f7;
}
/* NAV PILLS */
.nav-pills > li > a {
  border-radius: 0;
  border-top: 3px solid transparent;
  color: #444;
}
.nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion {
  margin-right: 5px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  border-top-color: #3c8dbc;
}
.nav-pills > li.active > a {
  font-weight: 600;
}
/* NAV STACKED */
.nav-stacked > li > a {
  border-radius: 0;
  border-top: 0;
  border-left: 3px solid transparent;
  color: #444;
}
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
  background: transparent;
  color: #444;
  border-top: 0;
  border-left-color: #3c8dbc;
}
.nav-stacked > li.header {
  border-bottom: 1px solid #ddd;
  color: #777;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: #f4f4f4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -1px;
  margin-right: 5px;
  background: #e5f8ff;
}
.nav-tabs-custom > .nav-tabs > li.disabled > a {
  color: #777;
}
.nav-tabs-custom > .nav-tabs > li > a {
  color: #444;
  border-radius: 0;
}
.nav-tabs-custom > .nav-tabs > li > a.text-muted {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #000;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top-color: transparent;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-color: transparent;
}
.nav-tabs-custom > .nav-tabs.pull-right {
  float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
  border-left-width: 1px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-color: #f4f4f4;
  border-right-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.header {
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 5px;
}
.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus {
  background: transparent;
  color: #999;
}
.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom.tab-info > .nav-tabs > li.active {
  border-top-color: #00c0ef;
}
.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
  border-top-color: #dd4b39;
}
.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
  border-top-color: #f39c12;
}
.nav-tabs-custom.tab-success > .nav-tabs > li.active {
  border-top-color: #00a65a;
}
.nav-tabs-custom.tab-default > .nav-tabs > li.active {
  border-top-color: #d2d6de;
}
/*------------------------------------system_web------------------------------------*/
.system_web {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "Microsoft JhengHei", Verdana, Arial;
  text-shadow: none;
}
/*------------------------------------HEAD------------------------------------*/
.web_head {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background: url("../images/head_bgd.jpg") left top repeat-x #009799;
}
.gov_logo {
  display: block;
  margin: 0;
  padding: 0;
}
.gov_logo a {
  display: block;
  width: 350px;
  height: 80px;
  background: url(../images/gov_logo.png) center bottom no-repeat;
  text-indent: -9999px;
}
.sys_logo {
  display: block;
  margin: 0;
  padding: 0;
}
.sys_logo a {
  display: block;
  width: 780px;
  height: 120px;
  margin: 0;
  padding: 0;
  background: url(../images/head_title.png) center no-repeat;
  text-indent: -9999px;
}
/*--- 使用者區塊 ---*/
.user_list {
  display: block;
  width: 260px;
  height: 100px;
  margin: 0 1em;
  padding: 0.3em 1em;
  float: right;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #FFFFFF;
  box-shadow: #999 1px 1px 1px;
  text-align: center;
  color: #333333;
  z-index: 9;
}
.user_list a:hover {
  color: #FFF;
  text-decoration: none;
}
.logout_btn {
  display: inline-block;
  margin: 0;
  padding: 0.2em 0.3em;
  border-radius: 0.2em;
  text-align: center;
  color: #ccc;
  background: #333;
}
.user_inf_btn {
  display: block;
  margin: 0;
  padding: 0.2em 0.3em;
  border-radius: 0.2em;
  text-align: center;
  color: #FFF;
  background: #007e95;
}
.web_map_btn {
  display: block;
  margin: 0;
  padding: 0.2em 0.3em;
  border-radius: 0.2em;
  text-align: center;
  color: #FFF;
  background: #0095c6;
}
/*----------main_menu-----------*/
.main_menu_box {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.main_menu {
  display: block;
  margin: 0;
  padding: 0.2em 0.3em 0.2em 1.5em;
  background: #007dbd;
  z-index: 9;
}
.main_menu div {
  display: inline-block;
  float: left;
  margin: 0 0.2em;
  padding: 0.2em 0.3em;
  position: relative;
}
.main_menu div a {
  color: #FFFFFF;
  font-weight: bold;
}
.main_menu div p {
  margin: 0;
  padding: 0;
}
.main_menu_box #pull, .user_box #user_p_btn {
  display: none;
}
/*- 主選單_下拉BTN區塊 -*/
.main_menu div ul {
  display: inline-block;
  margin: 0;
  padding: 6px;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  box-shadow: #999999 2px 2px 4px;
  z-index: 9;
}
.main_menu div ul li {
  list-style: none;
  display: block;
  text-align: left;
  font-size: medium;
  line-height: 2em;
  color: #333;
  border-bottom: #CCCCCC 1px dashed;
}
.main_menu div ul li a {
  margin: 0.2em 0.1em;
  padding: 0.5em;
  color: #333;
  white-space: nowrap;
}
.close_up {
  display: block;
  margin: 10px 0 0 0;
  padding: 0;
  background: url(../images/close_up.gif) #aaaaaa no-repeat center;
  line-height: 1.5em;
  text-indent: -9999px;
}
/*----------con_box-----------*/
.modal-dialog {
  width: 90%;
}
#C {
  color: #58afff;
}
.con_box {
  display: block;
  margin: 0 auto;
  padding: 10px;
  background: #FFFFFF;
}
.fontSize_btn {
  display: inline-block;
  margin: 0;
  padding: 10px;
  float: right;
}
.fontSize_btn li {
  float: left;
  list-style: none;
}
.fontSize_btn li a {
  display: inline-block;
  margin: 0 2px;
  padding: 6px;
  border: solid 1px #666666;
  color: #333333;
}
.fontSize_btn li a:hover {
  text-decoration: none;
}
.fontSize_btn .btn_act a {
  color: #0047a8;
  font-weight: bold;
  border-color: #0047a8;
  text-decoration: none;
}
.fontSize_btn .font_S {
  font-size: small;
}
.fontSize_btn .font_M {
  font-size: medium;
}
.fontSize_btn .font_L {
  font-size: large;
}
.con_title {
  display: block;
  line-height: 1.2em;
  margin: 0 0 0.5em 0;
  padding: 0;
  border-bottom: #1e76d0 1px dashed;
  color: #0052a6;
  font-weight: bold;
  font-size: XX-large;
}
.con_title1 {
  display: block;
  line-height: 1.7em;
  margin: 0 0 0.5em 0;
  padding: 0;
  border-bottom: #1e76d0 1px dashed;
  color: #0052a6;
  font-weight: bold;
}
.con_title1 .btn{margin-left:5px;}
.con_title img {
  vertical-align: bottom;
}
.con_list {
  display: block;
  margin: 0;
  padding: 0.3em 0.5em;
}
.con_list .list_title {
  background: #0090da;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0.5em;
  padding: 0.5em 1em;
  border-radius: 2em;
}
.con_list_body {
  padding: 1em 2em;
}
.box_c {
  display: inline-block;
  width: 4.5em;
  height: 4.5em;
  padding: 1em;
  font-size: 1.2em;
  line-height: 1.2em;
  border-radius: 60px;
  text-align: center;
  vertical-align: middle;
}
.box_c2 {
  display: inline-block;
  width: 4.5em;
  height: 4.5em;
  padding: 1.6em 0.6em;
  font-size: 1.2em;
  line-height: 1.2em;
  border-radius: 60px;
  text-align: center;
  vertical-align: middle;
}
.con_list_box {
  margin: 0;
  padding: 0.5em 1em;
}
.con_t {
  line-height: 2.4em;
  white-space: nowrap;
}
.con_p {
  display: block;
  margin: 0;
  padding: 1em 3em;
}
.menu_list {
  display: block;
  margin: 0;
  padding: 1em 3em;
}
.menu_list li {
  display: block;
  margin: 0.2em;
  padding: 0.5em;
  border-bottom: #57C8FF 1px dashed;
  list-style: none;
  font-size: x-large;
}
.search_btn {
  display: inline-block;
  margin: 0;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  border: #59ffda 0.1em solid;
  font-size: medium;
  text-align: center;
  color: #FFF;
  background: #005d48; /* Old browsers */
  background: -moz-linear-gradient(top, #005d48 0%, #004233 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005d48), color-stop(100%, #004233)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #005d48 0%, #004233 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #005d48 0%, #004233 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #005d48 0%, #004233 100%); /* IE10+ */
  background: linear-gradient(to bottom, #005d48 0%, #004233 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005d48', endColorstr='#004233', GradientType=0);
}
.add_btn a, .add_case_btn a, .load_case_btn a, .add_btn_2 a, .add_btn a:hover, .add_case_btn a:hover, .load_case_btn a:hover, .add_btn_2 a:hover, .search_btn a, .search_btn a:hover {
  color: #FFF;
}
.con_table {
  border: #AAAAAA 1px solid;
}
.con_table th {
  padding: 0.5em;
  font-size: large;
  font-weight: bold;
  text-align: center;
  background: #333333;
  color: #FFFFFF;
}
.con_table td {
  padding: 0.5em;
  font-size: medium;
  text-align: center;
  color: #333333;
}
.d_list {}
.d_list li {
  list-style: none;
  margin: 0.1em 0;
}
.msg_list_box {
  display: block;
  width: auto;
  height: 320px;
  overflow-y: auto;
}
.d_msg_list {
  display: block;
  margin: 1% 10% 1% 1%;
  padding: 0.5em 1em;
  background: #eaeaea;
  box-shadow: 2px 2px 2px #999999;
  border-radius: 0 10px 10px 10px;
}
.d_msg_date, .c_msg_date {
  display: inline-block;
  font-size: small;
  color: #666666;
}
.c_msg_list {
  display: block;
  margin: 1% 1% 1% 10%;
  padding: 0.5em 1em;
  background: #feffbe;
  box-shadow: 2px 2px 2px #999999;
  border-radius: 10px 10px 0 10px;
}
/*-------tableScroll_box------*/
.tableScroll_box {
  overflow: auto;
  width: 100%;
  height: 100%; /* 固定高度 */
}
.tableScroll td, .tableScroll th {
  border: 1px solid gray;
  width: 6em;
}
.tableScroll {
  table-layout: fixed;
  width: 100%; /* 固定寬度 */
}
.tableScroll td:first-child, .tableScroll th:first-child {
  position: sticky;
  left: 0; /* 首行永遠固定於左 */
  z-index: 1;
  background-color: #e9e9e9;
}
.tableScroll thead tr th {
  position: sticky;
  top: 0; /* 列首永遠固定於上 */
}
.tableScroll th:first-child {
  z-index: 2;
  background-color: lightblue;
}
.btn_list li {
  margin: 0.2em 0.5em;
}
.review_list {
  display: inline-block;
  position: relative;
  float: left;
}
.review_l_con {
  display: inline-block;
  position: absolute;
  left: -1em;
  top: 5.5em;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0.5em;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 2em;
  box-shadow: 1px 1px 1px #999;
  z-index: 1;
}
.review_l_con li {
  margin: 0.2em 0.1em;
  padding: 0.2em;
  color: #333;
  white-space: nowrap;
}
.list_arrow_d {
  display: none;
}
.list_arrow_r {
  margin: 0 0.5em;
}
/*-----------------web_footer-------------------*/
.web_footer {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.5em 1em;
  background: #054c3c;
  border-top: #999999 2px solid;
}
.web_footer p {
  text-align: center;
  color: #e9ffe9;
}
.web_footer p a {
  color: #fbffb9;
}
/*-----------------720_web-------------------*/
/*Styles for screen 720px and lower*/
@media screen and (max-width: 720px) {
  .gov_logo a {
    display: block;
    width: auto;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    background: none;
    text-indent: 0;
    text-align: center;
    color: #FFFFFF;
    font-size: medium;
    line-height: 30px;
    font-weight: bold;
  }
  .sys_logo a {
    display: block;
    width: auto;
    height: 30px;
    margin: 0 30px;
    padding: 0;
    background: none;
    text-indent: 0;
    text-align: center;
    color: #FFFFFF;
    line-height: 30px;
    font-size: large;
    font-weight: bold;
  }
  .web_head {
    background: #004bbb;
  }
  .to_m_menu, .to_w_con, .to_b_box, .user_list {
    display: none;
  }
  .main_menu_box .main_menu {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 8;
    box-shadow: #999999 2px 2px 4px;
  }
  .main_menu div {
    display: block;
    float: none;
    position: static;
    border-bottom: #FFF 1px solid;
  }
  .main_menu div p {
    display: block;
  }
  .main_menu div ul {
    display: block;
    position: static;
    box-shadow: none;
  }
  .main_menu_box #pull {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/nav-icon.png) no-repeat center #0096ff;
    text-indent: -9999px;
  }
  .user_list {
    position: absolute;
    top: 30px;
    right: 0;
    margin: 0;
  }
  .user_box #user_p_btn {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    background: url(../images/user_icon.png) no-repeat center #ffffff;
  }
  .con_title {
    font-size: x-large;
  }
}
/*-----------------780_web-------------------*/
/*Styles for screen 780px and lower*/
@media screen and (max-width: 780px) {
  .fontSize_btn {
    display: none;
  }
  .web_con {
    margin: 0.2em;
    padding: 0.1em 0.2em;
  }
  .web_footer {
    font-size: 50%;
    text-align: center;
    line-height: 2em;
  }
  .web_footer p {
    display: inline-block;
  }
  .b_menu_list {
    display: block;
    margin: 0;
    padding: 0;
  }
  .b_menu_list li {
    width: 48%;
    margin: 1%;
    text-align: left;
    float: left;
  }
}
/*-----------------480_web-------------------*/
/*Styles for screen 480px and lower*/
@media screen and (max-width: 480px) {
  .review_list {
    display: block;
    text-align: center;
    float: none;
  }
  .list_arrow_r, .review_d {
    display: none;
  }
  .list_arrow_d {
    display: block;
  }
  .review_l_con {
    display: block;
    position: static;
    margin: 0.5em 1em;
  }
  .review_l_con li {
    text-align: left;
    white-space: inherit;
  }
}
/*---------------------------------折疊table------------------------------------

.table_dp_c {
	display: none;
}---*/
/*--------------rwd_table-------------*/
.rwd-table {
  background: #fff;
}
.rwd-table tr:nth-of-type(2n) {
  background: #eee;
}
.rwd-table th, .rwd-table td {
  margin: 0.2em 0.5em;
}
.rwd-table {
  min-width: 100%;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  display: inline-block;
  margin-right: 0.5em;
}
.rwd-table th, .rwd-table td {
  text-align: left;
}
.rwd-table th, .rwd-table td:before {
  font-weight: bold;
}
.table_rc th, .table_rc td {
  text-align: left;
}
@media (min-width: 480px) {
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: 0.25em 0.5em;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th, .rwd-table td {
    padding: 1em !important;
  }
  .table_rc th, .table_rc td {
    text-align: center;
  }
  .F_MENU .menu_list2 {
    left: 1em;
  }
}
/*2020-11-2*/
.more-less {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -13px;
  color: #676767;
  font-size: 26px;
  vertical-align: middle;
}
.con_list .list-group-item {
  background: #fffef7; /* Old browsers */
  background: -moz-linear-gradient(top, #fffef7 4%, #f9f8ea 95%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fffef7 4%, #f9f8ea 95%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fffef7 4%, #f9f8ea 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffef7', endColorstr='#f9f8ea', GradientType=0); /* IE6-9 */
}
.con_box {
  min-height: 400px;
}
.download {
  margin:10px 0;
}
.download .btn {
  min-width: 130px;
}
.btn-dark-o {
  color: #343a40;
  background-color: #fff;
  border-color: #343a40;
	border-radius: 10px;
}
.btn-dark-o:hover, .btn-dark-o:active, .btn-dark-o:focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-success-o {
  color: #b4cb3b;
  background-color: #fff;
  border-color: #b4cb3b;
	border-radius: 10px;
}
.btn-success-o:hover, .btn-success-o:active {
  color: #fff;
  background-color: #c0db2f;
  border-color: #c0db2f;
}
.btn-success-o.focus, .btn-success-o:focus {
  color: #fff;
  background-color: #c0db2f;
  border-color: #a0b824;
}
.btn-primary-o {
  color: #0091bb;
  background-color: #fff;
  border-color: #0091bb;
	border-radius: 10px;
}
.btn-primary-o:hover, .btn-primary-o:active {
  color: #fff;
  background-color: #0091bb;
  border-color: #0091bb;
}
.btn-primary-o.focus, .btn-primary-o:focus {
  color: #fff;
  background-color: #0084aa;
  border-color: #0084aa;
}
.history label {
  font-size: 15px;
  background-color: #bf926a;
  color: #fff;
  border-radius: 15px;
  padding: 2px 10px;
  display: inline-block;
  min-width: 125px;
  text-align: center;
}
.history1 label {
  font-size: 15px;
  background-color: #bf926a;
  color: #fff;
  border-radius: 15px;
  padding: 2px 10px;
  min-width: 125px;
  text-align: center;
}
.info label, .info1 label {
  background-color: #22aeff!important;
}
.form-inline .form-control-static {
    display: inline-block;
}

/*timeline*/
.timeline-centered {
  position: relative;
  margin-bottom: 10px;
  color: #939393;
}
.timeline-centered:before, .timeline-centered:after {
  content: " ";
  display: table;
}
.timeline-centered:after {
  clear: both;
}
.timeline-centered:before, .timeline-centered:after {
  content: " ";
  display: table;
}
.timeline-centered:after {
  clear: both;
}
.timeline-centered:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  background: #f5f5f6;
  left: 10%;
  top: 20px;
  bottom: 20px;
  margin-left: -4px;
}
.timeline-centered .timeline-entry {
  position: relative;
  width: 90%;
  float: right;
  margin-bottom: 40px;
  clear: both;
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry:after {
  clear: both;
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry:after {
  clear: both;
}
.timeline-centered .timeline-entry.begin {
  margin-bottom: 0;
}
.timeline-centered .timeline-entry .timeline-entry-inner {
  position: relative;
  margin-left: -22px;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
  clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
  clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
  position: absolute;
  top: 6px;
  left: -80px;
  text-align: right;
  padding: 0px;
  font-size: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	z-index: 1
}
@media screen and (max-width: 780px) {
  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: 110px;
  }
  .timeline-centered .timeline-entry {
    width: 90%;
  }
  .timeline-centered:before {
    left: 10%;
  }
  .con_list {
    padding: 0;
  }
  .download .col-sm-4 {
  margin-bottom: 10px;
}
  .box-histroy .box-body{padding-left:0;padding-right: 0;}

	.info1 .form-control-static {
    display: block!important;
}

}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
  display: block;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
  font-size: 15px;
  font-weight: bold;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
  font-size: 13px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
  background: #fff;
  color: #737881;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  -moz-box-shadow: 0 0 0 5px #f5f5f6;
  -webkit-box-shadow: 0 0 0 5px #f5f5f6;
  box-shadow: 0 0 0 5px #f5f5f6;
  line-height: 40px;
  font-size: 15px;
  float: left;
}
.timeline-icon img {
  width: 25px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  margin-top: -2px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
  background-color: #0663ab;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
  background-color: #ffb400;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-gray1 {
  background-color: #a0a0a0;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
  position: relative;
  padding: 5px;
  margin-left: 45px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
  margin: 0;
  line-height: 1.428571429;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
  margin-top: 15px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.icon-sm {
  margin-left: -12px !important;
}
.icon-sm .timeline-icon {
  width: 6px !important;
    height: 6px !important;
    margin-left: 6px;
    margin-top: 6px;
}
.icon-sm p {
  margin-left: 22px;
  padding: 0;
  margin-top: -2px;
  margin:-2px 0 5px 5px;
}
.btn-sm{
	font-size: 1.1rem;
	padding: 3px 8px;
}
.icon-sm p span {
  margin-left:5px;
  margin-right: 8px;
}
.download .dropdown{
	display: inline-flex; margin-left:auto; margin-right:auto;
}
.download .dropdown .dropdown-menu{
	left:1rem;
}
/*20210315*/
.rightboxgy{background-color: rgba(197,197,197,.2); min-height: 70px;margin:-.9rem 10px 0 50px!important;padding:1rem!important;color:rgba(59,59,59,1.00);line-height: 2rem;}
.rightboxgy span:first-child{border-radius: 10px;padding: .2rem .5rem;margin-right:.5rem;font-size: 1.1rem;vertical-align: middle;}
.bg-lightbrown{background:#ebc799!important;color:#fff;}
.bg-brown{background:#92601f!important;color:#fff;}
.bg-gray2{background-color: #b2b2b2!important;color:#fff;}
.timeline-centered.line2 i, .timeline-centered.dashed i{font-size: 1.3rem;color:#fff;padding-top:.5rem;}
.timeline-centered.line2{margin-bottom:0; margin-top:1rem;}
.timeline-centered.line2:before{
	background: #c2c2c2!important;
	top: 0;  
	bottom: 0;
}
.timeline-centered.dashed:before{
	background: none; 
	border: 2px dashed #d7d7d7;
	top: 20px;
	bottom: 30px;
	margin-bottom:0
}

/*箭頭*/
.arrow_de{position:relative;}
.arrow1{position: absolute;left:-16px; bottom:12px;}
		.arrow1 .arrow{
		  position: relative;
		  width: 16px;
		  height: 150px;
		  border-top: 4px solid #ffd200;
		  border-left: 4px solid #ffd200;
		  border-bottom: 4px solid #ffd200;
		  box-sizing: border-box;
		}
		.arrow1 .arrow::after{
		  content: "";
		  position: absolute;
		  top: -12px;
		  right: -16px;
		  border-top: 10px solid transparent;
		  border-left: 10px solid #ffd200;
		  border-right: 10px solid transparent;
		  border-bottom: 10px solid transparent;
		}
.arrow2{position: absolute;left:-24px; bottom:12px;}
		.arrow2 .arrow{
		  position: relative;
		  width: 24px;
		  height: 350px;
		  border-top: 4px solid #ffd200;
		  border-left: 4px solid #ffd200;
		  border-bottom: 4px solid #ffd200;
		  box-sizing: border-box;
		}
		.arrow2 .arrow::after{
		  content: "";
		  position: absolute;
		  top: -12px;
		  right: -16px;
		  border-top: 10px solid transparent;
		  border-left: 10px solid #ffd200;
		  border-right: 10px solid transparent;
		  border-bottom: 10px solid transparent;
		}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters .col,  .no-gutters [class*="col-"] {   
	padding-right: 0;
	padding-left: 0;}