/*-------------------------------------------------------------------
樣式表用途：GINI.TW網站通用基本樣式表
作者：Chudapi 
信箱：chudapi@gmail.com
-------------------------------------------------------------------*/

/* 基本樣式設定開始
-------------------------------------------------------------------*/
* {
		/* 使用通用選擇器設定將所有元素 */
		margin: 0;
		padding: 0;
		font-size: 100%;
}
body {
		margin: 0;
		padding: 0;
		font-size: 75%;
		font-family: Arial, Helvetica, sans-serif, Verdana;
		text-align: center; /* 設定置中對齊 防止IE5錯誤 */
		line-height: 1.4;
		/*color: #333333;*/
		background: #ffffff;	
}
p {
		/*\*/
		letter-spacing: 0.1em;
		/**/
}
li {
		/*\*/
		letter-spacing: 0.1em;
		/**/
}
img {
		border-style: none;
		border-color: inherit;
		border-width: 0;
}
a {
		text-decoration: none;
		background: none;
}

/* 基本樣式設定結束
-------------------------------------------------------------------*/
/* WRAPPER 樣式設定開始
-------------------------------------------------------------------*/
#wrapper {
		margin: 0 auto; /* 設定為自動調整邊界 */
		width: 950px; /* 統一整個版面的寬度 */
		/*height: 800px;*/ 
		text-align: left; /* 設定靠左對齊 不使用body指定的屬性 */
}
/* WRAPPER 樣式設定結束
-------------------------------------------------------------------*/
/* HEADER 樣式設定開始
-------------------------------------------------------------------*/
#header {
		position: relative;
		z-index: 100;
		width: 100%;
		height: 150px;
}

	/* LOGO 樣式設定開始
	-------------------------------------------------------------------*/
	#logo {
			width: 260px;
			height: 85px;
			background: url(../Images/WebLayout/logo.png) left top no-repeat;			
	}
	#logo a {
			width: 260px;
			height: 85px;
			display: block;
			text-decoration: none;
	}
	#logo a img {
			border: 0;
	}
	/* LOGO 樣式設定結束
	-------------------------------------------------------------------*/
	#special {
			position: absolute;
			top: 2px;
			left: 185px;
			z-index: 300;
			width: 67px;
			height: 78px;
			background: url(../Images/WebLayout/snow-s.png) left top no-repeat;
	}
	/* MYCART 樣式設定開始
	-------------------------------------------------------------------*/
	#myCart {
			position: absolute;
			left: 460px;
			top: 20px;
			width: 180px;
			height: 50px;
			/*background: #333333;*/	
	}
	#myCart th a {
			width: 60px;
			height: 50px;
			display: block;
			text-decoration: none;		
			background: url(../Images/WebLayout/MyCartIcon.png) left top no-repeat;				
	}
	#myCart td {
			padding-left: 5px;
			width: 110px;
			/*background: #cccccc;*/			
	}	
	#myCart p {
	}
	#myCart a {
			color: #0071BC;
	}
	#myCart a:hover {
			color: #29ABE2;
	}		
	#myCart ul {
			list-style: none;
			height: 100%;
			display: block;		
	}
	#myCart li {
			float: left;
			/*\*/
			letter-spacing: 0em;
			/**/
	}	
	/* MYCART 樣式設定結束
	-------------------------------------------------------------------*/	
	/* MYACCOUNT 樣式設定開始
	-------------------------------------------------------------------*/
	#myAccount {
			position: absolute;
			left: 280px;
			top: 20px;
			width: 180px;
			height: 50px;			
			/*background: #666666;*/
	}
	#myAccount th a {
			width: 60px;
			height: 50px;
			display: block;
			text-decoration: none;		
			background: url(../Images/WebLayout/MyAccountIcon.png) left top no-repeat;				
	}	
	#myAccount td {
			padding-left: 5px;
			width: 110px;
			/*background: #cccccc;*/
	}
	#myAccount p {
	}
	#myAccount a {
			color: #0071BC;
	}
	#myAccount a:hover {
			color: #29ABE2;
	}		
	#myAccount ul {
			list-style: none;
			height: 100%;
			display: block;		
	}
	#myAccount li {
			float: left;
			/*\*/
			letter-spacing: 0em;
			/**/			
	}		
	/* MYACCOUNT 樣式設定結束
	-------------------------------------------------------------------*/			
	/* SEARCH 樣式設定開始
	-------------------------------------------------------------------*/
	#search {
			position: absolute;
			right: 0;
			/*top: 30px; 有headerMenu3*/
			top: 38px;
			width: 270px;
			height: 30px;
			background: url(../Images/WebLayout/searchBg.png) left top no-repeat;
	}	
	#search input.searchText {
			position: absolute;
			left: 63px;
			top: 8px;
			width: 165px;
			height: 15px;
			border: 0;
			background: #ffffff;			
	}
	#search input.searchSubmit {
			position: absolute;			
			right: 0;
			top: 2px;
			cursor: pointer;			
			margin-left: 15px;
			width: 34px;
			height: 25px;
			border: 0;
			background: url(../Images/WebLayout/searchSubmit.png) left top no-repeat;			
	}
	/* SEARCH 樣式設定結束
	-------------------------------------------------------------------*/
	/* HEADERMENU1 樣式設定開始
	-------------------------------------------------------------------*/
	#headerMenu1 {
			z-index: 300;
			position: absolute;
			top: 85px;
			left: 0;
			width: 950px;
			height: 30px;
			border: 0;
			background: url(../Images/WebLayout/headerMenu1Bg.png) left top no-repeat;			
	}	
	#menuTitle {
			height: 30px;
			background-position: 0 0;
	}		
		#ctl00_menu1News  {	
				background-position: -100px 0;		
		}
		#ctl00_menu1News:hover {
				cursor: default;	
				background-position: -100px -30px;						
		}	
		#myslidemenu ul li.newsStay  {
				cursor: default;	
				background-position: -100px -60px;					
		}				
		#ctl00_menu1Product  {
				background-position: -200px 0;			
		}	
		#ctl00_menu1Product:hover {
				cursor: default;	
				background-position: -200px -30px;		
		}	
		#myslidemenu ul li.productStay  {
				cursor: default;	
				background-position: -200px -60px;					
		}							
		#ctl00_menu1CleaningSale  {
				background-position: -300px 0;	
		}	
		#ctl00_menu1CleaningSale:hover {
				cursor: default;	
				background-position: -300px -30px;	
		}	
		#myslidemenu ul li.cleaningSaleStay  {
				cursor: default;	
				background-position: -300px -60px;					
		}				
		#ctl00_menu1Expert {
				background-position: -400px 0;	
		}	
		#ctl00_menu1Expert:hover {
				cursor: default;	
				background-position: -400px -30px;	
		}		
		#myslidemenu ul li.expertStay  {
				cursor: default;	
				background-position: -400px -60px;					
		}				
		#ctl00_menu1TestReport {	
				background-position: -500px 0;	
		}	
		#ctl00_menu1TestReport:hover {
				cursor: default;	
				background-position: -500px -30px;	
		}	
		#myslidemenu ul li.testReportStay  {
				cursor: default;	
				background-position: -500px -60px;					
		}			
		#ctl00_menu1Service {
				background-position: -600px 0;	
		}	
		#ctl00_menu1Service:hover {
				cursor: default;	
				background-position: -600px -30px;	
		}					
		#myslidemenu ul li.serviceStay  {
				cursor: default;	
				background-position: -600px -60px;					
		}				
	/* HEADERMENU1 樣式設定結束
	-------------------------------------------------------------------*/	
	/* HEADERMENU2 樣式設定開始
	-------------------------------------------------------------------*/
	#headerMenu2 {
			position: absolute;
			left: 0;
			top: 115px;
			/*width: 220px;*/
			width: 950px;
			height: 35px;
			background: url(../Images/WebLayout/brandMenu.png) 0 0 no-repeat;
	}
	#brandnav {
			position: absolute;
			left: 181px;
			top: 2px;
			width: 210px;
			height: 28px;
			list-style: none;
	}
	#brandnav li {
			float: left;
			margin: 0 11px;
			width: 47px;
	}		
	#brandnav a {
			display: block;	
			overflow: hidden;
			width: 100%; /* 使IE6正常顯示 */
			height: 0 !important;
			height /**/: 28px;
			padding-top: 28px;	
			/* for IE */
			filter:alpha(opacity=60);
			/* CSS3 standard */
			opacity:0.6;				
	}
	#drbone a {
			background: url(../Images/WebLayout/optionDrbone.png) 0 0 no-repeat;
	}
	#hih a {
			background: url(../Images/WebLayout/optionHih.png) 0 0 no-repeat;
	}
	#badog a {
			background: url(../Images/WebLayout/optionBaddog.png) 0 0 no-repeat;
	
	}
	#sub {
			position: absolute;
			left: 415px;
			top: 8px;
			width: 530px;
	}
	#sub ul {
	list-style-type: none;
	}
	#sub li {
			float: left;
			margin-right: 4px;
	}
	#sub a {
			color: #000;
	}
	#sub a:hover {
			color: #666;
	}
	#subselect {
			
	}
	#subdrbone, #subhih, #subbadog {
		display: none;
	}

	/* HEADERMENU2 樣式設定結束
	-------------------------------------------------------------------*/		
	/* HEADERMENU3 樣式設定開始
	-------------------------------------------------------------------*/
	#headerMenu3 {
			position: absolute;
			right: 0;
			top: 5px;
			height: 20px;
	}
	#headerMenu3 a {
			color: #808080;
	}              
	#headerMenu3 a:hover {
			color: #56C4C2;
	}	
	#headerMenu3 ul {
			list-style: none;
			height: 100%;
			display: block;	
	}
	#headerMenu3 li {
			float: left;	
	}	
	/* HEADERMENU3 樣式設定結束
	-------------------------------------------------------------------*/				
/* HEADER 樣式設定結束
-------------------------------------------------------------------*/
/* FOOTER 樣式設定開始
-------------------------------------------------------------------*/
#footer {
		position: relative;
		width: 100%	;
		height: 95px;
		clear: both;
		text-align: center;	
}
	/* FOOTERMENU 樣式設定開始
	-------------------------------------------------------------------*/
	#footerMenu {
			position: absolute;
			left: 0;
			top: 20px;
	}
	#footerMenu a {
			color: #808080;
	}
	#footerMenu a:hover {
			color: #56C4C2;
	}	
	#footerMenu ul {
			list-style: none;
			height: 100%;
			display: block;		
	}
	#footerMenu li {
			float: left;
	}
	/* FOOTERMENU 樣式設定結束
	-------------------------------------------------------------------*/	
	#qImage {
			position: absolute;
			top: 20px;
			right: 0;
			width: 350px;
			text-align: right;
	}
	#qImage span {
			float: right;
	}
	/* CONTACT 樣式設定開始
	-------------------------------------------------------------------*/
	#contact {
			position: absolute;
			left: 0;
			top: 45px;
	}
	#contact h3 {
			font-weight: normal;	
	}
	/* CONTACT 樣式設定結束
	-------------------------------------------------------------------*/		
	/* COPYRIGHT 樣式設定開始
	-------------------------------------------------------------------*/
	#copyright {
			position: absolute;
			left: 0;
			top: 60px;
	}
	#copyright h6 {
			font-weight: normal;
	}
	#copyright a {
			color: #0071BC;
	}	
	#copyright a:hover {
			color: #A49568;
	}
	/* COPYRIGHT 樣式設定結束
	-------------------------------------------------------------------*/	
/* FOOTER 樣式設定結束
-------------------------------------------------------------------*/