<!-- 
html, body { height: 100%; }
body {
	margin:0px; 
	background-color:#FFFFFF;
	font-family:"Helvetica Neue",Arial,"Heiti TC","LiHei Pro","微軟正黑體","Microsoft Jhenghei",sans-serif;
}

#idWrap {
	min-height: 100%;
	*display: table; /* For IE7 Hack */
	*height: 100%; /* For IE7 Hack */
}

#idMain {
	overflow: auto;
	padding-bottom: 71px;
}

#idFooter {
	background-color:#E4E4E4;
	position: relative;
	margin-top: -71px; 
	height: 71px;
	clear: both;
	padding-top:0px;
}

#idMainLogo {
	overflow: auto;
	padding-bottom: 215px;
}

#idFooterLogo {
	background-color:#E4E4E4;
	position: relative;
	margin-top: -215px; 
	height: 215px;
	clear: both;
	padding-top:0px;
}

/* ===== Header Area Start ===== */
.cssHeaderFixed{ z-index: 999; position: fixed; top: 0; width: 100%;}
.cssHeaderArea { height:62px; font-size:12px; color:#B4B4B4; background-color:#FFFFFF; text-align:cetner; padding:0px;
	              background-repeat:repeat-x; background-image: url(../images/2013/group_header_background_group.gif); }
.cssHeaderAreaMain { width:1024px; height:62px; }
.cssFunctionList { height:62px; text-align:right; vertical-align:top; padding:0px 5px 0px 5px; white-space:nowrap; font-size:10px; color:#4169E1; }

a.thisPageLink:link    { font-size:12px; color:#F4F4F4; text-decoration: none; }
a.thisPageLink:visited { font-size:12px; color:#F4F4F4; text-decoration: none; }
a.thisPageLink:hover   { font-size:12px; color:#E5FF00; text-decoration: none; }
a.Thispagelink:active  { font-size:12px; color:#F4F4F4; text-decoration: none; }

.cssFunctionTag      { width:100px; height:19px; background-color:#D2E2BB; border-bottom: 1px solid #8FB757; text-align:center; padding:0 3px 3px 3px; vertical-align:bottom; }
.cssFunctionTagHover { width:100px; height:19px; background-color:#FFFFFF; border-style:solid; border-width:1px 1px 0px 1px; border-color:#8FB757 #8FB757 #FFFFFF #8FB757; text-align:center; padding:0 2px 4px 2px; vertical-align:bottom; }
.cssFunctionTagSpace { width:2px; height:20px; border-style:solid; background-color:#D2E2BB; border-width:0px 0px 1px 0px; border-color:#8FB757; text-align:center; padding:2px 0 0 0; vertical-align:bottom; }

a.cssMainGroupLink:link    { font-size:13px; color:#696969; text-decoration: none; }
a.cssMainGroupLink:visited { font-size:13px; color:#696969; text-decoration: none; }
a.cssMainGroupLink:hover   { font-size:13px; color:#4169E1; text-decoration: none; }
a.cssMainGroupLink:active  { font-size:13px; color:#696969; text-decoration: none; }

/* ===== Main Area Start ===== */
.cssThisPageAreaMain { width:1024px; vertical-align:top; padding: 0 0 20px 0; background-color:#FFFFFF; }


/* ===== Footer Area Start ===== */
.cssBottomArea { font-size:12px; color:#B4B4B4; background-color:#E4E4E4; text-align:cetner; }
.cssBottomAreaA { width:1009px; font-size:12px; color:#800080; background-color:#E4E4E4; text-align:left; padding:15px 0 5px 5px; margin-left:5px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#B4B4B4;}
.cssBottomAreaB { width:1009px; font-size:12px; color:#949494; background-color:#E4E4E4; text-align:right; padding:5px 5px 15px 0; margin-right:5px; }

a.cssBottomAreaLink:link    { font-size:12px; color:#949494; text-decoration: none; }
a.cssBottomAreaLink:visited { font-size:12px; color:#949494; text-decoration: none; }
a.cssBottomAreaLink:hover   { font-size:12px; color:#1E90FF; text-decoration: none; }
a.cssBottomAreaLink:active  { font-size:12px; color:#949494; text-decoration: none; }

/* ===== Group Hot Start ===== */
#cssProdShowRed { float: left; width:244px; height:222px; text-align:center;
              		background-repeat:no-repeat; background-image: url(../images/2013/group_hot_background_red4.gif);
              		background-color:#FFFFFF;
	         		margin:0 10px 10px 0; padding:0px; border: 0px solid #D2B48C; }

#cssProdShowBlue { float: left; width:244px; height:222px; text-align:center;
              	    background-repeat:no-repeat; background-image: url(../images/2013/group_hot_background_blue.gif);
              		 background-color:#FFFFFF;
	         		 margin:0 10px 10px 0; padding:0px; border: 0px solid #D2B48C; }
	         		 
#cssProdShowHome { float: left; width:244px; height:222px; text-align:center;
               	 background-repeat:no-repeat; background-image: url(../images/2013/group_hot_background_home.gif);
               	 background-color:#FFFFFF;
	         	 	 margin:0 10px 10px 0; padding:0px; border: 0px solid #D2B48C; }	         		 

a.cssProdName:link    { font-size:14px; font-weight:500; color:#8B4513; text-decoration: none; }
a.cssProdName:visited { font-size:14px; font-weight:500; color:#8B4513; text-decoration: none; }
a.cssProdName:hover   { font-size:14px; font-weight:500; color:#8B4513; text-decoration: none; }
a.cssProdName:active  { font-size:14px; font-weight:500; color:#8B4513; text-decoration: none; }

/* ===== Group Index Start ===== */
#ProdDisPlayAreaBoss { float: left; width:1019px; border: 0px solid #DCDCDC; padding:10px 0 0 5px; }
#ProdDisPlayArea { float: left; width:1000px; border: 0px solid #DCDCDC; padding:10px 0 0 15px; }
#ProdDisPlay { float: left; width:220px; height:229; text-align:center; background-color:#FAF0E6;
	            margin:0 15px 10px 0; padding:5px; border: 1px solid #D2B48C; }
#TableProdShow { background-color:#FFFFFF; }
.cssProdShowIMG {  width:216px; height:150px; background-color:#FFFFFF; border: 0px solid #5F9EA0; padding:2px; text-align:center;}
.cssProdShowName {  width:216px; background-color:#FAF0E6; padding:6px 2px 2px 2px; font-size:14px; font-weight:500; color:#8B4513; text-align:left; }
.cssProdShowNote {  width:220px; background-color:#FAF0E6; padding:0px 0px 0px 0px; font-size:13px; font-weight:500; color:#8B4513; text-align:center; }
.cssProdShowCount {  background-color:#FAF0E6; padding:2px 0px 2px 4px; font-size:13px; font-weight:500; color:#4169E1; text-align:left; }
.cssProdShowPrice {  background-color:#FAF0E6; padding:2px 4px 2px 0px; font-size:13px; font-weight:500; color:#CD5C5C; text-align:right; }
.cssProdShowDiscountRed {  width:212px; background-color:#E9967A; border: 1px solid #FFFFFF; padding:3px; margin:0px; font-size:13px; font-weight:500; color:#FFFFFF; text-align:center; }
.cssProdShowDiscountBlue {  width:212px; background-color:#87CEEB; border: 1px solid #FFFFFF; padding:3px; margin:0px; font-size:13px; font-weight:500; color:#FFFFFF; text-align:center; }
.cssProdShowDiscountHome {  width:212px; background-color:#907580; border: 1px solid #FFFFFF; padding:3px; margin:0px; font-size:13px; font-weight:500; color:#FFFFFF; text-align:center; }

#ProdListShow { float: left; width:460px; height:229; text-align:center; background-color:#FAF0E6; 
	             margin:0 15px 10px 0; padding:5px; border: 1px solid #D2B48C; }
	             
#ProdListShowShort { float: left; width:306px; height:229; text-align:center; background-color:#FAF0E6; 
	                  margin:0 15px 10px 0; padding:5px; border: 1px solid #D2B48C; }	             
	             
.cssProdListIMG { width:75px; height:75px; background-color:#FFFFFF; border: 0px solid #FAF0E6; padding:2px; text-align:center;}	   

/* ===== Group Main Product Start ===== */
#ProdReadyShow { float: left; width:230px; height:229; text-align:center; background-color:#FAF0E6; 
	              margin:2px 11px 3px 11px; padding:3px; border: 1px solid #D2B48C; }
.cssProdReadyIMG { width:50px; height:50px; background-color:#FFFFFF; border: 0px solid #FAF0E6; padding:2px; text-align:center;}	  
.cssProdReadShowBackgroundRed  { width:176px; font-size:10px; text-align:left; background-color:#E9967A; border: 1px solid #FFFFFF; padding: 0 0 0 8px; color:#FFFFFF; }
.cssProdReadShowBackgroundBlue { width:176px; font-size:10px; text-align:left; background-color:#87CEEB; border: 1px solid #FFFFFF; padding: 0 0 0 8px; color:#FFFFFF; }
.cssProdReadShowBackgroundHome { width:176px; font-size:10px; text-align:left; background-color:#907580; border: 1px solid #FFFFFF; padding: 0 0 0 8px; color:#FFFFFF; }
.cssBuyButton { font-size:16px; color:#343434; font-weight:500; border-style:solid; border-width:1px; border-color:#8FB757; background-color:#D2E2BB; padding:6px 5px 2px 5px; }
.cssBuyButtonHover { font-size:16px; color:#FFFFFF; font-weight:500; border-style:solid; border-width:1px; border-color:#D2E2BB; background-color:#8FB757; padding:6px 5px 2px 5px; }

#ProdWineType { border:dotted 0px #D4D4D4; margin:0; text-align:left; padding:5px 0 0 20px; font-size:12px; color:#696969; }
#ProdWineType ul { font-size:15px; color:#696969; list-style-position:outside; margin:0; }

a.cssProdReadyName:link    { font-size:12px; font-weight:500; color:#696969; text-decoration: none; }
a.cssProdReadyName:visited { font-size:12px; font-weight:500; color:#696969; text-decoration: none; }
a.cssProdReadyName:hover   { font-size:12px; font-weight:500; color:#4169E1; text-decoration: none; }
a.cssProdReadyName:active  { font-size:12px; font-weight:500; color:#696969; text-decoration: none; }

a.cssGroupMainProdUpDown:link    { font-size:12px; color:#4169E1; text-decoration: none; }
a.cssGroupMainProdUpDown:visited { font-size:12px; color:#4169E1; text-decoration: none; }
a.cssGroupMainProdUpDown:hover   { font-size:12px; color:#696969; text-decoration: none; }
a.cssGroupMainProdUpDown:active  { font-size:12px; color:#4169E1; text-decoration: none; }

a.cssGroupMainProdPGMPath:link    { font-size:12px; color:#8B4513; text-decoration: none; }
a.cssGroupMainProdPGMPath:visited { font-size:12px; color:#8B4513; text-decoration: none; }
a.cssGroupMainProdPGMPath:hover   { font-size:12px; color:#4169E1; text-decoration: none; }
a.cssGroupMainProdPGMPath:active  { font-size:12px; color:#8B4513; text-decoration: none; }

/* ===== Group Order Flow Start ===== */
.cssOrderFlowArea { display:table-cell; background-color:#FFFFFF; width:200px; padding:15px 5px 5px 15px; vertical-align:top; }
.cssOrderFormArea { display:table-cell; background-color:#FFFFFF; width:784px; padding:15px 5px 5px 15px; vertical-align:top; }
.cssOrderFlowTitleHover { width:190px; font-size:30px; color:#4169E1; padding:8px 6px 5px 0px; border-bottom:1px solid #8FB757; text-align:right; font-weight:500; }
.cssOrderFlowTitleVisited { width:190px; font-size:20px; color:#C0C0C0; padding:3px 6px 2px 0px; border-bottom:1px dotted #EEEEEE; text-align:right; }
.cssOrderFlowTitleVisitedTop { width:190px; font-size:20px; color:#C0C0C0; padding:8px 6px 2px 0px; border-bottom:1px dotted #EEEEEE; text-align:right; }
.thisPageTextArea { width:670px; height:174px; text-align:left; font-size:12px; border-style: dashed; border-color:#CCCCCC; border-width: 1px 1px 1px 1px; background-color: #FFFFFF; color: #595959; PADDING:7px; }
.thisPageInputText { font-size:40px; font-weight:700; border:1px dashed #696969; border-width:1px; color:#696969; padding:2px; background-color:#FFFFCC; }
.thisPageInputTextEmail { font-size:20px; font-weight:700; border:1px dashed #696969; border-width:1px; color:#696969; padding:24px 2px 2px 2px; background-color:#FFFFCC; }


/* ===== Group Header JSP FormInput Start ===== */
.cssInputNormalText      { font-size:25px; font-weight:700; background-color:#FFFFFF; border-style:dashed; border-color:#696969; border-width:1px; color:#696969; padding:2px; }
.cssInputNormalTextNull  { font-size:25px; font-weight:700; background-color:#FFFFCC; border-style:dashed; border-color:#696969; border-width:1px; color:#696969; padding:2px; }
.cssInputNormalTextFocus { font-size:25px; font-weight:700; background-color:#FFFFCC; border-style:solid;  border-color:#696969; border-width:1px; color:#696969; padding:2px; }
.cssInputNormalTextArea       { width:670px; height:174px; text-align:left; font-size:15px; border-style: dashed; border-color:#696969; border-width: 1px; background-color: #FFFFFF; color: #696969; PADDING:7px; }
.cssInputNormalTextAreaNull   { width:670px; height:174px; text-align:left; font-size:15px; border-style: dashed; border-color:#696969; border-width: 1px; background-color: #FFFFCC; color: #696969; PADDING:7px; }
.cssInputNormalTextAreaFocus  { width:670px; height:174px; text-align:left; font-size:15px; border-style: solid;  border-color:#696969; border-width: 1px; background-color: #FFFFCC; color: #696969; PADDING:7px; }
.cssButtonNormal { font-size:12px; color:#343434; font-weight:500; border-style:solid; border-width:1px; border-color:#8FB757; background-color:#D2E2BB; padding:6px 5px 2px 5px; }
.cssButtonHoverNormal { font-size:12px; color:#FFFFFF; font-weight:500; border-style:solid; border-width:1px; border-color:#D2E2BB; background-color:#8FB757; padding:6px 5px 2px 5px; }

-->

a.cssMenuMonth:link    { font-size:15px; font-weight:500; color:#696969; text-decoration: none; }
a.cssMenuMonth:visited { font-size:15px; font-weight:500; color:#696969; text-decoration: none; }
a.cssMenuMonth:hover   { font-size:15px; font-weight:500; color:#4169E1; text-decoration: none; }
a.cssMenuMonth:active  { font-size:15px; font-weight:500; color:#696969; text-decoration: none; }

a.cssMenuMonthOrder:link    { font-size:12px; font-weight:500; color:#696969; text-decoration: none; }
a.cssMenuMonthOrder:visited { font-size:12px; font-weight:500; color:#696969; text-decoration: none; }
a.cssMenuMonthOrder:hover   { font-size:12px; font-weight:500; color:#4169E1; text-decoration: none; }
a.cssMenuMonthOrder:active  { font-size:12px; font-weight:500; color:#696969; text-decoration: none; }

.cssInputQueryText       { height:18px; font-size:15px; background-color:#FFFFFF; border-style:solid; border-color:#8FB757; border-width:1px; color:#888888; padding:3px 0 0 3px; }
.cssInputQuerylTextFocus { height:18px; font-size:15px; background-color:#FFFFCC; border-style:solid; border-color:#8FB757; border-width:1px; color:#696969; padding:3px 0 0 3px; }
.cssBuyQueryButton { font-size:15px; color:#343434; font-weight:500; border-style:solid; border-width:1px; border-color:#8FB757; background-color:#D2E2BB; }

a.cssMenuTitle:link    { font-size:15px; font-weight:500; color:#696969; text-decoration: none; background-color:#D2E2BB; padding:0px 2px 1px 2px; border-style:solid; border-width:1px; border-color:#D2E2BB; }
a.cssMenuTitle:visited { font-size:15px; font-weight:500; color:#696969; text-decoration: none; background-color:#D2E2BB; padding:0px 2px 1px 2px; border-style:solid; border-width:1px; border-color:#D2E2BB; }
a.cssMenuTitle:hover   { font-size:15px; font-weight:500; color:#4169E1; text-decoration: none; background-color:#FFFFFF; padding:0px 2px 1px 2px; border-style:solid; border-width:1px; border-color:#8FB757; }
a.cssMenuTitle:active  { font-size:15px; font-weight:500; color:#696969; text-decoration: none; background-color:#D2E2BB; padding:0px 2px 1px 2px; border-style:solid; border-width:1px; border-color:#D2E2BB; }

a.cssMenuTitleHome:link    { font-size:15px; font-weight:500; color:#696969; text-decoration: none; background-color:#DACFD5; padding:0px 2px 1px 2px; border-style:solid; border-width:1px; border-color:#DACFD5; }
a.cssMenuTitleHome:visited { font-size:15px; font-weight:500; color:#696969; text-decoration: none; background-color:#DACFD5; padding:0px 2px 1px 2px; border-style:solid; border-width:1px; border-color:#DACFD5; }
a.cssMenuTitleHome:hover   { font-size:15px; font-weight:500; color:#4169E1; text-decoration: none; background-color:#FFFFFF; padding:0px 2px 1px 2px; border-style:solid; border-width:1px; border-color:#977787; }
a.cssMenuTitleHome:active  { font-size:15px; font-weight:500; color:#696969; text-decoration: none; background-color:#DACFD5; padding:0px 2px 1px 2px; border-style:solid; border-width:1px; border-color:#DACFD5; }

#goMobile {
	display: none;
	position:fixed;
	top:93px;
	left:1055px;
	text-align:right;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#696969;
}
a.cssGoMobile:link    { font-size:12px; color:#FFFFFF; text-decoration: none; }
a.cssGoMobile:visited { font-size:12px; color:#FFFFFF; text-decoration: none; }
a.cssGoMobile:hover   { font-size:12px; color:#FFFFFF; text-decoration: none; }
a.cssGoMobile:active  { font-size:12px; color:#FFFFFF; text-decoration: none; }

a.cssGoWeb:link    { font-size:15px; color:#696969; text-decoration: none; }
a.cssGoWeb:visited { font-size:15px; color:#696969; text-decoration: none; }
a.cssGoWeb:hover   { font-size:15px; color:#696969; text-decoration: none; }
a.cssGoWeb:active  { font-size:15px; color:#696969; text-decoration: none; }