﻿/* ==|== Adaption Boilerplate ====================================================== */
@media only screen and (max-width:768px) {
html,a,a:link,a:visited,a:active { font-size:12.5pt; }

#Hotline,#Body_More,#Body_Left,#Body_Pages span.MPage,#Language div a.SC,#Body_Pages ul,
#Body_DavMenu ol.DavTitle,#Sortype dl span.More,#Sortype dl span.Flip,#News_List div.Piece ul p.Hist
{ display:none; }


#SlidesBox .prev,#SlidesBox .next
{ width:40px; height:40px; border-radius:50%; margin:-20px 20px auto; background-image:url(../image/ASimple.png); background-color:rgba(102,102,102,.5); }
#SlidesBox .next { background-position:-39px center; }
#SlidesBox .prev { background-position:5px center; }


#SlidesBox,#SlidesBox ul.IMGBox,#SlidesBox ul.IMGBox li,#SlidesBox .AFloat ul,
#SlidesBox ul.IMGBox li img
{ max-height:250px!important; }

#TOP_Banner.AEIMGBox,#TOP_Banner.AEIMGBox div,#TOP_Banner.AEIMGBox div img
{ max-height:200px!important; }

#SlidesBox ul.IMGBox li img,#TOP_Banner.AEIMGBox div img
{ background-size:auto 100%!important; }


#Header { height:90px!important; position:static!important; }
#HOT_Body { padding-top:90px!important; }

#Language { border:0!important; background:none!important; }
#Language div { width:auto!important; top:0px!important; left:auto!important; right:-11px!important; text-align:center!important; }


[class*="D-Two"],[class*="D-Three"],[class*="K-Image"],[class*="K-Ratio"],
#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,
#Body_DavMenu,#Body_DavMenu div.DavMenu,#Body_DavMenu div.DavMenu ul.DavList,#Body_Content img,#BodyOrders dd,#FooterDiv,#FooterDiv ol.BMenu,
#SlidesBox .AFloat ul,#SlidesBox .AFloat li article,#SlidesBox .AFloat li article img,#AE_Banner div,
#Home_Frame,#Body_Frame,#Body_Main,#Body_Frame #Body_Right,#Body_Main #Body_Right,#Body_Pages,
.MainKEditor,.KE_StarShow,.KE_StarScroll
{ min-width:100%!important; width:100%!important; margin:0!important; padding:0!important; left:0!important; clear:both; float:none; }


#TOP_Logo,#TOP_Logo #Logo { height:90px!important; position:fixed!important; position:absolute; text-align:left!important; top:0; right:auto; }
#TOP_Logo #Logo img { width:auto!important; max-height:70px!important; margin:10px!important; }
#TOP_Logo { background-color:#FFF; }

#TOP_Menu { height:0!important; top:90px!important; }
#TOP_Menu,#TOP_Menu menu { height:0; width:100%!important;padding-left:0!important;padding-right:0!important; position:fixed!important; position:absolute; transition:.5s; }
#TOP_Menu.open,#TOP_Menu.open menu { width:100%!important; height:100%!important;padding-left:0!important;padding-right:0!important; background-color:rgba(0,0,0,.5); }
#TOP_Menu menu div,#TOP_Menu menu div ul { width:100%!important; height:50px!important; border:0!important; background:none; }
#TOP_Menu menu div,#TOP_Menu menu div ul,#TOP_Menu menu div ul a
{ text-align:center!important; font-weight:normal; color:#FFF; line-height:50px!important; }

#TOP_Menu menu { padding-top:120px!important; transition:.5s; }
#TOP_Menu.open menu { height:100%!important; padding-top:120px!important; transition:.5s; }

#Body_DavMenu div.DavMenu ul.DavList { text-align:center; right:0; bottom:0; top:12px; }


#Body_Content,#Home_Frame div.MainKEditor,#Body_Pics div.PicShow,#Body_Pics dl.Details,
ol.News_Abstract .Reply,ol.News_Five div.E_Left,ol.News_Five div.E_Right,ol.News_Five div.ShowZoom,
ol.News_IMGBriefly .PicBriefly,ol.News_IMGBriefly div.IMG-Zoom
{ min-width:96%!important; width:96%!important; margin:1% 2%!important; height:auto; clear:both; }

#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 label a { width:100%; clear:both; float:left; }


.KE_StarShow div.List2,.KE_StarShow div.List3,.KE_StarShow div.List4,.KE_StarShow div.List5,.KE_StarShow div.List6
{ min-width:49%!important; width:49%!important; margin:.5%!important; }

div.KE_StarShow div.AEnu { height:256px; margin:0; }
div.KE_StarShow div.AEnu li.Tbox { width:calc(100%/3 - .02px)!important; }
div.KE_StarShow div.AEbg { margin:0!important; height:0!important; }


div.AParallel div.AEbg { height:500px!important; }
div.AParallel div.AEbg ul,div.AParallel div.AEbg li.Sbox { width:100%!important; height:500px; }
div.AParallel div.AEbg li.Sbox dl.NewsShow dt { width:100%!important; height:250px; }
div.AParallel dl.NewsList { width:98%!important; margin:0 1%!important; margin-top:15px!important; }


.KE_StarShow div.N-Ranked2,.KE_StarShow div.N-Ranked3,.KE_StarShow div.N-Ranked4,ol.H_NewsShow,ol.H_NewsShow dl
{ min-width:97%; width:97%; margin:0 1.5%!important; padding:0!important; height:auto; clear:both; }
.KE_StarShow div.MoreBox ul.Remarks { width:42%; height:170px; }
.KE_StarShow div.MoreBox li { width:56%; margin-bottom:7px; }


#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; }


#ShowDiv_List dl.Show dt,#ShowDiv_List dl.Show dt img.imgsty,#ShowDiv_List dl.Show dd
{ width:97%!important; height:auto; margin:2px 1.5% 18px; border:0; }

#Logo_List.AStyle5 ul,#Logo_List.BStyle5 ul,#Logo_List.CStyle5 ul,
#Logo_List.AStyle6 ul,#Logo_List.BStyle6 ul,#Logo_List.CStyle6 ul
{ width:32.33333%; margin:1px .5%; }
#Logo_List.AStyle4 ul,#Logo_List.BStyle4 ul,#Logo_List.CStyle4 ul
{ width:50%; margin-right:0; }


#HomeOrders div.Frame ul { min-width:100%!important; width:100%!important; height:75px; clear:both; }
#HomeOrders div.Frame ul input { height:28px; font-size:larger; }
#HomeOrders div.Frame textarea { width:96%; height:120px; }



#FooterDiv ol.BMenu dl,#FooterDiv ol.BMenu dt
{ min-width:96%!important; width:96%!important; margin:0 2%!important; clear:both; }

#FooterDiv ol.BMenu dt { text-indent:12px; }
#FooterDiv ol.BMenu dt:after { content:""; position:absolute; width:1px; height:50%; left:0; top:25%; border-left:1px solid #FAFAFA; z-index:-1; }
#FooterDiv ol.BMenu dt:before { content:""; position:absolute; width:6px; left:0; top:50%; border-top:1px solid #FAFAFA; z-index:-1; }
#FooterDiv ol.BMenu dt,#FooterDiv ol.BMenu dl dd { display:none; height:0; }

}


@media screen and (min-width:768px) and (max-width:1024px) {
#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.AEIMGBox,#TOP_Banner.AEIMGBox div,#TOP_Banner.AEIMGBox div img
{ max-height:300px!important; }
}