/* AI推動辦公室 無障礙AA標章修正顏色與文字對比 1140429*/
@charset "utf-8";
/* CSS Document */


.page_mobilehome .row_2 {
	/*--無障礙-計數器-背景顏色--*/
	/*--background:#9BD6CC;--*/
	/*--background:#009ADE;--*/
	/*--background:#0077BB;--*/
	background:#3C5A96;
	
	/*--padding-bottom:3em;--*/
	/*--margin:2em 0 1em;--*/
}

.bt_second {
	 /*-- filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#10A0DF,endColorstr=#62D6CE);--*/
    /*--無障礙顏色對比加深--*/
	/*--background:linear-gradient(to top,rgba(16,160,223,1),rgba(98,215,206,1)); --*/
    /*-- background:#009ADE;--*/
	background:#3C5A96;
}

.owl-carousel .owl-dots .owl-dot.active span{
  /*filter: Alpha(Opacity=100);--*/
  /*--opacity: 1;--/
  /*--無障礙顏色變更--*/
  /*--background:linear-gradient(to top,rgba(16,160,223,1),rgba(98,215,206,1)); --*/
  background:#3C5A96;
  /*--filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#10A0DF,endColorstr=#62D6CE);--*/
}

.top_third {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#10A0DF,endColorstr=#62D6CE);
   /*--無障礙--顏色對比加深--*/
   /*--background:linear-gradient(to top,rgba(16,160,223,1),rgba(98,215,206,1)); --*/
  	background:#3C5A96;	
}

.top_first {
	/*--無障礙-頂部背景加深--*/
	/*--background:#34CCD7;--*/
	background:#3C5A96;
}

.md_style2 .mt {
	/*--filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#4AC0ED,endColorstr=#61D8CE);--*/
    /*--無障礙顏色對比加深--*/
	/*--background:linear-gradient(to top,rgba(16,160,223,1),rgba(98,215,206,1)); --*/
 	background:#3C5A96;
}

.md_style2 .mtimg {
	/*--filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#4AC0ED,endColorstr=#61D8CE);--*/
    /*--無障礙顏色對比加深--*/
	/*--background:linear-gradient(to top,rgba(16,160,223,1),rgba(98,215,206,1)); --*/
 	 background:transparent;
}

.top_first a {
    color: white; /* 文字顏色變為白色 */
    text-decoration: none; /* 移除預設底線 */
}

.top_first a:hover {
    color: lightgray; /* 滑鼠懸停時變為淡灰色，可自行調整 */
	
}
	
.footcopyright {position: absolute;padding: 8px;display: block;width: 100%;text-align: center;color: #fff;bottom: 0;}
.footcopyright:before {content: "";background: #008ccf;position: absolute;left: -9999px;right: -9999px;top: 0;bottom: 0;z-index: -1;}

/**檔案下載清單**/
        .file-body {
            font-family: "Microsoft JhengHei", Arial, sans-serif;
            background-color: #f8f9fa;
            padding: 20px;
        }
        .file-category {
            background-color: #3C5A96;
            color: white;
            padding: 12px;
            font-size: 20px;
            font-weight: bold;
            margin-top: 20px;
            border-radius: 5px;
        }
        .file-list {
            background-color: white;
            padding: 10px;
            list-style: none;
            border: 1px solid #ddd;
            margin: 0;
            border-radius: 5px;
        }
        .file-item {
            padding: 12px;
            border-bottom: 1px solid #ddd;
            color: #333;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s;
        }
        .file-item:last-child {
            border-bottom: none;
        }
        .file-item:hover {
            background-color: #e9ecef;
        }
        .download-links a {
            margin-left: 10px;
            text-decoration: none;
            color: #007BFF;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
        }
        .download-links a:hover {
            text-decoration: underline;
        }
        .download-links img {
            width: 16px;
            height: 16px;
            margin-left: 5px;
        }
        @media (max-width: 600px) {
            .file-item {
                flex-direction: column;
                align-items: flex-start;
            }
            .download-links {
                margin-top: 5px;
            }
        }
/**檔案下載清單**/

/* 當使用 Tab 鍵選擇 menu 時，顯示邊框與背景變色 */
.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 2px solid #306090; /* 橘色邊框 */
    background-color: #6090C0; /* 背景變淺 */
}

/* 當 menu 內的連結獲取焦點時，增加高亮 */
.navbar-nav li a:focus {
    outline: 2px solid #306090; /* 橘色邊框 */
    background-color: #6090C0; /* 背景變淺 */
}

/* 網站底部footer顏色 */

    .foot {
      background-color: #FFFFFF;
      color: #333;
      padding: 40px 20px;
      font-size: 14px;
      line-height: 1.8;
    }

    .foot-container {
	  background-color: #FFFFFF;
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: space-between;
    }

    .foot-section {
      flex: 1 1 calc(25% - 30px);
      min-width: 250px;
    }

    .foot-section h4 {
      font-size: 16px;
      margin-bottom: 10px;
      color: #006699;
    }

    .foot a {
      color: #006699;
      text-decoration: none;
	  font-size: 14px;
    }

    .foot a:hover {
      text-decoration: underline;
    }

    .foot-social a {
      display: inline-block;
      margin-right: 10px;
      font-size: 14px;
      color: #555;
      transition: color 0.3s;
    }

    .foot-social a:hover {
      color: #006699;
	   font-size: 14px;
    }

    .foot-bottom-note {
      text-align: center;
      margin-top: 30px;
      font-size: 13px;
      color: #777;
    }

    @media (max-width: 768px) {
      .foot-section {
        flex: 1 1 100%;
      }
    }
	
	/* 網站底部footer顏色 */