@charset "utf-8";
/* Time:2025/11/1 14:13:10 */
/* SeeTitle_FontStyle */
[id*=SeeTitle] { width:520px;padding:0 65px;color:#006633; }
[id*=SeeTitle]:before,[id*=SeeTitle]:after { width:138px;height:3px;top:82px; }
[id*=SeeTitle]:after { left:auto;right:0;background-color:#006633; }
[id*=SeeTitle]:before { left:0;background-color:#006633; }

[id*=SeeTitle] h1.SeeTitle { font-size:36px;font-weight:bold;position:absolute;top:50px;left:0; }
[id*=SeeTitle] .Urltext { height:118px;font-size:38px;font-family:"Century Gothic"; }
[id*=SeeTitle] .Spantext { font-size:18px;line-height:25px; }

@media only screen and (max-width:800px) {
[id*=SeeTitle] { padding:0 18px;box-sizing:border-box; }
[id*=SeeTitle]:before,[id*=SeeTitle]:after { width:15%; }
[id*=SeeTitle] .Urltext { font-size:30px;line-height:1.5; }
[id*=SeeTitle] .Spantext { font-size:12pt; }
}

/* SitePage1_Style_css */
[class*=Maxwidth] { width:100%; max-width:1500px!important; }

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:#006633; }

.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] .list label.Title { height:42px; background-color:#EC4; transition:all .5s ease; }
[class^=IMG_List] .list label.Title.Author { height:60px; text-align:center; }
[class^=IMG_List] .list p.Author { color:#063; font-weight:bold; }
[class^=IMG_List] .list:hover label.Title { background-color:#006633; color:#FFF; }
[class^=IMG_List] .list:hover label.Title * { color:#FFF!important; }

#Body_Main #Body_Left { background:#EC4; padding-right:0; }
#Left_Menu .Tpye:hover,#Left_Menu .List:hover { background-color:#006633;color:#FFF; }

/* === 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 #SiteLogo img { filter:brightness(1) invert(0); }
}