/*
  *{
 border: 1px solid #000;
} 
*/
.listbox .item{
  width: 100%;
  height: auto;
}
body{
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}
.products{
	max-width: 1600px;
	margin-bottom: 50px;
}
header, .products, footer{
  margin-left: auto;
  margin-right: auto;
	
}
h1,h2,h3,h4,h5,h6,p,ul{
  margin: 0px;
  padding: 0px;
  font-family: '微軟正黑體', sans-serif;
}
/*header{
  height: 580px;
}*/

.top_bg_logo{
  width: 110%;
  margin-top:80px;
  /*margin-left: 80px;*/
  text-align:center;
  margin-left: auto;
  margin-right: auto;
}
.carousel {
 margin-top:50px;
 height: auto;
}
.item img{
  width: 100%;
}

/*--產品--*/
section.products .container{
	width: 100%;
	flex-direction: row;
/*	justify-content: space-between;*/	
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

section.products .row{	
	flex-direction: row;
/*	justify-content: space-between;*/
	justify-content: space-around;
	position: relative;  
	display: flex; 

}
/*
.boxs{
	margin-left: auto;
	margin-right: auto;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
	display: flex;
}
*/
.box, .box2{	
	display: inline-block;
	border-radius: 10px;  /*圓角*/
	margin-left: auto;
 	margin-right: auto;
	margin-bottom: 30px;
	background-color: #fff;
	box-shadow: 0px 0px 25px rgb(0,0,0,0.3);
	transition: 0.5s;
/*	box-shadow: 5px 5px 5px #999999;*/
}
.box{
	width: 47%;	
}
.box2{
	width: 28.5%;	
}
.box img, .box2 img{
  width: 100%;  	
/* border-bottom: solid 2px #888;*/
}
.box:hover, .box2:hover{
	box-shadow: 5px 5px 50px rgb(0,0,0,0.4);
	transform: translate(-5px,-5px);
}
.products img{
  width: 100%;
/*  border-radius: 10px;*/
}
/*
.products img:hover{
  
	box-shadow: 0px 0px 0px red;
	border-color: red;

  border-style: solid;
  border-width: 3px ;
}
*/
.products h3{
	margin-top:50px;
	margin-bottom: 30px;
	margin-left: 20px;
}
.products ul{
  list-style-type: none;
}

.box h5, .box2 h5{
	font-size: 24px;
  	line-height: 1.2;
	letter-spacing: 2px;
  	margin-top: 15px;
  	margin-bottom: 20px;
  	text-align: center;
/*	border: 1px solid #111111;  */
	color: #111111;
}
/*--產品--*/

/*
.well,.row{
  padding: 0px;
  margin-bottom: 30px;
  background-color:white;
  border:0px;
  border-radius: 0px;
}
.well img{
	width: 100%; 	
}
*/

/* old
.welltechnique-btn,
.wellnews-btn,
.wellabouts-btn{
  font-size: 24px;
  font-family: 'Noto Sans TC', sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  width: 160px;
  text-decoration: none;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 20px;
}
.welltechnique-btn{
  color: #000066;
  
}
.welltechnique-btn:hover{
  background-color: #dcdddd;
  border:1px solid #00b9ef;
  color: #111111;
  text-decoration: none;
}
.wellnews-btn{
  color: #111111;
 
}
.wellnews-btn:hover{
  background-color: #ffcccc;
 
  color: #ff064e;
  text-decoration: none;
}
.wellabouts-btn{
  color: #111111;
  
}
.wellabouts-btn:hover{
  background-color: #ccffff;
  color: #000066;
  text-decoration: none;
} */

/* .well1{
  width: 98%;
  padding-right:2%;
  padding-left: 2%;
} */


/* 另一模式
.welltechnique, .wellnews, .wellabouts{
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 280px;
  padding-bottom: 50px;
}
.welltechnique{
  background-image: url(images/index/well/technique.jpg);
}
.wellnews{
  background-image: url(images/index/well/news.jpg);
}
.wellabouts{
  background-image: url(images/index/well/abouts.jpg);
}

.welltechnique .well-btn,
.wellnews .well-btn,
.wellabouts .well-btn{
  font-size: 24px;
  font-family: 'Noto Sans TC', sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  width: 160px;
  border:1px solid #ffffff;
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  border-radius: 20px;
}
.welltechnique .well-btn,
.wellabouts .well-btn{
  color: #ffffff;
}
.welltechnique .well-btn:hover{
  background-color: #dcdddd;
  //border:1px solid #00b9ef;
  color: #111111;
  text-decoration: none;
}
.wellabouts .well-btn:hover{
  background-color: #dcdddd;
  //border:1px solid #00b9ef;
  color: #000f9f;
  text-decoration: none;
}
.wellnews .well-btn{
  background-color: #dcdddd;
  color: #111111;
}
.wellnews .well-btn:hover{
  background-color: #e0bed3;
  border:1px solid #ff064e;
  color: #ff064e;
  text-decoration: none;
} */



@media screen and (min-width:993px) and (max-width: 1200px) {

}
@media screen and (min-width:769px) and (max-width: 992px) {

}
@media screen and (min-width:481px) and (max-width: 768px) {
	
	.products{
		margin-bottom: 0px;
	}
	section.products .row{
		flex-direction: row;
	/*	justify-content: space-between;*/
	/*	align-items: center;  */
		position: relative;  
		display: inline-block;
		max-width: 100%;
	
}
	.products h3{
    	margin-top: 30px;
    	margin-left: 20px;
  }
	.products .box,.products .box2{
    	width: 95%;
	 	margin-left: 20px;
	  	margin-right: 20px;
  }
	.boxs{
		flex-direction: row;
	/*	justify-content: space-between;*/
	/*	align-items: center;  */
		position: relative;  
		display: inline-block;
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
  
/*
  .well img{
    width: 100%;
    margin-left:auto;
    margin-right: auto;
  }
*/

}

@media screen and (max-width: 480px) {
	section.products .row{
		flex-direction: row;
	/*	justify-content: space-between;*/
	/*	align-items: center;  */
		position: relative;  
		display: inline-block;
		max-width: 100%;
	
}
	.boxs{
		max-width: 100%;
		display: inline-block;
	}
	.box h5, .box2 h5{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.box, .box2{
/*		border: 1px solid red;*/		
		width: 95%;		
		margin: 20px;  /*上下,左右*/  	
}
	.products img{
		width: 100%;
		display: block;
/*
		margin-left: 10px;
 		margin-right: 10px;
*/
}
  .products h3{
    margin-left: 20px;
  }
/*
  .products .col-xs-12{
    width: 90%;
  }
*/
/*
  .well .box2{
    width: 100%;
	  max-width: 100%;
	  display: table;
  }
*/
/*
  .well img{
    width: 100%;
    margin-left:auto;
    margin-right: auto;
  }
*/

}