@charset "utf-8";

/* CSS Document */





/*----- 產品分類頁 -----*/

.prodTitle {

	display: none;

}



.prodLeft {

	float: left;

	width: 24%;

}



.prodRight {

	float: right;

	width: 74%;

}



ul.prodSort {

	margin-bottom: -10px;

}



ul.prodSort li {

	width: 32.2%;

	display: inline-block;

	margin: 0 10px 20px 0;

	vertical-align: top;

	position: relative;

}



ul.prodSort li a {

	display: block;

}



ul.prodSort li img {

	width: 100%;

    /* CSS3淡出淡入效果,1秒 */

	-webkit-transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    -o-transition: opacity 1s ease-in-out;

    transition: opacity 1s ease-in-out;

}



ul.prodSort li img:nth-of-type(2) {

   position: absolute;

   z-index: 10;

   left: 0;

   top: 0;

}



ul.prodSort li img:nth-of-type(2):hover {

    opacity: 0; /*滑鼠滑入時，透明度變0*/

}



ul.prodSort li:nth-child(3n) {

	margin-right: 0;

}













/*----- 產品列表 -----*/

.prodBanner {

	margin-bottom: 5px;

}



.prodBanner img {

	width: 100%;

}



ul.prodList {

}



ul.prodList li {

	display: inline-block;

	width: 31.2%;

	margin: 35px 22px 0 0;

	vertical-align: top;

	position: relative;

	overflow: hidden;

}



ul.prodList li:nth-child(3n) {

	margin-right: 0;

}



.photo-mask {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}





ul.prodList li figure {

	z-index: 10;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



ul.prodList li:hover figure {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2); 

}



ul.prodList li figure img {

	width: 100%;

}



ul.prodList li .nameBox {

	position: absolute;

	padding: 9px 5px;

	bottom: 0;

	left: 0;

    right: 0;

	font-size: 16px;

	color: #000;

	font-weight: normal;

	z-index: 11;

	background-color: #f2c81f; 

	filter: alpha(opacity=85); 

	background: rgba(242, 200, 31, 0.85);

	text-align: center;

	line-height: 25px;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



ul.prodList li:hover .nameBox {

	color: #fff;

}







/*----- 產品詳細頁 -----*/

.prodnameBox h3 {

	font-size: 22px;

	color: #fff;

	font-weight: normal;

	margin: 35px 0 45px;

	padding: 9px 30px;

	background-color: #595959;

	text-align: right;

}



.prodPhoto {

	float: left;

	width: 52%;

}



.prodIntro {

	float: right;

	width: 45%;

}



.introTable {

	border-collapse: collapse;

}





.introTable th,

.introTable td {

	padding: 12px 13px 12px 20px;

	text-align: left;

	border: 1px solid #bdbdbd; 

}



.introTable th {

	font-size: 17px;

	font-weight: normal;

	vertical-align: top;

}



.introTable td {

	vertical-align: middle;

	line-height: 27px;

}



a.backBtn {

	float: right;

	font-size: 14px;

	color: #575757;

	margin: 20px 0 -10px;

	display: block;

}



a.backBtn i {

	font-size: 15px;

	margin-right: 8px;

}



a.backBtn:hover {

	color: #e1b200;

}









@media (max-width: 1199px){



/*----- 產品分類頁 -----*/

ul.prodSort li {

	width: 31.9%;

}







/*----- 產品列表 -----*/

ul.prodList li {

	width: 30.6%;

}









}







@media (max-width: 991px){



/*----- 產品分類頁 -----*/

.prodTitle {

	display: block;

	color: #040000;

	font-size: 32px;

	padding: 0 0 30px 0;

	letter-spacing: 1px;

	text-align: center;

}



.prodLeft {

	display: none;

}



.prodRight {

	float: none;

	width: 100%;

}







/*----- 產品列表 -----*/

ul.prodList li {

	width: 30.8%;

}







/*----- 產品詳細頁 -----*/

.prodnameBox h3 {

	text-align: center;

}





	

}





@media (max-width: 767px){



/*----- 產品分類頁 -----*/

ul.prodSort li {

	width: 47.6%;

	margin-right: 16px;

}



ul.prodSort li:nth-child(3n) {

	margin-right: 16px;

}



ul.prodSort li:nth-child(2n) {

	margin-right: 0;

}







/*----- 產品列表 -----*/

ul.prodList li {

	width: 46.9%;

}



ul.prodList li:nth-child(3n) {

	margin-right: 22px;

}



ul.prodList li:nth-child(2n) {

	margin-right: 0;

}









}





@media (max-width: 640px){



/*----- 產品詳細頁 -----*/

.prodPhoto {

	float: none;

	width: 100%;

	margin-bottom: 40px;

	text-align: center;

}



.prodIntro {

	float: none;

	width: 100%;

}



a.backBtn {

	float: none;

	margin-top: 30px;

	text-align: center;

}









}





@media (max-width: 480px){



/*----- 產品分類頁 -----*/

ul.prodSort {

	margin-bottom: -40px;

}



ul.prodSort li {

	width: 100%;

	margin: 0 0 40px 0;

}



ul.prodSort li:nth-child(3n) {

	margin-right: 0;

}







/*----- 產品列表 -----*/

.prodBanner {

	margin-bottom: -5px;

}



ul.prodList li {

	width: 100%;

	margin: 45px 0 0 0;

}



ul.prodList li:nth-child(3n) {

	margin-right: 0;

}









}