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

/*----------------------------------------------------------------------*/
/* Header , Menu */
@media screen and (max-width: 1023px) {
#logo, .nav_follow .social_list { display: none; }
#MenuBar { height: 60px; }
.logo { max-width: 80px; padding: 10px; }
.logo a { height: 40px; }

.header_popup_box .popup_body { padding:85px 25px 25px 25px; }
.header_popup_box .close { width: 100%; height:60px; left: 0; top: 0; }
.header_popup_box .close a { right: 10px; top: 10px; }
/* 卷軸區域 */
.header_popup_box #MenuScrollBar { height:75vh; }
/* menu_switch */
.menu_switch { top:5px; right:5px; width: 50px; height: 50px; position: fixed; }
}
@media screen and (min-width: 1024px) {
#Wrap { padding-left: 6.25vw; width: 100%; box-sizing: border-box; }
#Header { height:100vh; width: 6.25vw; text-align: center; position: fixed; left: 0; top: 0; }
#Header .logo { padding: 25px 0; }
#Header .logo { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.MenuFix #Header .logo { visibility:visible; opacity: 1; }

#logo { text-align:center; padding:2.5vh 15px; }
#logo a { display:block; margin:0 auto; }
#logo a img { max-height: 100%; max-width: 100%; }
	@media screen and (max-width: 1439px) {
	#logo a { width:8.3333vw; }
	}
	@media screen and (min-width: 1440px) {
	#logo a { width:120px; }
	}

.header_popup_box .popup_body { width: 21vw; min-width:250px; height: 100vh; padding:80px 25px 80px 10px; margin-left:6.25vw; }
.header_popup_box .close { width: 6.25vw; height: 100vh; left: 0; top: 0; }
.header_popup_box .close a { left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; }
/* 卷軸區域 */
.header_popup_box #MenuScrollBar { height:80vh; }
/* menu_switch */
.menu_switch { top:50%; left:0; margin-top:-20px; width:100%; height: 40px; }

/* 社群 */
.nav_follow .social_list { position: absolute; bottom: 35px; left: 0; width: 100%; }
.nav_follow .social_list a { 
	display:inline-flex; align-items:center; justify-content:center; color: #fff; text-decoration: none; height: 35px; line-height: 35px; width: 35px; font-size: 0; margin-bottom: 6px; border-radius: 5px; 
	}
.nav_follow .social_list a:before { 
	font-family: 'Font Awesome 5 Brands'; font-size: 1.375rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; 
	}
.nav_follow .social_list a.fb:before { content: "\f39e"; }
.nav_follow .social_list a.youtube:before { content: "\f167"; }
.nav_follow .social_list a.twitter:before { display:inline-block; width:25px; height:25px; content:''; background:url(../images/x-twitter-white.svg) no-repeat center center; background-size:contain; }
.nav_follow .social_list a.ig:before { content: "\f16d"; }
.nav_follow .social_list a.fb:hover:before { color: #3c76b9; }
.nav_follow .social_list a.youtube:hover:before { color: #e62b2b; }
.nav_follow .social_list a.twitter:hover:before { background-image:url(../images/x-twitter-blue.svg); }
.nav_follow .social_list a.ig:hover:before { color: #ef51b8; }

.header_popup_box .social_list { display:none; }
}


/*----------------------------------------------------------------------*/
/* 內頁 */
#Header .logo { visibility:visible !important; opacity:1 !important; }
#ContentHeader { background:#f3f3f4 url('../images/header_bg.png') 0 0 repeat; background-size:contain; border-bottom:5px solid #a41f35; }
#Content { padding-bottom:40px; }
#Content > *:last-child { margin-bottom:0; }
@media screen and (orientation: portrait) {
#ContentHeader { padding-top:3vw; padding-bottom:3vw; }
}
@media screen and (orientation: landscape) {
#ContentHeader { padding-top:4vh; padding-bottom:4vh; }
}

#Breadcrumbs, .ToolBar, .ListPicText, .ProductList, .ArtistsList,
.editable_content, .articleTitle, .postdate, .post_info, .inPagination, 
.product_cat_title, .ProductListSlider, .ProductCont, .ProductCompare,
.ArtistsBrief, .ArtistsCont, .ContactUsForm, .RegForm, .dealer_search, .dealer_list { 
	max-width:1200px; margin-left:auto; margin-right:auto; 
	}


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs { position:relative; }
#Breadcrumbs ul { overflow:hidden; text-align:center; }
#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:#a41f35; }
#Breadcrumbs li:last-child { padding-right:0; margin-right:0; }
#Breadcrumbs li:last-child a { color:#555; }
	#Breadcrumbs li:last-child a:hover { color:#a41f35; }
	#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:#a41f35; }

.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:url(../images/x-twitter.svg) no-repeat center center; background-size:contain; opacity:0.8; }
	.ToolBar dl.share dd.facebook a:hover::before { color:#415e9a; }
	.ToolBar dl.share dd.twitter a:hover::before { opacity:1; }

/* 標題 */
.PageTitle { position:relative; text-align:center; }
.PageTitle h2 { font-size:3.75rem; font-weight:700; line-height:110%; color:#333333; 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:#333333; 
	}

.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:#a41f35; color:#fff; }
	#Pagination a.focuz { background-color:#a41f35; 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 #a41f35; 
	-webkit-box-shadow: 0 0 6px #a41f35;
	-moz-box-shadow: 0 0 6px #a41f35;
	box-shadow: 0 0 6px #a41f35;
	-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:#a41f35; }
#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: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:#a41f35; color:#fff; }
	.inPagination a.focuz { background-color:#a41f35; 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 #a41f35; }

.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:#a41f35; 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:#a41f35; }
.ListPicText .btn a:hover::before, .ListPicText .btn a:focus::before,
.ListPicText .btn a:hover::after, .ListPicText .btn a:focus::after { border-color:#a41f35; }


/*----------------------------------------------------------------------*/
/* 產品列表 */
.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:#a41f35; 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:#a41f35; }

.product_cat_title { position:relative; text-align:center; }
.ProductList + .product_cat_title { margin-top:20px; }
.product_cat_title + .ProductList { margin-top:10px; }
.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; overflow:hidden; }
.ProductList .item > div { background-color:#fff; height:100%; position:relative; }
.ProductList .img { position:relative; }
.ProductList .img > div {
	padding-bottom:66.5789%; 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-top:15px; overflow:hidden; }
.ProductList .title { float:left; }
.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; 
	}
.ProductList .title a:hover, .ProductList .title a:focus { color:#a41f35; text-decoration:underline; }
.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:#a41f35; }
.ProductList .btn a:hover::after, .ProductList .btn a:focus::after, .ProductList .btn.selected a::after { border-color:#a41f35; color:#a41f35; }

/* 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; 
	}
	
/* 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: #a41f35; }

/* 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:3.75rem; line-height:120%; }
.product_title h3 span { display:block; font-size:1.625rem; font-weight:300; line-height:135%; }

/* 產品輪播圖 */
.sr-text {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	}
.slick-slider .slick-prev, .slick-slider .slick-next {
	position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; z-index:9999;
	font-size:2.5em; color:#888888; text-align:center; text-indent:-999px; overflow:hidden; 
	cursor:pointer; 
	}
	.slick-slider .slick-prev { left:0; }
	.slick-slider .slick-next { right:0; }
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover { color:#a41f35; }
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
	font-family:'Font Awesome 5 Regular'; font-style:normal; 
	position:absolute; top:0; left:0; display:block; width:100%; height:100%; text-indent:0;
	}
	.slick-slider .slick-prev::before { content:"\f053"; }
	.slick-slider .slick-next::before { content:"\f054"; }
.slick-slider .slick-prev.slick-disabled, .slick-slider .slick-next.slick-disabled { opacity:0; }

.ProductImages { width:100%; max-width:920px; margin:0 auto; padding:10px 0 30px; }
.ProductImages li, .ProductImages figure, .ProductImages a, .ProductImages img { display:block; outline:none; border:none; }
.ProductImages .main-img-slider figure { margin:0 auto; position:relative; }
	@media screen and (orientation: portrait) {
	.ProductImages .main-img-slider figure { height:50vw; }
	}
	@media screen and (orientation: landscape) {
	.ProductImages .main-img-slider figure { height:50vh; }
	}
.ProductImages .main-img-slider figure::before { 
	content:'+ Zoom'; position:absolute; bottom:0; left:0; width:100%; 
	text-align:center; font-family:'Gotham XNarrow', sans-serif; font-weight:500; font-size:18px; color:#333333; opacity:0;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
	}
.ProductImages .main-img-slider figure.slick-current::before { opacity:1; }
.ProductImages .main-img-slider figure a {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	}
.ProductImages .main-img-slider figure a { height:100%; vertical-align:middle; text-align:center; }
.ProductImages .main-img-slider figure a::before { content:''; display:inline-block; vertical-align:middle; height:100%; }
.ProductImages .main-img-slider figure a img { display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }

.ProductImages .thumb-nav { margin-left:auto; margin-right:auto; margin-top:20px; max-width:480px; padding:0 30px; box-sizing:border-box; }
.ProductImages .thumb-nav.slick-slider .slick-prev, .ProductImages .thumb-nav.slick-slider .slick-next { 
	font-size:1.2em; height:32px; width:32px; margin-top:-15px; 
	}
.ProductImages .thumb-nav.slick-slider .slick-prev:before, .ProductImages .thumb-nav.slick-slider .slick-next:before { 
	line-height:32px; text-align:center;
	}
.ProductImages .thumb-nav li { display:block; margin:0 10px; cursor:pointer; }
.ProductImages .thumb-nav li span {
	display:block; width:100%; padding-bottom:100%; border:1px solid #cccccc; overflow:hidden;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
	-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;
	}
	.ProductImages .thumb-nav li:hover span { opacity:0.7; }
	.ProductImages .thumb-nav li.slick-current span { 
		opacity:1; 
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		}

.pswp__top-bar { background-color:transparent !important; }

.pswp__button, .pswp__button:before, .pswp__button--close:before, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	background:none !important; background-size:100%; width:44px; height:44px;
	font-family:'Font Awesome 5 Regular';
	}
.pswp__button { color:#ccc; transition:opacity .25s; }
.pswp__button:hover { color:#a51f37; }
.pswp__button.pswp__button--arrow--left:before, .pswp__button.pswp__button--arrow--right:before { font-size:44px; }
	.pswp__button.pswp__button--arrow--left:before { content:"\f053"; }
	.pswp__button.pswp__button--arrow--right:before { content:"\f054"; }
.pswp__button.pswp__button--close { top:5px; right:0; }
	.pswp__button.pswp__button--close:before { content:"\f00d"; font-size:44px; }
.pswp__button.pswp__button--zoom { top:5px; right:0; }
	.pswp__button.pswp__button--zoom:before { content:"\f00e"; font-size:34px; }
	.pswp--zoomed-in .pswp__button.pswp__button--zoom:before { content:"\f010"; }

/* 產品比較按鈕 */
.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:#a41f35; }
.btn_compare a:hover::after, .btn_compare a:focus::after, .btn_compare.selected a::after { border-color:#a41f35; color:#a41f35; }

/* 產品內容頁籤 */
.ProductCont { padding-top:7vh; overflow:hidden; }
.ProductCont .tabs { margin-bottom:30px; }
.ProductCont .tabs::after { content:''; display:block; clear:both; }
.ProductCont .tabs ul { margin-left:-2px; margin-right:-2px; }
.ProductCont .tabs li { float:left; 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 #a41f35; color:#a41f35; }
	.ProductCont .tabs li.active a::after { 
		content:''; display:block; position:absolute; bottom:-14px; left:50%; margin-left:-9px; 
		border-top:9px solid #a41f35; 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 #a41f35; color:#a41f35; }
.ProductCont .tab_cont.active > .title a::after { 
	content:''; display:block; position:absolute; bottom:-14px; left:50%; margin-left:-9px; 
	border-top:9px solid #a41f35; 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; }

.btn_find_us { padding-left:20px; padding-right:20px; }
.btn_find_us 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; 
	}
.btn_find_us 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(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}

/* 產品內容頁籤-比較表 */
.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:#a51f37; }
	
.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:#a51f37; }
.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:#a41f35; }


/*----------------------------------------------------------------------*/
/* 藝人列表 */
.artists_select { margin-bottom:40px; }
.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:#a41f35; 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:#a41f35; }

.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:contain; 
	-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(164,31,53,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; }

/* 產品內頁 */
.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:"\f099"; }
	.ArtistsBrief .cont .follow dd.ig a::before { content:"\f16d"; }
	.ArtistsBrief .cont .follow dd a:hover::before { color:#a41f35; }
	
.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: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;
	}
.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:#a41f35; background-color:#a41f35; }


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.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:#a41f35; }
.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:#bf6271; padding:20px; text-align:center; color:#fff; line-height:150%; }
.ContactUsForm .terms_agree a { color:#fff; }

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


/*----------------------------------------------------------------------*/
/* 註冊 */
.RegForm .block { line-height:40px; box-sizing:border-box; }
.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 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:#a41f35; }
.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:#a41f35; }

.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:#bf6271; padding:20px; text-align:center; color:#fff; 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; }


/*----------------------------------------------------------------------*/
/* 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:#a41f35; 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:#a41f35; }
.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:#a41f35; }
.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:#a41f35; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { padding:20px; 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; }