@charset "utf-8";
/* CSS Document */

/*產品列表*/
.productsList {
	min-height: 880px;
}

.productsList .productsListImgBox {
	float: left;
	width: 192px;
	color: #333;
	margin: 10px 0 15px 32px;
	text-align: center;
}

.productsList .productsListImgBox .productsListImg {
	border: 3px solid #EAEAEA;
	margin: 7px 0;
	padding: 3px;
}


/*產品內頁*/
.productsDetail {color: #242424;}

.productsDetail .productsPhoto {
	padding: 3px;
	border: 5px solid #F2F2F2;
	margin: 10px 10px 20px 30px;
	width: 350px;
	height: 350px;
}

.productsDetail .productsIntroduction {
	margin: 0 30px;
	padding-bottom: 30px;
}

.productsDetail .productsRight {
	float: right;
	width: 270px;
	margin: 2px 22px 5px 0;

}
.productsDetail .productsRight .pdrTopDetail {
	height: 330px;
}


/*諮詢按鈕區*/
.productsDetail .productsRight .pdrButtonBg {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #EEE;
	height: 80px;
}
.productsDetail .productsRight .pdrButtonBg .button {
	font-size: 12px;
	color: #5A5A5A;
	line-height: 24px;
	text-align: center;
	float: left;
	background-color: #F0F0F0;
	border: 1px solid #DBDBDB;
	padding: 0 7px;
	margin: 5px;
	display: block;
}

/*更多產品*/

.productsDetail .productsMore {	margin: 0 26px 0 24px;}
.productsDetail .productsMore ul {
	margin-top: 22px; 
}
.productsDetail .productsMore ul li {
	float: left;
}
.productsDetail .productsMore ul li .productsBox {
	width: 100px;
	text-align: center;
	margin: 6px 11px;
	font-size: 12px;
}

.productsDetail .productsMore ul li img {
	border: 3px solid #EAEAEA;
	margin: 5px 0;
	padding: 3px;
}
.productsDetail .productsMore .productsArrow {
	background-image: url(../images/all/Before_After.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 50px;
	display: block;
	margin-top: 43px;
	cursor:pointer;
}
.productsDetail .productsMore .productsArrowBefore {
	background-position: -64px  -50px;
	float: left;
}
.productsDetail .productsMore .productsArrowAfter {
	background-position: -68px 0;
	float: right;
}
.productsDetail .productsMore .productsArrowBefore:hover {
	background-position: -13px -50px;
}
.productsDetail .productsMore .productsArrowAfter:hover {
	background-position: -17px 0px;
}