/* ==|== Adaption Boilerplate ====================================================== */
@media only screen and (max-width:1440px) {
.AEIMGBox .Scroll-item .img-item { width:100%; }

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

#Frame_8.Frame_StyleCss { padding-top:500px!important; background-size:auto 100%!important; }
#SlidesBox,#SlidesBox ul.IMGBox,#SlidesBox .AFloat ul,#SlidesBox .AFloat ul li
{ max-height:830px!important; }

#TOP_Banner,#TOP_Banner #IMGBox,#TOP_Banner #IMGBox img
{ max-height:650px!important; }
}


@media only screen and (max-width:1366px) {
#TOP_Logo #Logo img { width:auto!important; max-height:110px!important; margin-top:10px!important; }

#Frame_8.Frame_StyleCss { padding-top:500px!important; background-size:auto 100%!important; }
#SlidesBox ul.IMGBox li img,#TOP_Banner #IMGBox img { background-size:auto 100%!important; }

#SlidesBox,#SlidesBox ul.IMGBox,#SlidesBox .AFloat ul,#SlidesBox .AFloat ul li
{ max-height:750px!important; }

#TOP_Banner,#TOP_Banner #IMGBox,#TOP_Banner #IMGBox img
{ max-height:580px!important; }
}


@media only screen and (max-width:1280px) {
#TOP_Logo { margin-left:90px; }
}


@media only screen and (max-width:1024px) {
#SlidesBox .AFloat ul,#TOP-Slides div.AE_Banner,#TOP_Banner.AEIMGBox div.AE_Banner,#PicShow.AEBox,
#Home_Frame,#Body_Frame,#Body_Main,#Body_Frame #Body_Right,#Body_Pages,#FooterDiv,#FooterDiv ol.BMenu,
.MainKEditor,.KE_IMG_Show,.KE_StarScroll
{ min-width:100%!important; max-width:100%!important; width:100%!important; margin:0!important; left:0!important; clear:both; float:none; }

#Frame_MenuNav div.MainMenu,#Body_Content
{ min-width:97%!important; width:97%!important; margin:0!important; padding:0 1.5%!important; height:auto; clear:both; }

#TOP_Logo #Logo img { width:auto!important; max-height:110px!important; margin:0!important; margin-top:10px!important; }

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

#SlidesBox,#SlidesBox ul.IMGBox,#SlidesBox .AFloat ul,#SlidesBox .AFloat ul li
{ max-height:520px!important; }

#TOP_Banner,#TOP_Banner #IMGBox,#TOP_Banner #IMGBox img
{ max-height:400px!important; }


#SlidesBox .AFloat li figure,#SlidesBox .Scroll-item figure,#TOP_Banner.AEIMGBox div.AE_Banner figure
{ min-width:90%!important; max-width:90%!important; width:90%!important; margin:10% 5%!important; top:auto!important; left:auto!important; }


#PicShow.AEBox div.Athum { width:97%; }
#PicShow.AEBox .prev,#PicShow.AEBox .next { width:25%; }
}


@media only screen and (max-width:800px) {
html,tt,font.Title,a,a:link,a:visited,a:active { font-size:14px; }
dl.Btn-More { margin-left:calc(50% - 100px); }
#TOP_Banner,#Body_More { display:none; }
#WapMenu { display:block; }

#SlidesBox,#SlidesBox ul.IMGBox,#SlidesBox .AFloat ul,
#TOP_Banner.AEIMGBox,#TOP_Banner.AEIMGBox div
{ max-height:400px!important; }


#SlidesBox .AFloat li figure,#SlidesBox .Scroll-item figure,#TOP_Banner.AEIMGBox div.AE_Banner figure
{ min-width:95%!important; max-width:95%!important; width:95%!important; margin:10% 2.5%!important; top:auto!important; left:auto!important; }


#HOT_Body { padding-top:0px!important; }
#TOP_Search { width:100%; top:100px!important; }
#TOP_Search .KeysSearch { width:90%!important; top:10px; left:5%; margin-left:0; }


#Frame_MenuNav div.MainMenu,#Home_Frame div.MainKEditor,
#Body_Left,#HomeOrders,#Body_Content,.Grouping div.item-list,.KE_IMG_Show .item-list,.KE_IMG_Show .Item
{ min-width:96%!important; width:96%!important; margin:0!important; padding:0 2%!important; height:auto; clear:both; }


#Header { height:90px!important; position:static!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; margin-top:0!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:#FFF; }
#TOP_Menu.open menu { height:95%!important; padding-top:5%!important; display:block; }

#TOP_Menu menu div ul:after { top:18px; z-index:166; }
#TOP_Menu menu div,#TOP_Menu menu div ul { min-width:100%!important; height:70px!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
{ text-align:center; font-size:26px; font-weight:bold; color:#FFF; line-height:50px; }


[class*="D-Two"],[class*="D-Main"],[class*="D-Ranked"],[class*="K-Image"],[class*="K-Ratio"],[class*="Grouping"],
#TOP_Logo,#TOP_Logo #Logo,#SlidesBox .AFloat ul,#TOP-Slides div.AE_Banner,#TOP_Banner.AEIMGBox div.AE_Banner,
#Home_Frame,#Body_Frame,#Body_Main,#Ingredients,#Body_Frame #Body_Right,#Body_Main #Body_Right,#Body_Pages,#FooterDiv
{ min-width:100%!important; max-width:100%!important; width:100%!important; margin:0!important; left:0!important; clear:both; float:none; }

[class*="D-Three"],[class*="D-Four"],[class*="D-Six"],.KE_IMG_Show div.list
{ min-width:49%!important; width:49%!important; margin:.5%!important; clear:none!important; }

#Body_Search.KeySearch .KeyDivs { max-width:80%; height:48px; margin-left:-40%; margin-top:-60px; }
#Body_Search.KeySearch input.TextSubmit { height:48px; }
#Body_Search.KeySearch input.text { padding:12px 5%; }

#HomeOrders div.Remarks,#HomeOrders div.Remarks p,#HomeOrders div.Frame,#HomeOrders div.Frame dl input { text-align:center; }
#HomeOrders div.Remarks,#HomeOrders div.Frame dl,#HomeOrders input.Submit { min-width:100%!important; max-width:100%!important; margin-left:0!important; margin-top:12px; }
#HomeOrders div.Frame dl input,#HomeOrders input.Submit { height:48px; }

#Footer_Items { width:100%; display:block; }
#Footer_Items dl.MenuItem dd { display:none; }
#Footer_Items dl.MenuItem,#Footer_Items dl.MenuItem dt { width:100%!important; display:block; text-align:center; }
}