@charset "UTF-8";
.color-01 {
  color: #0082BE;
}

.color-02 {
  color: #03B2B6;
}

/*-------------------------------------------------------------------*/
.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

img {
  max-width: 100%;
  height: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.justify-content-center {
  justify-content: center !important;
}

.f-GenSenRounded {
  font-family: "GenSenRounded TW", sans-serif;
}

.single-news-title {
  font-size: 60px;
  color: #03B2B6;
  font-weight: 700;
}

.baseline {
  width: 110%;
  margin-left: auto;
  margin-right: auto;
  height: 32px;
  border-radius: 20px;
  background-color: #d5edfa;
  position: absolute;
  transform: translateX(-5%);
  bottom: 0px;
  left: 0;
  z-index: -1;
}

.position-relative {
  position: relative !important;
}

/*btn*/
.btn_01 {
  background: #03B2B6;
  border: 1px solid #03B2B6;
  color: white !important;
  padding: 10px 28px;
  border-radius: 50px;
  font-weight: 400 !important;
}
.btn_01:hover {
  background-color: #0cc2c8;
  font-weight: 400 !important;
}

.news-send-btn {
  padding: 12px 20px;
  color: #fff !important;
  font-weight: 400 !important;
}
.news-send-btn:hover {
  background-color: #0cc2c8;
}
.news-send-btn .fa-magnifying-glass path {
  fill: #fff;
}

.send-btn.reset-btn {
  background-color: #666;
  border: 1px solid #666;
  color: #fff;
}

/*form*/
input[type=text] {
  border: 1px solid #0082BE;
  background-color: #f3fbff;
  border-radius: 50px !important;
  padding: 16px 24px;
  color: #0082BE;
}

input[type=month] {
  border: 1px solid #0082BE;
  border-radius: 50px !important;
  padding: 12px 24px;
  color: #0082BE;
}

input[type=text] {
  padding: 12px 24px !important;
}

.form-select {
  padding: 12px 35px 12px 24px !important;
}

/*header*/
.navbar .fa-magnifying-glass, .navbar .search-icon {
  color: #0082BE !important;
}
.navbar .fa-magnifying-glass:hover, .navbar .search-icon:hover {
  color: #0a587c !important;
}

/*search*/
.menu_search {
  position: relative;
}
.menu_search > a {
  background: #0082BE;
  height: 28px !important;
  width: 28px !important;
  border-radius: 30px !important;
  padding: 4px 6px !important;
  margin-right: 10px;
}
.menu_search > a svg path {
  fill: #fff;
}

#SubForm {
  z-index: 1002;
  display: block;
  width: 100%;
  height: 100vh;
  text-align: center;
  position: fixed;
  left: 0;
  top: 80px;
}
#SubForm .menu_search_box {
  background: rgb(255, 255, 255);
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px;
}
#SubForm .menu_search_box .search_input {
  position: relative;
}
#SubForm .menu_search_box label {
  width: 100%;
}
#SubForm .menu_search_box input[type=text] {
  background-color: #fff;
  width: 100%;
}
#SubForm .menu_search_box button {
  position: absolute;
  right: 15px;
  top: 5px;
  background-color: transparent;
}
#SubForm .menu_search_box button svg path {
  fill: #0082BE;
}
#SubForm .hot_word {
  padding: 10px 0;
}
#SubForm .hot_word .title {
  display: inline-block;
}
#SubForm .hot_word a {
  background: #E5F5FE;
  padding: 5px 10px;
  border-radius: 20px;
  margin: 0 3px;
}

#searchIcon svg path, #searchBarBlock svg path {
  fill: #0082BE;
}

.fa-magnifying-glass path {
  fill: #0082BE;
}

/*content*/
.content-padding {
  padding: 5px 10px;
  min-height: 70px;
  min-width: 140px;
  position: relative;
}

/*content-paragraph*/
.content-paragraph .header-row .content-padding {
  line-height: 150%;
}
.content-paragraph h3 {
  color: #0082be;
  margin: 0 0 10px 0;
  font-weight: 700;
}
.content-paragraph .common-mod-list {
  display: flex;
  flex-direction: column;
  counter-reset: sec-counter;
  gap: 30px 0;
}
.content-paragraph .common-mod-list ol {
  counter-reset: list-counter;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  margin: 0;
}

.ol_blue {
  list-style: none;
  counter-reset: sec-counter;
  padding-left: 20px;
}
.ol_blue > li {
  counter-increment: sec-counter 1;
  align-items: center;
  font-size: 1.25rem;
  gap: 0 8px;
  position: relative;
  padding: 0 0 1em 15px;
}
.ol_blue > li::before {
  content: "";
  width: 28px;
  height: 28px;
  background: #0082be;
  border-radius: 50%;
  position: absolute;
  left: -23px;
  top: 5px;
  z-index: -1;
}
.ol_blue > li::marker {
  content: counter(sec-counter, cjk-ideographic);
  font-size: 1.125rem;
  color: #fff;
  line-height: normal;
  position: absolute;
  left: -5px;
}
.ol_blue > li ul {
  list-style: disc;
}

/*sourcemap*/
.sourcemap-checkbtn {
  background: #03B2B6;
  border: 1px solid #03B2B6;
  color: white;
  padding: 10px 28px;
  border-radius: 50px;
}
.sourcemap-checkbtn:hover {
  background: #0cc2c8;
  border: 1px solid #0cc2c8;
}

/*line share*/
.shareEl .icon img {
  width: 44px !important;
  height: 44px !important;
}

/*news*/
.news-btn img {
  width: 20px !important;
  height: 20px !important;
}

/*link_list*/
.link_list .item {
  width: 32%;
  display: inline-block;
  padding: 2%;
  text-align: center;
  vertical-align: top;
}
.link_list .item:nth-child(3n+1) {
  clear: both;
}
.link_list .item .img {
  border: solid #eee 1px;
  border-radius: 8px;
}
.link_list .item .img img {
  background-position: center !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  border-radius: 8px;
}
.link_list .item .title {
  font-size: 1.375em;
  color: #000;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
.link_list .item .con_font {
  color: #606060;
}
.link_list .item a:hover .title {
  color: #03B2B6;
}

/*tab*/
.edit_tab {
  border: none;
  padding: 20px 0;
}
.edit_tab .nav-link {
  padding: 16px 32px;
  border-radius: 50px;
  background-color: #ffffff;
  color: #0082BE;
  border: 1px solid #0082BE;
  min-width: 120px;
  margin: 10px;
}
.edit_tab .nav-link.active {
  background-color: #0082BE;
  color: white !important;
}
.edit_tab .nav-link:hover {
  background-color: #E5F5FE;
  color: #0082BE !important;
  border: 1px solid #0082BE;
}

/*table-100*/
.table-100 .header-row, .table-100 .content-row {
  width: 100%;
}

/*card*/
.card .img {
  position: relative;
}
.card .img .tag {
  position: absolute;
  left: 0;
  top: 10px;
  background: #03B2B6;
  color: #fff;
  padding: 5px 10px;
  border-radius: 0 30px 30px 0;
  font-weight: 400;
  font-size: 0.9rem;
}

.page_title {
  float: left;
  width: 100%;
  font-size: 2.5rem;
  color: #03B2B6;
  font-weight: 700;
  margin: 20px 0;
}

.topicSectionBg img {
  max-width: 60px;
}

@media print {
  /*清除網址*/
  a[href]:after {
    content: none !important;
  }
  /*顯示背景圖*/
  *,
  *:before,
  *:after {
    background-color: inherit !important;
  }
  .bg_print {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important; /*Firefox*/
  }
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /*解決Safari 在列印時使用異常小的字體*/
  .container {
    width: auto;
  }
  .con_box {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
  /*thead不重覆*/
  thead {
    display: table-row-group;
  }
  /*table背景色*/
  body {
    -webkit-print-color-adjust: exact;
  }
  .print_con_table tr th {
    background: #666 !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
}
/*列印尺寸電腦版*/
@page {
  size: A4;
  /*size: A4 landscape;//橫向*/
  margin: 0;
}
/*-------------------------------------------------------------------*/
@media (min-width: 768px) {
  /*link_list*/
  .link_list .item {
    width: 49%;
  }
  .link_list .item:nth-child(3n+1) {
    clear: none;
  }
  .link_list .item:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  /*link_list*/
  .link_list .item {
    width: 32%;
  }
  .link_list .item:nth-child(2n+1) {
    clear: none;
  }
  .link_list .item:nth-child(3n+1) {
    clear: both;
  }
}
@media (max-width: 767px) {
  /*link_list*/
  .link_list .item {
    width: 49%;
    padding: 3%;
  }
  .link_list .item:nth-child(3n+1) {
    clear: none;
  }
  .link_list .item:nth-child(2n+1) {
    clear: both;
  }
  .link_list .item .title {
    font-size: 1.2em;
  }
  .page_title {
    font-size: 1.5rem;
  }
}
/*-----------------------------------------for編輯器--------------------------------------------*/
h2, h3, h4, h5, h6 {
  text-transform: none;
}

.quantity {
  font-family: Anton-Regular;
}

img {
  max-width: 100%;
  height: auto !important;
}

.font-xlarge {
  font-size: 140% !important;
}

.font-large {
  font-size: 120% !important;
}

.font-100 {
  font-size: 100% !important;
}

.font-small {
  font-size: 80% !important;
}

.font-xsmall {
  font-size: 60% !important;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-50 {
  width: 50%;
}

.w-1000 {
  max-width: 1000px;
  width: 100%;
}

.w-800 {
  max-width: 800px;
  width: 100%;
}

.w-600 {
  max-width: 600px;
  width: 100%;
}

.w-400 {
  max-width: 400px;
  width: 100%;
}

.w-200 {
  max-width: 200px;
  width: 100%;
}

.w-100px {
  max-width: 100px;
  width: 100%;
}

.w-auto {
  width: auto;
  max-width: 100%;
}

.input-xlarge {
  width: 420px !important;
}

.input-large {
  width: 320px !important;
}

.input-medium {
  width: 240px !important;
}

.input-small {
  width: 145px !important;
}

.input-xsmall {
  width: 80px !important;
}

.float_left, .float-left {
  float: left;
}

.float_right, .float-right {
  float: right;
}

.text_center, .text-center {
  text-align: center;
}

.text_right, .text-right {
  text-align: right !important;
}

.text_left, .text-left {
  text-align: left !important;
}

.red {
  color: #900 !important;
}

.white, a.white {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.gray {
  color: #666 !important;
}

.gray_01 {
  color: #f5f5f5 !important;
}

.gray_02 {
  color: #ccc !important;
}

.gray_03 {
  color: #999 !important;
}

.gray_04 {
  color: #666 !important;
}

.gray_05 {
  color: #333 !important;
}

.blue_01 {
  color: #3e76b6 !important;
}

.blue_02 {
  color: #003f86 !important;
}

.green_01 {
  color: #588216 !important;
}

.green_02 {
  color: #00693E !important;
}

.orange_01 {
  color: #C45519 !important;
}

.orange_02 {
  color: #a6410a !important;
}

.brown_01 {
  color: #817461 !important;
}

.brown_02 {
  color: #513710 !important;
}

.pink {
  color: #B648B7 !important;
}

.purple {
  color: #800080 !important;
}

.bg_red {
  background: #c00 !important;
}

.bg_white {
  background: #fff !important;
}

.bg_black {
  background: #000 !important;
}

.bg_gray {
  background: #666 !important;
}

.bg_gray_01 {
  background: #f5f5f5 !important;
}

.bg_gray_02 {
  background: #ccc !important;
}

.bg_gray_03 {
  background: #999 !important;
}

.bg_gray_04 {
  background: #666 !important;
}

.bg_gray_05 {
  background: #333 !important;
}

.bg_blue_01 {
  background: #3e76b6 !important;
}

.bg_blue_02 {
  background: #003f86 !important;
}

.bg_green_01 {
  background: #588216 !important;
}

.bg_green_02 {
  background: #00693E !important;
}

.bg_orange_01 {
  background: #C45519 !important;
}

.bg_orange_02 {
  background: #a6410a !important;
}

.bg_brown_01 {
  background: #817461 !important;
}

.bg_brown_02 {
  background: #513710 !important;
}

.bg_pink {
  background: #B648B7 !important;
}

.bg_purple {
  background: #800080 !important;
}

.required {
  color: #900;
  font-size: 0.9em;
  line-height: 140%;
  padding: 3px 0;
}

.img_padding {
  padding: 10px;
}

.img_padding[align=left] {
  padding: 0 30px 30px 0;
}

.img_padding[align=right] {
  padding: 0 0 30px 30px;
}

.img_pic {
  border: solid #ddd 1px;
  padding: 10px;
  box-shadow: 0px 0px 2px 2px rgba(51, 51, 51, 0.1);
}

.margin_auto {
  margin: 0 auto !important;
}

.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.blockquote_font {
  max-width: 96%;
  margin: 30px auto;
  color: #333;
  border-left: 6px solid #2b50a8;
  padding-left: 1.5em;
}

.align-m {
  vertical-align: middle !important;
}

.align-t {
  vertical-align: top !important;
}

.align-b {
  vertical-align: bottom !important;
}

.font_nowrap {
  white-space: nowrap;
}

.btn_margin {
  margin: 2px;
}

.footer_laypu {
  display: inline-block;
}

mark {
  background: linear-gradient(transparent 60%, #ffdd55 0);
}

@media (max-width: 480px) {
  .input-xlarge, .input-large, .input-medium, .input-small, .input-xsmall {
    max-width: 100% !important;
  }
}
/*table*/
.table {
  display: table;
  border-color: #ddd;
  width: 100%;
  margin-bottom: 10px;
  border-spacing: 0;
}
.table > :not(:first-child) {
  border-top: none;
}
.table thead {
  background: #666;
  color: #fff;
}
.table thead th {
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 10px;
  line-height: 130%;
  vertical-align: middle;
  text-align: center;
  font-weight: 400;
}
.table tbody tr {
  border-bottom: 1px solid #ddd;
}
.table tbody td {
  line-height: 170%;
  border-top: none;
  padding: 8px 10px;
  vertical-align: middle;
}
.table tbody td ol, .table tbody td ul {
  padding-left: 25px;
}
.table tbody td a {
  color: #0082BE;
}
.table tbody td a:hover {
  color: #03B2B6;
}
.table tbody td a.btn_01 {
  display: inline-block;
  background: #0082BE !important;
  color: #fff !important;
  white-space: nowrap;
  margin: 3px 1px;
  padding: 6px 15px;
}
.table tbody td a.btn_01:hover {
  background: #03B2B6 !important;
}
.table.table-bordered {
  border: 1px solid #ddd;
}
.table.table-bordered td, .table.table-bordered th {
  border: 1px solid #ddd;
}
.table.table-center th, .table.table-center td {
  text-align: center;
}
.table.table-even tr:nth-child(even) {
  background: #f5f5f5;
}
.table.table-hover tbody tr {
  border-bottom: 1px solid #ddd;
}
.table.table-hover tbody tr:hover > td {
  background: #f5f5f5 !important;
}
.table.table-hover tbody tr .btn_circle {
  border-radius: 50%;
  padding: 2px 9px 4px 11px;
}
.table.table-hover tbody tr .btn_circle:hover, .table.table-hover tbody tr .btn_circle:focus {
  background: #03B2B6 !important;
}
.table > :not(caption) > * > * {
  padding: 0;
}
.table .total {
  background: #fcfcf0;
}
.table .total td {
  border-top: double #ddd 5px;
}
.table .total:hover > td {
  background: #fcfcf0 !important;
}

table[align=center] {
  margin-left: auto;
  margin-right: auto;
}

tbody, td, tfoot, th, thead, tr {
  border-width: 1px;
}

.table-cell {
  display: table-cell;
}

.table_total {
  border-top: double #ccc 3px;
}
.table_total td {
  background: #e6eff4;
}

/*table scroll*/
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: none;
}
.table-scrollable > .table, .table-scrollable > table {
  width: 100% !important;
  margin: 0 !important;
  min-width: 700px;
}

@media (max-width: 480px) {
  .table.m_100 > .table-row {
    display: block;
    width: 100%;
  }
  .table.m_100 > .table-row > .table-cell {
    display: block;
    width: 100%;
  }
  .table.m_100 .text-right {
    text-align: left !important;
  }
}
/*page_info*/
.page_info .table-row {
  display: table-row;
}
.page_info .table-row .table-cell:first-child {
  font-weight: bold;
}
.page_info .table-row .table-cell:first-child:first-child:before {
  content: "|";
  color: #bda26d;
  padding-right: 10px;
}
.page_info .table-row .table-cell {
  display: table-cell;
  padding: 5px;
  border-bottom: solid #ddd 1px;
}

@media (max-width: 480px) {
  .page_info .table-row .table-cell:first-child {
    border-bottom: none;
    width: 100% !important;
    padding: 0 5px;
  }
  .page_info .table-row .table-cell:nth-child(2) {
    padding: 5px 5px 5px 20px;
  }
  .page_info.m_100 > .table-row {
    margin-bottom: 10px;
  }
}
/*縮排*/
.paddingleft22 {
  padding-left: 22px;
}

.textindent22 {
  text-indent: -22px;
}

.text_indent {
  text-indent: 2em;
}

/*edit_con*/
.edit_con {
  /*float: left;*/
  width: 100%;
  font-size: 1.25rem;
  font-weight: 400;
}
.edit_con ul, .edit_con ol {
  padding-left: 30px;
  /*float:left;*/
  width: 100%;
  clear: both;
  margin-top: 0;
}
.edit_con a {
  color: #0082BE;
  /*text-decoration:underline;*/
}
.edit_con img.float-start {
  padding: 0 2em 2em 0;
}
.edit_con img.float-end {
  padding: 0 0 2em 2em;
}

.border_box {
  float: left;
  width: 100%;
  border-radius: 10px;
  border: solid #eee 1px;
  padding: 5%;
  background: #fff;
  margin-bottom: 15px;
}

/*清單*/
.ol_01 {
  list-style-type: cjk-ideographic; /*一, 二, 三*/
  padding-left: 40px !important;
}

.ol_02 {
  list-style-type: upper-latin; /*A, B, C*/
}

.ol_03 {
  list-style-type: lower-alpha; /*a, b, c*/
}

.ol_04 {
  list-style-type: decimal; /*1,2,3*/
}

.ol_05 {
  list-style: none;
  counter-reset: my-counter;
  padding-left: 50px;
}
.ol_05 li {
  counter-increment: my-counter;
  text-indent: -1.6em;
}
.ol_05 li:before {
  content: "(" counter(my-counter) ")";
  margin-right: 0.5em;
}

.ol_c_01 {
  counter-reset: chapter;
}
.ol_c_01 > ol {
  list-style: none;
  padding-left: 20px;
}
.ol_c_01 > ol > li {
  counter-increment: chapter;
  counter-reset: section;
  text-indent: -0.3em;
}
.ol_c_01 > ol > li:before {
  content: counter(chapter) ".";
  margin-right: 0.5em;
}
.ol_c_01 > ol > li > ol {
  list-style: none;
  padding-left: 20px;
}
.ol_c_01 > ol > li > ol > li {
  counter-increment: section;
  text-indent: -30px;
  padding-left: 27px;
}
.ol_c_01 > ol > li > ol > li:before {
  content: counter(chapter) "." counter(section);
  margin-right: 0.5em;
}

.ol_c_02 {
  counter-reset: chapter;
}
.ol_c_02 > ol {
  list-style: none;
  padding-left: 10px;
}
.ol_c_02 > ol > li {
  counter-increment: chapter;
  counter-reset: section;
  margin-left: 1em;
}
.ol_c_02 > ol > li:before {
  content: counter(chapter) ".";
  margin-right: 0.5em;
}
.ol_c_02 > ol > li > ol {
  list-style: none;
  padding-left: 20px;
}
.ol_c_02 > ol > li > ol > li {
  counter-increment: section;
}
.ol_c_02 > ol > li > ol > li:before {
  content: counter(chapter) "-" counter(section);
  margin-right: 0.5em;
}

.ul_01 {
  list-style-type: square; /*實心方塊*/
}

.ul_02 {
  list-style-type: disc; /*實心圓*/
}

.ul_none, .ol_none {
  list-style: none;
  padding-left: 0;
}

.ul_w50 {
  float: left;
  width: 100%;
}
.ul_w50 li {
  float: left;
  width: calc(50% - 40px);
  padding-right: 30px;
}
.ul_w50 li:nth-child(2n+1) {
  clear: both;
}

.ul_line {
  list-style: none;
}
.ul_line li:before {
  content: "-";
  display: inline-block;
  color: #e4c916;
  padding-right: 10px;
  font-weight: bold;
  margin-left: -16px;
}

@media (max-width: 767px) {
  .ul_w50 li {
    width: calc(100% - 40px);
  }
}
/*for IE*/
@media screen\0  {
  .ol_01 {
    list-style-type: decimal-leading-zero; /*01,02,03*/
  }
}
/*錨點*/
.anchor_list {
  float: left;
  width: 100%;
  list-style: none;
  margin-bottom: 15px;
  margin-left: 0px;
  padding-left: 0 !important;
}
.anchor_list li {
  float: left;
}
.anchor_list a {
  float: left;
  padding: 5px 15px;
  border-radius: 5px;
  color: #333;
  margin: 5px 6px 5px 3px;
  border: solid #ccc 1px;
  text-decoration: none;
  box-shadow: none;
}
.anchor_list a:hover, .anchor_list a:focus {
  background: #eee;
  color: #333;
}
.anchor_list a.active {
  background: #0082BE;
  color: #fff;
  border: solid #0082BE 1px;
}

@media (max-width: 767px) {
  .anchor_list a {
    font-size: 0.9em;
    padding: 5px 8px;
  }
}
/*頁籤 bs5*/
/*併排*/
[class^=list_0] .title, .list_img .title, .list_font .title {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 10px;
}

[class^=list_0] img {
  width: 100%;
}

@media (max-width: 767px) {
  [class^=list_0] .title, .list_img .title, .list_font .title, .list_icon_img .title {
    font-size: 1.1em;
  }
}
/*併排5*/
.list_05 {
  float: left;
  width: 100%;
}
.list_05 > .item {
  float: left;
  width: 17%;
  margin: 1.5%;
  vertical-align: top;
  line-height: 150%;
}
.list_05 > .item img {
  margin-bottom: 5px;
}
.list_05 > .item:nth-child(5n+1) {
  clear: both;
}
.list_05.nomargin > .item {
  margin: 0;
  width: 20%;
}

@media (max-width: 767px) {
  .list_05 > .item {
    width: 29.3%;
    margin: 2%;
  }
  .list_05 > .item:nth-child(5n+1) {
    clear: none;
  }
  .list_05 > .item:nth-child(3n+1) {
    clear: both;
  }
  .list_05.nomargin > .item {
    margin: 0;
    width: 33.3%;
  }
}
@media (max-width: 480px) {
  .list_05 > .item {
    width: 44%;
    margin: 3%;
  }
  .list_05 > .item:nth-child(5n+1), .list_05 > .item:nth-child(3n+1) {
    clear: none;
  }
  .list_05 > .item:nth-child(2n+1) {
    clear: both;
  }
  .list_05 > .item img {
    width: 100%;
  }
  .list_05.nomargin > .item {
    margin: 0;
    width: 50%;
  }
}
/*併排4*/
.list_04 {
  float: left;
  width: 100%;
}
.list_04 > .item {
  float: left;
  width: 22%;
  margin: 1.5%;
}
.list_04 > .item img {
  margin-bottom: 5px;
}
.list_04 > .item:nth-child(4n+1) {
  clear: both;
}
.list_04.nomargin > .item {
  margin: 0;
  width: 25%;
}

@media (max-width: 767px) {
  .list_04 > .item {
    width: 29.3%;
    margin: 2%;
  }
  .list_04 > .item:nth-child(4n+1) {
    clear: none;
  }
  .list_04 > .item:nth-child(3n+1) {
    clear: both;
  }
  .list_04.nomargin > .item {
    margin: 0;
    width: 33.3%;
  }
}
@media (max-width: 480px) {
  .list_04 > .item {
    width: 44%;
    margin: 3%;
  }
  .list_04 > .item:nth-child(4n+1), .list_04 > .item:nth-child(3n+1) {
    clear: none;
  }
  .list_04 > .item:nth-child(2n+1) {
    clear: both;
  }
  .list_04 > .item img {
    width: 100%;
  }
  .list_04.nomargin > .item {
    margin: 0;
    width: 50%;
  }
}
/*併排4-2*/
.list_04-2 {
  float: left;
  width: 100%;
}
.list_04-2 > .item {
  float: left;
  width: 22%;
  margin: 1.5%;
}
.list_04-2 > .item img {
  margin-bottom: 5px;
}
.list_04-2 > .item:nth-child(4n+1) {
  clear: both;
}
.list_04-2.nomargin > .item {
  margin: 0;
  width: 25%;
}

@media (max-width: 767px) {
  .list_04-2 > .item {
    width: 44%;
    margin: 3%;
  }
  .list_04-2 > .item:nth-child(4n+1) {
    clear: none;
  }
  .list_04-2 > .item:nth-child(2n+1) {
    clear: both;
  }
  .list_04-2.nomargin > .item {
    margin: 0;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .list_04-2 > .item {
    width: 90%;
    margin: 5%;
  }
  .list_04-2 > .item:nth-child(even) {
    margin: -1% 5% 5% 5%;
  }
  .list_04-2 > .item img {
    margin-bottom: 0;
  }
  .list_04-2.nomargin > .item {
    margin: 0;
    width: 100%;
  }
}
/*併排3*/
.list_03 {
  float: left;
  width: 100%;
}
.list_03 > .item {
  float: left;
  width: 29.3%;
  margin: 2%;
}
.list_03 > .item img {
  margin-bottom: 5px;
}
.list_03 > .item:nth-child(3n+1) {
  clear: both;
}
.list_03.nomargin > .item {
  margin: 0;
  width: 33.3%;
}

@media (max-width: 767px) {
  .list_03 > .item {
    width: 46%;
  }
  .list_03 > .item:nth-child(3n+1) {
    clear: none;
  }
  .list_03 > .item:nth-child(2n+1) {
    clear: both;
  }
  .list_03.nomargin > .item {
    margin: 0;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .list_03 > .item {
    width: 90%;
    margin: 5%;
  }
  .list_03 > .item img {
    width: 100%;
  }
  .list_03.nomargin > .item {
    margin: 0;
    width: 100%;
  }
}
/*併排2*/
.list_02 {
  float: left;
  width: 100%;
}
.list_02 > .item {
  float: left;
  width: 44%;
  margin: 3%;
}
.list_02 > .item img {
  margin-bottom: 5px;
}
.list_02 > .item:nth-child(2n+1) {
  clear: both;
}
.list_02.nomargin > .item {
  margin: 0;
  width: 50%;
}

@media (max-width: 767px) {
  .list_02 > .item {
    width: 90%;
    margin: 5%;
  }
  .list_02.nomargin > .item {
    margin: 0;
    width: 100%;
  }
}
/*併排1+3*/
.list_img {
  float: left;
  width: 100%;
}
.list_img > .item:nth-child(2n-1) {
  float: left;
  width: 20%;
  margin: 2.5%;
}
.list_img > .item:nth-child(2n) {
  float: left;
  width: 70%;
  margin: 2.5%;
}
.list_img > .item:nth-child(2n+1) {
  clear: both;
}
.list_img > .item img {
  margin-bottom: 5px;
}
.list_img.nomargin > .item {
  margin: 0;
}
.list_img.nomargin > .item:nth-child(2n-1) {
  width: 25%;
}
.list_img.nomargin > .item:nth-child(2n) {
  width: 75%;
}

@media (max-width: 480px) {
  .list_img > .item {
    width: 95% !important;
  }
  .list_img.nomargin > .item {
    margin: 0;
    width: 100%;
  }
}
/*併排3+1*/
.list_font {
  float: left;
  width: 100%;
}
.list_font > .item:nth-child(2n) {
  float: left;
  width: 20%;
  margin: 2.5%;
}
.list_font > .item:nth-child(2n-1) {
  float: left;
  width: 70%;
  margin: 2.5%;
}
.list_font > .item:nth-child(2n+1) {
  clear: both;
}
.list_font > .item img {
  margin-bottom: 5px;
}
.list_font.nomargin > .item {
  margin: 0;
}
.list_font.nomargin > .item:nth-child(2n) {
  width: 25%;
}
.list_font.nomargin > .item:nth-child(2n-1) {
  width: 75%;
}

@media (max-width: 480px) {
  .list_font > .item {
    width: 95% !important;
  }
  .list_font.nomargin > .item {
    margin: 0;
    width: 100%;
  }
}
/*youtube影片*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

@media print {
  /*清除網址*/
  a[href]:after {
    content: none !important;
  }
  /*顯示背景圖*/
  *,
  *:before,
  *:after {
    background-color: inherit !important;
  }
  .bg_print {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important; /*Firefox*/
  }
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /*解決Safari 在列印時使用異常小的字體*/
  .container {
    width: auto;
  }
  .con_box {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
  /*thead不重覆*/
  thead {
    display: table-row-group;
  }
}
/*列印尺寸電腦版*/
@page {
  size: A3;
  margin: 0;
}
/*rwd table*/
.rwd-table {
  background: #fff;
  overflow: hidden;
  min-width: 100%;
  color: #333;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
  color: #333;
}
.rwd-table.table-hover tr:hover td:before {
  color: #fff;
}
.rwd-table.table-bordered > tbody > tr > td {
  border-top: none;
  border-left: none;
  line-height: 150%;
}

@media (min-width: 769px) {
  /*rwd table*/
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: 0.25em 0.5em;
  }
}
@media (max-width: 769px) {
  /*rwd table*/
  .rwd-table.table {
    border: none;
  }
  .rwd-table tbody tr {
    display: table;
    width: calc(100% - 2px);
    border: solid #ddd 1px;
  }
  .rwd-table tbody tr td {
    display: table-row;
  }
  .rwd-table tbody tr td:before {
    display: table-cell;
    padding: 8px;
    text-align: right;
  }
  .rwd-table tr {
    margin-bottom: 20px;
  }
  .rwd-table tr td {
    border-bottom: solid #ddd 1px !important;
  }
  .rwd-table tr td:nth-child(1) {
    border-top: solid #ddd 1px !important;
  }
  .rwd-table.table-center td {
    text-align: left !important;
  }
  .rwd-table .text-end, .rwd-table .text-center {
    text-align: left !important;
  }
}
/*table*/
.header-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background-color: #0082be;
  color: #fff;
}
.header-row .content-padding {
  display: flex;
  align-items: center;
  background-color: #0082be;
  color: #fff;
}

.content-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  color: #000;
}
.content-row:nth-child(even) .content-padding, .content-row:nth-child(even) {
  background-color: #f9fbfc;
  color: #000;
}
.content-row .content-padding {
  background-color: #fff;
  color: #000;
  display: flex;
  align-items: center;
  line-height: 1.5rem;
}

/*common-mod-content*/
.common-mod-content {
  display: flex;
  flex-direction: column;
  gap: 60px 0;
}
.common-mod-content h3 {
  color: #0082be;
  margin: 0 0 30px 0;
  font-weight: 700;
}
.common-mod-content .common-mod-list {
  display: flex;
  flex-direction: column;
  counter-reset: sec-counter;
  gap: 30px 0;
}
.common-mod-content .common-mod-list .common-mod-item h4 {
  counter-increment: sec-counter 1;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  gap: 0 8px;
}
.common-mod-content .common-mod-list .common-mod-item h4:before {
  content: counter(sec-counter, cjk-ideographic);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  background: #0082be;
  font-size: 1.125rem;
  color: #fff;
  line-height: normal;
  border-radius: 50%;
}

.common-mod-box {
  display: flex;
  flex-direction: column;
}
.common-mod-box > div {
  margin: 0 0 16px 0;
}

.common-mod-table {
  display: flex;
  flex-direction: column;
}
.common-mod-table.table-border .common-mod-thead .common-mod-th {
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
}
.common-mod-table.table-border .common-mod-thead .common-mod-th:first-of-type {
  background: #2892c4;
}
.common-mod-table.table-border .common-mod-tbody .common-mod-tr {
  border-left: 1px solid rgba(0, 0, 0, 0.125);
}
.common-mod-table.table-border .common-mod-tbody .common-mod-tr:nth-child(even) .common-mod-td {
  background: #f9fbfc;
}
.common-mod-table.table-border .common-mod-tbody .common-mod-tr:hover .common-mod-td {
  background: #f3fbff;
}
.common-mod-table.table-border .common-mod-tbody .common-mod-tr .common-mod-td {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-left: none;
}
.common-mod-table.table-border .common-mod-tbody .common-mod-tr.is-total .common-mod-td {
  background: #d7f1ff;
}
.common-mod-table.table-blue .common-mod-tbody .common-mod-tr:nth-child(odd) .common-mod-td:first-of-type, .common-mod-table.table-green .common-mod-tbody .common-mod-tr:nth-child(odd) .common-mod-td:first-of-type {
  background: #03b2b6;
  color: #fff;
}
.common-mod-table.table-blue .common-mod-tbody .common-mod-tr:nth-child(even) .common-mod-td:first-of-type, .common-mod-table.table-green .common-mod-tbody .common-mod-tr:nth-child(even) .common-mod-td:first-of-type {
  background: #37c7ca;
  color: #fff;
}
.common-mod-table.table-green .common-mod-thead .common-mod-th:first-of-type {
  background: #086434;
}
.common-mod-table.table-green .common-mod-tbody .common-mod-tr:nth-child(odd) .common-mod-td {
  background: #e5ffe5;
}
.common-mod-table.table-rounded .common-mod-thead .common-mod-tr .common-mod-th {
  border-radius: 15px 15px 0 0;
}
.common-mod-table ol {
  display: flex;
  flex-direction: column;
  height: 100%;
  list-style: decimal-leading-zero;
  margin: 0;
}
.common-mod-table ol::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  -moz-text-align-last: start !important;
       text-align-last: start !important;
}

.common-mod-thead .common-mod-th {
  background: #0082be;
  color: #fff;
  text-align: center;
}

.common-mod-tr {
  display: grid;
}

.common-mod-th, .common-mod-td {
  place-content: center;
  padding: 12px;
}

.rowspan-0 {
  grid-row: span 0;
}

.colspan-0 {
  grid-column: span 0;
}

.column-count-0 {
  grid-template-columns: repeat(0, 1fr);
}

.rowspan-1 {
  grid-row: span 1;
}

.colspan-1 {
  grid-column: span 1;
}

.column-count-1 {
  grid-template-columns: repeat(1, 1fr);
}

.rowspan-2 {
  grid-row: span 2;
}

.colspan-2 {
  grid-column: span 2;
}

.column-count-2 {
  grid-template-columns: repeat(2, 1fr);
}

.rowspan-3 {
  grid-row: span 3;
}

.colspan-3 {
  grid-column: span 3;
}

.column-count-3 {
  grid-template-columns: repeat(3, 1fr);
}

.rowspan-4 {
  grid-row: span 4;
}

.colspan-4 {
  grid-column: span 4;
}

.column-count-4 {
  grid-template-columns: repeat(4, 1fr);
}

.rowspan-5 {
  grid-row: span 5;
}

.colspan-5 {
  grid-column: span 5;
}

.column-count-5 {
  grid-template-columns: repeat(5, 1fr);
}

.rowspan-6 {
  grid-row: span 6;
}

.colspan-6 {
  grid-column: span 6;
}

.column-count-6 {
  grid-template-columns: repeat(6, 1fr);
}

.rowspan-7 {
  grid-row: span 7;
}

.colspan-7 {
  grid-column: span 7;
}

.column-count-7 {
  grid-template-columns: repeat(7, 1fr);
}

.rowspan-8 {
  grid-row: span 8;
}

.colspan-8 {
  grid-column: span 8;
}

.column-count-8 {
  grid-template-columns: repeat(8, 1fr);
}

.rowspan-9 {
  grid-row: span 9;
}

.colspan-9 {
  grid-column: span 9;
}

.column-count-9 {
  grid-template-columns: repeat(9, 1fr);
}

.rowspan-10 {
  grid-row: span 10;
}

.colspan-10 {
  grid-column: span 10;
}

.column-count-10 {
  grid-template-columns: repeat(10, 1fr);
}

.rowspan-11 {
  grid-row: span 11;
}

.colspan-11 {
  grid-column: span 11;
}

.column-count-11 {
  grid-template-columns: repeat(11, 1fr);
}

.rowspan-12 {
  grid-row: span 12;
}

.colspan-12 {
  grid-column: span 12;
}

.column-count-12 {
  grid-template-columns: repeat(12, 1fr);
}

.rowspan-13 {
  grid-row: span 13;
}

.colspan-13 {
  grid-column: span 13;
}

.column-count-13 {
  grid-template-columns: repeat(13, 1fr);
}

.rowspan-14 {
  grid-row: span 14;
}

.colspan-14 {
  grid-column: span 14;
}

.column-count-14 {
  grid-template-columns: repeat(14, 1fr);
}

.rowspan-15 {
  grid-row: span 15;
}

.colspan-15 {
  grid-column: span 15;
}

.column-count-15 {
  grid-template-columns: repeat(15, 1fr);
}

.rowspan-16 {
  grid-row: span 16;
}

.colspan-16 {
  grid-column: span 16;
}

.column-count-16 {
  grid-template-columns: repeat(16, 1fr);
}

.rowspan-17 {
  grid-row: span 17;
}

.colspan-17 {
  grid-column: span 17;
}

.column-count-17 {
  grid-template-columns: repeat(17, 1fr);
}

.rowspan-18 {
  grid-row: span 18;
}

.colspan-18 {
  grid-column: span 18;
}

.column-count-18 {
  grid-template-columns: repeat(18, 1fr);
}

.rowspan-19 {
  grid-row: span 19;
}

.colspan-19 {
  grid-column: span 19;
}

.column-count-19 {
  grid-template-columns: repeat(19, 1fr);
}

.rowspan-20 {
  grid-row: span 20;
}

.colspan-20 {
  grid-column: span 20;
}

.column-count-20 {
  grid-template-columns: repeat(20, 1fr);
}

.rowspan-21 {
  grid-row: span 21;
}

.colspan-21 {
  grid-column: span 21;
}

.column-count-21 {
  grid-template-columns: repeat(21, 1fr);
}

.rowspan-22 {
  grid-row: span 22;
}

.colspan-22 {
  grid-column: span 22;
}

.column-count-22 {
  grid-template-columns: repeat(22, 1fr);
}

.rowspan-23 {
  grid-row: span 23;
}

.colspan-23 {
  grid-column: span 23;
}

.column-count-23 {
  grid-template-columns: repeat(23, 1fr);
}

.rowspan-24 {
  grid-row: span 24;
}

.colspan-24 {
  grid-column: span 24;
}

.column-count-24 {
  grid-template-columns: repeat(24, 1fr);
}

/*dashboard-page*/
.dashboard-page, .dashboard-box, .dashboard-section, .dashboard-content {
  gap: 30px 0;
}

.dashboard-page, .dashboard-box, .dashboard-section, .dashboard-content, .dashboard-list {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}

.dashboard-page .common-mod-table {
  text-align: center;
}

.dashboard-box.has-shadow .dashboard-list {
  border: 1px solid #f4f4f4;
  box-shadow: 0 4px 24px 0 rgba(195, 195, 195, 0.16);
  border-radius: 20px;
  padding: 60px;
}
.dashboard-box:after {
  content: "";
  display: inline-block;
  height: 2px;
  background-image: linear-gradient(90deg, transparent, transparent 60%, #fff 60%, #fff 100%), linear-gradient(90deg, #03B7B5, #0686BC);
  background-size: 24px 3px, 100% 3px;
  border: none;
}

.dashboard-list .dashboard-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px 0;
}
.dashboard-list .dashboard-pic img {
  height: 240px;
}

.dashboard-heading {
  text-align: center;
}

@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 1.75rem;
  }
  .dashboard-list .dashboard-item .dashboard-title {
    font-size: 20px;
  }
  .dashboard-page .common-mod-table {
    font-size: 20px;
  }
  #inorganic .common-mod-th, #inorganic .common-mod-td {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .dashboard-list .dashboard-item .dashboard-title {
    font-size: 18px;
  }
  .dashboard-page, .dashboard-box, .dashboard-section, .dashboard-content {
    gap: 40px 0;
  }
  .dashboard-page .common-mod-table {
    font-size: 18px;
  }
  .dashboard-list .dashboard-item {
    flex: 0 0 calc((100% - 80px) / 3);
  }
}
@media (min-width: 576px) {
  .dashboard-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
  }
}/*# sourceMappingURL=style.css.map */