@charset "utf-8";

.history-date dl i,.history-date dl:hover i,#NavSearch,#NavSearch.KeyWords,
.history-date dl div.Title img,.history-date dl dt.ReviseForm img,.history-date dl div.Title:hover img,.history-date dl dt.ReviseForm:hover img,
.history-date label img.Zoom,.history-date ol.MenuItem dl:hover label img.Cases,.history-date dl div.Explain img,.history-date dl div.Explain:hover img,
#FloatLDiv div span,#FloatLDiv div:hover span,#Edits_Meta,#Edits_Meta:hover,#FloatLDiv,#TOPAgents,#NavMenu,
#WebFloat ul,#WebFloat a:hover,#TOPMenu a,.PicBox_List div.FloatDiv,.PicBox_List:hover div.FloatDiv,
#Body_Main input.Submit,#Body_Main input.Submit:hover,#FloatLDiv div a.Add,#FloatLDiv div a.Add:hover,
#TOPMenu a:hover,.PicBox_List.Templates label.Option,.PicBox_List.Templates label.Option:hover,div.ShowList dl div.Webid,div.ShowList dl:hover div.Webid
{ -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }



html { background:#FFF url(/OAction/ICO/WAE.png) no-repeat right bottom; background-attachment:fixed; }

#MainContent { margin-left:228px; }
#FloatLDiv { width:163px; position:fixed!important; top:125px; }

#BodyMain.Fullframe #FloatLDiv { width:0; }
#BodyMain.Fullframe #MainContent { margin-left:5%; }

#TOPMenu menu { width:1500px; left:50%; margin-left:-750px; }


/* ==|== media queries ====================================================== */
@media screen and (max-width:1366px) {
#AE_Banner .FloatKEditor div.Install,.FloatKEditor div.Install { width:98%; left:0; margin-left:1%; }
#FloatStyle div textarea { height:500px; }
div.Install label.JStyle { left:42px; }

#IMGBox_List.Main12 div.list { width:calc(98%/4); padding:3px; }
#IMGBox_List.Main12 div.list + div.list { margin-left:1%; }
#IMGBox_List.Main12 div.list + div.list:nth-child(3n+1) { margin-left:0; clear:none; }
#IMGBox_List.Main12 div.list + div.list:nth-child(4n+1) { margin-left:0; margin-top:6px; clear:none; }
#IMGBox_List.Main12 div.list + div.list:nth-child(5n+1) { margin-left:1%; clear:none; }
}


@media screen and (max-width:1080px) {
[class*="D-Two"] { width:100%!important; height:auto; clear:both; }
#BodyMain #AdminClose { display:block; }
#BodyMain #LeftDataNav { width:160!important; }
#BodyMain.Fullframe #LeftDataNav { width:0px!important; }
#BodyMain.Fullframe #AdminClose { display:none; }

.MainKEditor,.Frame_StyleCss,
#AE_Banner .FloatKEditor div.Install,.FloatKEditor div.Install { width:100%!important; }
#AE_Banner .FloatKEditor div.Install,.FloatKEditor div.Install { left:0; margin-left:0; }

div.Install label.JStyle { left:32px; }
div.Install label.JStyle p,.Dialog_KEditor div.JSView p { padding:0 3px; }
div.Install label.Right img { width:22px; height:45px; float:right; margin:10px 3px; }

.FloatKEditor span.Font,.FloatKEditor span.Open { padding:5px; }
.FloatKEditor span a,.FloatKEditor span { font-size:10pt; }
div.Install label.JStyle p a,.Dialog_KEditor div.JSView p a { font-size:12pt; }


#Masonrys div.CallDiv { width:calc(97%/4); }
#Masonrys div.CallDiv.Zoom { width:calc((97%/4)*2); }
.E-Width,.E-Width textarea { width:900px!important; }

#WebFloat { max-width:200px; }
#TOPAgents label.UserYear,#NavSearch.fixed { display:none; }
.history-date dl div.Title.Remarks { width:200px; }
#FloatStyle div textarea { height:300px; }

#LeftDataNav.fixed { top:50px; }
#TOPAgents.fixed #WebFloat { width:0; }
#NavSearch.KeyWords { width:250px; }
#NavSearch i.icon { width:25px; }
#NavSearch.fixed { width:50px; }

#NavMenu.fixed { width:100%; height:50px; top:0; padding-left:180px; }
#NavMenu.fixed ul img,#NavMenu.fixed ul i { width:42px; height:42px; margin-top:5px; font-size:32px; line-height:42px; color:#FFF; }
#NavMenu.fixed #NavSearch { top:7px; }
#NavMenu.fixed ul { padding:0 3px; }

#MainContent { min-height:100%; margin:128px 1% 0; padding:38px 0; }
#BodyMain.Fullframe #MainContent { margin-left:7%; }
#Body_Main div#MainImgs { width:35%; max-width:40%; }

.history-date dl.NewsList label.Title { width:18%; height:32px; }
.history-date dl.NewsList label.DaysNums { width:16.2%; height:32px; }
.history-date dl.NewsList dd.Explain a { padding:0; }

.history-date dl.Sortype dt.Sortype { max-width:82%!important; }
.history-date dl.Sortype div.Title,.history-date dl.Sortype div.Select { max-width:50%!important; }
.PicBox_List label { letter-spacing:0; }

}


@media only screen and (max-width:800px) {
[class*="D-Two"] { width:100%!important; height:auto; clear:both; }
#NavMenu { height:170px; }
#NavMenu div.NavSearch { display:none; clear:both; float:none; }
#WebFloat,#FloatLDiv,#TOP_Searchs div { width:0; }

#MainContent { min-height:580px; margin:218px 3% 0; padding:38px 0; }

.history-date dl.NewsList { height:auto; }
.history-date dl .Webid,.history-date label { width:8%; height:30px; min-width:38px; }
.history-date dl .ReviseForm { clear:both; }
.history-date dl dd.Explain select { width:15%; min-width:78px; padding-right:8px; }
.history-date dl dd.Explain { width:80%; margin-left:17%; margin-top:-60px }
.history-date dl dd.Explain a { padding-right:8px; }

#Body_Main div#MainImgs,#Body_Main ul.Title { width:99%; max-width:99%; border:0; }
#Order_Main label.Autolabel.Email { width:16%; padding-left:0; clear:both; }
#Order_Main input.Text { width:29%; }

.history-date dl.NewsList label.Title { width:18%; height:32px; }
.history-date dl.NewsList label.DaysNume { width:16.2%; height:32px; }

div.Sortype ul.Sortype p { width:24%; margin:2.5px .3%; }

}

@media screen and (min-width:1500px) and ( max-width:2000px ) {
.history-date dl .ReviseForm { width:53%; max-width:700px!important; }
}

@media screen and (min-width:801px) and (max-width:1024px) {
#WebFloat,#FloatLDiv,#TOP_Searchs div { width:0; }
[class*="D-Two"] { width:100%!important; height:auto; clear:both; }
#MainContent { min-height:580px; margin:128px 3% 0; padding:38px 0; }
#Body_Main div#MainImgs { width:35%; max-width:40%; }
#Body_Main ul.Title { width:64%; }

.history-date dl.NewsList label.Title { width:18%; height:32px; }
.history-date dl.NewsList label.DaysNume { width:16.2%; height:32px; }

.history-date dl .ReviseForm { max-width:320px!important; }
.history-date dl .ReviseForm a { font:normal normal 11pt/30px "微软雅黑", "宋体"; padding-left:6px; }
.history-date dl.NewsList dd.Explain a { padding:0; }
div.Sortype { width:100px; height:28px; }
div.Sortype p { width:96px; height:24px; }
}

@media screen and (min-width:360px) and (max-width:768px) {
}

@media screen and (min-width:320px) and (max-width:360px) {
}