@charset "utf-8";
/* Time:2024/8/24 16:02:25 */
/* SitePage1_Style_css */
#HOT_Body { padding-top:0; }
#TOP_Logo #Header_Css.icon { top:22px; }
div.prev,div.next { background-color:rgba(0,0,0,0)!important; }
#Frame_16,#Frame_10,#Footer { z-index:1; }

#Body_Frame,#Body_Main,#Main_NavItem,#Author_Boxs,#FooterDiv,#TOP_Banner div.AE_Banner,
.MainPages,.MainKEditor,.MainContent { width:1630px; }
div[id^="Main"].Maxwidth { width:80%!important;max-width:1520px!important;margin-right:2%;position:static; }
div[id^="Main"].Maxwidth .MainContent { width:220px!important;position:absolute;left:2%; }
.IMG_Scroll .prev span,[class^=IMG_Scroll] .next span { border-color:#333; }
.IMG_Scroll .prev,[class^=IMG_Scroll] .next { width:0;padding:0;top:50%!important;left:0!important; margin-left:0!important; }
.IMG_Scroll .next { left:auto!important; right:0!important; }
.IMG_Scroll:hover .prev { width:10px;padding:15px; }
.IMG_Scroll:hover .next { width:10px;padding:15px; }

.IMG_Scroll .AuthorTime span.Year { display:none;transition:all .5s ease; }
.IMG_Scroll .AuthorTime { height:60px;font-family:"Arial black";font-size:36px;line-height:60px;color:#CCC; }

.IMG_Scroll div.LoadBox dl,.IMG_Scroll .LoadBox .AuthorTime { position:absolute;bottom:0;left:0; }
.IMG_Scroll div.LoadBox dl { width:100%;height:100%;opacity:1;z-index:2; }
.IMG_Scroll li dl dt,.IMG_Scroll .LoadBox dl dd { width:94%;margin:0 3%;padding:8px 0 0; }
.IMG_Scroll li dt.Title { height:60px;border-bottom:1px solid #AAA;font-weight:bold; }
.IMG_Scroll .LoadBox:hover .AuthorTime { width:auto;padding:0 3%;display:block;z-index:1; }

[class^=IMG_List] figure { padding-bottom:110%; }
[class^=IMG_List] figure figcaption { top:100%; }
[class^=IMG_List] figure:hover figcaption { top:0; }
[class^=IMG_List] figure dd { display:none; top:53%; padding:0 15%; }
[class^=IMG_List] figure .Title { top:53%; font-size:16pt; line-height:25px; }

[class^=IMG_List] .zoom label.Author { display:none; }
[class^=IMG_List] .zoom img { width:auto;height:100%;top:0;left:50%;transform:translateX(-50%) scale(1); }
[class^=IMG_List] .zoom:hover img { transform:translateX(-50%) scale(1.2); }

.IMG_List_3 .zoom { width:46%; }
.IMG_List_3 .zoom + .zoom { margin-left:8%; }
.IMG_List_3 .zoom + .zoom:nth-child(n+3) { margin-top:8%; }
.IMG_List_3 .zoom + .zoom:nth-child(3n),.IMG_List_3 .zoom + .zoom:nth-child(3n+1) { margin-left:0; clear:both; }
.IMG_List_3 .zoom + .zoom:nth-child(3n) { width:100%;margin-left:0; }
.IMG_List_3 .zoom + .zoom:nth-child(3n) figure,.IMG_List_3 .zoom + .zoom:nth-child(3n) figcaption { padding-bottom:55%!important; }
.IMG_List_3 .zoom + .zoom:nth-child(3n) img { width:auto;height:130%; top:-15%; }


/* === 自适应 Adaption Boilerplate ============================== */
@media only screen and (max-width:1580px) {
#Body_Frame,#Body_Main,#Main_NavItem,#Author_Boxs,#FooterDiv,#TOP_Banner div.AE_Banner,.MainPages,.MainKEditor,.MainContent { width:1280px; }
#TOP_Menu { width:auto;right:0!important;}
#TOP_Menu #menu { padding-left:0!important; }
}
@media only screen and (max-width:1280px) {
#Body_Frame,#Body_Main,#Main_NavItem,#Author_Boxs,#FooterDiv,#TOP_Banner div.AE_Banner,.MainPages,.MainKEditor,.MainContent { width:96%!important; }
}
@media only screen and (max-width:800px) {
#TOP_Logo { background-color:#FFE33F; }
#TOP_Menu menu div.MenuDiv16 { display:block!important; }
#Header.fixed #TOP_Logo #Logo { margin-top:0!important; }
#FooterDiv,#Home_Frame div.MainKEditor { min-width:92%!important;max-width:92%!important;margin:2% 4%!important; }
.IMG_List_3 .zoom { width:100%!important;left:0!important;  }
.IMG_List_3 .zoom + .zoom { margin-top:3%!important;  }
.DStyle figure { padding-bottom:66%!important; }
}