@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@300;400;500;600;700&family=Poppins&display=swap");
html,body{font-family:SANS-SERIF,"Noto Sans TC";font-weight:300;}
a,.Title{font-family:SANS-SERIF,"Noto Sans TC";font-weight:400;}
#Topping a,#Topping .Title{color:#eee;}
#Topping .TT{background:linear-gradient(to left, rgb(0, 51, 97) 0%, rgb(2, 78, 146) 20%, rgb(0, 51, 97) 40%);}
#Topping .TT:after{background:#821923;}
#Menu11 .L1:hover a{background-color:#ae8c4d;}
#Topping .TM{background-color:#eaeaea;}
#Menu9L .L1,
#Menu9R .L1{border-color:#ccc;}
#Menu9L .L1:after,
#Menu9R .L1:after{background-color:#ae8c4d;}
#Menu9L .L1:hover,
#Menu9R .L1:hover{background-color:#ae8c4d;}
#Menu9L .L1 a,
#Menu9R .L1 a,
#Menu9L .L1 .Title,
#Menu9R .L1 .Title{color:#111;}
#Menu9L .L1:hover .Title,
#Menu9R .L1:hover .Title{color:#fff;}
#Menu9L .L1 .Description,
#Menu9R .L1 .Description{color:#003361;}
#Menu9L .L1:hover .Description,
#Menu9R .L1:hover .Description{color:#eee;}
#Menu9L .L1 .L1s .L1,
#Menu9R .L1 .L1s .L1{border-color:#eee;background-color:rgb(255 255 255 / 90%);}
#Menu9L .L1 .L1s .L1 .Title,
#Menu9R .L1 .L1s .L1 .Title{color:#333;}
#Menu9L .L1s > .L1 .L1s .L2,
#Menu9R .L1s > .L1 .L1s .L2{background-color:initial;}
#Menu9L .L1s > .L1 .L1s .L2 .Title,
#Menu9R .L1s > .L1 .L1s .L2 .Title{color:#333;}
#Menu9L .L1s > .L1 .L1s .L2:hover,
#Menu9R .L1s > .L1 .L1s .L2:hover{background-color:#fff;}
#Menu9R .L1s.DDSA,#Menu9L .L1s.DDSA{background-color:rgb(255 255 255 / 90%);}
#Menu9L .L1 .L1s.DDSA .L1,
#Menu9R .L1 .L1s.DDSA .L1{background-color:initial;}
#Body .B1z .L1:hover .Title{color:#821923;}
#Footer{color:#f0f0f0;background-color:#011727;}
#Footer a{color:#f0f0f0;}
#Footer #WebDesign a{color:#444;}
.B1y.TR00 #GoTopB1{position:fixed;bottom:30px;right:30px;z-index:999;}
.B1y.TR00 #GoTopB1 .GoTop{display:flex;justify-content:center;align-items:center;width:45px;height:45px;background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.3);font-family:'Helvetica Neue', sans-serif;font-weight:600;border-radius:50%;box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);cursor:pointer;transition:background 0.3s ease;}
.B1y.TR00 #GoTopB1 .GoTop:hover{background:rgba(255, 255, 255, 0.5);}
.B1y.TR00 #GoTopB1 .GoTop::after{border-color:#fff;}

.B1z .L1{background-color:#fff;}
.B1z.B31 .L1{background-color:initial;}

.B1z.B21 .L1 .Title{position:relative;}
.B1z.B21 .L1 .Title:after{content:"";position:absolute;bottom:0;right:100%;width:0;height:4px;transition:all 0.3s ease;background-color: #ae8c4d;}
.B1z.B21 .L1:hover .Title:after,
.B1z.B21 .L1:hover .Title:after{right:0;width:100%;}
.B1z.B21 .FadeIn a{display:initial;}


.B1z.E103 .L1 .Title{padding:0 20px;}/*Infos23暫時放*/

.B1z .L1:hover{color:#003361;background-color:#ffffff;transition:all 0.5s ease-out;}

.B10{display:flex;flex-direction:column;gap:20px;}

/*Infos20*/
.B10.E002 .Head{grid-template-rows:50px 1fr;}
.B10.E002 .Head .FadeIn{padding:0 0 0 30px;}
/*Page*/
.Bid21 #Wrap,
.Bid22 #Wrap,
.Bid26 #Wrap,
.Bid39 #Wrap{gap:20px 50px;}
.Bid21 #Left,
.Bid22 #Left,
.Bid26 #Left,
.Bid39 #Left{display:contents;}

.BInfo #Body{overflow:hidden;}
.Bid21 #SideM9,
.Bid22 #SideM9,
.Bid26 #SideM9,
.Bid39 #SideM9{grid-column:1 / 2;grid-row:1 / 3;}

.B1y.TB00 .L1 .Title{border:0;border-bottom: 1px solid #e0e0e0;color:#fff;background-color:#ae8c4d;transition:all 0.5s ease;}
.B1y.TB00 .L1:hover .Title{color:#fff;background-color:#003361;}

.BInfos .B12 .L1s,
.BLinks .B12 .L1s{gap:3rem;}
.BInfos .B12 .L1,
.BLinks .B12 .L1{padding:20px;box-sizing:border-box;}
.BInfos .B12 .L1 a,
.BLinks .B12 .L1 a{position:relative;display:block;padding:20px;border:1px solid #ae8c4d;box-sizing:border-box;box-shadow:0 1px 2px #ccc;text-align:center;}
.BInfos .B12 .L1 a::before,
.BLinks .B12 .L1 a::before,
.BInfos .B12 .L1 a::after,
.BLinks .B12 .L1 a::after{content:"";position:absolute;width:0;height:0;box-sizing:border-box;border:1px solid transparent;}
.BInfos .B12 .L1 a::before,
.BLinks .B12 .L1 a::before{top:0;left:0;transition:width 0.2s linear 0.6s, height 0.2s linear 0.4s, border-color 0s linear 0.8s;}
.BInfos .B12 .L1 a::after,
.BLinks .B12 .L1 a::after{bottom:0;right:0;transition:width 0.2s linear 0.2s, height 0.2s linear 0s, border-color 0s linear 0.4s;}
.BInfos .B12 .L1 a:hover::before,
.BLinks .B12 .L1 a:hover::before{width:100%;height:100%;border-top-color:#fff;border-right-color:#fff;transition:width 0.2s linear 0s, height 0.2s linear 0.2s, border-color 0s linear 0s;}
.BInfos .B12 .L1 a:hover::after,
.BLinks .B12 .L1 a:hover::after{width:100%;height:100%;border-bottom-color:#fff;border-left-color:#fff;transition:width 0.2s linear 0.4s, height 0.2s linear 0.6s, border-color 0s linear 0.4s;}

.BInfo .FileList{flex-direction:column;align-items: initial;align-content:flex-end;}
.BInfo .FileList .Download{text-align:right;}
.BInfo .FileList .Download a{background-color:#fff;border-radius:6px;}

.B10 table{display: block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#bcbcbc transparent;}
.B10 table::-webkit-scrollbar{height:8px;}
.B10 table::-webkit-scrollbar-track{background:transparent;border-radius:4px;}
.B10 table::-webkit-scrollbar-thumb {background:#bcbcbc;border-radius:4px;}
.B10 table::-webkit-scrollbar-thumb:hover {background:#888888;}
.B10 table > thead,
.B10 table > tbody{display:table;width:100%;min-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.B10 th,.B10 td{white-space:nowrap;min-width:40px;}
@media (min-width:960px){
	.B10 table{display:table;}
	.B10 th,.B10 td{white-space:normal;}
}
@media screen and (max-width:959px){
	.B10.E002 .Head .FadeIn{padding:5px 0 0 5px;}
	.Bid21 #Left,.Bid22 #Left,.Bid26 #Left,.Bid39 #Left{display:initial;}
	.B1y.TL05 .L1s{padding:0 calc(5% - 13px);}
	.B1y.TB00 .L1s{flex-wrap:initial;justify-content:initial;margin:10px 5%;}
	.B1y.TB00 .L1s {display:flex;flex-direction:row;max-width:100%;overflow-x:auto;white-space:nowrap;border:none;border-radius:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
	.B1y.TB00 .L1s::-webkit-scrollbar{display:none;}
	#MHead::before{content:'';position:absolute;top:0;right:0;left:0;z-index:-1;width:100%;height:25%;background:linear-gradient(to left, rgb(0, 51, 97) 0%, rgb(2, 78, 146) 20%, rgb(0, 51, 97) 40%)}
}
@media screen and (max-width:639px){
	.B1z.I3 .Imgs{width:150px;z-index:1;margin:0 20px;}
	.B1z.E004 .L1 .Fade{justify-items:end;padding:20px;box-sizing: border-box;}
	.B1z.E004 .L1 .FadeIn{display:flex;flex-wrap:wrap;align-items:center; align-content:center;position:relative;background-color:#eee;margin-top:-50px;padding:50px 20px 20px;width:100%;box-sizing:border-box;z-index:0;}
	.B1z.E004 .Subtitle{letter-spacing:0;font-size:1.5rem;}
	.B1z.E103 .L1 .FadeIn{padding:15px;}
	.B1z.E103 .L1 .Title{padding:0;width:100%;}
}