@charset "utf-8";

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

#owl-banner img{ width:100%; height:auto;}

#owl-banner .owl-controls{
	position:relative;
	z-index:1;
	margin-top: -40px;
	text-align: center;
}
#owl-banner .owl-page span{
	width: 25px;
	height: 25px;
	background:url(../images/icon-pagination.png) no-repeat center;
	background-size:cover;
}
#owl-banner .owl-page.active span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
}
#owl-banner.clickable .owl-page:hover span{
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity:0.7;
}

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

#photo-marquee {
	position:absolute;
	z-index:20;
	top:0px;
	right:0;
	overflow: hidden;
	width:600px;
	background:rgba(255,255,255,0.5);
}

#photo-marquee table{ border-collapse: collapse; /*讓表格間無間隔*/  }

#photo-marquee img {
	float:left;
	display:block;
	border: 1px solid #cccccc;
	border-right-width:0px;
	width: 200px;
	margin-left:0px;
	padding:8px;
}


.idx-pro-gp .pro-item .photo{
	height:400px;
}

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



/* <<=== about 關於我們 =============================================>> */
.about-area{position:relative; z-index:3; padding-bottom:150px; }

.about-area .photo{ max-width:600px; margin-left:auto; margin-right:auto;}
.about-area .photo img{
	display:block;
	max-width:100%;
	height:auto;
	margin:5px auto;
}

/*因後台編輯器 span會自添縮排*/
.about-area .intro span{ display:block;}

.about-dec{
	position:absolute;
	z-index:-1;
	bottom:0;
	right:0;
	width:100%;
	text-align:right;
	opacity:0.3;
}

.about-dec img{
	display:inline-block;
	max-width:500px;
	height:auto;
}
/* <<===End about 關於我們 ==>> */




/* <<=== product 商品頁 =============================================>> */

.pro-page-right:before{
	position:absolute;
	z-index:-1;
	bottom:50px;
	left:-300px;
	width:300px;
	height:400px;
	content:"";
	background:url(../images/pro-dec01.png) no-repeat center;
	background-size:cover;
	opacity:0.4;
}

.pro-gp .pro-item .photo{
	height:230px;	
}

/* <<===End product 商品頁 ==>> */


/* <<=== product_new 最新商品頁 =============================================>> */
/* <<===End product_new 最新商品頁 ==>> */




/* <<=== product_view 商品詳細頁 =============================================>> */

.pro-photo-area{ display:block; margin-left:auto; margin-right:auto; width:800px;}

.pro-tparea{ display:block; margin-left:auto; margin-right:auto; width:800px; margin-bottom:180px;}

.pro-btarea { margin-left:auto; margin-right:auto; width:800px; }

#sync-slide .item{
	position:relative;
	padding:5px;
	margin-bottom:10px;
    color: #000000;
    text-align: center;
	border:1px solid #ccc;
	width:100%;
	height:600px;
	overflow:hidden;
}

#sync-slide .item img{
	width:auto;
	height:auto;
	max-width: 90%;
	max-height: 90%;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#sync-thum{
	padding-left:2px;
	text-align: center;
}
#sync-thum .item{
	position:relative;
	display:inline-block;
    margin: 2px;
    text-align: center;
    cursor: pointer;
	border:1px solid #ccc;

	font-size:0;
	line-height:0;
	background:#FFF;
	width:120px;
	height:120px;
	overflow:hidden;
}

#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-thum .synced .item{
	border-color:#99CC66;
}

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

.pro-name{ font-size:1.4em; line-height:1.2; font-weight:600; border-bottom:1px solid #ccc;}

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

.price-area{position:relative;}

.price-area .price{
	display:inline-block;
}
.price-area .original-price{
	font-size:1em;
	text-decoration:line-through;
	color:#999;
	margin-left:20px;
}
.price-area .sale-price{font-size:2em; font-weight:600; line-height:80px; color:#6b8e47;}

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

.pro-qty-cart{ position:absolute; top:0; right:0; min-height:80px; }

.pro-de-qty{
	position:absolute;
	top:50%;
	right:110px;
	margin-top:-10px;
	display:block;
	width:95%;
	width:210px;
	padding:0px 5px;
	
	text-align:right;
}
.pro-de-qty .num-txt , .pro-de-qty .qtyminus{
	height:40px;
	border:1px solid #ccc;
	background:transparent;
	text-align:center;
	color:#333;
}
.pro-de-qty .num-txt{ width:45px; cursor:default;}
.pro-de-qty .qtyminus{
	min-width:40px; 
	cursor:pointer; 
}
.pro-de-qty .qtyminus:hover{color:#770000;}


.price-area .addcart-btn{
	position:absolute;
	top:0;
	right:0;
	width:90px;
	height:90px;
	border:1px solid #6b8e47;
	background:#6b8e47;
	color:#ffffff;
	font-size:1.05em;
	cursor:pointer;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}

.price-area .addcart-btn:before {
	position:absolute;
	z-index:1;
	top:-2px;
	left:-2px;
	width:90px;
	height:90px;
	content:"";
	background:transparent;
	border:1px solid rgba(107,142,71,0.4);
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
	opacity:0;
}

.price-area .addcart-btn:hover:before{ 
	opacity:1; 
	animation:ringing 1.5s linear infinite;
	-moz-animation:ringing 1.5s linear infinite;
	-webkit-animation:ringing 1.5s linear infinite;
	-o-animation:ringing 1.5s linear infinite;
}

.addcart-btn:focus{background:#770000; border-color:#770000;}

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

.pro-description{ margin:10px 0; padding:5px; color:#666; font-size:0.95em;}

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

.desc-content{}
.desc-content img{ width:auto; max-width:100%; height:auto;}

/* <<===End product_view 商品詳細頁 ==>> */





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



/* <<=== news_view 最新消息詳細 =============================================>> */
.news-view-headline{ text-align:center;}
.news-view-headline .title{ font-weight:600; color:#6b8e47; font-size:1.3em; margin-bottom:5px;}
.news-view-headline .date{ font-size:0.7em; color:#666; }


.thumbnail { text-align:center;}
.thumbnail .item{ text-align:center; margin-bottom:10px;}
.thumbnail .item img{ display:inline-block; }

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



/* <<=== location 經銷區域 =============================================>> */
.location-cate{
	font-size:1.1em;
	width:500px;
	margin-left:auto;
	margin-right:auto;
}
.location-cate:before, .location-cate:after{ display:table; content:" " }
.location-cate:after{ clear:both }

.location-cate a{ 
	display:inline-block;
	width:120px;
	height:65px;
	padding-top:15px;
	color:#4D4D4D;
	text-align:center;
}

.location-cate a span{ position:relative; z-index:3;}

.location-cate a:hover{
	background:url(../images/menu-bg.png) no-repeat center;
	background-size:120px 65px;
	background-size:cover;
	color:#333;
}

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

.location-area{ width:700px; margin-left:auto; margin-right:auto; }

.location-item{margin-bottom:60px;}

.location-item-top{ position:relative; padding-left:310px;}

.location-item-top .photo{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:200px;
	overflow:hidden;
}

.location-item-top .photo img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left:0;
}

.location-item-bottom{ position:relative; padding-left:140px; margin-top:10px; padding-right:120px;}
.location-item-bottom .qrcode{ position:absolute; top:0; left:0; width:120px; border:1px solid #ccc;}

.location-info-list{ font-size:0.8em; line-height:1.6; color:#808080;}
.location-info-list .company{ font-weight:600; }

.location-info-list a {color:#808080;}
.location-info-list a:hover {color:#99CC66;}

/* <<===End location 經銷區域 ==>> */



/* <<===begin contact 聯絡我們 ==============================================>> */
.fm-contact{ width:70%; margin-left:auto; margin-right:auto; font-size:0.95em; color:#666; }

.inquiry-gp .fline{ 
	position:relative;
	padding-left:30px;
	border:1px solid #cccccc; 
	border-bottom-width:0px;  
	min-height:40px;
}
.inquiry-gp .fline:last-child{ border-bottom-width:1px; padding-bottom:10px;}

.inquiry-gp .fnote{ 
	position:absolute; 
	top:0; 
	left:0; 
	background:#99CC66; 
	color:#FFF; 
	width:15px;
	line-height:40px;
	text-align:center; 
	height:40px;
	font-size:1.05em;
}

.inquiry-gp .inq-lab{
	min-height:40px; 
	line-height:40px;
	margin-right:25px;
}

.inquiry-gp .inq-lab span{
	position:relative;
	display:inline-block;
}

/**
 *	when error
 */
.inquiry-gp .inq-lab span.error {
	color:red;
}

.inquiry-gp .inq-lab span:before{
	position:absolute;
	z-index:10;
	top:30%;
	right:-15px;
	width:1px;
	height:40%;
	content:"";
	background:#ccc;
}

.inquiry-gp .fline-msg .inq-lab{
	display:block;
	min-height:45px; 
	line-height:45px;
}

.inquiry-gp .inq-text{
	border:1px solid transparent;
	width:680px
}
.inq-txtarea{
	width:95%;
	border:1px solid transparent;
}
.inq-text::-webkit-input-placeholder , .inq-txtarea::-webkit-input-placeholder{ color: rgba(51,44,43, 0.8); font-size:0.95em;}
.inq-text::-moz-placeholder  , .inq-txtarea::-moz-placeholder{ color: rgba(51,44,43, 0.8); font-size:0.95em;}
.inq-text::-ms-input-placeholder , .inq-txtarea::-ms-input-placeholder { color: rgba(51,44,43, 0.8); font-size:0.95em;}
.inq-text::-moz-placeholder , .inq-txtarea::-moz-placeholder { color: rgba(51,44,43, 0.8); font-size:0.95em;}

.fm-contact .btn-line{ text-align:right;}

.inq-btn{
	display:inline-block;
	background:#99CC66; 
	color:#FFF;
	border:1px solid transparent;
	border-bottom:5px solid #333;
	padding:1px 30px;
	cursor:pointer;
}
.inq-btn:hover{background:#333; }

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

.contact-gp{ width:70%; margin-left:auto; margin-right:auto;}

.contact-gp-top{ position:relative; padding-left:140px; margin-bottom:10px; padding-bottom:70px;}

.contact-gp-top .box{ position:absolute; top:0; left:0; width:130px;}

.info-list .company { font-weight:600;}
.info-list , .info-list a {color:#808080;}
.info-list a:hover {color:#99CC66;}

.social-list.contactset{
	position:absolute;
	bottom:0;
	left:0;
}

.contact-map{ margin-bottom:120px; }

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



/* <<===begin search 搜尋 ==============================================>> */

.search-result{ text-align:right;}
.search-result .result{ font-size:1.2em;}
.search-result .title{ font-size:0.95em; color:#333;}

/* <<===End search 搜尋  ==>> */



/* <<===begin qa 常見問題 ==============================================>> */
.qa-item{ width: 80%; margin-left:auto; margin-right:auto; border-bottom:1px solid #B3B3B3; padding-bottom:30px; margin-bottom:30px;}

.qa-item .title , .qa-item .content{ position:relative; padding-left:50px;}

.qa-item .title{ min-height:55px; font-size:1.1em;}

.qa-item .content{ font-size:0.95em;}

.qa-item .title .icon , .qa-item .icon{
	position:absolute;
	top:-4px;
	left:0;
	width:40px;
	height:40px;
}





.error {
	color:red;
	/*color:#a94442;*/
	font-size:9px;
}