html, body {
	margin: 0 ;
	height: auto;
	overflow-x: hidden;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;	
	}

#Wrapper { 
	width:100%; 
	height:auto; 
	margin:0 auto;
	}

img{ border:0}

::selection { background:#666666; color:#fff;}
::-moz-selection { background:#666666; color:#fff;}
::-webkit-selection { background:#666666; color:#fff;}

.header{
	width:100%;
	height:auto;
	max-width:1024px;
	margin:0 auto;
	text-align:center;
	padding:15px 0 5px 0;
	}
	
	
	
/* 主選單 */
ul.nav-list {
	width:100%;
	list-style-type: none;
	text-align:center; 
	display:inline-block;
	font-size:12px;
	margin:0 0 0 30px;
	padding:15px 0 30px 0;		
	} 
	ul.nav-list li{
	color:#c5c5c5; 
	line-height:160%;
	display:inline;
	letter-spacing:1px;
	font: 700 18px 'Open Sans Condensed','Arial Narrow','Helvetica Narrow',arial,helvetica,sans-serif;
	} 
	ul.nav-list li a:link {
		color:#4e4e4e;
		text-decoration: none;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-ms-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;	
		}
	ul.nav-list li a:visited {color:#4e4e4e;} 
	ul.nav-list li a:hover {color:#4cb818;}
	
	ul.nav-list li:after {
	content: "│";
	display:inline; 
	margin:0 22px 0 24px;
	
	}
	ul.nav-list li:last-child{ 
	color: transparent;
	margin:0 ;
	}
	
/*phone menu*/
.menu{	display:none;}
.mobile-menu-icon,
.pop-menu-icon {
	margin:0;
	padding:0;
	position:fixed;
	right:22px;
	top:25px;
	z-index:9999;
	}
.sub-nav {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;	
	display:block;
	padding:0;
	position:relative;
	}
.full-height{ height:100%;}	

 @media screen and (max-width: 900px) {
	.menu{	
		display:block;
		width:100%;
		background: #222222;
		}
	.mobile-menu-icon, .pop-menu-icon {
		right: 25px;
		top: 35px;
		z-index: 9999;
		cursor:pointer;	
		}
	ul.category-list { 
		width: 100%;
		margin: 30% auto 0 auto;
		padding: 0 0 0 30%;
		list-style-type: none;
		}	
	ul.category-list li {
		width:100%;
		font-size:14px;
		letter-spacing:1px;
		padding:12px 0 ; 
		text-align:left;
		}		  
	ul.category-list li a:link , 
	ul.category-list li a:visited {
		color:#ffffff;
		text-decoration: none;
		text-transform: uppercase;
		}
	ul.category-list h3{
		font-size:16px;
		letter-spacing:1px;
		color:#999999;
		margin:15px 0 10px 0;
		text-transform: uppercase;
		}	
	.mobile-list{ 
		display:none;
		width:100%;
		position:fixed;
		top:0; 
		z-index:9999;
		}
	.full-height {
		height: 100%;
		background: #222222;
		}
}
/*phone menu end*/

						
/* footer */				
.footer{
	width:100%;
	height:auto;
	background-color:#fafafa;
	font-size:13px;
	color:#9f9f9f;
	text-align:center;
	float:left;
	padding:20px 0;
	margin:36px 0 0 0;
	}
	.footer img{ vertical-align:middle; margin:0 10px 0 0;}	 
	.footer .HsLogo	{ vertical-align:middle; margin:14px 2% 0 0; float:right;}		 

@media screen and (max-width: 900px) {
    .header{padding:3px 0 5px 0; text-align:left; }
	ul.nav-list{ display:none;}
    .PhoneBtns{ display:block; }
    ul#PhoneNav { display:block;}
}

				
@media screen and (max-width: 768px) {	
		.find .tech-banner h3{ 
			 top:auto;
			 bottom:35%;
			 left:67px;
		}			
}

@media screen and (max-width: 650px) {
	 .footer .HsLogo { display:none; }
}

@media screen and (max-width: 600px) {	
	.find .tech-content ul { width: 80%; margin:20px 0 0 0;	}
    .find .tech-content .content-pic {   width: 80%;}	
}


@media screen and (max-width: 560px) {
		.find .tech-banner img:nth-of-type(2){ display:block;}
		.find .tech-banner img:nth-of-type(1){ display:none;}	
		
		.find .tech-banner h3{ 
			 top:auto;
			 bottom:40%;
		     }	
			 .find.show .tech-content ul{ 
			   width:auto;
			   text-align:left;
			   margin:20px auto;		   
			   }
			   .find.show .tech-content .content-pic{ 	
					width:80%;  
					 }
			 
			 
}

.product-area{
	display:block;
	width:100%;
	max-width:850px;
	vertical-align:top;
	text-align:left;
	margin:5% auto;
	}
.product-category{
	display: block;
	width: 100%;
	margin: 10px 0;
	}
.product-category ul{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 0 5px;
	}
.product-category ul li{
	display: inline-block;
	margin:5px 0 5px 5px;
	}
.product-category ul li span,	
.product-category ul li a{
	display: block;
	padding:5px 20px;
	color: #222222;
	font-size: 14px;
	background-color: #ffffff;
	border-radius: 6px;
	border:1px solid #dddddd;
	text-decoration: none;
	}
.product-category ul li a:hover{
	background-color: #f7f7f7;
	}
.product-category ul li span{
	color: #32ac01;	
	border:1px solid #91c57b;
	}

/* product-area Product img */
.product-details {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:block;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		}
ul.product-images{
		display:block;
		padding:0;
		margin:0;
		list-style-type:none;
		}  
.product-details .product-images {
	  width:100%;
	  max-width:850px;
	  }
	  
.product-details .product-images > li{
	  /* 小圖寬 */
	  display:inline-block;
	  width:94px;
	  height: product-dimenstions(94px);
	  overflow: hidden;
	  margin:5px 5px 0 0;
	  padding:5px;
	  outline:1px solid #f0f0f0;
	  }	 
.product-details .product-images > li:hover{
	  outline:1px solid #666666;
	  }	  
.product-details .product-images > li.preview {
	  width: 100%;
	  height: auto;
	  margin: 0 0 10px 0;
	  padding:0;
	  outline:0;	  
	  }
.product-details .product-images img {
	  width: 100%;
	  }	    
/* product-area Product img end */
@media screen and (max-width: 640px) {
.product-details .product-images > li a{
	cursor:default;
	}	 
.product-details .product-images > li:hover{
	outline:0;
	}	  
.product-content h1{
	font-size:27px;
	}	
.product-details .product-images > li.preview {
	display:none;	  
	}
.product-details .product-images > li{
	width: 100%;
    height: auto;
	margin: 0 0 10px 0;
	padding:0;
	outline:0;
	}	 
.product-area{
	width:90%;
	padding:5% 5% 0 5%;
	}
 
}
@media screen and (max-width: 480px) {
	
.product-content {
    width: 84%;
    padding:8% 8% 0 8%;
}
	
.product-area{
	width:95%;
	padding:2.5%;
	}	
}

/* prroduct detail end */