@charset "utf-8";
/* Time:2026/9/23 5:59:01 */
/* SeeTitle_Stylecss */
[id$=SeeTitle] h1,[id$=SeeTitle] dt.Urltext { font-size:30pt;font-weight:bold; }
[id$=SeeTitle] h1:before { width:35px;height:2px;bottom:0;background-color:#EE0000; }
[id$=SeeTitle] h1 { position:absolute;color:#EE0000!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 #EE0000;border-radius:0;font-weight:bold;color:#EE0000; }
[id$=DirTitle] cite:after { width:5px;height:5px;background-color:#EE0000;top:auto;bottom:3px; }
[id$=DirTitle]:hover cite:after { width:15%;transition:all .5s ease; }

/* SitePage1_Style_css */
#HOT_Body { padding-top:70px; }
#Header,#TOP_Logo { height:70px; background:#FFFFFF; }
#Body_Frame,#Body_Main,#Body_Pages,#Author_Boxs,[id*=PageTitle] { width:100%; max-width:1500px; }
[id^=Reading]:not(.MainContent),[class*=Maxwidth] { width:100%; max-width:1500px!important; }

h1,h1.Heading { font-size:30pt; line-height:1.5; }
h2,h2.Headline { font-size:21pt; line-height:1.5; }
h3,h3.Subtitle { font-size:16pt; line-height:1.5; }
[class=Heading],h1.AuthorTitle,h1 strong,h2 strong { color:#EE0000; }

.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 .Title,[class*=IMG_List] figure .Author { display:none; }
figure.D-Getzoom figcaption dd.Briefly { font-size:18px;font-weght:lighter!important;z-index:10; }
figure.D-Getzoom figcaption dd.Briefly t { font-size:28px;line-height:65px; }
figure.D-Getzoom figcaption:before { content:'包装设计';color:#DDD;z-index:2; }
figure.D-Getzoom figcaption:after { border-top:0; }
figure.D-Getzoom:before,figure.D-Getzoom:after { width:0;height:1px;top:5%;left:5%;z-index:1; }
figure.D-Getzoom:hover:after,figure.D-Getzoom:hover:before { width:35%;transition:all .5s ease; }
figure.D-Getzoom:before { left:auto;right:5%; }
#HOT_Body figure.D-Getzoom:before,#HOT_Body figure.D-Getzoom:after { background-color:#DDD!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 #SiteLogo img { filter:brightness(1) invert(0); }
#AE_Content { width:100%!important;max-width:100%!important;min-width:100%!important; }
#AE_Content p,#AE_Content span { font-size:20px!important; line-height:35px!important;  }
}