.product-list {
    margin: 0 30px -50px;
}
.product-list .item {
    /* width: 30%; */
    padding: 0 15px;
    /* margin: 0 auto; */
    /* text-align: center; */
   
}
.product-list .item a {
    max-width: 340px;
    margin: 0 auto 50px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    text-align: center;
    background-color: #fff;
    position: relative;
	font-size: 16px;
}
.product-list .item a:hover {
  /*  border-color: #C4977B;*/
}
.product-list .item a:hover:before {
    content: "";
    background: rgba(202,159,135,0.6) url(../images/index/product_hover.png) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.product-name {
   font-size: 18px;
    color: #373737;
    line-height: 1.2;
    font-weight: bold;
   
}

.product-name:before {
  background:url(../images/products/titile01.png) no-repeat;
  display: inline-table;
  /* position: absolute; */
  width: 20px;
  height: 20px;
  content:'';
  /* left: 30px; */
  float: left;
  margin: auto;
  padding: 4px;
}
.intro-table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    width: 100%;
    margin: 20px 0;
}
.intro-table tr {
    border-bottom: 1px solid #ddd;
}
.intro-table th {
    color: #FF732F;
    width: 70px;
    text-align: left;
}
.intro-table th,
.intro-table td {
    padding: 5px;
    vertical-align: top;
}

.ed {
	    padding: 20px;
		 margin: auto;
}
	

.gallery {
    margin-bottom: 60px;
}
.stage {
     float: left;
    width: 61.3%;
    background: url(../images/products/title_border.jpg) 100% 0 repeat-y;
    padding-right: 2%;
}
.gallery .txt {
    float: right;
    width: 34%;
}
.thumbnails {
    margin-top: 9%;
}
.thumbnails ul {
    margin: -2% -1% 0;
}
.thumbnails ul li {
    width: 50%;
    padding: 2.3% 1% 0;
}
.thumbnails a {
     content: "";
    background: rgba(255,255,255,0.6) url(../images/index/about_hover.png) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.4;
 -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
.thumbnails a:hover,
.thumbnails li.active a {
    opacity: 1;
}
.product-name {
   font-size: 18px;
    color: #373737;
    line-height: 1.2;
    font-weight: bold;
}
.detail-title {
    position: relative;
    text-align: center;
    line-height: 20px;
    padding:10px;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 50px;
    background:url(../images/products/detail.jpg);
	 border-radius: 5px;
}

.detail-title span {
     display: inline-block;
    /* border: solid #D6D6D6; */
    border-width: 0 1px;
    font-size: 18px;
    font-family: 微軟正黑體;
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width: 1200px) {
    .product-list .item {
        width: 50%;
    }
}
@media screen and (max-width: 640px) {
    .stage,
    .gallery .txt {
        float: none;
        width: auto;
    }
    .stage {
        border-right: 0;
        padding-right: 0;
        padding-top: 10px;
    }
    .thumbnails {
        margin-top: 20px;
    }
    .thumbnails ul {
        margin: 0 -5px;
    }
    .thumbnails ul li {
        width: 33.33%;
        padding: 10px 5px 0;
    }
}
@media screen and (max-width: 600px) {
    .product-list .item {
        width: auto;
        float: none;
    }
    .product-list .pic {
        height: auto;
    }
    .product-list .product-name {
        white-space: normal;
    }
}
@media screen and (max-width: 479px) {
    .intro-table tr,
    .intro-table th,
    .intro-table td {
        display: block;
    }
    .intro-table tr {
        padding: 5px;
    }
    .intro-table th,
    .intro-table td {
        padding: 0;
    }
}