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

/*----------------------------------------------------------------------*/
/* 內頁 */
#Content { padding-bottom:40px; }
#Content > *:last-child { margin-bottom:0; }

.ToolBar, .ListPicText, .ProductList,
.editable_content, .articleTitle, .postdate, .post_info, .inPagination, 
.product_cat_title, .ProductCont, .ProductCompare,
.ArtistsBrief, .ArtistsCont, .ContactUsForm, .RegForm, .dealer_search, .dealer_list,
.CatalogListWrap, .FAQsWrap, .FindCont, .product_select, #Breadcrumbs > div { 
	max-width:1200px; margin-left:auto; margin-right:auto; 
	}
#ContentHeader { position: relative; width: 100%; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs ul { overflow:hidden; padding: 10px 0; }
#Breadcrumbs li { display:inline-block; padding-right:8px; margin-right:2px; color:#5b5b5b; line-height:24px; position:relative; }
#Breadcrumbs a { display:block; color:#555; text-decoration:none; }
	#Breadcrumbs li:after { 
	content:''; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:12px; background-color:#555555;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	transform: rotate(15deg); 
	}
	#Breadcrumbs a:hover, #Breadcrumbs a:focus { color:#a29179; }
#Breadcrumbs li:last-child { padding-right:0; margin-right:0; }
#Breadcrumbs li:last-child a { color:#555; }
	#Breadcrumbs li:last-child a:hover { color:#a29179; }
	#Breadcrumbs li:last-child:after { display:none; }
	
/* 工具列 */
.ToolBar { margin-bottom:30px; color:#555555; font-family:'Gotham XNarrow', sans-serif; }
.ToolBar::after, .ToolBar .colm_left::after, .ToolBar dl.font_size::after, .ToolBar dl.share::after { content:''; display:block; width:100%; clear:both; }
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:32px; }
.ToolBar dl.font_size a, .ToolBar dl.share a { width:32px; height:32px; box-sizing:border-box; }

.ToolBar .colm_left { float:left; }
.ToolBar .colm_right { float:right; }

.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar a { display:block; color:#555555; text-decoration:none; position:relative; }

.ToolBar .colm_left a { float:left; margin-left:15px; font-weight:500; font-size:1.25rem; }
.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a::before { font-family: 'Font Awesome 5 Regular'; font-size:14px; font-weight:bold; vertical-align:middle; margin-right:5px; }
	.ToolBar .colm_left a.return::before { content:'\f053' }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#a29179; }

.ToolBar dl.font_size + dl.share { margin-left:15px; }
.ToolBar dl.share { float:left; }
.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt { margin-right:8px; }
.ToolBar dl.share dd { margin-right:10px; position:relative; }
.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { cursor:pointer; text-indent:-999px; overflow:hidden; }
.ToolBar dl.share a::before { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:0; 
	font-family:'Font Awesome 5 Brands'; font-size:22px; font-weight:bold; text-align:center; vertical-align:middle; margin-right:5px; 
	}
	.ToolBar dl.share dd.facebook a::before { content:'\f39e'; }
	.ToolBar dl.share dd.twitter a::before { content:''; background-image: url(../images/x-twitter-no.svg); background-repeat: no-repeat; background-position: center center; }
	.ToolBar dl.share dd.facebook a:hover::before { color:#415e9a; }
	.ToolBar dl.share dd.twitter a:hover::before { background-image: url(../images/x-twitter.svg); }
	
/* 標題 */
.PageTitle { position:relative; text-align:center; }
.PageTitle h2 { font-size:3.75rem; font-weight:700; line-height:110%; color:#222; text-transform:uppercase; letter-spacing:0; }

h3.articleTitle { margin-top:20px; margin-bottom:40px; position:relative; }
h3.articleTitle span { 
	display:block; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #d4d0cd; 
	text-align:center; font-size:2.5rem; line-height:150%; color:#222; 
	}
h3.listTitle { font-size:2.5em; }

.postdate { margin-bottom:40px; text-align:center; font-size:0.875rem; color:#9d9d9d; line-height:150%; position:relative; }
h3.articleTitle + .postdate { margin-top:-30px; }
.postdate + .postdate { margin-top:-35px; }

h4.title { margin:15px 0 5px; font-size:1.25rem; }

.post_info { padding:5px 0; }
.post_info span { display:inline-block; border-left:1px solid #dedede; padding-left:14px; margin-left:12px; line-height:20px; color:#8b8b8b; font-size:0.8125rem; }
.post_info span:first-child { border-left:0; padding-left:0; margin-left:0; }
.post_info.below { text-align:right; }

/* 分類下拉 */
.CatTitle { margin:0 0 20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 {display:inline-block; font-size:1.25rem; line-height:36px; color:#d42828; }
.CatTitle .cat_select { font-size:0.8125rem; line-height:36px; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 8px; height:36px; line-height:36px;
	background-color:#d42828;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.CatTitle .cat_select .btn:hover, .CatTitle .cat_select .btn:focus { background-color:#e02347; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/* 列表搜尋 */
.ListSearch { clear:both; box-sizing:border-box; position:relative; }
.ListSearch > div { margin-bottom:25px; border:1px solid #b1956e; box-sizing:border-box; position:relative; }
.ListSearch > div::before { 
	content:''; display:block; position:absolute;
	border-top:1px solid #b1956e; border-bottom:1px solid #b1956e;   
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
.ListSearch .item { 
	display:inline-block; margin-right:20px; margin-bottom:5px; padding-top:20px; max-width:100%; line-height:40px; font-size:1rem;  
	vertical-align:top; position:relative; 
	}
.ListSearch .item::after { content:''; display:block; clear:both; }
.ListSearch .item > div { float:left; max-width:100%; }
.ListSearch .item .label { position:absolute; top:0; left:0; line-height:120%; font-weight:bold; color:#000; font-size:0.875rem; }
.ListSearch .item .label::after { content:'：'; }
.ListSearch .BtnCommon { display:inline-block; clear:none; padding-bottom:5px; margin:0; vertical-align:bottom; }
.ListSearch .BtnCommon div { margin-top:0; margin-left:0; margin-right:0; }
.ListSearch .BtnCommon span { 
	background-color:#b1956e; 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
.ListSearch .BtnCommon input { line-height:40px; }

/* 頁碼 */
#Pagination { margin-top:40px;  clear:both; text-align:center; }
#Pagination .pages { display:inline-block; }
#Pagination a { 
	display:inline-block; margin:0 3px; background-color:#555555; text-decoration:none; position:relative; 
	width:36px; height:36px; line-height:36px; color:#eeeeee; text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius:5px; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
	#Pagination a:hover, #Pagination a:focus { background-color:#a29179; color:#fff; }
	#Pagination a.focuz { background-color:#a29179; color:#fff; }

#Pagination a.first, #Pagination a.last, #Pagination a.prev, #Pagination a.next { text-indent:-9999px; }
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.last::before, #Pagination a.last::after,
#Pagination a.prev::before, #Pagination a.next::before { 
	content:''; position:absolute; top:50%; width:6px; height:6px; border-top:1px solid #fff; border-left:1px solid #fff;
	}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.prev::before { 
    margin-top:-3px; 
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
#Pagination a.last::before, #Pagination a.last::after, #Pagination a.next::before { 
    margin-top:-3px; 
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
#Pagination a.first:hover::before, #Pagination a.first:hover::after, #Pagination a.last:hover::before, #Pagination a.last:hover::after,
#Pagination a.first:focus::before, #Pagination a.first:focus::after, #Pagination a.last:focus::before, #Pagination a.last:focus::after,
#Pagination a.prev:hover::before, #Pagination a.next:hover::before,
#Pagination a.prev:focus::before, #Pagination a.next:focus::before { 
	border-color:#fff; 
	}
#Pagination a.first::before { left:14px; }
#Pagination a.first::after { left:18px; }
#Pagination a.prev::before { left:16px; }
#Pagination a.next::before { right:16px; }
#Pagination a.last::before { right:14px; }
#Pagination a.last::after { right:18px; }
	
#Pagination .setting { display:none; padding-top:10px; line-height:36px; }
#Pagination .setting select { 
	padding:8px 5px 7px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius:5px; 
	}
#Pagination .setting input[type="text"] { 
	width:34px; vertical-align:top; box-sizing:border-box; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius:5px; 
	}
#Pagination .setting select, #Pagination .setting input[type="text"] {
	background-color:#fff; border:1px solid #929292; height:36px;
	}
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus {
	outline: 0;
	border:1px solid #a29179; 
	-webkit-box-shadow: 0 0 6px #a29179;
	-moz-box-shadow: 0 0 6px #a29179;
	box-shadow: 0 0 6px #a29179;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
#Pagination .setting input[type="button"] { 
	padding:0 10px; margin-left:3px; vertical-align:top; background-color:#929292; height:36px; line-height:36px; color:#fff; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius:5px; 
	}
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background-color:#a29179; }
#Pagination .setting .dev-script-oper { display:none; }

/* 內頁頁碼 */
.inPagination { margin-top:20px; clear:both; text-align:center; font-size:0.8125rem; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a { 
	display:inline-block; margin:0 3px; background-color:#555555; text-decoration:none; position:relative; 
	width:36px; height:36px; line-height:36px; color:#eeeeee; text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius:5px; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
	.inPagination a:hover, .inPagination a:focus { background-color:#a29179; color:#fff; }
	.inPagination a.focuz { background-color:#a29179; color:#fff; }

/* 檔案下載icon */
.file_ext { display:inline-block; position:relative; }
.file_ext::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	}
	.file_csv::before { background-color:#589c00; }
	.file_doc::before { background-color:#2372ba; }
	.file_img::before { background-color:#5b2d8d; }
	.file_mov::before { background-color:#c51700; }
	.file_other::before { background-color:#919191; }
	.file_pdf::before { background-color:#ea4c3a; }
	.file_ppt::before { background-color:#dd5b26; }
	.file_txt::before { background-color:#919191; }
	.file_xls::before { background-color:#08743b; }
	.file_xml::before { background-color:#157efb; }
	.file_zip::before { background-color:#e67e22; }
	.file_odt::before { background-color:#2372ba; }
	.file_ods::before { background-color:#08743b; }
	.file_odp::before { background-color:#dd5b26; }
.file_ext::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
	.file_csv::after { background-image:url("../images/file_ext/csv.png"); }
	.file_doc::after { background-image:url("../images/file_ext/doc.png"); }
	.file_img::after { background-image:url("../images/file_ext/img.png"); }
	.file_mov::after { background-image:url("../images/file_ext/mov.png"); }
	.file_other::after { background-image:url("../images/file_ext/other.png"); }
	.file_pdf::after { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt::after { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt::after { background-image:url("../images/file_ext/txt.png"); }
	.file_xls::after { background-image:url("../images/file_ext/xls.png"); }
	.file_xml::after { background-image:url("../images/file_ext/xml.png"); }
	.file_zip::after { background-image:url("../images/file_ext/zip.png"); }
	.file_odt::after { background-image:url("../images/file_ext/odt.png"); }
	.file_ods::after { background-image:url("../images/file_ext/ods.png"); }
	.file_odp::after { background-image:url("../images/file_ext/odp.png"); }

/* 內頁顯示欄位 */
.content_info { margin-top:10px; margin-bottom:30px; }
.content_info > div { background-color:#f8f8f8; border-left:5px solid #b1956e; padding:10px; }
.content_info li span { font-size:0.9375rem; line-height:135%; }
.content_info li span.title { font-weight:bold; color:#786b57; white-space:nowrap; }
.content_info li span.title::after { content:"："; }
.content_info li span.cont { color:#646464; }
.content_info li span.cont strong { color:#de0006; }
.content_info li a { word-break:break-all; }

/* 延伸閱讀 */
.related_articles { 
	max-width:1280px; margin-left:auto; margin-right:auto; margin-top:60px; padding-left:20px; padding-right:20px; padding-bottom:10px; 
	box-sizing:border-box; border-left:6px solid #d4d0cd; 
	}
.related_articles .title { border-bottom:2px solid #d4d0cd; padding:10px 0 10px 36px; line-height:150%; color:#ac8d5e; position:relative; }
.related_articles .title::before { 
	content:''; display:block; position:absolute; top:15px; left:0; width:24px; height:24px; 
	background:url("../images/icon_related_articles.png") no-repeat 0 0; background-size:cover; 
	}
.related_articles .list { list-style-type:decimal; margin-left:30px; }
.related_articles .list li { padding:12px 0; color:#595959; font-size:1.125rem; line-height:150%; }
.related_articles .list a { display:block; color:#595959; text-decoration:none; }
.related_articles .list a:hover { color:#ac8d5e; text-decoration:underline; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.editable_content + .ListPicText { margin-top:0; }
.ListPicText::after, .ListPicText .item > div::after { content:''; display:block; width:100%; clear:both; }
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont, .ListPicText .btn { box-sizing:border-box; }

.ListPicText { padding-bottom:10px; overflow:hidden; }
.ListPicText .item > div { background-color:#fff; height:100%; position:relative; }
.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img > div {
	padding-bottom:66.5789%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.ListPicText .img:hover > div { transform:scale(1.02); }
.ListPicText .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.ListPicText .date { display:inline-block; padding-bottom:5px; color:#333333; line-height:150%; position:relative; }
.ListPicText .date::after { position:absolute; bottom:0; left:0; content:''; display:inline-block; width:100%; border-bottom:3px solid #a29179; }

.ListPicText .title { margin-top:15px; text-align:left; }
.ListPicText .title a { 
	display:block; color:#333333; font-weight:500; font-family:'Gotham XNarrow', sans-serif; line-height:115%; text-decoration:none; 
	}
.ListPicText .title a:hover, .ListPicText .title a:focus { color:#a29179; text-decoration:underline; }
.ListPicText .desc { 
	margin-top:10px; color:#555555; line-height:150%; text-align:left;
	/*描述最多顯示3行，但此語法IE、Firefox皆不支援*/
	/*line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;*/
	/*不支援上述語法時的備案*/
	/*max-height:6em;*/
	}
.ListPicText .btn { margin-top:15px; padding-bottom:3px; text-align:left; overflow:hidden; }
.ListPicText .btn a, .ListPicText .btn a::before, .ListPicText .btn a::after {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ListPicText .btn a {
	display:inline-block; padding-right:30px; box-sizing:border-box; position:relative; 
	text-decoration:none; color:#929292; font-size:16px;
	}
.ListPicText .btn a::before {
	content:''; position:absolute; display:block; right:0; width:22px; height:22px; border:2px solid #929292; background-color:#fff; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%; 
	border-radius:50%; 
	}
.ListPicText .btn a::after {
	content:''; position:absolute; display:block; right:10px; width:6px; height:6px; border-bottom:2px solid #929292; border-right:2px solid #929292;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.ListPicText .btn a:hover, .ListPicText .btn a:focus { color:#a29179; }
.ListPicText .btn a:hover::before, .ListPicText .btn a:focus::before,
.ListPicText .btn a:hover::after, .ListPicText .btn a:focus::after { border-color:#a29179; }


/*----------------------------------------------------------------------*/
/* 產品列表 */
.product_select { padding-bottom: 30px; }
.product_select select, .product_select input.btn { 
	background-color:#333333; border:0; height:40px; max-width:100%; margin-bottom:5px; font-family:'Gotham XNarrow', sans-serif; color:#fff; font-size:18px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	}
.product_select select { padding-left:8px; }
.product_select .combo-select { margin-bottom:5px; margin-right:2px; }
/*.product_select input:focus {
	outline:0;
	background-color:#a29179; color:#fff;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-webkit-transition: all ease-in-out .15s;
	-moz-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
	}*/
.product_select input::placeholder { color:#fff; }
.product_select input.btn { padding:0 12px; }
.product_select input.btn:hover { background-color:#a29179; }

.product_cat_title { position:relative; text-align:center; }
.ProductList + .product_cat_title { margin-top:20px; }
.product_cat_title + .ProductList { margin-top:20px; }
.product_cat_title::before { content:''; display:block; position:absolute; top:50%; left:0; width:100%; border-bottom:1px solid #dddddd; }
.product_cat_title h3 { display:inline-block; padding:0 20px; background-color:#fff; line-height:125%; font-size:2rem; position:relative; }

.ProductList::after, .ProductList .item > div::after { content:''; display:block; width:100%; clear:both; }
.ProductList .item, .ProductList .item > div, .ProductList .img, .ProductList .img > div, .ProductList .cont, .ProductList .btn { box-sizing:border-box; }

.ProductList { padding-bottom:10px; padding-top: 10px; overflow: hidden; }
.ProductList .item > div {
    background-color:#fff; height:100%; position:relative; padding: 10px; box-sizing: border-box;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.ProductList .item > div:hover {
    background-color: #dcd8cf;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	box-shadow: 0 0 12px rgba(0,0,0,0.5);    
}
.ProductList .img { position:relative; }
.ProductList .img > div {
	padding-bottom:50%; background-repeat:no-repeat; background-position:center center; background-size:contain; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.ProductList .img:hover > div { opacity:0.8; }
.ProductList .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.ProductList .cont { padding:10px 0; overflow:hidden; }
.ProductList .title a { 
	display:block; color:#333333; font-size:1.625rem; font-weight:500; font-family:'Gotham XNarrow', sans-serif; line-height:32px; text-decoration:none; text-align: center;
	}
.ProductList .title a:hover, .ProductList .title a:focus { color:#a29179; }
.ProductList .desc { text-align: center; margin: 5px 0 10px; }
.ProductList .material { text-align: center; color: #8C9091; margin-top: 5px; }
.ProductList .btn { float:right; overflow:hidden; }
.ProductList .btn a {
	display:inline-block; box-sizing:border-box; overflow:hidden; position:relative; 
	text-decoration:none; font-family:'Gotham XNarrow', sans-serif; font-weight:500; color:#929292; font-size:1.375rem; line-height:32px;
	}
.ProductList .btn a::after {
	content:'\f055'; display:inline-block; margin-left:10px; 
	font-family: 'Font Awesome 5 Regular'; color:#929292; font-size:20px; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%; 
	border-radius:50%; 
	}
	.ProductList .btn.selected a::after { content:'\f056'; }
.ProductList .btn a:hover, .ProductList .btn a:focus, .ProductList .btn.selected a { color:#a29179; }
.ProductList .btn a:hover::after, .ProductList .btn a:focus::after, .ProductList .btn.selected a::after { border-color:#a29179; color:#a29179; }

/* Slider */
.ProductListSlider { margin-top:30px; margin-bottom:50px; }
.ProductListSlider .item { position:relative; overflow:hidden; }
.ProductListSlider .cont { height:100%; font-size:0; letter-spacing:0; }
.ProductListSlider .cont::before { content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.ProductListSlider .cont .text { display:inline-block; vertical-align:middle; box-sizing:border-box; }
.ProductListSlider .cont .text .title { font-family:'Gotham XNarrow', sans-serif; font-weight:500; }
.ProductListSlider .cont .text .desc { line-height:160%; }
.ProductListSlider .img { 
	padding-bottom:46.6667%; 
	background-repeat:no-repeat; background-size:contain; background-position:center center; 
	}

.ProductListSlider .video > div { position: relative; }
.ProductListSlider .video .for_desktop { padding-bottom:46.875%; }
.ProductListSlider .video .for_mob { padding-bottom:120%; }
.ProductListSlider .video video { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
	
/* bx-PAGER */
.ProductListSlider .bx-wrapper .bx-pager.bx-default-pager a { background: #d9d9d9; }
.ProductListSlider .bx-wrapper .bx-pager.bx-default-pager a.active,
.ProductListSlider .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #a29179; }

/* bx-DIRECTION CONTROLS (NEXT / PREV) */
.ProductListSlider .bx-controls-direction { display:none; }
/*.ProductListSlider .bx-wrapper .bx-prev:after, 
.ProductListSlider .bx-wrapper .bx-next:after { 
	border-top:2px solid #d9d9d9; border-left:2px solid #d9d9d9; 
	}
.ProductListSlider .bx-wrapper .bx-prev:after { left:-16px; }
.ProductListSlider .bx-wrapper .bx-next:after { right:-16px; }*/
.ProductListSlider .bx-wrapper .bx-pager, .ProductListSlider .bx-wrapper .bx-controls-auto { bottom:-20px; }


/*----------------------------------------------------------------------*/
/* 產品內頁 */
.product_title { text-align:center; }
.product_title h3 { font-size:2.5rem; line-height:120%; }
.product_title h3 span { display:block; font-size:1.25rem; font-weight:300; line-height:135%; }

/* 產品圖 */
.ProductImage img { max-width: 100%; }

/* 產品比較按鈕 */
.btn_compare { text-align:center; overflow:hidden; }
.btn_compare a {
	display:inline-block; box-sizing:border-box; overflow:hidden; position:relative; 
	text-decoration:none; font-family:'Gotham XNarrow', sans-serif; font-weight:500; color:#929292; font-size:1.375rem; line-height:32px;
	}
.btn_compare a::after {
	content:'\f055'; display:inline-block; margin-left:10px; 
	font-family: 'Font Awesome 5 Regular'; color:#929292; font-size:20px; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%; 
	border-radius:50%; 
	}
	.btn_compare.selected a::after { content:'\f056'; }
.btn_compare a:hover, .btn_compare a:focus, .btn_compare.selected a { color:#a29179; }
.btn_compare a:hover::after, .btn_compare a:focus::after, .btn_compare.selected a::after { border-color:#a29179; color:#a29179; }

/* 產品內容頁籤 */
.ProductCont { padding-top:4vh; overflow:hidden; }
.ProductCont .tabs { margin-bottom:30px; }
.ProductCont .tabs::after { content:''; display:block; clear:both; }
.ProductCont .tabs ul { margin-left:-2px; margin-right:-2px; display: table; width: 100%; }
.ProductCont .tabs li { display: table-cell; width:25%; padding:0 2px; text-align:center; box-sizing:border-box; }
.ProductCont .tabs li a { 
	display:block; border-bottom:5px solid #555555; position:relative;
	font-family:'Gotham XNarrow', sans-serif; font-weight:500; font-size:1.5rem; line-height:150%; color:#555555; text-decoration:none; 
	}
	.ProductCont .tabs li.active a, .ProductCont .tabs li a:hover { border-bottom:5px solid #a29179; color:#a29179; }
	.ProductCont .tabs li.active a::after { 
		content:''; display:block; position:absolute; bottom:-14px; left:50%; margin-left:-9px; 
		border-top:9px solid #a29179; border-left:9px solid transparent; border-right:9px solid transparent; 
		}
		
.ProductCont .tab_cont > .title a {
	display:block; border-bottom:5px solid #555555; position:relative;
	font-family:'Gotham XNarrow', sans-serif; font-weight:500; font-size:1.5rem; line-height:180%; color:#555555; text-align:center; text-decoration:none; 
	}
.ProductCont .tab_cont > .title a::before { 
	display:block; position:absolute; top:15px; right:12px; content:""; width:10px; height:10px; border-right:1px solid #666666; border-top:1px solid #666666;
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
.ProductCont .tab_cont.active > .title a::before { 
	top:24px;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.ProductCont .tab_cont.active > .title a { border-bottom:5px solid #a29179; color:#a29179; }
.ProductCont .tab_cont.active > .title a::after { 
	content:''; display:block; position:absolute; bottom:-14px; left:50%; margin-left:-9px; 
	border-top:9px solid #a29179; border-left:9px solid transparent; border-right:9px solid transparent; 
	}
.ProductCont .tab_cont.active > .title { margin-bottom:30px; }
	
.ProductCont .editable_content { padding-left:0; padding-right:0; }

/* 產品內容頁籤-比較表 */
.ProductCompareTable { width:100%; font-family:'Gotham XNarrow', sans-serif; }
.ProductCompareTable th, .ProductCompareTable td { padding:10px 15px; }
.ProductCompareTable th:not(:first-child), .ProductCompareTable td:not(:first-child) { border-left:1px solid #cccccc; }
.ProductCompareTable th { 
	background-color:#333333; position:relative; 
	color:#fff; font-size:1.625rem; font-weight:500; line-height:120%; 
	}
.ProductCompareTable td { background-color:#f3f3f5; color:#333; font-weight:300; line-height:150%; }
	.ProductCompareTable tr td:first-child { font-weight:500; }
	
.ProductCompareTable a.reset { 
	position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; 
	line-height:32px; color:#fff; font-size:16px; font-weight:bold; cursor:pointer; 
	}
.ProductCompareTable a.reset::before { font-family:'Font Awesome 5 Regular'; content:'\f2f9'; display:block; }
.ProductCompareTable a.reset:hover { color:#a29179; }
	
.ProductCompareTable a.del { position:absolute; top:50%; right:0; margin-top:-16px; width:32px; height:32px; text-indent:-999px; cursor:pointer; }
.ProductCompareTable a.del::before, .ProductCompareTable a.del::after { 
	content:''; display:block; position:absolute; top:11px; left:15px; width:2px; height:10px; background-color:#222222; z-index:2; 
	}
.ProductCompareTable a.del::before { 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.ProductCompareTable a.del::after { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.ProductCompareTable a.del span { 
	display:block; position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; width:16px; height:16px; background-color:#fff; z-index:1; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%; 
	border-radius:50%; 
	}
.ProductCompareTable a.del span, .ProductCompareTable a.del::before, .ProductCompareTable a.del::after {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ProductCompareTable a.del:hover span { background-color:#a29179; }
.ProductCompareTable a.del:hover::before, .ProductCompareTable a.del:hover::after { background-color:#fff; }

.compare-table-wrapper .pinned { 
	position:absolute; left:0; top:0; background:#fff; width:120px; overflow:hidden; overflow-x:scroll; border-right:1px solid #ccc; border-left:1px solid #ccc; 
	}
.compare-table-wrapper .pinned table { border-right:none; border-left:none; width:100%; }
.compare-table-wrapper .pinned table th, .compare-table-wrapper .pinned table td { white-space:nowrap; }
.compare-table-wrapper .pinned td:last-child { border-bottom:0; }

div.compare-table-wrapper { position:relative; margin-bottom: 0px; overflow:hidden; border-right:1px solid #ccc; }
div.compare-table-wrapper div.scrollable { margin-left:120px; }
div.compare-table-wrapper div.scrollable { overflow:scroll; overflow-y:hidden; }	

table.ProductCompareTable.pinned td { display:none; }


table.compare-table-RWD th:first-child, 
table.compare-table-RWD td:first-child { display:none; }
table.compare-table-RWD td, table.compare-table-RWD th { position:relative; white-space:nowrap; overflow:hidden; }

.ProductCompareTable td { padding:6px 10px; }
.ProductCompareTable td { font-size:0.875rem; }


/*----------------------------------------------------------------------*/
/* 產品比較 */
.product_compare_title { margin-bottom:20px; font-size:2rem; text-align:center; line-height:150%; }
.product_compare_title span { margin-left:10px; color:#a22134; }
.ProductCompare .btn { margin-top:40px; text-align:center; }
.ProductCompare .btn a { 
	display:inline-block; width:200px; background-color:#000; 
	font-family:'Gotham XNarrow', sans-serif; font-weight:300; font-size:1.625rem; color:#fff; text-decoration:none; line-height:55px; text-align:center; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ProductCompare .btn a:hover { background-color:#a29179; }


/*----------------------------------------------------------------------*/
/* 藝人列表 */
.artists_select::after { content: ''; display: block; clear: both; }
.artists_select .item { 
	display:inline-block; background-color:#333333; margin-right:5px; margin-bottom:5px; max-width:100%; position:relative; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	}
.artists_select select, .artists_select input { 
	background-color:#333333; border:0; padding:0; height:40px; max-width:100%; font-family:'Gotham XNarrow', sans-serif; color:#fff; font-size:18px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	}
/*.artists_select input:focus {
	outline:0;
	background-color:#a29179; color:#fff;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-webkit-transition: all ease-in-out .15s;
	-moz-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
	}*/
.artists_select input::placeholder { color:#fff; }
.artists_select select { padding:0 0 0 8px; }
.artists_select .keyword::after { 
	content:'\f002'; display:block; position:absolute; top:0; left:0; width:40px; height:40px; 
	font-family:'Font Awesome 5 Regular'; line-height:40px; text-align:center; color:#fff; 
	}
.artists_select .keyword input { width:250px; padding-left:40px; box-sizing:border-box; }
.artists_select .btn { display:inline-block; }
.artists_select .btn input { padding:0 12px; }
.artists_select .btn input:hover { background-color:#a29179; }

.artists_select .form_btn { margin-top: 10px; }
.artists_select .form_btn a { color: #333; text-decoration: none; font-size: 1.125em; font-weight:500; position: relative; }

.ArtistsList > div { display: flex; flex-wrap: wrap; }
.ArtistsList::after, .ArtistsList > div::after, .ArtistsList .item > div::after { content:''; display:block; width:100%; clear:both; }
.ArtistsList .item, .ArtistsList .item > div, .ArtistsList .img, .ArtistsList .img > div, .ArtistsList .cont { box-sizing:border-box; }

.ArtistsList .item > div { background-color:#fff; height:100%; position:relative; overflow:hidden; }
.ArtistsList .img { position:relative; }
.ArtistsList .img > div {
	padding-bottom:150%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.ArtistsList .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.ArtistsList .cont { 
	position:absolute; bottom:0; left:0; width:100%; background-color:rgba(162,144,121,0.8); 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}	
.ArtistsList .title a { 
	display:block; padding:0 15px; color:#fff; font-weight:500; font-family:'Gotham XNarrow', sans-serif; line-height:50px; text-decoration:none; 
	}
.ArtistsList .title a:hover, .ArtistsList .title a:focus { color:#fff; text-decoration:none; }

.ContentBlock.featured { background-color: rgba(217,238,244,.5); }
.ContentBlock .inner { max-width:1200px; padding: 0; }
.ContentBlock .inner > *:first-child { padding-top: 10px; }
.ContentBlock .inner > *:last-child { padding-bottom: 10px; }

/* 產品內頁 */
.ProductCont .ArtistsList { padding-left:0; padding-right:0; }
.ArtistsList.in_product .title a { padding:0 10px; }


/*----------------------------------------------------------------------*/
/* 藝人內頁 */
.ArtistsBrief > div { position:relative; }
.ArtistsBrief > div::after { content:''; display:block; clear:both; }
.ArtistsBrief .img > div { background-repeat:no-repeat; background-position:center center; background-size:contain; }
.ArtistsBrief .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.ArtistsBrief .cont { padding-bottom:60px; padding-left:30px; box-sizing:border-box; position:relative; }
.ArtistsBrief .cont h3 { font-weight:700; }
.ArtistsBrief .cont .quote { font-family:'Gotham XNarrow', sans-serif; font-weight:300; line-height:160%; position:relative; }
.ArtistsBrief .cont .quote::before, .ArtistsBrief .cont .quote::after { 
	position:absolute; font-family:'Gotham XNarrow', sans-serif; font-weight:700;  color:#dddddd; line-height:100%; 
	}
	.ArtistsBrief .cont .quote::before { content:'“'; left:0; }
	.ArtistsBrief .cont .quote::after { content:'”'; right:0; }
.ArtistsBrief .cont .quote .name { font-family:'Cronos Pro', sans-serif; font-size:1.125rem; text-align:right; }
.ArtistsBrief .cont .quote .name::before { content:'- '; }
.ArtistsBrief .cont .follow { position:absolute; bottom:0; left:0; padding-left:30px; }
.ArtistsBrief .cont .follow > * { display:inline-block; line-height:32px; vertical-align:middle; }
.ArtistsBrief .cont .follow dt { margin-right:5px; font-family:'Gotham XNarrow', sans-serif; font-weight:500; font-size:1.125rem; color:#333333; }
.ArtistsBrief .cont .follow dd a { display:block; width:32px; height:32px; text-indent:-999px; overflow:hidden; position:relative; }
.ArtistsBrief .cont .follow dd a::before { 
	position:absolute; top:0; left:0; width:100%; height:100%; 
	font-family:'Font Awesome 5 Brands'; font-size:20px; color:#333333; line-height:32px; text-align:center; text-indent:0; 
	}
	.ArtistsBrief .cont .follow dd.website a::before { font-family:'Font Awesome 5 Regular'; content:"\f37e"; }
	.ArtistsBrief .cont .follow dd.fb a::before { content:"\f39e"; }
	.ArtistsBrief .cont .follow dd.youtube a::before { content:"\f167"; }
	.ArtistsBrief .cont .follow dd.twitter a::before { content:''; background-image: url(../images/x-twitter.svg); background-repeat: no-repeat; background-position: center center; width: 80%; height: 80%; transform: translate(-50%,-50%); top: 50%; left: 50%; filter: invert(14%) sepia(16%) saturate(15%) hue-rotate(57deg) brightness(101%) contrast(85%); }
	.ArtistsBrief .cont .follow dd.ig a::before { content:"\f16d"; }
	.ArtistsBrief .cont .follow dd a:hover::before { color:#a29179; }
	.ArtistsBrief .cont .follow dd.twitter a:hover::before { filter: invert(63%) sepia(12%) saturate(650%) hue-rotate(356deg) brightness(91%) contrast(86%); }
	
.ArtistsCont { margin-top:35px; }
.ArtistsCont > div { position:relative; }
.ArtistsCont > div::after { content:''; display:block; clear:both; }
.ArtistsCont .block { margin-bottom:35px; box-sizing:border-box; }
.ArtistsCont h3 { font-size:2rem; }

.ArtistsCont .clom_left {box-sizing:border-box; }
.ArtistsCont .editable_content { padding-left:0; padding-right:0; margin-top:0; margin-bottom:0; }
.ArtistsCont .recommend_list::after { content:''; display:block; clear:both; }
.ArtistsCont .recommend_list .item { /*float:left; width:50%;*/ box-sizing:border-box; }
.ArtistsCont .recommend_list .item a { display:block; text-decoration:none; overflow:hidden; }
.ArtistsCont .recommend_list .img { 
	padding-bottom:50%; background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.ArtistsCont .recommend_list .title { margin-top:5px; font-family:'Gotham XNarrow', sans-serif; font-weight:500; font-size:1.675rem; color:#333333; line-height:150%; }

.ArtistsCont .clom_right { overflow:hidden; position:relative; }
.ArtistsCont .thum { overflow:hidden; box-sizing:border-box; }
.ArtistsCont .thum a { 
	display:block; float:left; box-sizing:border-box; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ArtistsCont .thum a:hover { opacity:0.8; }
.ArtistsCont .thum a span { display:block; padding-bottom:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; }
.ArtistsCont .video_poster a { 
	display:block; position:relative; text-decoration:none;
	padding-bottom:56.25%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.ArtistsCont .video_poster a::before {
	 position:absolute; top:50%; left:50%; width:44px; height:44px; margin:-22px 0 0 -22px; border:2px solid #fff; background-color:rgba(0,0,0,0.6); 
	 box-sizing:border-box; 
	 content:'\f04b'; font-family:'Font Awesome 5 Solid'; line-height:40px; text-align:center; color:#fff; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%; 
	border-radius:50%; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ArtistsCont .video_poster a:hover::before { border-color:#a29179; background-color:#a29179; }


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.ContactUsForm .block { line-height:40px; box-sizing:border-box; }
.ContactUsForm .block input[type="text"], .ContactUsForm .block select, .ContactUsForm .block textarea { width:100%; }
.ContactUsForm .block label { display:block; font-family:'Gotham XNarrow', sans-serif; font-weight:500; font-size:1.125rem; color:#333333; line-height:30px; }
.ContactUsForm .block label span { margin-left:5px; color:#d42828; }
.ContactUsForm .block.randomcode { clear:both; }
.ContactUsForm .item { margin-bottom:5px; box-sizing:border-box; }
.ContactUsForm .item::after { content:''; display:block; clear:both; }

.ContactUsForm .terms_agree { margin-top:25px; background-color:#e3ded7; padding:20px; text-align:center; line-height:150%; }
.ContactUsForm .terms_agree a { color:#333; }

.ContactUsForm .BtnCommon { margin-top:40px; }


/*----------------------------------------------------------------------*/
/* 註冊 */
.RegForm .block { line-height:40px; box-sizing:border-box; overflow: hidden; }
.RegForm .block_title { 
	border-bottom:2px solid #e9e9e9; padding-bottom:5px; margin-bottom:15px; 
	font-family:'Gotham XNarrow', sans-serif; font-weight:500; font-size:1.5rem; color:#333333; line-height:30px; 
	}
.RegForm .block_title span { margin-left:5px; font-weight:300; font-size:1rem; }
.RegForm .block_title.min { padding-top: 12px; }
.RegForm .block input[type="text"], .RegForm .block select, .RegForm .block textarea { width:100%; }
.RegForm .block .label { display:block; font-family:'Gotham XNarrow', sans-serif; font-weight:500; font-size:1.125rem; color:#333333; line-height:30px; }
.RegForm .block .label span { margin-left:5px; color:#d42828; }
.RegForm .block.survey, .RegForm .block.randomcode { clear:both; }
.RegForm .item { margin-bottom:5px; box-sizing:border-box; }
.RegForm .item::after { content:''; display:block; clear:both; }

.RegForm .srial .find_sn { display:inline-block; margin-bottom:37px; color:#333; text-decoration:none; }
.RegForm .srial .find_sn::before { font-family:'Font Awesome 5 Regular'; content:'\f002'; margin-right:4px; }
.RegForm .srial .find_sn:hover, .RegForm .srial .find_sn:focus { color:#a29179; }

.RegForm .block.survey { padding:40px 0; }
.RegForm .block.survey .title { margin-top:20px; font-size:1.25rem; font-weight:500; line-height:1.625rem; }
.RegForm .block.survey .cont { padding-left:12px; }

.RegForm .terms_agree { margin-top:25px; background-color:#e3ded7; padding:20px; text-align:center; line-height:150%; }
.RegForm .terms_agree a { color:#fff; }

.RegForm .BtnCommon { margin-top:40px; }

/* find product Serial Number popup box */
.find_sn_box .box_wrap { position:absolute; top:50%; left:50%; box-sizing:border-box; }
.find_sn_box .box_wrap .editable_content { padding-left:0; padding-right:0; margin:0; }

/* currency */
.RegForm .currency select, .RegForm .currency input[type="text"] { float: left; margin-right: 0; width: calc(50% - 10px); }
.RegForm .currency select + input[type="text"] { margin-left: 20px; }

/*----------------------------------------------------------------------*/
/* Find Us */
.dealer_search { margin-bottom:40px; text-align:center; }
.dealer_search .item { 
	display:inline-block; background-color:#333333; margin-right:5px; margin-bottom:5px; max-width:100%; position:relative; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	}
.dealer_search select, .dealer_search input { 
	background-color:#333333; border:0; padding:0; height:40px; max-width:100%; 
	font-family:'Gotham XNarrow', sans-serif; color:#fff; font-size:18px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	}
/*.dealer_search input:focus {
	outline:0;
	background-color:#a29179; color:#fff;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
	-webkit-transition: all ease-in-out .15s;
	-moz-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
	}*/
.dealer_search input::placeholder { color:#fff; }
.dealer_search select { padding:0 0 0 8px; }
.dealer_search .keyword input { width:200px; padding:0 10px; box-sizing:border-box; }
.dealer_search .btn { 
	display:inline-block; position:relative; background-color:#333333; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	}
.dealer_search .btn:hover { background-color:#a29179; }
.dealer_search .btn input { padding:0 12px 0 36px; background-color:transparent; position:relative; z-index:2; }
.dealer_search .btn::after { 
	content:'\f002'; display:block; position:absolute; top:0; left:0; width:40px; height:40px; z-index:1; 
	font-family:'Font Awesome 5 Regular'; line-height:40px; text-align:center; color:#fff; 
	}

.dealer_map_wraper { position:relative; }
#dealer_map { width:100%; }

.dealer_info dt { margin-bottom:5px; font-size:18px; }
.dealer_info dt, .dealer_info dd { padding:2px 0; line-height:120%; }
.dealer_info a { color:#333; }
.dealer_info a:hover { color:#a29179; }
.dealer_info .go { margin-top:10px; text-align:right; }
.dealer_info .go a { font-size:18px; text-decoration:none; }

.dealer_list .item { border-bottom:1px solid #d4d0cd; padding:20px 10px 15px; position:relative; overflow:hidden; }
.dealer_list .item:first-child { border-top:1px solid #d4d0cd; }
.dealer_list .item:nth-child(even) { background-color:#f9f9f9; }
.dealer_list dl { min-height:90px; }
.dealer_list dt { font-family:'Gotham XNarrow', sans-serif; font-weight:500; line-height:30px; font-size:1.375rem; }
.dealer_list dd { padding:5px 0; line-height:20px; }
.dealer_list dd:not(.web):not(.go) { word-break:break-all; }
.dealer_list a { color:#333; }
.dealer_list a:hover { color:#a29179; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:20px; margin-bottom:30px; padding:0 10px; }
.SearchResult .results_count { margin-bottom:20px; color:#7e7362; line-height:180%; }
.SearchResult .results_count span { color:#b21d21; }
.SearchResult .item { border-top:1px solid #d0d0d0; padding:20px 0; overflow:hidden; }
.SearchResult .item:last-child { border-bottom:1px solid #d0d0d0; }
.SearchResult .title { font-family:'Gotham XNarrow', sans-serif; line-height:130%; font-size:1.25rem; }
.SearchResult .title a { display:block; color:#000; text-decoration:none; }
.SearchResult .title span { font-weight:bold; color:#d42828; }
.SearchResult .title a:hover, .SearchResult .title a:focus {  text-decoration:underline; }
.SearchResult .date { margin-right:20px; color:#8b8b8b; font-size:0.875rem; line-height:180%; }
.SearchResult .cat { margin-right:20px; color:#8b8b8b; font-size:0.875rem; line-height:200%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover, .SearchResult .cat a:focus { color:#d42828; text-decoration:underline; }
.SearchResult .desc { color:#999999; line-height:180%; font-size:0.875rem; }
.SearchResult .desc span { color:#d42828; }

/*----------------------------------------------------------------------*/
/* Catalog列表 */
.catalog_list { display: flex; justify-content: center; flex-wrap: wrap; }
.catalog_list .item { padding: 20px; box-sizing: border-box; margin-bottom: 10px; }
.catalog_list .item a { display: block; box-sizing: border-box; text-decoration: none; }
.catalog_list .item .img { margin-bottom: 5px; overflow: hidden; }
.catalog_list .img::before {
    content: ""; display: block; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.0); position: absolute; top: 0; z-index: 99;
}
.catalog_list .item .img > div {
    padding-bottom: 127.27272727%; 
    background-size: contain; background-position: center center; background-repeat:no-repeat;  
}
.catalog_list .item .title {
    display: block; color: #333333; font-weight: 500; line-height: 115%; margin-top: 10px;
}
.catalog_list .item a:hover .title { text-decoration: underline; }
.catalog_list.ext_list .file_ext {
    vertical-align: middle; text-indent: -10000px; 
    width: 20px; height: 20px; margin-left: 6px; background-size: contain;  
}
.catalog_list .img_box { position: relative; }
.catalog_list .icon-download {
    font-weight: 400; position: absolute; width: 50px; height: 50px; line-height: 50px; 
    top:50%; left: 50%; margin-left: -25px; margin-top: -25px; text-align: center; z-index: 100;
    background-color: rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.8); color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; 
    border-radius: 50%; 
}
.catalog_list .icon-download::before { font-family: 'Font Awesome 5 Regular'; content: "\f33d"; font-size: 1.5em; text-shadow: 0 0 5px rgba(0,0,0,0.3); }
.catalog_list .item:hover .icon-download { color: #fff; }

/*----------------------------------------------------------------------*/
/* FAQs 問與答 */
.faqsBox { padding-bottom: 30px; }
.faqsBox .faqTitle { margin-bottom: 5px; }
.faqsBox .item { margin-bottom: 20px; }
.faqsBox .item a { color: #333; }
.faqsBox .item:nth-last-of-type(1) { margin-bottom: 0; }
.faqsBox .item .icon_qa { width: 50px; height: 50px; position: absolute; top: 0; left:0; 
    background-size: contain; background-position: center center; z-index: 99;
}
.faqsBox .item .icon-arrow { position: absolute; right: 0; top: 50%; font-weight: 400; 
    width: 50px; height: 50px; line-height: 50px; text-align: center; margin-top: -25px;
    transition: transform 0.25s ease-out;
    -webkit-transition: transform 0.25s ease-out;
    -moz-transition: transform 0.25s ease-out;
}
.faqsBox .item .icon-arrow::before { 
    position: relative; font-family: 'Font Awesome 5 Regular'; content: '\f107'; font-size: 1.5em; 
}
.faqsBox .item.slideDown .icon-arrow {
    -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg);
}
.faqsBox .top_block {
    background-color: #f4f4f4; position: relative; min-height: 50px; box-sizing: border-box; 
    padding: 10px 3.75rem 10px 4.0625rem;
}
.faqsBox .top_block:hover { cursor: pointer; }
.faqsBox .top_block .title { line-height: 160%; font-weight: 500; }
.faqsBox .top_block .icon_qa { background-color: #a29179; text-align: center; line-height: 50px; }
.faqsBox .top_block .icon_qa::before { 
    font-family: 'korolev-condensed','Microsoft JhengHei', '微軟正黑體', sans-serif; content: '?'; font-size: 2em; font-weight: 700; color: #fff;
}

.faqsBox .cont_block{ background-color: #f4f4f4; box-sizing: border-box; }
.faqsBox .cont_block .editable_content { padding: 0; margin: 0; }
.faqsBox .cont_block .editable_content .district{ margin-bottom: 10px; }
.faqsBox .cont_block .desc{ position: relative; padding-top: 10px; }
.faqsBox .cont_block .icon_qa{ background-color: #bbb; text-align: center; line-height: 50px; }
.faqsBox .cont_block .icon_qa::before{ 
    font-family: 'korolev-condensed','Microsoft JhengHei', '微軟正黑體', sans-serif; content: 'A'; font-size: 2em; font-weight: 700; color: #fff;
}

.FAQsWrap .helpBox{ text-align: center; }
.FAQsWrap .helpBox .title{ font-weight: 500; }
.FAQsWrap .helpBox .mail_btn{ display: inline-block; }
.FAQsWrap .helpBox .mail_btn a {
    text-decoration: none; display: block; color: #fff; background-color:#000;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
}
.FAQsWrap .helpBox .mail_btn a:hover { 
	background-color:#a29179; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.FAQsWrap .helpBox .icon-mail{ margin-right: 10px; }
.FAQsWrap .helpBox .icon-mail::before{ font-family: 'Font Awesome 5 Regular'; content: "\f0e0"; }

/*----------------------------------------------------------------------*/
/* 歷史沿革 */
.HistoryYears ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 20px auto 0; max-width: 1200px; }
.HistoryYears li {
    border: 2px solid #555; font-size: 1.5rem; font-weight: 500; padding: 5px 1em; margin: 8px; cursor: pointer;
    -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; 
    -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
}
.HistoryYears li:hover { border-color: #A9844D; color: #A9844D; }

.HistoryList { padding-top: 30px; padding-bottom: 30px; }
.HistoryList img { max-width: 100%; }
.HistoryList .item { display: flex; position: relative; padding-bottom: 50px; font-weight: 500; }
.HistoryList .item::before {
    content: ''; display: inline-block; height: calc(100% - 45px); width: 1px; background: #ccc;
    position: absolute; left: 500px; top: 45px;
}
.HistoryList .imgBox {
    width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
    padding-right: 35px; box-sizing: border-box;
    -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start;
}
.HistoryList .imgBox .img { padding: 10px 20px 10px 0; width: 100%; max-width: 335px; text-align: center; }
.HistoryList .textBox { width: calc(100% - 500px); padding-right: 20px; position: relative; box-sizing: border-box; }
.HistoryList .textBox::before, .HistoryList .textBox::after { content: ''; display: inline-block; position: absolute; background: #B99764; border-radius: 50%; }
.HistoryList .textBox::before { width: 30px; height: 30px; top: 5px; left: -15px; opacity: 0.3; }
.HistoryList .textBox::after { width: 8px; height: 8px; top: 16px; left: -4px; }
.HistoryList .textBox .box { padding-left: 90px; position: relative; }
.HistoryList .textBox .box::before {
    content: ''; display: inline-block; width: 60px; height: 1px; background-color: #ccc;
    position: absolute; left: 25px; top: 19px;
}
.HistoryList .textBox .year {
    color: #A9844D; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 15px 5px; letter-spacing: 0.05em; font-size: 2em; font-weight: 700;
}
.HistoryList .textBox ul { padding: 0 0 45px 0; margin: 0 0 0 25px; list-style-type: disc; font-size: 1.125em; }
.HistoryList .textBox ul li { color: #8C9091; }
.HistoryList .textBox ul li p { color: #333; }

.BlockTitle { margin-top: 50px; }
.BlockTitle h5 { font-size: 2rem; color: #333; line-height: 120%; margin-bottom: 5px; text-align: center; }

/*----------------------------------------------------------------------*/
/* Find Your Flute */
.FindCont .tabs ul { margin: 30px auto; text-align: center; }
.FindCont .tabs ul li { font-size: 1.5em; cursor: pointer; padding: 20px; }
.FindCont .tabs.st1 ul { display: table; }
.FindCont .tabs.st1 ul li {
    display: table-cell; vertical-align: middle;
    border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 20%;
}
.FindCont .tabs.st1 ul li:first-child { border-radius: 3px 0 0 3px; }
.FindCont .tabs.st1 ul li:last-child { border-radius: 0 3px 3px 0; border-right: 1px solid #ccc; }
.FindCont .tabs.st1 ul li:hover, .FindCont .tabs.st1 ul li.active { color: #A9844D; border-color: #A9844D; }
.FindCont .tabs.st1 ul li:hover + li, .FindCont .tabs.st1 ul li.active +li { border-left-color: #A9844D; }

.FindCont .tab_container { padding: 10px 0 30px; text-align: center; }
.FindCont .tab_container img { padding: 10px 0; }
.FindCont .tab_container .tab_cont { transform: scaleY(0); height: 0; visibility: hidden; opacity: 0; }
.FindCont .tab_container .tab_cont.active { transform:scaleY(1); height:auto; visibility:visible; opacity:1; }
.FindCont .tab_container .BtnCommon { margin-top: 30px; }
.FindCont .tab_container .item_title { font-size: 1.5em; text-align: left; }
.FindCont .tab_container .item + .item { margin-top: 30px; }

.FindCont .imgBox img { max-width: 100%; }

/* 第二層以後 */
.FindCont .tabs.st2 ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.FindCont .tabs.st2 ul li { margin: 0 8px 10px; border-radius: 3px; border: 1px solid #ccc; }
.FindCont .tabs.st2 ul li:hover, .FindCont .tabs.st2 ul li.active { color: #A9844D; border-color: #A9844D; }

/* 新增樣式 */
.FindCont .tabs_item { padding-bottom: 10px; font-size: 1.25em; padding-left: 3em; position: relative; }
.FindCont .tabs_item .item_title { position: absolute; top: 0; left: 0; white-space: nowrap; font-weight: 700; padding: 6px 0; }
.FindCont .tabs_item ul { display: flex; justify-content: flex-start; justify-content: center; flex-wrap: wrap; }
.FindCont .tabs_item ul li { margin: 0 8px 10px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.FindCont .tabs_item ul li a { text-decoration: none; display: block; color: #333; padding: 5px .5em; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.FindCont .tabs_item ul li.active { border-color: #A9844D; }
.FindCont .tabs_item ul li.active a { color: #A9844D; }
.FindCont .tabs_item ul li:hover { border-color: #A9844D; }
.FindCont .tabs_item ul li:hover a { color: #A9844D; }

.FindCont .tabs.st3 { padding-bottom: 20px; font-size: 1.25em; padding-left: 3em; position: relative; }
.FindCont .tabs.st3 .item_title { position: absolute; top: 0; left: 0; white-space: nowrap; font-weight: 700; padding: 6px 0; }
.FindCont .tabs.st3 ul { display: flex; justify-content: flex-start; flex-wrap: wrap; justify-content: center; margin: 0; }
.FindCont .tabs.st3 ul li { margin: 0 8px 10px; border-radius: 3px; border: 1px solid #ccc; font-size: 1em; padding: 5px .5em; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.FindCont .tabs.st3 ul li:hover, .FindCont .tabs.st3 ul li.active { color: #A9844D; border-color: #A9844D; }

.FindCont.new .tabs_item, .FindCont.new .tabs.st3 { padding-left: 0; }
.FindCont.new .tabs_item { border-bottom: 1px dashed #ddd; padding: 0; margin-bottom: 10px; }
.FindCont.new .tabs.st3 ul li { background-color: #d9eef4; color: #a08f78; border: none; }
.FindCont.new .tabs.st3 ul li:hover { background-color: #a08f78; color: #fff; }
.FindCont.new .tabs.st3 ul li.active { background-color: #a08f78; color: #fff; }
.FindCont.new .tabs.st3 ul li.active:hover { border-color: #A9844D; }

/* 新增樣式 */
.find_select { display: flex; justify-content: center; flex-wrap: wrap; }
.find_select .dash { line-height: 40px; padding: 0 7px; }
.find_select select { 
	border:1px solid #ccc; height:40px; max-width:100%; margin-bottom:5px; font-family:'Gotham XNarrow', sans-serif; font-size:18px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	}
.find_select select:hover { color: #A9844D; border-color: #A9844D; }