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

.contentBox .leftArea{
	float:left;
	width:250px;
	margin-right:40px;}

.contentBox .rightArea{
	overflow:hidden;}

.contentBox .leftArea h3{
	margin-bottom:15px;}

/*類別說明*/
.classNote{
	padding:0 20px 40px 20px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:12px;
	color:#b5c6d8;
	text-align:center;
	line-height:2.2;}

/*標籤tag*/
.tagBox{
	display:none;}

.tagBox h4{
	display:inline-block;
	font-size:21px;
	font-weight:normal;
	color:#c95c30;}

.tagBox ul{
	display:inline-block;}

.tagBox ul li{
	display:inline-block;
	margin-left:5px;
	margin-bottom:5px;}

.tagBox ul li a{
	display:block;
	padding:4px 10px;
	font-size:13px;
	border:1px solid #c95c30;
	color:#c95c30;}

.tagBox ul li a:hover{
	background:#c95c30;
	color:#FFF;}
.tagBox ul li a.select{
	background:#c95c30;
	color:#FFF;}

/*列表*/
ul.facList{
}

ul.facList li{
width:27.33%;
margin:0 3%;
margin-bottom:30px;}
ul.facList li .Img a{ display:block;
}
ul.facList li .Img{
	position:relative;}
ul.facList li .Img a img{ display:block; width:100%;
box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}	
ul.facList li .Img a img:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);}
ul.facList li .Txt{margin:20px 0px 0px 0px;
position:relative;}
ul.facList li h3{font-family:"微軟正黑體", "新細明體", sans-serif; margin-bottom:10px;}
ul.facList li h3 a{
	display:block;
	font-size:16px;
	color:#fff;
	text-align: center;	
}
ul.facList li h3 a:hover{ text-decoration:underline;}
ul.facList li div.Txt p{color:#5a7896;
font-family:"微軟正黑體", "新細明體", sans-serif;
font-size:13px;
line-height:20px;
overflow:hidden;
height:60px;
}



	
/******內頁******/
.contentBox{}

.contentBox h3.sectionTitle strong{
	font-size: 28px;
}

/*產品介紹區*/
.productIntro{
	margin-top:15px;}

.productIntro .albumBox{
	float:left;
	width:60%;
	margin-right:25px;}

.productIntro .Img img{/*產品大圖*/
	width:100%;}

/*產品介紹縮圖文字*/
.introBox{
	overflow:hidden;}

ul.side_album{
	margin:20px -1px 20px -1px;
	width:100%;}

ul.side_album li{
	float:left;
	width:20%;
	overflow:hidden;
	padding:5px;}

ul.side_album li a{
	display:block;}
	
ul.side_album li a img{
	display:block;
	width:100%;}

.introBox .right{/*文字介紹*/
	overflow:hidden;}

.introBox .fbBox{}

.introBox b.code{/*商品編號*/
	display:block;
	margin-top:5px;
	font-size:12px;
	color:#5a7896;
	font-weight:normal;}

.introBox .Txt{
	margin-top:20px;
	font-size:15px;
	color:#a8bfd6;
	line-height:1.6;}
	

.textEditor img{    max-width: 100%;
    float: left;
    margin-right: 10px;}

@media (max-width: 860px){
ul.facList li{
	margin: 0 2% 20px 2%;
	width: 46%;
}
}

@media (max-width: 560px){
ul.facList li{
	margin: 0 2% 20px 2%;
	width: 96%;
}
}
/*767*/
@media (max-width: 767px){
.top ul.classLink{
	float:none;
	width:100%;
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;}

.top .link{
	float:none;
	width:100%;
	text-align:center;}

	

/*內頁*/
.productIntro .albumBox{
	width:100%;
	float:none;
	margin-right:0px;}

.introBox{
	margin-top:25px;}

}
/*767 end*/

/*640*/
@media (max-width: 640px){

/*內頁*/
.contentBox .leftArea{
	float:none;
	width:100%;
	margin-right:0;}

.contentBox .rightArea{
	float:none;
	width:100%;
	margin-top:20px;}

}
/*640 end*/

/*420*/
@media (max-width: 420px){


/*內頁*/
.side_contactInfo ul{
	text-align:center;}
.side_contactInfo ul li{
	display:inline-block;}
.side_contactInfo ul li a b{
	display:none;}
}
/*360 end*/