/* ==|== Adaption Boilerplate ====================================================== */
@media screen and (min-width:1024px) and (max-width:1280px) {
}


@media only screen and (max-width:1023px) {
#Hotline,div.KeysFloat { display:none; }
#Language div { width:auto!important; top:35px!important; left:auto!important; right:95px!important; text-align:center!important; }
#SlidesBox,#SlidesBox ul.IMGBox,#SlidesBox ul.IMGBox li,#SlidesBox .AFloat ul,#SlidesBox ul.IMGBox li img
{ max-height:450px!important; }
#TOP_Banner.AE_Box,#TOP_Banner.AE_Box div,#TOP_Banner.AE_Box div img
{ max-height:300px!important; }
}


@media only screen and (max-width:800px) {
.Frame_StyleCss,.Frame_Sortype { background-attachment:scroll!important; background-size:auto 100%!important; background-repeat:repeat!important; }
span[class*="Clear_both"] { display:block; clear:both!important; }
html,tt,font.Title,a,a:link,a:visited,a:active { font-size:14px; }
#Frame_MenuNav div.MainMenu ul.MenuItem { text-align:center; }
#WapMenu,ol.Type_Equally { display:block; }

#Header #MenuMore,#Header_btn,#Hotline,#Language div a.SC,#MenuGroup,#AuthorMore,#Author_Boxs div.Searchs,#Author_Boxs span.AuthorName,
#Body_Left,#Frame_MenuNav ol.MenuTitle,#Sortype dl span.More,#Sortype dl span.Flip,#News_List div.Piece ul p.Hist,
#Body_Pages label,#Body_Pages span.MPage
{ display:none; }


#SlidesBox .prev,#SlidesBox .next { width:40px; height:40px; border-radius:50%; margin:-20px 20px auto; }
#SlidesBox .prev span,#SlidesBox .next span { width:15px; height:15px; margin-top:12px; }
#SlidesBox .prev span { margin-left:8px; }
#SlidesBox .next span { margin-left:-10px; }


#SlidesBox,#SlidesBox ul.IMGBox,#SlidesBox .AFloat ul,
#TOP_Banner #IMGBox,#Body_Videos
{ max-height:300px!important; }

#SlidesBox ul.IMGBox li img,#TOP_Banner #IMGBox img
{ background-size:auto 100%!important; }


#TOP_Banner figure { min-width:96%!important; width:96%!important; margin:6% 2%!important; height:auto; left:0!important; clear:both; float:none; }
#TOP_Banner figure h2.Headline { height:45px!important; font-size:18pt!important; line-height:35px!important; font-weight:normal; }
#TOP_Banner figure h3.Subtitle { height:30px!important; font-size:16px!important; }
#TOP_Banner figure h2.Headline:before { width:35px; }


div.AFSlide  li.item { border-radius:0; }
div.AFSlide  li.item img { width:100%;height:100%; margin:0; }
div.AFSlide .prev,div.AFSlide .next { width:25px; height:60px; margin-top:-30px; }
div.AFSlide .prev span,div.AFSlide .next span { width:20px; height:20px; margin-top:15px; }
div.AFSlide .next span { margin-left:-15px; }
div.AFSlide .prev span { margin-left:10px; }
div.AFSlide .next { right:0; }
div.AFSlide .prev { left:0; }


#HOT_Body { padding-top:0!important; }
#Header { height:90px!important; position:static!important; top:0!important; left:0!important; }

#Language { border:0!important; background:none!important; }
#Language div { width:auto!important; top:0!important; left:auto!important; right:-11px!important; text-align:center!important; }


[class*="D-Two"],[class*="D-Three"],[class*="D-Tabel"],[class*="D-Ranked"],[class*="K-Image"],[class*="K-Ratio"],[class*="TwoWidth"],
#TOP_Logo,#TOP_Logo #Logo,#TOP_Menu,#TOP_Menu menu,#TOP_Menu.open,#TOP_Menu.open menu,#TOP_Menu menu div,#TOP_Menu menu div ul,
#Frame_MenuNav,#Frame_MenuNav div.MainMenu,#BodyOrders dd,#FooterDiv .FooterMain,#Footer_Items,#Footer_Items dl#Copyright,
#Body_Content img,#Home_Grouping,#Home_Frame,#Body_Frame,#Body_Main,#Body_Frame #Body_Right,#Body_Main #Body_Right,
#SlidesBox .AFloat ul,#SlidesBox .AFloat li article,#SlidesBox .AFloat li article img,#AE_Banner div,
div.ReadPic,div.Readtxt,.KE_IMG_Show,.KE_StarScroll,.MainKEditor,.MainContent,.SliderBox
{ width:100%!important; min-width:100%!important; max-width:100%!important; margin:0!important; left:0!important; clear:both; float:none; }

[class*="Readtxt"] { margin-top:20px!important; }
[class*="K-Ratio"] { padding:0!important; }

#TOP_Logo,#TOP_Logo #Logo { height:90px!important; position:fixed!important; position:absolute; text-align:left!important; top:0; right:auto; border-radius:0; }
#TOP_Logo #Logo img { width:auto!important; max-height:70px!important; margin:10px!important; }
#TOP_Logo { background-color:#FFF; }

#TOP_Menu { top:90px!important; }
#TOP_Menu,#TOP_Menu menu { width:100%!important; height:0!important; padding:0!important; position:fixed!important; position:absolute; display:block; }
#TOP_Menu.open,#TOP_Menu.open menu { width:100%!important; height:100%!important; background-color:rgba(0,0,0,.5); }
#TOP_Menu menu div,#TOP_Menu menu div ul { min-width:100%!important; height:50px!important; padding:0!important; border:0!important; background:none; clear:both; flex:none; }
#TOP_Menu menu div,#TOP_Menu menu div ul,#TOP_Menu menu div ul a,#TOP_Menu menu div ul a:hover
{ font-size:20px; font-weight:normal; color:#FFF; line-height:50px!important; }

#TOP_Menu.open menu { height:95%!important; padding-top:5%!important; display:block; }


/* ol.H_NewsShow */
#FrameOrders,#Home_Frame div.MainKEditor,#Body_Content,#FooterDiv,#Body_Pics #UPLoadSlides,#Body_Pics dl.Attribute,
ol.H_NewsShow dl,ol.News_Abstract .Reply,ol.News_ItemSix div.Three,ol.News_ItemSeven .PicBriefly,ol.News_ItemSeven div.IMG-Zoom,ol.F_NewsShow dl,ol.Type_Equally .K-Equally,
.KE_IMG_Show div.N-Ranked2,.KE_IMG_Show div.N-Ranked3,.KE_IMG_Show div.N-Ranked4,div.ShowPiece div.Show,div.ShowPiece dl
{ width:96%!important; min-width:96%!important; max-width:96%!important; margin:2%!important; height:auto; left:0!important; clear:both; float:none; }

#HOT_Body #Body_Content dir span.links,#HOT_Body #Body_Content dir span.links a
{ left:0;right:auto;top:5px; height:22px; line-height:22px; }
#Body_Pages.Article a { width:100%; clear:both; float:left; }


dl.Coption,div.item-list,.KE_IMG_Show div.list,div.KE_IMG_Show div.Mold,.KE_IMG_Show div.Mini,div.KE_IMG_Show div.Boxs
{ width:49%!important; min-width:49%!important; margin:.5%!important; clear:none!important; }

.KE_IMG_Show div.Mold:nth-child(1),.KE_IMG_Show div.Mini:nth-child(1),.KE_IMG_Show div.Boxs:nth-child(1),
.Item_5Box div.item-list:nth-child(5)
{ width:99%!important; min-width:99%!important; margin:.5%!important; }


[class*="D-Four"],[class*="D-Six"]
{ min-width:50%!important; width:50%!important; margin:0!important; padding:0!important; height:auto; }
[class*="K-Frame"],.ItemGroup.Item_3Box div.List1,.ItemGroup.Item_5Box div.List1
{ min-width:100%!important; width:100%!important; margin:0!important; padding:0!important; height:auto; clear:both; }
.Item_3Box div.item-list,div.ShowRemarks,div.AParallel div.NewsShow,div.AParallel dl.NewsList
{ min-width:96%!important; width:96%!important; margin:auto 2%!important; padding:0!important; height:auto; clear:both; }

[class*="D-Six"] { min-width:calc(100%/3)!important; width:calc(100%/3)!important; margin:1% auto!important; }

div.item-list span.NumPlays { font-size:24pt; line-height:35px; }
div.item-list ul.Rectangle { width:100%; margin-left:0; margin-right:0; }
div.item-list + .item-list:nth-child(odd) { clear:both; }

#Author_Boxs h1.Headline { font-size:28px; line-height:25px; margin:8px auto; }
#Author_Share div { width:50px; height:65px; font-size:12px; display:none; }
#Author_Share img,#Author_Share i.icon { width:100%; height:45px; font-size:28px; line-height:40px; }

#Body_Search.KeySearch .KeyDivs { max-width:100%; height:48px; margin-left:-50%; margin-top:0; }
#Body_Search.KeySearch input.keyText { padding:12px 5%; }
#Body_Search.KeySearch input.keySubmit { height:48px; }



div.SiteTitle { width:100%; min-height:55px; height:auto!important; margin-bottom:0!important; position:relative; clear:both; }
div.SiteTitle:before,div.SiteTitle:after { width:50%!important; height:2px!important; top:60px!important; left:25%!important; transform:rotate(0)!important; }
div.SiteTitle h1.DirTitle,div.SiteTitle .Urltext,div.SiteTitle .Spantext { width:100%!important; height:55px!important; text-align:center!important; float:left!important; }

div.SiteTitle h1.DirTitle,div.SiteTitle h1.DirTitle a { height:65px!important; font-size:22pt!important; line-height:78px!important; z-index:1!important; }
div.SiteTitle .Urltext { position:absolute; top:0!important; font-size:38pt!important; line-height:42px!important; color:#E5E5E5; z-index:0!important; }
div.SiteTitle .Spantext { font-size:16px!important; }



div.KE_IMG_Show div.AEbg { max-width:768px!important; }
div.KE_IMG_Show div.AEbg.AENull { margin:0 auto; height:0; }
div.KE_IMG_Show.AStyle div.AEbg { margin:32px auto; height:660px; }
div.KE_IMG_Show.BStyle div.AEbg { margin:32px auto; height:550px; }
div.KE_IMG_Show.CStyle div.AEbg { margin:32px auto; height:800px; }
div.KE_IMG_Show.DStyle div.AEbg { margin:32px auto; height:550px; }
div.KE_IMG_Show.FStyle div.AEbg { margin:32px auto; height:550px; }

div.KE_IMG_Show div.D-Ranked ul.Remarks { margin-left:1%;  }
div.KE_IMG_Show div.D-Ranked li { width:50%; margin-right:2%; }

div.AParallel dl.NewsList { margin-top:20px!important; float:none; }
div.AParallel div.AEbg ul,div.AParallel div.AEbg li.Sbox { width:100%; height:480px; }


ol.News_ItemSix div.Three div.ShowPic { width:100%!important; padding-bottom:62%!important; float:left; position:relative; }
ol.News_ItemSix div.Three dl { width:100%!important; float:right; }


ol.News_IMGBoxs dl.IMG { min-width:49%!important; width:49%!important; margin:.5%!important; clear:none!important; }
ol.News_IMGBoxs dl.IMG.Boxs4 { height:191px!important; float:right; }
ol.News_IMGBoxs dl.IMG.Boxs1 { height:388px!important; }

ol.News_DaysList .PicBoxs
{ min-width:96%!important; width:96%!important; margin:auto 2%!important; padding:0!important; height:auto; clear:both; }
ol.News_DaysList .PicBoxs,ol.News_DaysList div.IMG-Zoom
{ margin:0 auto 12px; }

ol.News_Five div.E_Left,ol.News_Five div.E_Right,ol.News_Five div.ShowZoom,div.Averages dl,div.Averages div.Show
{ width:97%!important; height:auto; margin:2px 1.5% 18px!important; border:0; }

ul.H_Title span { padding:3px 8px!important; }
#Main_MenuNav ul.MenuItem label + label { margin-left:1px; }
#Body_Pics dl.Attribute { margin:20px auto!important; float:none!important; }

div.ShowRemarks div.Btn_More { left:0!important; }
div.ShowRemarks div.PicBox,div.ShowRemarks div.Remarks { width:100%!important; margin:0!important; padding:0!important; }
div.ShowRemarks div.Remarks { padding-bottom:52px!important; }
div.ShowRemarks .Author_Hist span:nth-child(1) { display:none; }


#News_List div.Piece { width:96%; height:auto; margin:2px 2% 18px; padding:0; border:0; background:none; color:#333; }
#News_List div.Piece ul,#News_List div.Piece dl { width:100%; height:auto; margin:0; padding:0; background:none; color:#333; position:relative; clear:both; }
#News_List div.Piece ul p.More { text-align:left; background:none!important; font:normal bold 13pt/32px Arial; color:#333; }
#News_List div.Piece dl dt.Title { height:auto; margin-bottom:9px; border-bottom:1px solid #DDD; color:#000; }


#GetOrder dl { width:100%!important; min-width:100%!important; clear:both; }
#GetOrder dl textarea { width:96%; height:120px; clear:both; }
#GetOrder dl input { height:28px; font-size:larger; }
#FrameOrders div.TopLoop,#FrameOrders div.LeftLoop { margin-top:20px!important; }

#Footer_Items,#Footer_Items dt,#Footer_Items dd { display:block; }
#Footer_Items dl,#Footer_Items dt,#Footer_Items dd { width:100%; clear:both; }
#Footer_Items dd { display:none; }

#FooterReadtxt { width:97%!important; margin:2px 1.5% 18px!important; text-align:left; padding-top:110px; padding-left:0; clear:both; }
#FooterReadPic { width:100%!important; min-width:100%!important; text-align:left; height:110px; clear:both; }
#FooterReadPic #RcodePic { width:35%; max-width:50%; float:left; margin:2px 1.5% 18px!important; }
#FooterReadPic #RcodePic img,#FooterReadPic #RcodePic img.Rcode2,#FooterReadPic #RcodePic img.Rcode3 { width:auto; max-width:45%; max-height:100px; }
#FooterReadPic .Author,#FooterReadPic .PlusOnline { width:60%; float:right; padding-top:30px; }
}