html, body {
	margin: 0 ;
	height: auto;
	overflow-x: hidden;
	}

#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;
	}
	
.main-content{
	width:100%;
	height:auto;
	max-width:958px;
	margin:0 auto 5px auto;
	}
	.main-content .pic{	width:100%;	}
	.Spic{ display:none;}
	
/* 主選單 */
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;		
	} 
	ul.nav-list li{
	color:#c5c5c5; 
	line-height:160%;
	display:inline;
	font-size:14px;
	letter-spacing:2px;
	} 
	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選單 */
.PhoneBtns{
	  width:auto;
	  height:auto;
	  cursor:pointer;
	  top:0;
	  right:0;
	  position:absolute;
	  margin:19px 15px 0 0;
	  z-index:9999;
	  display:none;
	 }
	 
ul#PhoneNav {
	display:none;
    list-style: none;  
	width:100%;
    text-align:center;
	padding:0;
    margin:0;
	font-size:14px;
	background-color:#EFEFEF;	
    text-shadow: 1px 1px 1px #FFFFFF;
    text-decoration: none;
	position:absolute;
	z-index:9999;
    }
	ul#PhoneNav li {
	  width:100%;
	  border-top:1px solid #E5E5E5;
	  border-left:1px solid #E5E5E5;  
	  float:left;
	  height:auto;
	  margin:0 0 0 -1px;
	  }
	#PhoneNav li a {
	  color:#4e4e4e;
	  display: block;
	  padding: 12px;
	  text-decoration: none;
	  background-image: -moz-linear-gradient(top, #FFFFFF, #EFEFEF);
	  background-image: -ms-linear-gradient(top, #FFFFFF, #EFEFEF);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EFEFEF));
	  background-image: -webkit-linear-gradient(top, #FFFFFF, #EFEFEF);
	  background-image: -o-linear-gradient(top, #FFFFFF, #EFEFEF);
	  background-image: linear-gradient(top, #FFFFFF, #EFEFEF);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF', GradientType=0);
	 }

.find{
	width:100%;
	max-width:958px;
	height:auto;
	font-size:16px;
	color:#fff;	
	margin:0 auto;
    }
    .find .tech-banner{
		width: 100%;
		height:100%;	
		cursor: pointer;
		font-family:Arial, Helvetica, sans-serif;		
		display: block;		
		position:relative;
		margin:5px 0 0 0;
     	}		
		.find .tech-banner h3{ 
			 height:auto;
			 font-size:27px;
			 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			 color:#fff;
			 text-transform:uppercase;
			 font-weight:normal;
			 letter-spacing:1px;			 
			 margin:0;
			 padding:0;
			 top:40%;
			 left:67px;
			 position:absolute;
			 z-index:2;
		}
		.find .tech-banner img{ width: 100%; }
		.find .tech-banner img:nth-of-type(1){ display:block;}
		.find .tech-banner img:nth-of-type(2){ display:none;}
		.find .tech-content{
			 width:100%;
			 font-size:16px;
			 text-align:center;
			 color:#222;
			 padding:20px 0;
			 vertical-align:top;
			 display:none;
			 }

		.find.show .tech-content{ display: block; }		
			 .find .tech-content ul{ 
			   width:36%;
			   height:auto;
			   text-align:left;
			   margin:60px 0 0 0;
			   vertical-align:top;
			   display:inline-block;		   
			   }
			 .find .tech-content ul li{ 
			    color:#CCC;
			    padding:0; 
				margin:0 0 10px;
				line-height:150%;				
				}

			   .find .tech-content ul li:last-child{ margin:0 0 30px;}
				
				.find .tech-content ul li span{ color:#989898; }
				.find .tech-content .content-pic{ 	
					width:50%;  
					height:auto;
					display:inline-block;
					 }
				.find .tech-content .content-pic img{ 	width:100%; max-width:460px; }
				
				.find .tech-content h4{
					font-size:18px;
					text-align:left;
					margin: 10px 0 15px -20px;
					color: #333333;					
					}
					.find .tech-content hr{
						width:90%;
						border:0;
						height:1px;
						background-color:#ccc;	
						margin:0 auto;		
						}
					
		
/* 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%;  
					 }
			 
			 
}


@media screen and (max-width: 516px) {
	        .pic{ display:none;}
	        .Spic{ display:block; width:100%;}
				
}