﻿@charset "utf-8";
/* Time:2025/6/5 4:59:07 */
/* Site_Title_Stylecss */
[id$=SeeTitle] h1,[id$=SeeTitle] dt.Urltext { font-size:38px;font-weight:bold; }
[id$=SeeTitle] h1:before { width:35px;height:2px;bottom:0;background-color:#366A00; }
[id$=SeeTitle] h1 { position:absolute;color:#366A00!important;text-shadow:#FFF 1px 1px 0; }
[id$=SeeTitle] dt.Urltext { height:72px;font-size:36pt;line-height:39px;color:#F5F5F5!important; }
[id$=DirTitle] a { border-bottom:5px solid #366A00;border-radius:0;font-weight:bold;color:#366A00; }
[id$=DirTitle] cite:after { width:5px;height:5px;background-color:#366A00;top:auto;bottom:3px; }
[id$=DirTitle]:hover cite:after { width:15%;transition:all .5s ease; }

/* SitePage1_Style_css */
[class*=Maxwidth] { width:100%; max-width:1500px!important; }
#Header,#Header.fixed { box-shadow:0 0 0px #FFF; }

h1,h1.Heading { font-size:38px;line-height:1.5; }
h2,h2.Headline { font-size:28px;line-height:1.5; }
h3,h3.Subtitle { font-size:22px;line-height:1.5; }
[class=Heading],h1.AuthorTitle,h1 strong,h2 strong { color:#8CC220; }

.IMG_List_3 .list { width:calc(99%/3); float:left; }
.IMG_List_4 .list,.IMG_List_4 .zoom { width:calc(98.5%/4); float:left; }
.IMG_List_3 .list + .list,.IMG_List_4 .list + .list { margin-left:.5%; margin-top:.5%; }
.IMG_List_4 .zoom + .zoom { margin-left:.5%; margin-top:.5%; }

[class^=IMG_List] figure.D-Getup p.Author { opacity:0; }
[class^=IMG_List] figure.D-Getup tt { opacity:0;font-size:22px;font-weight:bold;line-height:52px; }
[class^=IMG_List] figure.D-Getup:hover tt { opacity:1;top:47%;background-color:rgba(140,195,30,.8); }
[class^=IMG_List] figure.D-Getup:hover p.Author { opacity:0; top:36%; }
[class^=IMG_List] div.zoom label.Title { height:58px;font-size:20px;line-height:30px; }
figure.D-Getleft figcaption:before,figure.D-Getleft tt {
	-webkit-transform: translate3d(-0%,0,0);
	transform: translate3d(-0%,0,0);
}
figure.D-Getleft tt { top:10%; font-size:14pt; color:rgba(255,255,255,0)!important;  }
figure.D-Getleft:hover tt { color:rgba(255,255,255,1)!important;  }
figure.D-Getleft dd:before {  width:5%; content:""; position:absolute; left:5%; top:0; border-top:1px solid #FFF; }
figure.D-Getleft dd,figure.D-Getleft pre { height:60px; padding-top:15px; top:80%; color:#FFF!important; }

/* === Adaption Style_css ============================= */
@media only screen and (max-width:1500px) {
}
@media only screen and (max-width:800px) {
#Body_Frame,#Body_Main,div.MainKEditor { padding:0 3%!important; }
#Header.fixed #Logo img { filter:brightness(1) invert(0); }
}