@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-bottom:25px;

	font-family:"微軟正黑體",  "新細明體", sans-serif;

	font-size:14px;

	color:#666;

	line-height:1.8;}



/*標籤tag*/

.tagBox{

	margin-bottom:25px;

	text-align:center;}



.tagBox h4{

	display:inline-block;

	font-size:16px;

	font-family:"微軟正黑體", "新細明體", sans-serif;

	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{

	padding:0 10px 6px 10px;}



ul.facList li .{

	position:relative;}



ul.facList li .Img{

max-width: 100%;

    height: 150px;

    padding-bottom: 10%;

	overflow:hidden;}



ul.facList .Img img{

	display:block;

	max-width: 100%;

  max-height: auto;

  margin:auto;

  padding-bottom: 10%;

overflow: hidden;

	-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 .Img:hover img{

	opacity:0.7;

	-webkit-transform:scale(1.05);

	-moz-transform:scale(1.05);

	-o-transform:scale(1.05);

	transform:scale(1.05);}

	

ul.facList li .Txt{

	padding:15px;

	background:#FFF;

	text-align:center;}



ul.facList li .Txt h3{

	font-size:16px;

	text-align:center;

	font-weight:normal;}



ul.facList li .Txt h3 a{

	display:block;

	color:#593b18;}



ul.facList li .Txt h3 a:hover{

	text-decoration:underline;}



ul.facList li .Txt .price{

	margin-top:10px;

	font-size:16px;

	color:#8f3421;

	font-style:italic;

	font-weight:bold;}



ul.facList li .Txt .price b{

	margin-left:3px;}



ul.facList li .Txt p{

	display:none;

	margin-top:10px;

	font-size:12px;

	color:#988989;

	text-align:center;

	line-height:1.8;}



ul.facList li .btn{

	display:none;

	clear:both;

	padding-top:10px;

	text-align:center;}



ul.facList li .btn a{

	display:inline-block;

	padding:5px 20px;

	font-size:13px;

	color:#FFF;

	box-shadow:2px 2px 2px #CCC;

	border-radius:3px;

	

	-webkit-transition:none;

	-moz-transition:none;

	-o-transition:none;

	transition:none;}



ul.facList li .ribbon_new{

	display:block;

	background:url(../images/ribbon_new.png) no-repeat;

	width:112px;

	height:112px;

	text-indent:-9999px;

	

	position:absolute;

	top:-8px;

	left:-8px;

	z-index:99;}



ul.facList li .ribbon_hot{

	display:block;

	background:url(../images/ribbon_hot.png) no-repeat;

	width:112px;

	height:112px;

	text-indent:-9999px;

	

	position:absolute;

	top:-5px;

	left:-5px;

	z-index:99;}



	

/******內頁******/

.contentBox{}



.contentBox h3.sectionTitle strong{

	font-size: 25px;}



/*產品介紹區*/

.productIntro{

	margin-top:15px;}



.productIntro .albumBox{

	float:left;

	width:50%;

	margin-right:15px;}



.productIntro .Img img{/*產品大圖*/

	width:100%;}



/*產品介紹縮圖文字*/

.introBox{

	overflow:hidden;}



ul.side_album{

	margin:2px -1px 0 -1px;

	width:100%;}



ul.side_album li{

	float:left;

	width:16.6%;

	overflow:hidden;

	padding:1px;}



ul.side_album li a{

	display:block;}

	

ul.side_album li a img{

	display:block;

	width:100%;}



.introBox .right{/*文字介紹*/}



.introBox .right h4{

	font-size:18px;

	font-weight:normal;

	color:#231815;

	

	padding-bottom:8px;

	border-bottom:1px solid #231815;}



.introBox .fbBox{}



.introBox b.code{/*商品編號*/

	display:block;

	margin-top:5px;

	font-size:12px;

	color:#999;

	font-weight:normal;}



.introBox .Txt{

	margin-top:10px;

	font-size:15px;

	color:#666;

	line-height:1.6;}



.introBox .social{

	clear:both;

	margin-top:20px;

	padding:10px 0;

	border-top:1px dashed #A29F9D;

	border-bottom:1px dashed #A29F9D;}



.introBox .social b{

	display:inline-block;

	color:#A29F9D;}



.introBox .social a{

	display:inline-block;

	font-size:16px;

	color:#A29F9D;

	margin:0 10px;}

	

/*訂購規格區*/

.orderTable{

	padding-top:10px;

	margin-top:20px;

	border:none;}



.orderTable table{}



.orderTable table th{

	padding:10px;

	font-size:13px;

	color:#6C6C6C;}



.orderTable table td{

	padding:5px;

	color:#6C6C6C;}



.orderTable table tr:first-child th{}



.orderTable table tr:first-child td{}



.orderTable table tr:nth-child(odd){

	background:#E0DDD2;}

	

.orderTable table td b{

    font-weight: normal;

    color: #8F3421;

    font-size: 18px;}



.orderTable .orderNote{/*處理備註*/

	padding-top:10px;}



.orderTable .orderNote textarea{/*處理備註*/

	display:none;

	width:100%;

	height:100px;

	padding:5px;

	border: 1px solid #C5C5C5;

	color:#2f2f2f;

	border-radius:5px;

	

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;}



.orderTable .btn{

	padding-top:20px;

	text-align:center;}



.orderTable .btn a{

	display:inline-block;

	padding:10px 15px;

	font-family:"微軟正黑體",  "新細明體", sans-serif;

	font-size:15px;

	color:#FFF;

	border-radius:3px;

	

	-webkit-transition:none;

	-moz-transition:none;

	-o-transition:none;

	transition:none;}



/*767*/

@media (max-width: 767px){

ul.facList li.col-1{

	width:100%;

	padding:0 0 12px 2px;}
ul.facList li.col-3{

	width:50%;

	padding:0 0 12px 2px;}

	ul.facList .Img img{

	width:100%;

	}		
ul.facList li.col-4{

	width:50%;

	padding:0 15px 0 15px;}



/*內頁*/

.productIntro .albumBox{

	width:100%;

	float:none;

	box-sizing:border-box;}



.introBox{

	margin-top:25px;}



}

/*767 end*/



/*640*/

@media (max-width: 640px){

ul.facList li .Txt h3 a{

	height:45px;}

		ul.facList .Img img{

	width:100%;

	}	



ul.side_album li{

	width:25%;}



}

/*640 end*/



/*360*/

@media (max-width: 360px){
ul.facList li.col-1{

	width:100%;

	padding:0 0 30px 0;}


ul.facList li.col-4{

	width:100%;

	}

ul.facList li.col-3{

	width:100%;

	padding:0 0 30px 0;}

		ul.facList .Img img{

	width:100%;

	}	

	

ul.facList li .Txt h3{

	font-size:15px;}



}

/*360 end*/