/* =========================================== */
/* 整體設定 開始                               */
/* =========================================== */
body {
  margin: 0rem;
  padding: 0rem;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4d525e;
  text-align: left;
  line-height: 150%;
  background-color: #878A99;
}

form {
  margin: 0rem;
  padding: 0rem;
}	

fieldset {
  margin-left: 0rem ;
  margin-right: 0rem ;
}

legend {
  text-align: left;
  color: #000000;
}

select {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
}

a {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4d525e;
  text-decoration: none;
}
a:link {
  color: #4d525e;
  text-decoration: none;
}
a:visited {
  color: #4d525e;
  text-decoration: none;
}
a:hover {
  color: #924677;
  text-decoration: underline;
}
/* =========================================== */
/* 整體設定 結束                               */
/* =========================================== */


/* =========================================== */
/* 框架設定 開始                               */
/* =========================================== */
/* 主要框架 */
#DivMain {
  width: 60rem;
  margin: 0rem auto 0rem;
  padding: 0rem;
  background-image: url('../../media/style/4-bg.jpg');
  background-position: center top;
  background-repeat: repeat-y;  
}

/* 上方框架 */
#DivTitle {
  width: 100%;
  height: 16.25rem;
  margin: 0rem auto 0rem;
  padding: 0rem;
  background-image: url('../../media/style/4-main.jpg');
  background-position: center top;
  background-repeat: no-repeat;
}
 
/* 中央 左方選單框架 */
#DivMenu {
  width: 11.25rem;
  margin: -2.5rem 0rem 0rem 1.375rem;
  text-align: left;
  float: left;
}

/* 中央 內容框架 */
#DivContent {
  width: 45rem;
  margin: -2.5rem 1.5625rem 0rem 0.3125rem;
  padding: 0rem;
  float: right;
}

/* 中央 內容 首頁左方框架 */
#DivContentLeft {
  width: 33.75rem;
  margin: 0rem;
  padding: 0rem;
  float: left;
}

/* 中央 內容 首頁右方框架 */
#DivContentRight {
  width: 10rem;
  margin: 0rem 0.625rem 0rem 0rem;
  float: right;
}

/* 下方框架 */
#DivBottom {
  width: 100%;
  height: 10.375rem;
  margin: 0rem auto 0rem;
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  background-image: url('../../media/style/4-bottom.jpg');
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* =========================================== */
/* 框架設定 結束                               */
/* =========================================== */


/* =========================================== */
/* 上方區域設定 開始                           */
/* =========================================== */
/* 網站導覽 */
#DivGuide {
  text-align: right;
  font-size: 0.95rem;
  padding: 2.375rem 3.75rem 0rem 0rem;
  float: right;
}

/* 網站名稱 */
.WebTitle {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  padding: 6.25rem 0rem 0rem 3.125rem;
}

/* 快速鍵 */
.AccessL {
  width: 100%; 
  padding: 0rem 0rem 0rem 1.25rem;
  margin: 0rem
  text-align: left; 
}
.AccessC {
  width: 100%; 
  padding: 0rem;
  margin: 0rem
  text-align: left; 
}
.AccessR {
  width: 100%; 
  padding: 0rem 0rem 0rem 1.25rem;
  margin: 0rem
  text-align: left; 
}

/* 快速鍵連結 */
a.AccessLink {
  font-size: 0.75rem;
  color: #CCC;
  text-decoration: none;
}
a.AccessLink:link {
  color: #CCC;
  text-decoration: none;
}
a.AccessLink:visited {
  color: #CCC;
  text-decoration: none;
}
a.AccessLink:hover {
  color: #333333;
  text-decoration: underline;
}

/* 網站導覽連結 */
a.GuideLink {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.95rem;
  color: #4B618C;
  text-decoration: none;
}
a.GuideLink:link {
  color: #4B618C;
  text-decoration: none;
}
a.GuideLink:visited {
  color: #4B618C;
  text-decoration: none;
}
a.GuideLink:hover {
  color: #4B618C;
  text-decoration: underline;
}
/* =========================================== */
/* 上方區域設定 結束                           */
/* =========================================== */


/* =========================================== */
/* 首頁中央區域設定 開始                       */
/* =========================================== */
/* 首頁 中央功能選單框架（自動列出、網站導覽、圖片輪播、文字輪播） */
.ContentFrameHome {
  border: 0.0625rem dotted #4B618C;
  font-size: 1rem;
  margin: 0.625rem 0rem 0rem 0rem;
}

/* 首頁 中央功能選單標題（自動列出、網站導覽、圖片輪播、文字輪播） */
.ContentFrameHomeTitle {
  font-size: 1rem;
  font-weight: bold;
}

/* 主要內容框架 */
.ContentFrame {
  margin: 0rem 0.9375rem 0.625rem 0.625rem;
}

/* 主要內容框架 功能選單名稱 */
.ContentMenuName {
  height: 2.5rem;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  color: #3f6ab9;
  text-align: left;
  margin-top: 0.625rem;
  padding: 0.9375rem 0rem 0rem 3.75rem;
  background-image: url('../../media/style/4-subject.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}
/* =========================================== */
/* 首頁中央區域設定 結束                       */
/* =========================================== */


/* =========================================== */
/* 下方區域設定 開始                           */
/* =========================================== */
/* 下方版權框架 */
.FootBlock{
  text-align:center;
  padding-top: 5.625rem;
}

/* 下方版權表格 */
.FootText {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #ffffff;
  text-align: center;
}

/* 下方版權連結 */
a.FootLink {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #ffffff;
  text-decoration: none;
}
a.FootLink:link {
  color: #ffffff;
  text-decoration: none;
}
a.FootLink:visited {
  color: #ffffff;
  text-decoration: none;
}
a.FootLink:hover {
  color: #333333;
  text-decoration: underline;
}
/* =========================================== */
/* 下方區域設定 結束                           */
/* =========================================== */


/* =========================================== */
/* 左方選單設定 開始                           */
/* =========================================== */
/* 主選單標題 */
.MenuTitle_0 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4B618C;
  line-height: 180%;
  text-align: left;
  margin: 0.625rem 0rem 0.125rem 1.25rem;
  padding-left: 1.25rem;
  background-image: url('../../media/style/4-menu.jpg');
  background-position: left center;
  background-repeat: no-repeat;
}

/* 子選單標題 */
.MenuSubTitle_0 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4B618C;
  line-height: 180%;
  text-align: left;
  margin: 0.625rem 0rem 0.125rem 1.75rem;
  padding-left: 1.125rem;
  background-image: url('../../media/style/4-submenu.jpg');
  background-position: left center;
  background-repeat: no-repeat;
}

/* 選單連結 */
a.MenuLink_0 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4B618C;
  text-decoration: none;
}
a.MenuLink_0:link {
  color: #4B618C;
  text-decoration: none;
}
a.MenuLink_0:visited {
  color: #4B618C;
  text-decoration: none;
}
a.MenuLink_0:hover {
  color: #924677;
  text-decoration: none;
}
/* =========================================== */
/* 左方選單設定 結束                           */
/* =========================================== */


/* =========================================== */
/* 首頁中間選單設定 開始                       */
/* =========================================== */
a.MenuLink_1 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4B618C;
  text-decoration: none;
}
a.MenuLink_1:link {
  color: #4B618C;
  text-decoration: none;
}
a.MenuLink_1:visited {
  color: #4B618C;
  text-decoration: none;
}
a.MenuLink_1:hover {
  color: #4B618C;
  text-decoration: underline;
}
/* =========================================== */
/* 首頁中間選單設定 結束                       */
/* =========================================== */


/* =========================================== */
/* 右方選單設定 開始                           */
/* =========================================== */
/* 主選單標題 */
.MenuTitle_2 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4B618C;
  line-height: 180%;
  text-align: left;
  margin: 0.625rem 0rem 0.125rem 0.3125rem;
  padding-left: 1.25rem;
  background-image: url('../../media/style/r_menu.png');
  background-repeat: no-repeat;
}

/* 子選單標題 */
.MenuSubTitle_2 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4B618C;
  line-height: 180%;
  text-align: left;
  margin: 0.625rem 0rem 0.125rem 1.875rem;
  padding-left: 1.25rem;
  background-image: url('../../media/style/r_submenu.jpg');
  background-repeat: no-repeat;
}

/* 選單連結 */
a.MenuLink_2 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4B618C;
  text-decoration: none;
}

a.MenuLink_2:link {
  color: #4B618C;
  text-decoration: none;
}

a.MenuLink_2:visited {
  color: #4B618C;
  text-decoration: none;
}

a.MenuLink_2:hover {
  color: #4B618C;
  text-decoration: underline;
}
/* =========================================== */
/* 右方選單設定 結束                           */
/* =========================================== */


/* =========================================== */
/* 功能選單 開始                               */
/* =========================================== */
/* 框架設定 */
.ContentMain {
  margin: 0rem;
  padding: 0rem;
  width: 100%;  
}

/* 標題設定 */
.ContentTitle {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: #333333;
  text-align: left;
  padding: 0.3125rem;
  margin: 0.625rem;
  word-wrap: break-word;
  overflow: hidden;
}

/* 內容設定 */
.ContentBody {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #666666;
  margin: 0.625rem 1.25rem 0.625rem 1.25rem;
  padding: 0rem;
  word-wrap: break-word;
  overflow: hidden;
  text-align: justify; 
  text-justify: inter-ideograph;
  line-height: 150%; 
}

/* 清單 */
.ContentList{
  margin: 0rem;
  padding-left: 1.5625rem;
  background-image: url('../../media/style/4-dot.jpg');
  background-repeat: no-repeat;
}

/* 清單奇數列 */
.ContentBody .ContentList .ContentListOdd {
  background-color: #ffffff;
}

/* 清單偶數列 */
.ContentBody .ContentList .ContentListEven {
  background-color: #ffffff;
}

/* 附件 */
.ContentAttach {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #666666;
  margin: 0.625rem 1.25rem 0.625rem 1.25rem;
  padding: 0rem;
  text-align: justify; 
  text-justify: inter-ideograph;
  line-height: 150%; 
}

/* 備註說明 */
.ContentMemo {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #999999;
  text-align: left;
  border-bottom: 0.0625rem solid #666666;
  margin: 0.625rem 1.25rem 1.875rem 1.25rem;
}

/* 換頁控制 */
.ContentPageChange {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #999999;
  text-align: right;
  margin: 0.625rem 1.25rem 0.625rem 0.625rem;
}

/* 換頁連結 */
a.PageChangeLink {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #999999;
  text-decoration: underline;
}
/* 換頁連結（未瀏覽） */
a.PageChangeLink:link {
  color: #999999;
  text-decoration: underline;
}
/* 換頁連結（已瀏覽） */
a.PageChangeLink:visited {
  color: #999999;
  text-decoration: underline;
}
/* 換頁連結（滑鼠移至上方） */
a.PageChangeLink:hover {
  color: #000000;
  text-decoration: none;
}

/* 類別選擇控制 */
.ContentGroupChange {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #000000;
  text-align: right;
  margin: 0.625rem 1.25rem 0.625rem 0.625rem;
	float: right;
}

/* 搜尋控制 */
.ContentSearch {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #999999;
  text-align: right;
  margin: 0.625rem 1.25rem 0.625rem 0.625rem;
  float: left;
}

/* 搜尋連結 */
a.ContentSearchLink {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #999999;
  text-decoration: underline;
}
/* 搜尋連結（未瀏覽） */
a.ContentSearchLink:link {
  color: #999999;
  text-decoration: underline;
}
/* 搜尋連結（已瀏覽） */
a.ContentSearchLink:visited {
  color: #999999;
  text-decoration: underline;
}
/* 搜尋連結（滑鼠移至上方） */
a.ContentSearchLink:hover {
  color: #000000;
  text-decoration: none;
}

/* 網站導覽內容 */
.GuideBody {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #666666;
  margin: 0.625rem 1.25rem 0.625rem 1.25rem;
  padding: 0rem;
  word-wrap: break-word;
  overflow: hidden;
  text-align: justify; 
  text-justify: inter-ideograph;
  line-height: 150%; 
} 

/* 網站導覽內容標題 */
.MenuTitle_guide {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #603D1D;
  line-height: 180%;
  text-align: left;
  margin: 0.625rem 0rem 0.125rem 1.25rem;
  padding-left: 1.25rem;
}

/* 網站導覽內容子標題 */
.MenuSubTitle_guide {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #603D1D;
  line-height: 180%;
  text-align: left;
  margin: 0.625rem 0rem 0.125rem 1.875rem;
  padding-left: 1.25rem;
}

/* 網站導覽內容連結 */
a.MenuLink_guide {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #AB6D36;
  text-decoration: none;
}
a.MenuLink_guide:link {
  color: #AB6D36;
  text-decoration: none;
}
a.MenuLink_guide:visited {
  color: #AB6D36;
  text-decoration: none;
}

a.MenuLink_guide:hover {
  color: #603D1D;
  text-decoration: underline;
}

/* 多筆資料註腳 */
.ContentSign {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #999999;
  text-align: right;
  border-bottom: 0.0625rem solid #666666;
  margin: 0.625rem 1.25rem 0.625rem 1.25rem;
}

/* 外部連結嵌入網頁 */
.ContentIFrame {
  width: 100%;
  height: 31.25rem;
  margin: 0rem auto 0rem;
  padding: 0rem;
}

/* 相簿表格*/
.ContentAlbumTable{
  width:95%;
  border-bottom: 0.0625rem dotted #c0c0c0;
  margin: 0rem 1.25rem 0.625rem 1.25rem;  
}

/* 相簿 */
.ContentAlbum {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #666666;
  line-height: 180%;
  text-align: left;
  margin: 0.625rem 0.3125rem 0.625rem 0rem;
  padding-left: 1.875rem;
  background-image: url('../../media/public/folder.gif');
  background-repeat: no-repeat;
}

/* 最新相片 */
.ContentPhotoNew {
  text-align:left;
  padding-left:1.5625rem;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #666666;  
}

/* 相框（縮圖） */
.ContentPhotoTable{
  margin: 0rem 1.25rem 0.625rem 1.25rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* 相片 */
.ContentPhoto {
  border:0.0625rem dotted #c0c0c0;
  background-color: #fcfcfc; 
  width: 7.5rem; 
  height: 7.5rem;
  margin: 0.125rem 0.125rem;
  padding: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 相片名稱 */
.ContentPhotoName  {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #666666;
  padding-top:0.3125rem;
  padding-bottom:1.25rem;
  text-align: center;
}

/* 相片簡述 */
.ContentPhotoMemo{
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #999999;
}

/* 閱覽相片時「上一張、下一張」區塊之設定 */
.ContentPhotoMenu{
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  padding-bottom: 0.3125rem;
  margin: 0rem 0.625rem 0.625rem 0rem;
  width:100%;
  text-align:right;
  border-bottom:0.0625rem dotted #c0c0c0;
}
  
/* 相片寬度 */
.ContentPhotoWidth{
   width:100%;
}

/* 相框表格 */
.ContentPhotoLayoutTable{
  border:0.0625rem dotted #c0c0c0;  
}
                    
/* 相框 */
.ContentPhotoLayout{
  background-color: #F0F0F0;
  text-align:center;
  margin: 0rem;
  padding: 1.25rem;
} 

/* 相簿連結設定 */
a.PhotoLink {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1rem;
  color: #4d525e;
  text-decoration: none;
}
a.PhotoLink:link {
  color: #4d525e;
  text-decoration: none;
}
a.PhotoLink:visited {
  color: #4d525e;
  text-decoration: none;
}
a.PhotoLink:hover {
  color: #924677;
  text-decoration: underline;
}

/* 相片上下連結設定 */
a.PhotoLinkSwitch {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #999999;
  text-decoration: underline;
}
a.PhotoLinkSwitch:link {
  color: #999999;
  text-decoration: underline;
}
a.PhotoLinkSwitch:visited {
  color: #999999;
  text-decoration: underline;
}
a.PhotoLinkSwitch:hover {
  color: #000000;
  text-decoration: none;
}

/* 萬用欄位（左方） */
.MenuContent_0 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #000000;
  line-height: 150%;
  text-align: left;
  margin: 0rem 0.625rem 0.625rem 1.25rem;
  padding: 0.3125rem 0rem 0.625rem 0.625rem;
  background-repeat: no-repeat;
  border-top: #4B618C dotted 0.0625rem;
  word-wrap: Break-word;
  overflow: hidden;
}

/* 萬用欄位（中央） */
.MenuContent_1 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #000000;
  line-height: 150%;
  text-align: left;
  margin: 0.3125rem 0rem 0.625rem 0rem;
  padding: 0.3125rem 0rem 0.625rem 0.3125rem;
  background-repeat: no-repeat;
  border-top: #4B618C dotted 0.0625rem;
  word-wrap: Break-word;
  overflow: hidden;
}

/* 萬用欄位（右方） */
.MenuContent_2 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  color: #000000;
  line-height: 150%;
  text-align: left;
  margin: 0rem 0.3125rem 0.625rem 0.3125rem;
  padding: 0.3125rem 0rem 0.625rem 0.3125rem;
  background-repeat: no-repeat;
  border-top: #4B618C dotted 0.0625rem;
  word-wrap: Break-word;
  overflow: hidden;
}

/* 圖片連結 */
.MenuMediaLink {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  line-height: 180%;
  text-align: center;
  margin: 0rem 0.3125rem 0.125rem 0.3125rem;
  padding-bottom: 0.3125rem;
  border: 0.0625rem solid #4B618C;
}

/* 圖片連結 標題 */
.MenuMediaLinkTitle {
  font-size: 0.75rem;
  font-weight: bold;
}

/* 圖片連結 圖片*/
.MenuMediaLinkSrc {
  width: 7.8125rem;
  margin: 0.125rem 0rem;
  border: 0.0625rem dotted #c0c0c0; 
}

/* 圖片輪播 */
.MenuPhotoShow {
  text-align: center;
  margin: 0.625rem 0rem 0rem 0rem;
  padding:0.9375rem;
  border:0.0625rem dotted #4B618C;
  background-color: #f0f0f0;
}

/* 文字輪播 */
.MenuTextShow {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.8rem;
  height: 1.5625rem;
  color: #666666;
  text-align: left;
  margin: 0.625rem 0rem 0rem 0rem;
  border:0.0625rem dotted #4B618C;
  background-color: #ffffff;
}

/* 文字輪播名稱 */
.MenuTextShowTitle {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.75rem;
  width: 15%;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  padding: 0.125rem 0.25rem;
  margin: 0.625rem 0rem 0rem 0rem;
  width: 3.5rem;
  text-wrap-mode: nowrap;
}

/* 文字輪播內容捲動 */
.MenuTextShowTicker {
  width: 30rem;
  height: 1.25rem; 
  overflow: hidden;
}

/* 圖片連結輪播 */
.MenuPhotoLink {
  text-align: center;
  margin: 0.625rem 0rem 0rem 0rem;
  padding:0.9375rem;
  border:0.0625rem dotted #734A69;
  background-color: #f0f0f0;
  overflow: hidden;
}
/* =========================================== */
/* 功能選單 結束                               */
/* =========================================== */