/*-------------------------------------------------------------------
樣式表用途：GiniShop: index樣式表
瀏覽器版本：IE7
作者：Chudapi 
信箱：chudapi@gmail.com
-------------------------------------------------------------------*/
/* container 樣式設定開始
-------------------------------------------------------------------*/
#container {
		position: relative;
		width: 100%;
		height: 615px;
}

#container a:hover {
		color: #A49568;
}
	/* primary 樣式設定開始
	-------------------------------------------------------------------*/
	#primary {
			position: absolute;
			left: 0;
			top: 0;
			width: 600px;
			height: 615px;

	}
		/* flashcontent 樣式設定開始
		-------------------------------------------------------------------*/		
		#flashcontent {
				position: absolute;
				left: 0;
				top: 10px;
				width: 100%;
				height: 400px;
		}
		/* flashcontent 樣式設定結束
		-------------------------------------------------------------------*/			
		/* information 樣式設定開始
		-------------------------------------------------------------------*/			
		#information {
				position: absolute;
				top: 420px;
				width: 100%;
				height: 195px;		
		}
			/* informationMenu 樣式設定開始
			-------------------------------------------------------------------*/
			#informationMenu {
					position: absolute;
					left: 0;
					top: 0;
					width: 350px;
					height: 24px;
			}
			#informationMenu ul {
					list-style: none;
					height: 100%; /* important 需設定高IE才能正確顯示 */				
			}
			#informationMenu li {
					float: left;
					margin-right: 1px;
					width: 100px;
			}
			#informationMenu a {
					display: block;
					width: 100%;
					height: 25px;
					text-align: center;
					text-decoration: none;
			}																									
			#informationMenu li.iMenuOn1 a {
					background: url(../Images/WebLayout/primary_news_a_hover.png) top left no-repeat;
			}
			#informationMenu li.iMenuOff1 a {
					background: url(../Images/WebLayout/primary_news_a.png) top left no-repeat;
			}				
			#informationMenu li.iMenuOn2 a {
					background: url(../Images/WebLayout/primary_expert_a_hover.png) top left no-repeat;
			}	
			#informationMenu li.iMenuOff2 a {
					background: url(../Images/WebLayout/primary_expert_a.png) top left no-repeat;
			}				
			#informationMenu li.iMenuOn3 a {
					background: url(../Images/WebLayout/primary_testReport_a_hover.png) top left no-repeat;
			}	
			#informationMenu li.iMenuOff3 a {
					background: url(../Images/WebLayout/primary_testReport_a.png) top left no-repeat;
			}						
			/* informationMenu 樣式設定結束
			-------------------------------------------------------------------*/		
			/* informationContent 樣式設定開始
			-------------------------------------------------------------------*/																																																			
			#informationContent {
					position: absolute;
					left: 0;
					top: 24px;
					border: 1px solid #56C4C2;
					width: 598px;
					height: 169px;
					overflow: hidden;						
			}	
				#info1 {
				}
				#info2 {
				}
				#info3 {
				}			
					/* informationImg 樣式設定開始
					-------------------------------------------------------------------*/																																																			
					#informationImg {
							width: 180px;
							height: 169px;
							text-align: center;
					}		
					/* informationImg 樣式設定結束
					-------------------------------------------------------------------*/
					/* informationText 樣式設定開始
					-------------------------------------------------------------------*/																																																			
					#informationText {
							width: 390px;
							height: 169px;
					}		
					#informationText dt {
							font-size: 110%;
					}
					#informationText dt a {
							color: #0071BC;
							/*\*/
							letter-spacing: 0.1em;
							/**/						
					}				
					#informationText span.date {
							margin-right: 10px;
							color: #56C4C2;
					}
					#informationText dd {
							color: #000000;
					}
					/* informationText 樣式設定結束
					-------------------------------------------------------------------*/				
			/* informationContent 樣式設定結束
			-------------------------------------------------------------------*/					
		/* informationBox 樣式設定結束
		-------------------------------------------------------------------*/		
	/* primary 樣式設定結束
	-------------------------------------------------------------------*/	
	/* secondary 樣式設定開始
	-------------------------------------------------------------------*/
	#secondary {
			position: absolute;
			right: 0;
			top: 10px;
			width: 340px;
			height: 400px;
			background: none;
	}
		/* billboard 樣式設定開始
		-------------------------------------------------------------------*/
		#billboard {
				position: absolute;
				left: 0;
				top: 0;
				width: 170px;
				height: 195px;
				background: url(../Images/WebLayout/billboardTitle.png) 50% 0 no-repeat #56C4C2;
				border: 1px solid #56C4C2;				
		}
		#billboard a {
				color: #808080;
		}
		#billboard div.more {
				position: absolute;
				right: 30px;
				top: 6px;
				width: 25px;
				height: 11px;
		}		
		#billboard div.more a{
				display: block;
				width: 25px;
				height: 11px;	
				background: url(../Images/WebLayout/more.png) top left no-repeat;				
		}		
		#billboard img.secondaryIcon {
				position: absolute;
				right: 2px;
				top: 26px;
				width: 40px;
				height: 40px;
		}
		#billboard table {
				margin-top: 25px;
				width: 170px;
				height: 170px;

				background: #ffffff;
		}
		#billboard tr.billboardTr1 {
				height: 60px;
		}
		#billboard tr.billboardTr1 a {
				display: block;
				line-height: 1.2;
		}
		#billboard tr.billboardTr2 {
				height: 20px;
		}		
		#billboard tr.billboardTr2 td {
				border-top: 1px dotted #95DAD9;
		}
		#billboard tr.billboardTr2 img {
				vertical-align:middle; /*垂直置中對齊*/ 
		}		
		#billboard tr.billboardTr2 a {
				margin-left: 10px;
		}
		/* billboard 樣式設定結束
		-------------------------------------------------------------------*/	
		/* lastestProduct 樣式設定開始
		-------------------------------------------------------------------*/
		#lastestProduct {
				position: absolute;
				left: 0;
				top: 205px;
				width: 170px;
				height: 195px;
				background: url(../Images/WebLayout/lastestProductTitle.png) 50% 0 no-repeat #56C4C2;
				border: 1px solid #56C4C2;					
		}
		#lastestProduct a {
				color: #808080;
		}
		#lastestProduct div.more {
				position: absolute;
				right: 30px;
				top: 6px;
				width: 25px;
				height: 11px;
		}		
		#lastestProduct div.more a{
				display: block;
				width: 25px;
				height: 11px;	
				background: url(../Images/WebLayout/more.png) top left no-repeat;				
		}			
		#lastestProduct img.secondaryIcon {
				position: absolute;
				right: 2px;
				top: 26px;
				width: 40px;
				height: 40px;
		}
		#lastestProduct table {
				margin-top: 25px;
				width: 170px;
				height: 170px;
				background: #ffffff;
		}	
		#lastestProduct tr.lastestProductTr1 {
				height: 100px;
		}
		#lastestProduct tr.lastestProductTr1 td.productName {
				padding-top: 10px; /*垂直向下對齊*/ 
		}		
		#lastestProduct tr.lastestProductTr1 a {
				display: block;
				line-height: 1.2;
		}
		#lastestProduct tr.lastestProductTr2 {
				height: 20px;
		}		
		#lastestProduct tr.lastestProductTr2 td {
				border-top: 1px dotted #95DAD9;
		}
		#lastestProduct tr.lastestProductTr2 img {
				vertical-align:middle; /*垂直置中對齊*/ 
		}		
		#lastestProduct tr.lastestProductTr2 a {
				margin-left: 10px;
		}		
		/* lastestProduct 樣式設定結束
		-------------------------------------------------------------------*/	
		/* monthlySpecialOffer 樣式設定開始
		-------------------------------------------------------------------*/
		#monthlySpecialOffer {
				position: absolute;
				right: 0;
				top: 0;
				width: 160px;
				height: 195px;
				background: url(../Images/WebLayout/monthlySpecialOfferTitle.png) 50% 0 no-repeat #56C4C2;
				border: 1px solid #56C4C2;					
		}
		#monthlySpecialOffer a {
				display: block;
				color: #808080;
		}
		#monthlySpecialOffer div.more {
				position: absolute;
				right: 30px;
				top: 6px;
				width: 25px;
				height: 11px;
		}		
		#monthlySpecialOffer div.more a{
				display: block;
				width: 25px;
				height: 11px;	
				background: url(../Images/WebLayout/more.png) top left no-repeat;				
		}			
		#monthlySpecialOffer img.secondaryIcon {
				position: absolute;
				right: 2px;
				top: 26px;
				width: 40px;
				height: 40px;
		}
		#monthlySpecialOffer table {
				margin-top: 25px;
				width: 160px;
				height: 170px;
				background: #ffffff;
		}	
		#monthlySpecialOffer tr.monthlySpecialOfferTr1 {
				vertical-align:top; /*垂直向上對齊*/ 
				text-align: center;
		}	
		#monthlySpecialOffer tr.monthlySpecialOfferTr2 {
				height: 50px;
				background: url(../Images/WebLayout/3x3E6E6E6.gif);
		}	
		#monthlySpecialOffer tr.monthlySpecialOfferTr2 td {
				text-align: center;
		}
		#monthlySpecialOffer tr.monthlySpecialOfferTr2 p {	
				font-size: 80%;
				letter-spacing: 0em;
		}		
		#monthlySpecialOffer tr.monthlySpecialOfferTr2 span.discount {			
				color: #ED328B;
		}
		/* monthlySpecialOffer 樣式設定結束
		-------------------------------------------------------------------*/	
		/* weeklySpecialOffer 樣式設定開始
		-------------------------------------------------------------------*/
		#weeklySpecialOffer {
				position: absolute;
				right: 0;
				top: 205px;
				width: 160px;
				height: 195px;
				background: url(../Images/WebLayout/weeklySpecialOfferTitle.png) 50% 0 no-repeat #56C4C2;
				border: 1px solid #56C4C2;						
		}
		#weeklySpecialOffer a {
				display: block;		
				color: #808080;
		}
		#weeklySpecialOffer div.more {
				position: absolute;
				right: 30px;
				top: 6px;
				width: 25px;
				height: 11px;
		}		
		#weeklySpecialOffer div.more a{
				display: block;
				width: 25px;
				height: 11px;	
				background: url(../Images/WebLayout/more.png) top left no-repeat;				
		}			
		#weeklySpecialOffer img.secondaryIcon {
				position: absolute;
				right: 2px;
				top: 26px;
				width: 40px;
				height: 40px;
		}
		#weeklySpecialOffer table {
				margin-top: 25px;
				width: 160px;
				height: 170px;
				background: #ffffff;
		}	
		#weeklySpecialOffer tr.weeklySpecialOfferTr1 {
				vertical-align:top; /*垂直向上對齊*/ 
				text-align: center;
		}	
		#weeklySpecialOffer tr.weeklySpecialOfferTr2 {
				height: 50px;
				background: url(../Images/WebLayout/3x3E6E6E6.gif);
		}	
		#weeklySpecialOffer tr.weeklySpecialOfferTr2 td {
				text-align: center;
		}
		#weeklySpecialOffer tr.weeklySpecialOfferTr2 p {	
				font-size: 80%;
				letter-spacing: 0em;
		}		
		#weeklySpecialOffer tr.weeklySpecialOfferTr2 span.discount {			
				color: #ED328B;
		}		
		/* weeklySpecialOffer 樣式設定結束
		-------------------------------------------------------------------*/			
	/* secondary 樣式設定結束
	-------------------------------------------------------------------*/	
	/* third 樣式設定開始
	-------------------------------------------------------------------*/
	#third {
			position: absolute;
			right: 0;
			top: 420px;
			width: 340px;
			height: 195px;
			
	}
	#ad {
			width: 100%;
			height: 100%;
	}
	#ad a {
			text-decoration: none;
	}
	#ad img {
			border: 0;
	}
	/* third 樣式設定結束
	-------------------------------------------------------------------*/	
/* container 樣式設定結束
-------------------------------------------------------------------*/