/* -------------------------------------------------- */
/* ------ 2026: gui 測試專業版用，套版無需理會此檔 ------- */
/* -------------------------------------------------- */

@import "variables.css";      /* css 顏色變數 */
@import "_default.css";
@import "_elements.css";       /* 元件庫 */
@import "_Header.css"; /* Header 主區塊 */
@import "_siteHeader.css"; /* 2026 新作 header */
@import "_footer.css";        /* 頁腳 */
@import "_tab.css";
@import "_mp_banner.css";   /* 民眾版首頁 */
@import "_circle_icon.css";  /* 民眾版首頁 */
@import "_new_info.css"; /* 首頁 */
@import "_understanding.css"; /* 首頁 */
@import "_reject.css";        /* 首頁 */
@import "_help.css";          /* 首頁 */
@import "_restore.css";       /* 首頁 */
@import "_identify.css";      /* 首頁: 如何辨識 */
@import "_small_banner.css";      /* 首頁: 小橫幅廣告 */
@import "_punish.css";
@import "_MainMenu.css";

@import "_cascading.css";/* 網站地圖疊加矩陣 .cascading */
@import "_qa.css";
@import "_drug_table.css"; /* 藥品/專案表格模組 .drug_table */
@import "_child_header.css"; /* 子範疇網頁主結構擴充 .child_header 以及關聯元件 */
@import "_link_list.css"; /* 關聯元件連結排版系統 .link_list, .download_list */
@import "_function.css";/* 共用特定社群功能列 .function */
@import "_tag.css"; /* 標籤元件 .tag */
@import "_page.css"; /* 分頁模組特例控制 .page */
@import "_np_list.css"; /* 節點頁 */
@import "_list.css"; /* 常規文章清單組合 .list */
@import "_List_photo.css"; /*  */
@import "_List_ad.css"; /*  */
@import "_cp.css";/* cp 頁 */
@import "_fp.css";/* fp 頁 */
@import "_all_map.css"; /* 台灣互動地圖面板佈局控制 .all_map */
/* -------------------------------------------------- */
@import "../pro/css/_full_cpimg.css";/* 內頁 header 下裝飾圖  */
/* -------------------------------------------------- */


/* @import "_child_cpimg.css";  */
/* @import "_child_fat_footer.css";  */
/* @import "_youtube.css"; */
/* @import "_pictures.css"; */


/* 歡迎頁 */
@import "../css/_welcome.css"; 

/* 專業版 */
@import "../css/_professional_banner.css";     /* 專業版首頁: 大 banner */
@import "../css/_professional_news.css";       /* 專業版首頁: */
@import "../css/_professional_link.css";
@import "../css/_professional_chart.css";
@import "../css/_professional_video.css"; /* 專業級影音模組 .professional_video */
@import "../css/_resources.css";             /* 教學資源 */

/*////////////////////  斷點  //////////////////*/
/* 
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 361px) and (max-width: 767px) {}
@media (max-width: 360px) {} 
*/
/*////////////////////////////////////////////////*/
/*////////////////////  共用區  //////////////////*/
/*////////////////////////////////////////////////*/
/*Media Query*/
@media (min-width: 1200px) {
  .container { width: 1000px;}
  .pull-lg-left {  float: left !important; }
  .pull-lg-right {  float: right !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pull-md-left {  float: left !important; }
  .pull-md-right {  float: right !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pull-sm-left {  float: left !important; }
  .pull-sm-right {  float: right !important; }
}
@media (max-width: 767px) {
  .pull-xs-left {  float: left !important; }
  .pull-xs-right {  float: right !important; }
}


/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */

.table-responsive {
  .table {
    td{
      a{
        &:focus {
          outline: 2px solid var(--c-outline-focus);
          outline-offset: 2px;
          text-decoration: none;
        }
      }
    }
  }

}
/* RWD 表格強化佈局 bootstrap */
@media screen and (max-width: 767px) {
  .table-responsive {
    /* overflow-scrolling: touch; */
    overflow-x: auto;

    & > .table {
      width: 1000px !important;

      & > thead > tr > td, & > tbody > tr > td, & > tfoot > tr > td { 
        white-space: nowrap !important; 
        word-break: break-all; 
      }
      & > thead > tr > th, & > tbody > tr > th, & > tfoot > tr > th { 
        white-space: normal !important; 
      }
    }
  }
}





/* 分頁箭頭特化樣式圖標一體化 */
.icon-angle-double-left,
.icon-angle-left,
.icon-angle-double-right,
.icon-angle-right {
  width: 47px;
  height: 35px;
  text-indent: -9999px;
}

.icon-angle-double-left {
  background: url('../images/icon_prev10.png') no-repeat left top rgba(238, 238, 238, 1) !important;
}

.icon-angle-left {
  background: url('../images/icon_prev.png') no-repeat left top rgba(238, 238, 238, 1) !important;
}

.icon-angle-double-right {
  background: url('../images/icon_next10.png') no-repeat left top rgba(238, 238, 238, 1) !important;
}

.icon-angle-right {
  background: url('../images/icon_next.png') no-repeat left top rgba(238, 238, 238, 1) !important;
}