@charset "utf-8";

/* <<=== index 首頁 =============================================>> */

.idx-news{ margin-bottom:60px; }
.idx-news-list li{ position:relative; margin-bottom:12px; padding-left:120px;}
.idx-news-list .date{ position:absolute; top:0; left:0;}
.sec-more-btn a{
	display:inline-block;
	border:1px solid #727171;
	padding:2px 10px;
	line-height:1.5;
	margin-top:10px;
	font-size:0.9em;
	text-align:center;
}
.sec-more-btn a:hover{ border-color:#B84F13; }

/* <<===End index 首頁 ==>> */


/* <<=== about 關於我們 =============================================>> */

.section-about .photo{ margin-left:auto; margin-right:auto; text-align:center; }

/* <<===End about 關於我們 ==>> */


/* <<=== news 最新消息 =============================================>> */

.post-item{
	position:relative; 
	min-height:150px;
	color:#727171;
	margin-bottom:45px;
}
.post-list li:last-child .post-item{ margin-bottom:10px;}
.post-photo{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:150px;
	overflow:hidden;
}
.post-photo img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	border:1px solid #ccc;
}
.post-photo:hover{ opacity:0.9;}

.post-box{ 
	position:absolute; 
	bottom:0; 
	right:0; 
	width:75%; 
	border-bottom:1px solid #727171; 
	padding-bottom:10px;
}

.post-title{ font-size:1.1em; font-weight:600;}

.post-excerpt{ 
	max-height:30px; 
	font-size:0.95em; 
	overflow:hidden; 
	padding-right:100px;
	
	overflow : hidden; 
	text-overflow : ellipsis; 
	white-space : nowrap;
}

.post-date{ text-align:right; font-size:0.9em;}

/* <<===End news 最新消息 ==>> */


/* <<=== news_view 最新消息詳細 =============================================>> */

.headline-news{ display:inline-block; color:#B84F13; font-size:1.1em;}
.section-news-view{ padding:0 135px; margin-bottom:90px;}
.news-view-title{ display:none; color:#B84F13; font-size:1.1em; }
.news-view-date{ font-size:0.8em; margin-bottom:5px;}

/*----------*/

.news-photo-list { text-align:center;}
.news-photo-list li{ display:inline-block; width:47.5%; margin:0 0.5%; margin-bottom:15px; border:1px solid #e3e2e2;}
.news-photo-list li .photo img{ width:100%;}

.news-photo-list li:first-child{ width:98%; }



/* <<===End news_view 最新消息詳細 ==>> */


/* <<=== product 商品介紹 =============================================>> */

/*.product-list{ margin-bottom:-200px;}*/

.pro-cate-title{
	text-align:center;
	margin-bottom:40px;
	font-size:1.2em;
}

.pro-cate-list li{ border-bottom:1px solid rgba(0, 0, 0, 0.2); }
	
.pro-cate-list li a{ 
	position:relative; 
	display:block; 
	padding:0.5em 1em;
}
.pro-cate-list li a:hover{ color:#4F140D; }

.pro-cate-list > li > a{ background:#4F140D; color:#FFF;}
.pro-cate-list > li > a:hover{ color:#fff; }

/*有下一層選項的項目設定*/
ul.pro-cate-list li.mtree-node > a:after {
	position:absolute;
	top:50%;
	right:5px;
	width:20px;
	height:20px;
	margin-top:-13px;
	text-align:center;
	content: '›';
	font-size:1.2em;
	line-height:20px;
	color:#fff;
}

/*----------*/

.product-item{ 
	position:relative; 
	border:1px solid transparent; 
	margin-bottom:120px;
	padding:0 80px;
}

.product-list li:nth-child(5n) .product-item , .product-list li:nth-child(6n) .product-item{ margin-bottom:60px;}

.product-item , .product-item a{ color:#000;}
.product-item a:hover{ color:#B84F13; }

.product-item .photo{
	position:relative;
	width:100%;
	height:250px;
	overflow:hidden;	
}
.product-item .photo img {
	width:auto;
	height:auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.product-item .title{ font-size:0.95em; margin:5px 0;}
.product-item:hover .title a{ color:#B84F13; }

.product-item .box{ position:relative; font-size:0.9em; border-bottom:1px solid #8a8989; }

.product-item .box:before , .product-item .box:after{
	position:absolute;
	top:0;
	height:1px;
	content:"";
	background:#999;
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.product-item .box:before{ left:0; width:0; }
.product-item .box:after{ right:0; width:100%; }

.product-item:hover .box:before { background:#B84F13; width:100%;}
.product-item:hover .box:after { width:0; }

.product-item .box .price , .product-item .box .unit{ display:inline-block; margin-right:10px;}

/* <<===End product 商品介紹 ==>> */



/* <<=== product_view 商品介紹詳細 =============================================>> */

.pro-toparea{ position:relative; margin-bottom:120px; }
.pro-toparea:before, .pro-toparea:after{ display:table; content:" " }
.pro-toparea:after{ clear:both }

.pro-lefarea{ width:50%; }

.pro-rightarea{ position:absolute; bottom:10px; right:0; width:45%; }

/*---------------*/

.pro-photo-list{ width:100%; }

.sync-slide , .sync-thum{ width:100%; position: relative; padding:5px 0; background:#FFF; text-align:center;}
.sync-slide .item {  width:100%; position:relative; height:400px; overflow:hidden; border:1px solid transparent; border:1px solid #ccc;  }
.sync-thum{ width:55%; margin:0 auto;}
.sync-thum .item {
	display:inline-block;
	border:1px solid #ccc; 
	cursor:pointer; 
	position:relative; 
	width:100%; 
	max-width:80px; 
	height:80px; 
	overflow:hidden;
}
.sync-thum .item:hover{ border-color:#a3a3a3;}

.sync-slide .item img , .sync-thum .item img{
	width:auto;
	height:auto;
	max-width: 90%;
	max-height: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sync-slide .owl-nav , .sync-thum .owl-nav{
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.sync-slide .owl-next , .sync-slide .owl-prev , .sync-thum .owl-next , .sync-thum .owl-prev{
	position: absolute;
	top:50%;
	width: 20px;
	height: 30px;
	margin-top:-15px;
	color:#ccc;
	text-align:center;
	font-size:1.2em;
	line-height:28px;
	opacity:0;
	border:1px solid #ccc;
}
.sync-slide .owl-prev , .sync-thum .owl-prev { left: -25px;}
.sync-slide .owl-next , .sync-thum .owl-next{ right: -25px;}

.sync-slide .owl-next:hover , .sync-slide .owl-prev:hover , 
.sync-thum .owl-next:hover , .sync-thum .owl-prev:hover,
.sync-slide:hover .owl-next , .sync-slide:hover .owl-prev , 
.sync-thum:hover .owl-next , .sync-thum:hover .owl-prev{
	opacity:1;
}

.sync-slide .owl-nav.disabled:hover , .sync-thum .owl-nav.disabled:hover{ opacity:0; }

/*--------------------------*/

.pro-view-name { font-size:1.2em; padding-bottom:5px; margin-bottom:10px; color:#11347D; border-bottom:1px solid #040000; }

.pro-unit{ margin-bottom:15px; }

.pro-view-intro { margin-bottom:30px; }

.price-area{ margin-bottom:15px;}

/*---------------------*/

.pro-de-qty .flab{ display:block; font-size:0.95em; margin-bottom:0px;}

.pro-de-qty .box{ display:inline-block; background:#898989; padding:2px 2px;}

.pro-de-qty .num-txt , .pro-de-qty .qtyminus{
	height:40px;
	border:1px solid transparent;
	background:transparent;
	text-align:center;
	color:#593718;
}

.pro-de-qty .num-txt{ width:50px; background:#FFF;}
.pro-de-qty .qtyminus{ min-width:35px; cursor:pointer; color:#FFF;}
.pro-de-qty .qtyminus:hover{color:red;}

/*---------------------*/

.pro-addcart-btn{
	padding:3px 15px;
	border:1px solid #898989;
	background:#898989;
	color:#ffffff;
	cursor:pointer;
	margin-bottom:30px;
	font-size:0.95em;
	height:44px;
}
.pro-addcart-btn:hover{ background:#770000; border-color:#770000; }
.pro-addcart-btn:focus{ background:#770000; border-color:#770000; }

/*---------------------*/

.subheadline{ border-bottom:1px solid #898989; }
.subheadline .title{ display:inline-block; width:200px; text-align:center; background:#898989; color:#fff; padding:8px 0; }

/* <<===End  product_view 商品介紹詳細 ==>> */



/* <<=== works 品質殊榮 =============================================>> */

.section-works{ margin-bottom:60px; }
.section-works .photo{ margin-left:auto; margin-right:auto; text-align:center; }

/* <<===End  works 品質殊榮 ==>> */



/* <<=== contact 聯絡我們 =============================================>> */

.contact-gp{ position:relative; padding-right:440px; min-height:300px; margin:15px 0 30px 0; }

.contact-gp .box{ position:absolute; top:0; right:0; width:420px;}

.company-qrcode{ position:absolute; bottom:0; right:0; width:80px;}
.company-qrcode img{ display:block; width:100%;}

.info-list{ padding-right:90px;}
.info-list .company { font-weight:600;}

.info-tips{ margin-bottom:15px; padding-right:20px;}

/*----------*/

.fm-respond{
	margin-top:30px 0;
	color:#727171;
	font-size:0.95em;
}

.fm-respond .respond-note{ margin-bottom:15px; font-size:0.95em;}
.fm-respond .btn-line{ text-align:left; padding-left:90px; }
.fm-respond .fbtn{ width:120px; text-align:center; margin-left:0; margin-right:10px; }


/* <<===End  contact 聯絡我們  ==>> */