#TOP_Flash div,div.AE_Banner img,#PageBanner,#PageBanner img { width:100%; height:auto; margin:0 auto; vertical-align:top; }
#TOP_Banner,#TOP_Banner div,#TOP_Banner div img { width:100%; height:100%; height:auto; margin:0 auto; z-index:6; }
#TOP_Banner div img { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; }

#TOP_Banner,div.AE_Banner { padding:0; margin:0 auto; position:relative; }
#TOP_Banner.AEIMGBox div.AE_Banner { height:100%; min-width:590px; position:absolute; left:50%; margin-left:-590px; }
div.AE_Banner figure,div.AE_Banner div.AE_KEditor { width:500px; position:absolute; z-index:10; }

#TOP_Banner .AE_Title { font-size:32px; line-height:58px; }


/* 标准广告样式 */
#SlidesBox { width:100%; height:auto; overflow:visible; margin:0 auto; position:relative; }
#SlidesBox ul.IMGBox,#SlidesBox ul.IMGBox li { width:100%; height:100%; background-color:#F4F4F4; position:relative; margin:0 auto; padding:0; }
#SlidesBox ul.IMGBox li img,#SlidesBox .AFloat article img { width:100%; height:100%; background-position:left center; background-repeat:no-repeat; }

#SlidesBox .prev,#SlidesBox .next { width:40px; height:100px; border-radius:0; position:absolute; top:50%; margin-top:-50px; z-index:58; }
#SlidesBox .prev,#SlidesBox .next { background-position:left center; background-repeat:no-repeat; }
#SlidesBox .prev { left:2%; }
#SlidesBox .next { right:8%; }

#SlidesBox .prev span,#SlidesBox .next span { width:20px; height:20px; margin-top:35px; border:1px solid #333; display:inline-block; }
#SlidesBox .prev span { border-width:0 5px 5px 0; margin-left:5px; }
#SlidesBox .next span { border-width:5px 0 0 5px; }
#SlidesBox .prev span,#SlidesBox .next span {
	 -webkit-transform: rotate(135deg);
	 -moz-transform: rotate(135deg); 
	 -ms-transform: rotate(135deg); 
	 -o-transform: rotate(135deg);
}

#SlidesBox .IMGnu,#SlidesBox .Athum,#SlidesBox .AFloat { width:100%; height:0; z-index:30; }
#SlidesBox .IMGnu ul { width:90%; height:25px; font:normal normal 1px/12px Arial; text-align:left; position:absolute; left:5%; bottom:0; z-index:25; }
#SlidesBox .IMGnu span { width:8px; height:8px; text-align:center; margin:3px; position:relative; border-radius:50%; cursor:pointer; display:inline-table; z-index:25; }
#SlidesBox .IMGnu span { font-family:Arial; font-size:0; line-height:0; color:#CCC; background-color:#CCC; transition:all .3s; }
#SlidesBox .IMGnu span.on { background-color:#FFF; color:#FFF; }



#Txt_Slides { width:100%; height:auto; overflow:visible; margin:0 auto; }
#Txt_Slides ul.Remarks_Box,#Txt_Slides ul.Remarks_Box li { width:100%; height:100%; text-align:center; position:relative; margin:0 auto; padding:0; }
#Txt_Slides ul.Remarks_Box dt.Title,#Txt_Slides ul.Remarks_Box dd.Remarks { width:100%; text-align:justify; }
#Txt_Slides .prev,#Txt_Slides .next { width:40px; height:100px; border-radius:0; position:absolute; top:50%; margin-top:-50px; z-index:58; }
#Txt_Slides .prev,#Txt_Slides .next { font-size:28px; line-height:40px; left:5%; }
#Txt_Slides .next { left:auto; right:5%; }



/* 内页幻灯片轮播组*/
#PicShow.AEBox { width:100%; min-width:1180px; height:auto; overflow:visible; margin:32px auto; position:relative; }
#PicShow.AEBox ul.Sbox,#PicShow.AEBox ul.Sbox li { width:100%; height:100%; position:relative; margin:0; padding:0; }
#PicShow.AEBox ul.Sbox li.Sbox p { min-height:50px; font-size:14pt; line-height:1.2; font-weight:bold; }
#PicShow.AEBox ul.Sbox li.Sbox span { margin-left:28px; font-size:18px; font-weight:normal; }

#PicShow.AEBox div.AEbg { width:100%; margin:0 auto; position:relative; }
#PicShow.AEBox div.Description { min-height:35px; margin-bottom:8px; font-size:14pt; line-height:1.2; font-weight:bold; }
#PicShow.AEBox div.Description span { margin-left:28px; font-size:18px; font-weight:normal; }

#PicShow.AEBox div.Athum { width:1110px; height:230px; margin:12px auto; padding-top:15px; position:relative; z-index:50; }
#PicShow.AEBox div.Athum ul,#PicShow.AEBox div.Athum li { width:100%; height:100%; float:left; }
#PicShow.AEBox div.Athum,#PicShow.AEBox div.Athum ul,#PicShow.AEBox div.Athum li { height:230px; }

#PicShow.AEBox div.AEbg img.ShowPics,#PicShow.AEBox div.Athum img.ShowList { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; }
#PicShow.AEBox div.AEbg img.ShowPics,#PicShow.AEBox div.Athum img.ShowList { background-size:auto 100%!important; }
#PicShow.AEBox div.Athum img.ShowList { border:15px solid #FFF; box-sizing:border-box; }

#PicShow.AEBox div.Athum li.Tbox {
	width:calc(100%/3);
	width:-moz-calc(100%/3);
	width:-webkit-calc(100%/3);
}

#PicShow.AEBox .prev,#PicShow.AEBox .next { display:block; width:50%; height:100%; position:absolute; top:0; z-index:58; cursor:pointer; }
#PicShow.AEBox .prev,#PicShow.AEBox .next { background-color:rgba(102,102,102,0); background-repeat:no-repeat; }
#PicShow.AEBox .next { right:0; background-image:url(/OAction/Images/AERight.png); background-position:right center; }
#PicShow.AEBox .prev { left:0; background-image:url(/OAction/Images/AELeft.png); background-position:left center; }



#UPLoadSlides { width:38%; height:auto; overflow:visible; margin:0 auto; position:relative; float:left; }
#UPLoadSlides div.UPLoadBox { width:100%; height:100%; margin:0 auto; position:relative; }
#UPLoadSlides div.UPLoadBox ul.Sbox,#UPLoadSlides div.UPLoadBox ul.Sbox li { width:100%; height:100%; position:relative; margin:0; padding:0; }
#UPLoadSlides div.UPLoadBox li img,#UPLoadSlides div.UPLoadthum li img { width:100%!important; height:100%; background-position:center; background-size:auto 100%; }

#UPLoadSlides div.UPLoadthum { width:calc(100% + 4px); height:120px; margin:6px auto; margin-left:-2px; }

#UPLoadSlides ul.Sthum { width:100%; height:100%; position:relative; margin:0; padding:0; }
#UPLoadSlides ul.Sthum li.Tbox { width:calc(100%/4); padding:0 1px; }


#Body_Pics #UPLoadSlides div.UPLoadthum li.Tbox { width:calc(100%/4); padding:0 1px; }


.zoomit-ghost {
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: wait;
    display: block;
    position: absolute;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.zoomit-zoomed {
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 5;
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 200% !important;
    min-height: 200% !important;
}
.zoomit-container {
    overflow: hidden;
    position: relative;
    vertical-align: top;
    display: inline-block;
}
.zoomit-container img {
    vertical-align: top;
}
.zoomit-container.loaded .zoomit-ghost {
    cursor: crosshair;
}
.zoomit-container.loaded .zoomit-zoomed {
    opacity: 1;
}


/*KE_MainScroll*/
.KE_MainScroll { width:100%; height:auto; margin:0 auto; position:relative; }
.KE_MainScroll ul,.KE_MainScroll ul li { width:100%; height:500px; text-align:center; position:relative; }
.KE_MainScroll ul div.BoxImg { width:100%; height:100%; text-align:left; float:left; position:relative; }
.KE_MainScroll ul div.BoxImg img { width:100%; height:100%; position:absolute; }

.KE_MainScroll .prev,.KE_MainScroll .next { top:auto; bottom:10px; }
.KE_MainScroll .prev { left:50%; margin-left:-50px; }
.KE_MainScroll .next { left:50%; margin-left:10px; }

.KE_MainScroll .IMGnu { width:100%; height:0; z-index:30; }
.KE_MainScroll .IMGnu ul { width:100%; height:25px; font:normal normal 1px/12px Arial; text-align:center; position:absolute; bottom:0; z-index:25; }


.KE_ReadScroll { width:100%; height:auto; margin:0 auto; position:relative; }
.KE_ReadScroll ul,.KE_ReadScroll ul li { width:100%; height:500px; position:relative; }
.KE_ReadScroll ul div.BoxImg { width:100%; height:100%; text-align:left; position:relative; }
.KE_ReadScroll ul div.BoxImg img { width:100%; height:100%; position:absolute; }

.KE_ReadScroll div.Img_Box { width:50%; float:left; background-color:#FFF; position:relative; }
.KE_ReadScroll div.Txt_Box { width:32%; float:right; position:relative; }

.KE_ReadScroll dl.Briefly { width:100%; margin-top:50px; font-size:14px; line-height:1.5; color:#FFF; }
.KE_ReadScroll dl.Briefly dt { width:100%; height:100px; font-size:48px; line-height:1.2; font-weight:lighter; color:inherit; }
.KE_ReadScroll dl.Briefly dd { width:100%; height:auto; text-align:justify; color:inherit; }

.KE_ReadScroll .prev,.KE_ReadScroll .next { width:40px; height:40px; position:absolute; top:50%; margin-top:-25px; }
.KE_ReadScroll .prev { left:53%; }
.KE_ReadScroll .next { right:2%; }

.KE_ReadScroll .prev span,.KE_ReadScroll .next span { width:15px; height:15px; margin-top:5px; border:1px solid #FFF; display:inline-block; }
.KE_ReadScroll .prev span { border-width:0 3px 3px 0; margin-left:5px; }
.KE_ReadScroll .next span { border-width:3px 0 0 3px; }
.KE_ReadScroll .prev span,.KE_ReadScroll .next span {
	 -webkit-transform: rotate(135deg);
	 -moz-transform: rotate(135deg); 
	 -ms-transform: rotate(135deg); 
	 -o-transform: rotate(135deg);
}


/* Ingredients */
#Frame_Ingredients { background-color:#FFF; margin:0 auto; padding:50px 0; position:relative; }

#Ingredients { width:1280px; height:auto; margin:0 auto; position:relative; }
#Ingredients ul { width:100%; height:250px; text-align:center; margin-left:5%; position:relative; }
#Ingredients ul li { width:calc(90%/6); height:100%; position:relative; }
#Ingredients ul img { width:70%; height:auto; margin-left:15%; transition:all .5s ease; }
#Ingredients ul img.Url_Pics { width:0; border-radius:50%; position:absolute; top:25%; left:35%; }
#Ingredients ul li dt { width:100%; height:50px; text-align:center; line-height:65px; font-weight:bold; }
#Ingredients ul li dd { width:100%; text-align:center; height:0; opacity:0; transition:all .5s ease; }

#Ingredients div.tempWrap { width:90%!important; margin:0 auto; }
#Ingredients ul li:hover img.Url_Pics { width:70%; top:0; left:0; transition:all .5s ease; }
#Ingredients ul li:hover dd { height:100px; opacity:1; transition:all .5s ease; }

#Ingredients .prev,#Ingredients .next { display:block; width:30px; height:30px; position:absolute; top:30%; }
#Ingredients .next { left:auto; right:15px; }
#Ingredients .prev { left:15px; right:auto; }

#Ingredients .prev span,#Ingredients .next span { width:16px; height:16px; border-left:2px solid #333; border-top:2px solid #333; margin:3px; display:inline-block; }
#Ingredients .prev span {
	 -webkit-transform: rotate(-35deg);
	 -moz-transform: rotate(-35deg); 
	 -ms-transform: rotate(-35deg); 
	 -o-transform: rotate(-35deg);
}
#Ingredients .next span {
	 -webkit-transform: rotate(135deg);
	 -moz-transform: rotate(135deg); 
	 -ms-transform: rotate(135deg); 
	 -o-transform: rotate(135deg);
}



/* Select_Strategy */
.Select_Strategy { height:180px; padding-top:50px; color:#FFF; }
.Select_Strategy dl.Strategy { width:45%; font-size:20px; line-height:35px; }
.Select_Strategy dl.Strategy span { font-size:32px; margin-right:9%; }
.Select_Strategy dl.Select { width:35%; height:35px; line-height:35px; border-bottom:1.5px dotted #FFF; }
.Select_Strategy dl.Select Select { width:48%; height:32px; line-height:35px; border:0; background-color:transparent; color:#FFF; }
.Select_Strategy dl.Select option { color:#555; }

.Select_Strategy .But_More { margin-left:5%; min-width:150px; border-color:#566246; color:#566246; }

#MenuMore .Select_Strategy,#MenuMore .Select_Strategy dl.Select Select { color:#566246; }
#MenuMore .Select_Strategy dl.Select { border-color:#566246; }