@charset "utf-8";

body , .wrapper{ color:#333; background:#fff;}


/*a 鏈結字*/
a { color:#333;}
a:hover, a:focus { color:#8F1E33; }


/*圖片*/
.pic img{ width:100%; height:auto;}




/*編輯區*/
.maxpic{ word-break:break-word; text-align:justify; }
.maxpic img{ max-width:100%; height:auto; }
.maxpic iframe{ max-width:100%;  height:auto;}

.maxpic a , .maxpic a:hover, .maxpic a:focus{ text-decoration:underline; }

.maxpic ul , .maxpic ol{
	display:block;
	list-style-position:inside; 
	margin:1em 0;
	padding-left:30px;
}
.maxpic ul { list-style-type:disc; }
.maxpic ol { list-style-type:decimal; }

.maxpic ul ul, .maxpic ol ul,
.maxpic ol ol, .maxpic ul ol{
	list-style-position:inside; 
	margin-left:15px; 
}
.maxpic ul ul, .maxpic ol ul{  list-style-type:circle; }
.maxpic ol ol, .maxpic ul ol{ list-style-type:lower-latin;  }

.maxpic li { display:list-item; list-style:inherit; }

.maxpic h1, .maxpic h2,
.maxpic h3, .maxpic h4,
.maxpic h5, .maxpic h6 { font-weight:600; }
.maxpic h1{ font-size:2em; margin:0.67em 0; }
.maxpic h2{ font-size:1.5em; margin:0.83em 0; }
.maxpic h3{ font-size:1.17em; margin:1em 0; }
.maxpic h4{ font-size:1em; margin:1.33em 0; }
.maxpic h5{ font-size:0.83em; margin:1.67em 0; }
.maxpic h6{ font-size:0.67em; margin:2.33em 0; }





/*方形圖設定*/
.item-thumb-frame { position: relative; display: block; width: 100%; overflow: hidden; }
.item-thumb { display: block; max-width: 100%; padding-bottom: 100%; }

.flex-container{ display: flex; flex-wrap:wrap; }


/*====================================================================*/


/*輪播-左右按鈕*/
.owl-nav-style .owl-next , .owl-nav-style .owl-prev{
	position: absolute;
	top:50%;
	width: 35px;
	height: 35px;
	margin-top:-20px;
	opacity:0;
	transition: all 0.2s ease-in-out;
}
.owl-nav-style .owl-prev { left: 0px; }
.owl-nav-style .owl-next{ right: 0px; }
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:before , .owl-nav-style .owl-next:after{
	position:absolute;
	z-index:5;
	left:50%;
	margin-top:-6px;
	width:3px;
	height:16px;
	content:"";
	background:#333;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
}
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-next:after{ bottom:50%; margin-bottom:-13px; }
.owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:before{ top:50%; margin-top:-13px; }
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-next:before{
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:after{
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.owl-nav-style:hover .owl-prev , .owl-nav-style:hover .owl-next{ opacity:0.8; }
.owl-nav-style .owl-prev:hover , .owl-nav-style .owl-next:hover{ opacity:1; }
.owl-nav-style .owl-prev:hover:before , .owl-nav-style .owl-prev:hover:after , 
.owl-nav-style .owl-next:hover:before , .owl-nav-style .owl-next:hover:after{ background:#8F1E33; }



/*輪播-底下圓圈*/
.owl-dots-style .owl-dots{ position:absolute; bottom:10px; left:1%; width:98%; z-index:3; text-align:left; padding:0 10px;}
.owl-dots-style .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-dots-style .owl-dots .owl-dot span {
	width:18px;
	height:18px;
	margin:0px 7px;
	background:rgba(255,255,255,1);
	border:3px solid #ccc;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.owl-dots-style .owl-dots .owl-dot.active span, .owl-dots-style .owl-dots .owl-dot:hover span { background:#ccc;}
@media (max-width:960px) { 
	.owl-nav-style .owl-prev { left: 0px; }
	.owl-nav-style .owl-next{ right: 0px; }
	
	.owl-dots-style .owl-dots{ bottom:5px; padding:0; line-height:1; }
	.owl-dots-style .owl-dots .owl-dot span { width:12px; height:12px; margin:0px 12px; border-width:2px; } 
}



/*================================================================================*/

/*page 分頁*/
.page{
	margin: 45px 0 10px 0;
	font-size:0.75rem;
	text-align:center;
	color:#666;
}
.page a , .page span{
	display:inline-block;
	border: 1px solid #999;
	padding: 6px 8px;
	margin:0 3px;
	font-size:0.8rem;
	line-height:1.1;
	min-width:26px;
}
.page span{ background:rgba(143,30,51, 1); color:#fff; border-color:rgba(143,30,51, 1);}

.page a{ color:#666; }
.page a:hover{ background:#333; color: #fff; border-color:#333; }


/* 多少筆 */
.page_total {}

/* 分頁資訊 */
.page_info {}

/* 上頁 */
.page_prev {}

/* 分頁數字 */
.page_item {}

/* 目前選中的分頁 */
.page_current { background:#00D0D2; color: #fff; }
/* 下頁 */
.page_next {}

/* 下十頁 */
.page_next_group {}



/*================================================================================*/


/*回頂端按紐*/
.backtop-btn{
	position: fixed;
	z-index: 99;
	bottom: 60px;
	right: 15px;
	width: 45px;
	height: 45px;
	color: #fff;
	text-align: center;
	background:#8F1E33;
	
	border:3px solid rgba(255,255,255,0.5);
	padding:10px;
	cursor: pointer;
	
	opacity:0;
	transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
}
.backtop-btn img{ display:block; max-width:100%; height:auto; }
.backtop-btn:focus , .backtop-btn:hover{ color:#fff; }
.backtop-btn.show{ opacity:1; }
.backtop-btn:hover{ border-color: rgba(255,255,255,1); }


.logo{ margin:20px auto; max-width:160px; }
.logo img{ display:block; max-width:100%; height:auto; }

.inquiry-btn{ position:absolute; top:30px; right:0; max-width:100px; }
.inquiry-btn img{ display:block; max-width:100%; height:auto; }
.inquiry-btn:hover{ opacity:0.8; }


/*選單 搜尋列*/
.menu-bar{ position:relative; background:rgba(143,30,51, 0.9); text-align:right; }
/*
.menu-bar:before{
	position:absolute;
	top:25%;
	left:50%;
	width:1px;
	height:60%;
	content:"";
	background:#595757;
}
*/
.menu-bar .container{ padding:5px 0; }

.menu-list{ display:inline-block; line-height:1; }
.menu-list li{ display:inline-block; vertical-align:middle; margin-right:8px; }
.menu-list li a{ display:block; color:#fff; padding:10px 10px; font-family:"微軟正黑體", serif , "新細明體-ExtB";  }
.menu-list li a:hover , .menu-list li.active a{ color:#F39800; }



/*搜尋區塊*/
.search-trigger{ 
	display:inline-block; 
	color:#fff;
	margin:8px 0;
	padding:3px 10px; 
	border:1px solid #fff;
	font-family:"微軟正黑體", serif , "新細明體-ExtB";
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.search-trigger:focus{ background:transparent; color:#fff; }
.search-trigger:hover{ background:#fff; color:rgba(143,30,51, 1); }

.search-trigger .open-txt{ display:block; }
.search-trigger .close-txt{ display:none; }

.search-toggle-content{
	display:none;
	position:absolute;
	z-index:99;
	top:100%; 
	right:0;
	background:#fff;
	border:1px solid #ccc;
	padding:15px 20px;
}
.search-box{
	position:relative;
	display:inline-block;
	font-family:"微軟正黑體", serif , "新細明體-ExtB";
	width:300px;
}
.search-input , .search-btn{ 
	line-height:1; 
	height:40px; 
	border-width:0px;
	border:1px solid transparent;
	border-radius:0px;
}
.search-input{
	background:#ffffff;
	width:100%;
	padding:0 10px;
	font-size:0.9em;
	color:#333;
	padding-right:40px;
	border:2px solid #ccc;
	
}
/*搜尋按鈕*/
.search-btn{
	position:absolute; 
	top:1px; 
	right:2px;
	background:transparent;
	cursor:pointer;
	padding:0 5px;
}
.search-btn:hover{ border:1px solid transparent; }

.search-toggle-content.opened{ display:block; }
.search-trigger.opened{ background:#fff; color:rgba(143,30,51, 1); }
.search-trigger.opened .open-txt{ display:none; }
.search-trigger.opened .close-txt{ display:block; }






.menu-trigger{
	display:none;
	position:absolute;
	top:50%;
	left:0;
	width:40px;
	height:40px;
	margin-top:-20px;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.menu-trigger-icon{ 
	position:relative; 
	width:64%; 
	height:100%;
	margin-left:18%;
}
.menu-trigger-icon:before{
	position:absolute;
	top:25%;
	left:0;
	width:100%;
	height:3px;
	margin-top:-2px;
	content:"";
	background:#fff; 
	
	transition:transform 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-moz-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
}
.menu-trigger-icon:after{
	position:absolute;
	top:75%;
	left:0;
	width:100%;
	height:3px;
	margin-top:-2px;
	content:"";
	background:#fff; 
	
	transition:transform 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-moz-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
}
.menu-trigger-txt{ 
	position:absolute;
	top:50%;
	left:18%;
	width:64%;
	height:3px;
	margin-top:-2px;
	content:"";
	background:#fff; 
	font-size:0;
}
.menu-trigger.opened { background:#fff; }
.menu-trigger.opened .menu-trigger-icon:before{
	background:rgba(143,30,51, 0.9);
	-webkit-transform: rotate(-45deg) translate(-8px, 7px) ;
    transform: rotate(-45deg) translate(-8px, 7px) ;
}
.menu-trigger.opened .menu-trigger-icon:after{
	background:rgba(143,30,51, 0.9);
	-webkit-transform: rotate(45deg) translate(-7px, -6px) ;
    transform: rotate(45deg) translate(-7px, -6px) ;
}
.menu-trigger.opened .menu-trigger-txt{ opacity:0; }




/*mobile選單*/
.menu-toggle-content{ display:none; border-top:1px solid #ccc; padding-bottom:30px; }
.menu-mobile-list{ margin-top:5px; }
.menu-mobile-list li{ position:relative; display:block; }
.menu-mobile-list li a{ 
	color:#333; 
	display:block;
	font-size:1rem;
	padding:10px 20px 10px 10px;
	border-bottom:1px solid #d6d6d6;
}

.menu-mobile-list li ul{ background:#fff; }


/*第一層*/
.menu-mobile-list > li{  font-size:1rem; }
.menu-mobile-list > li > a{ font-weight: 600; }

/*第二層*/
.menu-mobile-list > li > ul{
	display:none;
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding-left:16px;
}

/*第三層*/
.menu-mobile-list > li > ul li ul{
	display:none; 
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding-left:16px;
}


/*下一層之按鈕*/
.submenu-button{
	position:absolute;
	z-index:3;
	top:20px;
	right:10px;
	width:11px;
	height:10px;
	cursor:pointer;
}
.submenu-button:before{
	position:absolute;
	z-index:4;
	top:0;
	right:0;
	width:4px;
	height:4px;
	border-right:2px solid #666; 
	border-bottom:2px solid #666; 
	content:"";
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

.menu-mobile-list li.current{ background:transparent; color:rgba(143,30,51, 0.9); }
.menu-mobile-list li.current > a{ color:rgba(143,30,51, 0.9); }
.menu-mobile-list li.current > a .submenu-button:before{ border-right-color:rgba(143,30,51, 0.9); border-bottom-color:rgba(143,30,51, 0.9); }

.menu-mobile-list > li.current{ background:rgba(143,30,51, 0.9); color:#fff; }
.menu-mobile-list > li.current > a{ color:#fff; }
.menu-mobile-list > li.current > a .submenu-button:before{ border-right-color:#fff; border-bottom-color:#fff; }


/*輪播*/
.banner img{ display:block; max-width:100%; height:auto; }


/*影片區塊*/
.video-area{ background:rgba(201,160,99, 0.2); padding:5px 0; /*margin:5px 0;*/ }
.video-list{ max-width:1000px; margin:40px auto 25px auto; }
.video-item{ width:33.33333%; padding:0 15px; margin-bottom:15px; }
.video-item iframe{ width:100%; height:250px; }

/*頁尾*/
.footer{ font-family:"微軟正黑體", serif , "新細明體-ExtB"; border-top:1px solid #e5e5e5; }
.wine-note{ font-size:2em; color:#B28247; text-align:center; margin:30px 0 45px 0; }

.social-list{ text-align:center; margin:10px 0; }
.social-list li{ display:inline-block;  margin:0 5px;  background:#000; }
.social-list li img{ display:block; max-width:40px; }
.social-list li , .social-list li img{
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.social-list li:hover{ background:#8F1E33; }

.footer-menu-list{ margin:10px 0; text-align:center;  }
.footer-menu-list li{ display:inline-block; vertical-align:middle; margin:0 5px; }
.footer-menu-list li a{ display:block; color:#727171; padding:2px 5px; font-size:0.9em; font-family:"微軟正黑體", serif , "新細明體-ExtB"; }
.footer-menu-list li a:hover , .menu-list li.active a{ color:#8F1E33; }


.footer-bottom{ background:rgba(143,30,51, 0.9); padding:20px 0 20px 0; }
.footer-bottom , .footer-bottom a{ color:#fff; }
.footer-bottom a:hover{ color:#F39800; }

.footer-info-list{ font-size:0.8em; margin:10px 0; text-align:center; }
.footer-info-list li span{ display:inline-block; margin:0 5px; }

.web-designer{ 
	margin:20px 0 10px 0;
	font-size:0.7em;
	text-align:right;
}

/*主內容區*/
.main-content{ padding:30px 0;}

.main-dec{ margin:75px auto 5px auto; max-width:400px; }
.main-dec img{ max-width:100%; height:auto; }

/*大標*/
.headline-bar{ margin:30px 0 30px 0; }
.page-headline{ position:relative; width:40%; margin-right:5%; text-align:center; }
.page-headline .title{ position:relative; z-index:1; display:inline-block; background:#fff;  }
.page-headline .title img{ display:block; max-width:100%; max-height:100px }
.page-headline:before{
	position:absolute;
	z-index:0;
	top:45px;
	left:0;
	width:100%;
	height:1px;
	content:"";
	background:#ccc;
}

.headline-right-box{ width:55%; }

/*分類*/
.category-list{ position:relative; z-index:2; margin-top:30px; }
.category-list li{ display:inline-block; margin-right:20px; margin-bottom:10px; }
.category-list li a{ 
	position:relative;
	display:block;
	padding:4px 5px 4px 20px; 
	font-size:1em;
	line-height:1.3;
	text-align:center;
	color:#B5B5B6;
	border-bottom:1px solid transparent;
}
.category-list li a:before{
	position:absolute;
	top:8px;
	left:0;
	width:16px;
	height:16px;
	content:"";
	background:#B5B5B6;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.category-list li a:hover{ color:rgba(143,30,51, 0.9); border-bottom-color:rgba(143,30,51, 0.9); }
.category-list li a:hover:before{ background:rgba(143,30,51, 0.9); }
.category-list li.active a{ color:rgba(143,30,51, 0.9); border-bottom-color:rgba(143,30,51, 0.9); cursor:default; }
.category-list li.active a:before{ background:rgba(143,30,51, 0.9); }

/*導覽路徑*/
.breadcrumbs{
	font-size:0.8em;
	line-height:1.5;
	text-align:right;
	letter-spacing:0;
	margin-bottom:15px;
}
.breadcrumbs , .breadcrumbs a{ color:#333; }
.breadcrumbs a:hover{ color:#8F1E33; }
.breadcrumbs span{margin-right:0px;}
.breadcrumbs span:after{ content:"/"; margin-left:5px; font-size:10px; }
.breadcrumbs span:last-child:after{display:none;}

/*========================================================================================================
========================================================================================================*/

/*首頁-最新消息*/
.idx-post-list{ margin-bottom:60px; }

/*首頁-精選*/
.idx-pro-slider{ padding:0 100px; margin-bottom:60px; }
.idx-pro-item a{ display:block; text-align:center; }
.idx-pro-title{ margin-top:5px; font-size:0.9em; }

.idx-pro-slider .owl-nav-style .owl-next , .idx-pro-slider .owl-nav-style .owl-prev{ opacity:1; }
.idx-pro-slider .owl-nav-style .owl-prev { left:-40px; }
.idx-pro-slider .owl-nav-style .owl-next{ right: -40px; }



/*關於我們*/
.main-content-photo{ text-align:center; margin-bottom:30px; }
.main-content-desc{ margin:15px auto; max-width:920px; }

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

/*最新消息*/
.post-item{ width:50%; padding:10px 30px; margin-bottom:45px; border:1px solid transparent; }
.post-date{ text-align:right; color:#666; font-size:0.8em; }
.post-photo{ margin:5px 0; }
.post-photo .item-thumb-frame .item-thumb{ padding-bottom:50%;}
.post-name{ text-align:center; margin:15px 0 5px 0; font-size:1.2em; }
.post-intro{ text-align:center; margin:5px 0;  font-size:0.9em; color:#666; }

.post-item:hover{ border-color:#ccc; }
.post-item:hover .post-photo{ opacity:0.9; }

/*最新消息 詳細*/
.main-content-headline{ font-size:1.2em; color:#8F1E33; margin-bottom:15px; font-weight:600; }

/*商品介紹*/
.product-left-side{ width:17%; margin-right:5%; }
.product-right-side{ width:78%; }


/*商品介紹-左側分類*/
.side-nav{ margin-bottom:60px; background:#F6F6F6; font-family:"微軟正黑體", serif , "新細明體-ExtB"; }
ul.mtree li{ position:relative; }
ul.mtree li a{ position:relative; display:block; padding:5px 30px 5px 20px; }


/*有下一層選項的項目設定*/
ul.mtree li.mtree-node > a:before{
	position:absolute;
	z-index:4;
	top:21px;
	right:15px;
	width:6px;
	height:6px;
	border-right:1px solid #666; 
	border-top:1px solid #666;
	margin-top:-5px;
	content:"";
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

/*ul.mtree li li a , ul.mtree li li li a{ padding-left:35px;}*/

/*第二層*/
ul.mtree li li a{ padding-left:35px;}

/*第三層*/
ul.mtree li li li a{ padding-left:50px;}

/*第四層*/
ul.mtree li li li li a{ padding-left:64px;}


.side-nav li a{ color:#898989; }
.side-nav li a:hover{ color:#5E3848;}
.side-nav li.mtree-node:hover > a:before{ border-right-color:#5E3848; border-top-color:#5E3848; }

.side-nav > li{ }
.side-nav > li:before{
	position:absolute;
	z-index:2;
	top:11px;
	left:-13px;
	width:24px;
	height:24px;
	content:"";
	background:url(../images/company-20.png) no-repeat center;
	background-size:cover;
	opacity:0;
}
.side-nav > li > a{ }

.side-nav li ul{ background:#fff; margin-bottom:5px; }

.side-nav li.mtree-active > a{ color:#8F1E33; }
.side-nav > li.mtree-active:before { opacity:1; }
ul.mtree li.mtree-active.mtree-node > a:before{ border-right-color:#8F1E33; border-top-color:#8F1E33; }
/*.side-nav li.active > a{ background:rgba(255,255,255,0.5); color:#141F3F; }
ul.mtree li.active.mtree-node > a:before{ border-right-color:transparent; border-bottom-color:transparent; }*/

.side-nav li.mtree-open > a{ color:#8F1E33; }
.side-nav > li.mtree-open:before { opacity:1; }
.side-nav li.mtree-node.mtree-open > a:before{ border-right-color:#8F1E33; border-top-color:#8F1E33; }


.pro-search{ text-align:right; margin-top:30px; }


/*商品項目*/
.product-list{ margin:30px 0; }
.product-item{ 
	position:relative;
	width: 31%;	/* 23.5%; */
	margin-right:2%;
	margin-bottom:45px;
	border:1px solid transparent;
	background:#fff;
	padding:20px 10px;
	text-align:center;
}
.product-item:nth-child(3n){ margin-right:0; }

.product-title{ font-size:0.9em; margin:20px 0 1px 0; }
.product-intro{ font-size:0.8em; color:#666; height:44px; overflow:hidden; margin:1px 0 5px 0; }
.product-decline{ width:1px; height:30px; background:#0A0506; margin:20px auto 10px auto; }

.product-info{ display:inline-block; margin:5px 0; border:1px solid #ccc; line-height:1; padding:2px 15px;  }
.product-info a{ display:block; }
.product-item .product-num , .product-item .product-inquiry-btn{ display:inline-block; vertical-align:middle; line-height:1; margin:3px 0 3px 0; }
.product-item .product-num{ font-size:0.9em; }
.product-item .product-inquiry-btn{ width:14px; height:14px; background:url(../images/web-28.png) no-repeat center; background-size:cover; }
.product-item .product-inquiry-btn .title{ display:none; }

.product-item:hover{ border-color:#ccc; }
.product-item:hover .product-info{ border-color:#5C3747; }
.product-item:hover .product-info .product-num{ color:#5C3747; }
.product-item:hover .product-info .product-inquiry-btn{  background:url(../images/web-30.png) no-repeat center; background-size:cover; }

.product-item .product-info:hover{ border-color:#8A1D32; }
.product-item .product-info:hover .product-num{ color:#8A1D32; }
.product-item .product-info:hover .product-inquiry-btn{ background:url(../images/web-29.png) no-repeat center; background-size:cover; }





/*商品詳細*/
.product-view-gp{ margin-top:15px; margin-bottom:60px; }
.product-view-gp-left{ width:40%; margin-right:5%; }
.product-view-gp-right{ width:55%; }

.pro-view-photos{ position:relative; }

.product-view-inquiry-fixed{ position:absolute; z-index:2; top:0; right:0; border:1px solid #ccc; background:#fff; font-family:"微軟正黑體", serif , "新細明體-ExtB"; }
.product-view-inquiry-fixed a{ display:block; width:100%; height:100%; padding:1px 10px; line-height:1.3; }
.product-view-inquiry-fixed .product-num , .product-view-inquiry-fixed .title{ 
	display:inline-block; 
	vertical-align:middle; 
	line-height:1; 
	font-size:0.85em;
	letter-spacing:0;
}
.product-view-inquiry-fixed .product-num{ margin:2px 0 2px 0; }
.product-view-inquiry-fixed .title{ position:relative; padding-right:20px; margin:1px 0 3px 0; }
.product-view-inquiry-fixed .title:after{ 
	position:absolute;
	display:block; 
	top:50%; 
	right:0; 
	content:"+"; 
	font-weight:600; 
	font-size:1.6em; ;
	line-height:1;
	margin-top:-13px;
} 
.product-view-inquiry-fixed:hover{ border-color:#8F1E33; }


.pro-view-photos .sync-slide{ /*border:1px solid #ccc;*/ margin-bottom:20px; }
.pro-view-photos .sync-thum{ margin:10px 0; padding:0 0px; }
.pro-view-photos .sync-thum .owl-item{ cursor:pointer; /*border:1px solid #ccc;*/ }
.pro-view-photos .sync-thum .owl-item:hover{ opacity:0.4;}
.pro-view-photos .sync-thum .owl-item.current{ border:1px solid rgba(143,30,51, 0.8); cursor:default; }
.pro-view-photos .sync-thum .owl-item:hover{  border-color:rgba(143,30,51, 1); }
.pro-view-photos .sync-thum.owl-nav-style .owl-prev { left: -32px; }
.pro-view-photos .sync-thum.owl-nav-style .owl-next{ right: -30px; }

.product-view-title{ 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	padding:20px 0; 
	margin-bottom:20px; 
	color:#8F1E33;
	font-size:1.4em;
	margin-top:25px;
	line-height: 140%;
}
.product-view-intro{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc; font-size:0.95em; }
.product-view-price{ color:#898989; font-size:0.95em; margin-bottom:5px; }

.product-view-inquiry-btn{ display:inline-block; padding:8px 30px; margin:20px 0; border:2px solid #898989; color:#898989; }

.product-view-inquiry-btn:hover{ border-color:#8F1E33; color:#8F1E33; }

.product-view-desc-headline{ border-bottom:2px solid #898989; margin-top:30px; margin-bottom:30px; }
.product-view-desc-headline .title{ display:block; padding:8px 20px; text-align:center; max-width:200px; background:#898989; color:#fff; font-size:0.9em; }




/*搜尋頁*/
.search-product-list{ max-width:1100px; margin-left:auto; margin-right:auto; }
.search-headline .content{ font-size:1.4em; font-weight:600; }
.search-headline .title{ font-size:1.1em; font-weight:600; color:#666; }


/*聯絡我們*/
.contact-gp{ margin:5px auto 60px auto; max-width:900px; }
.contact-gp .map{ width:50%; position:relative; order:2; }
.contact-gp .box{ width:50%; position:relative; order:1; }

.info-list{  }
.info-list li{ position:relative; margin-bottom:5px; font-size:1em; }
.info-list li.company-line { font-weight:600; font-size:1.3em; margin-bottom:5px; }
.qrcode{ max-width:120px; }
.qrcode img{ display:block; max-width:100%; height:auto; } 


/*.contact-logo{ max-width:400px; margin:5px auto 20px auto; }
.contact-logo img{ display:block; max-width:100%; height:auto; }*/

.contact-form-box{ 
	max-width:900px;
	margin:30px auto;
}
.contact-form{}

.form-heading{ margin-bottom:10px; }

/* == 表單 套件組合 ======== */
.input-group { 
	display: table; 
	border-collapse: separate; /*表格屬性，合併框與格*/ 
	width:100%; 
	color:#555555; 
	margin-bottom:10px;
	padding:10px 0;
}
.require-mark{ color:red; font-size:0.85em; }
.input-title{
	display: table-cell;
	min-width: 90px; 
	font-size: 1em;
	text-align: left;
    white-space: nowrap;
	vertical-align:top;
	padding-top:9px;
	/*font-weight:600;*/
}
.input-control {
    display: table-cell;
	width: 100%;
    min-height: 2em;
}
.input-group input[type=text] {
    width: 100%;
    display: block;
	font-size: 1em;
	border:1px solid #ccc;
}
.input-remind{ font-size:0.8em; color:#666; }

.input-group textarea{ width: 100%; font-size: 1em; }

.form-bt-line{ text-align:left; padding-left:90px; margin-bottom:20px; }
input.fbtn{ display:inline-block; font-size:1em; padding: 6px 25px; border-radius:0; margin:0 10px; cursor:pointer; border:2px solid transparent; }
input.fbtn-confirm{ background:#727171; color:#fff; border:2px solid #727171; }
input.fbtn-cancel{ background:#fff; color:#727171; border:2px solid #727171; }
input.fbtn:hover{ background:#8F1E33; color:#fff; border:2px solid #8F1E33; }

.sex-box{margin-right:10px;}
.sex-box .ra-sex{display:none;}
.sex-box .title{ 
	display:inline-block; 
	width:30px; 
	height:30px;
	line-height:28px;
	text-align:center; 
	border:1px solid #cccccc; 
	cursor:pointer;
	border-radius: 3px;
	color:#666;
}
.sex-box .ra-sex:checked + .title{ background:#666; color:#FFF; border-radius: 3px; }






/*詢價*/
.inquiry_list-box{ border:1px solid #ccc; padding:30px; font-family:"微軟正黑體", serif , "新細明體-ExtB"; margin-bottom:60px; }

.inguiry-headline{ color:#666666; margin-bottom:20px; }


/*表格*/
.tbset{
	border: 1; 
	border-collapse: collapse;/*讓表格間無間隔*/
	width:100%;
}
.tbset td{ padding:5px 5px; }
.tbset thead{ font-size:0.95em; }



.inguiry-list-tb{ font-size:0.95em; margin-bottom:30px; }
.inguiry-list-tb td{ border:1px solid #fff; text-align:center; background:#F4F4F4; }
.inguiry-list-tb thead td{ background:#DDDDDD; }


/*刪除之叉叉圖示*/
.delete-btn{ position:relative; display:inline-block; min-width:25px; height:25px;}
.delete-btn:before, .delete-btn:after{
	position: absolute; top: 50%; left: 50%;
	background: rgba(128,128,128,1);
	content: '';
	display: inline-block;
	height: 3px;
	margin-top: 2px;
	margin-left: -7px;
	width: 15px;
	border-radius:2px;
	transition:All 0.5s ease;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.delete-btn:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.delete-btn:hover:before, .delete-btn:hover:after{ background:#8F1E33; }
.delete-btn .icon-txt{ display:none;}



.inquiry-box{ margin-bottom:30px; }
.inquiry-box .title{ background:#DDDDDD; border:1px solid #DDDDDD; text-align:center; }
.inquiry-box .content{ border:1px solid #DDDDDD; border-top-width:0px; background:#F4F4F4; }
.inquiry-box .ftextarea{ width:100%; border:1px solid transparent; background:transparent; font-size:1em; }


.inquiry-info-box .content{ padding:10px }

.inquiry-btn-line{ text-align:center; }



.scrollable-note{ display:none; font-size:0.8em; color:#666; margin-top:10px; }



.inquiry-search-line{ margin-bottom:20px; }
.inquiry-search-title , .inquiry-search-txt , .inquiry-search-btn{ display:inline-block; vertical-align:middle; margin-bottom:10px; }

.inquiry-search-title{ position:relative; padding-left:17px; }
.inquiry-search-title:before{
	position:absolute;
	top:9px;
	left:0;
	width:12px;
	height:12px;
	content:"";
	background:#8F1E33;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.inquiry-search-txt{ width:200px; height:40px; margin-right:10px; }
.inquiry-search-btn{ 
	background:#8F1E33;
	color:#fff;
	border:2px solid #8F1E33;
	font-size:0.9em;
	border-radius: 0;
	padding: 8px 10px;
	cursor:pointer;
}
.inquiry-search-btn:hover{ background:#fff; color:#8F1E33; } 

.d-none { display: none; }
.page a.active:link, .page a.active:visited {
    color: #fff;
	background-color: #666;
}
.product-title .tit-s { font-size: .9em; }

@media (min-width: 1024px) {
	.product-title { min-height: 6.5rem; }	
}
@media (min-width: 1200px) {
	.product-title { min-height: 5rem; }	
}