header {  }
#Main #TMain { position: fixed; top: 0px; z-index: 10; display: flex; flex-direction: column; margin: 0; width: 100%; background-color: #FFFFFF; }
#Main #TMain .TCMain { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin: 0 auto; width: 100%; max-width: var( --ContentsMaxWidth ); padding: 15px 25px; }
#Main #TMain .TCMain .TMLeft { flex: 1; }
#Main #TMain .TCMain .TMLeft a.Title { display: flex; align-items: flex-end; }
#Main #TMain .TCMain .TMLeft a.Title:hover { cursor: pointer; }

#Main #TMain .TCMain .TMLeft a.Title .T1 { flex: none; width: 80px; line-height: 0px }
#Main #TMain .TCMain .TMLeft a.Title .T1 img { width: 100%; }
#Main #TMain .TCMain .TMLeft a.Title .T2 { flex: 1; padding-left: 10px; font-size: 1.4rem; color: #FFFFFF; line-height: 35px }
#Main #TMain .TCMain .TMLeft a.Title .T2 .T2_tw { font-size: 1.8rem; color: var( --DfTitleColor1 ); font-weight: 700; font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal; }
#Main #TMain .TCMain .TMLeft a.Title .T2 .T2_en { padding-left: 2px; font-size: 0.85rem; color: var( --DfTitleColor2 ); }

#Main #TMain .TCMain .TMRight { flex: none; width: max-content; }
#Main #TMain .TCMain .TMRight ul { display: flex; justify-content: flex-end; }
#Main #TMain .TCMain .TMRight ul li { padding: 10px 5px 10px 5px; color: var( --DfTitleColor2 ); line-height: 25px; font-size: 1.1rem; }
#Main #TMain .TCMain .TMRight ul li a { display: flex; padding: 5px 10px; border-radius: 5px; color: var( --DfTitleColor2 ); text-decoration: none; font-size: 1rem; }
#Main #TMain .TCMain .TMRight ul li a:hover { color: var( --DfTitleColor2 ); }

#Main #TMain .TCMain .TMRightMobile { display: none; flex: none; width: max-content; }
#Main #TMain .TCMain .TMRightMobile button { background-color: transparent; }
#Main #TMain .TCMain .TMRightMobile button:hover { cursor: pointer; }
#Main #TMain .TCMain .TMRightMobile button::before { display: flex; align-items: center; font-family: 'Material Symbols Outlined'; content: "\e5d2"; font-size: 2rem; color: var(--DfTitleColor1); line-height: 1; }



#Main #TMain .TBMain { display: flex; justify-content: center; width: 100%; padding: 0px 10px; background-color: var( --DfMenuBgColor ); }
#Main #TMain .TBMain ul.M1 { display: flex; justify-content: center; flex: none; width: 100%; margin: 0px auto; }
#Main #TMain .TBMain ul.M1 li.L1 { position: relative; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; flex: none; margin: 0px; width: max-content; text-align: center; }
#Main #TMain .TBMain ul.M1 li.L1 .L1A { display: flex; justify-content: center; flex: none; width: 100%; padding: 8px 30px; font-size: 1.2rem; color: #FFFFFF; }
#Main #TMain .TBMain ul.M1 li.L1:focus { outline-width: 0px; outline-style: none; outline-color: transparent; }
#Main #TMain .TBMain ul.M1 li.L1:hover .L1A { background-color: #cd5300; cursor: pointer; }
#Main #TMain .TBMain ul.M1 li.L1:focus .L1A { background-color: #cd5300; position: relative; z-index: 999; outline: var( --Accessibility_Outline ); }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 { position: absolute; top: 41px; display: flex; flex: none; flex-wrap: wrap; width: 100%; visibility: hidden; opacity: 0; background-color: var( --DfMenuBgColor ); }
#Main #TMain .TBMain ul.M1 li.L1:hover ul.M2 { visibility: visible; opacity: 1; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2.Open { visibility: visible; opacity: 1; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2 { flex: none; margin: 0px; width: 100%; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2 > a { display: block; justify-content: center; flex: none; width: 100%; padding: 8px 15px; font-size: 1rem;; color: #000000; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2:nth-child(odd) > a { background-color: #fcd26d; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2:nth-child(even) > a { background-color: #fef7db; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2:hover:nth-child(odd) > a { background-color: #ffc849; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2:hover:nth-child(even) > a { background-color: #fff3c1; }


@media screen and (max-width: 1024px) {

header {  }
#Main #TMain .TCMain { align-items: center; padding: 10px 15px; border-bottom: solid 5px var( --DfMenuBgColor ); }
#Main #TMain .TCMain .TMLeft { width: calc( 100% - 40px ); align-items: center; }
#Main #TMain .TCMain .TMLeft a.Title {  }
#Main #TMain .TCMain .TMLeft a.Title .T1 { flex: none; width: 60px; }
#Main #TMain .TCMain .TMLeft a.Title .T2 { font-size: 16px; line-height: 20px; }
#Main #TMain .TCMain .TMLeft a.Title .T2 span { display: block; }
#Main #TMain .TCMain .TMLeft a.Title .T2 .T2_tw { font-size: 1.5rem; }
#Main #TMain .TCMain .TMLeft a.Title .T2 .T2_en { font-size: 0.71rem; }


#Main #TMain .TCMain .TMRight { overflow: hidden; width: 100%; max-height: 0px; transition: max-height .3s; }
#Main #TMain .TCMain .TMRight ul li { display: block; float: none; clear: both; padding: 7px 5px 5px 5px; line-height: 30px; font-size: 15px; }
#Main #TMain .TCMain .TMRight ul li a { padding: 5px 8px; font-size: 14px; }
#Main #TMain .TCMain .TMRight ul li a.Member { font-size: 14px; }

#Main #TMain .TCMain .TMRightMobile { display: block; padding: 7px 0px; align-items: center; }

#Main #TMain .TBMain { overflow: hidden; max-height: 0px; padding-bottom: 0px; transition: max-height .3s; }
#Main #TMain .TBMain ul.M1  { flex-wrap: wrap; }
#Main #TMain .TBMain ul.M1 li.L1 { width: 100%; padding: 8px; justify-content: flex-start; }
#Main #TMain .TBMain ul.M1 li.L1 .L1A { justify-content: flex-start; width: max-content; padding: 5px 20px; border-radius: 10px; }
#Main #TMain .TBMain ul.M1 li.L1:hover .L1A { background-color: transparent; cursor: default; }
#Main #TMain .TBMain ul.M1 li.L1 .L1A:hover { background-color: #cd5300; cursor: pointer; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 { position: static; display: flex; flex: none; flex-wrap: wrap; margin-top: 5px; width: 100%; visibility: visible; opacity: 1; background-color: transparent; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2 { flex: none; margin: 0px; width: max-content; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2 > a { padding: 5px 20px; border-radius: 10px; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2:nth-child(odd) > a { background-color: transparent; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2:nth-child(even) > a { background-color: transparent; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2:hover:nth-child(odd) > a { background-color: #ffc849; }
#Main #TMain .TBMain ul.M1 li.L1 ul.M2 li.L2:hover:nth-child(even) > a { background-color: #fff3c1; }

/*小尺寸 開啟選單*/
#Main #TMain.Open { box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); }
#Main #TMain.Open .TCMain .TMRight { max-height: 50px; }
#Main #TMain.Open .TCMain .TMRightMobile button::before { content: "\e5cd"; }
#Main #TMain.Member.Open .TCMain .TMRight {  }
#Main #TMain.Open .TBMain { max-height: 100vh; padding-bottom: 10px; }

}