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

/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .play_btn { width:70px; height:70px; border:3px solid #fff; }
#KeyVisual .play_btn::before { border-width: 20px 0 20px 30px; }

.bx-controls-direction { display: none; }
#KeyVisual .bxSlider_list .item .img, #KeyVisual .videoBox { padding-bottom: 100%; }

@media screen and (max-width: 479px) {
#KeyVisual .close_btn { position: absolute; right: 2px; top: 40px; }
}

/*----------------------------------------------------------------------*/
/* 首頁輪播 */
.for_desktop { display: none; }
.IndexSlider { background:rgba(160,143,120,.8); }
.IndexSlider .text { font-size:1.25em; }
.IndexSlider .textBox { padding:25px; }
.IndexSlider .bx-wrapper .textBox { padding:25px 25px 45px; }

/* SOCIAL WALL */
.IndexSW { padding: 0 15px 15px; }
.IndexSW h2 span { font-size:3em; }
.IndexSW .item { width: 100%; padding: 0 1%; }


/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup, .FromSubGroup { padding:20px 10px 10px; }
.FormGroup .FormTable, .FromSubGroup .FormTable { margin-left:-10px; margin-right:-10px; width:auto; }

table.FormTable { border-top:1px solid #e7e7e7; }
table.FormTable , table.FormTable > tbody, table.FormTable > tbody > tr, table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { display:block; }
table.FormTable > tbody > tr { padding:10px 10px 4px 10px; border-bottom:1px solid #d4d0cd; }
table.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { border-bottom:0; }
table.FormTable > tbody > tr > th { text-align:left; }

.FormElmt input[type="file"] { width:100%; }

/*----------------------------------------------------------------------*/
/* 內頁 */
.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, .HistoryList, .FindCont,
#Breadcrumbs > div, .ContentBlock .inner { 
	padding-left:10px; padding-right:10px; 
	}
#ContentHeader { margin-bottom:3.125vw; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
@media screen and (orientation: portrait) {
#Breadcrumbs li { font-size:0.8125rem; }
}

/* 標題 */
h3.listTitle { font-size: 2em; }
@media screen and (orientation: portrait) {
.PageTitle h2 { font-size:3rem; }
}

/* 列表搜尋 */
.ListSearch { margin-top:30px; }
.ListSearch > div { 
	padding:15px 0 5px 0; border-right:0; border-left:0; 
	}
.ListSearch > div::before { 
	top:2px; right:8px; width:12px; height:6px; 
	-webkit-transform: rotate(90deg) skewY(30deg);
	-moz-transform: rotate(90deg) skewY(30deg);
	transform: rotate(90deg) skewY(30deg);
	}
.ListSearch .item { font-size:0.875rem; }
.ListSearch .title { 
	position:absolute; top:-30px; left:0; background-color:#ac8d5e; padding:0 10px; line-height:30px; color:#fff; font-size:0.875rem; 
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	}
.ListSearch .BtnCommon input { padding-left:20px; padding-right:20px; font-size:0.875rem; }

/* 頁碼 */
#Pagination a { display:none; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { display:inline-block; }

/* 內頁顯示欄位 */
.content_info li { padding:5px 0; }
.content_info li span { display:block; }

/* 編輯器 */
.editable_content .district .imgleft, .editable_content .district .imgright { 
	float:none; clear:both; max-width:100%; text-align:center; margin-bottom:10px; margin-left:auto; margin-right:auto; 
	}
.editable_content blockquote { padding-left:10px; padding-right:10px; }

/* colorbox */
#colorbox_thum a { width:120px; height:90px; margin:5px; }

/* 延伸閱讀 */
.related_articles .list { margin-left:20px; }
.related_articles .list li { padding:8px 0; font-size:1rem; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
.ListPicText { margin-top:20px; margin-bottom:20px; }
.ListPicText > div { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText .btn a { line-height:32px; }
.ListPicText .btn a::before { top:3px; }
.ListPicText .btn a::after { top:12px; }

.ListPicText .cont { padding:10px 10px 0 10px; text-align:center; }
.ListPicText .title { font-size:1.5rem; }
.ListPicText .date { font-size:0.875rem; }
.ListPicText .desc { font-size:0.875rem; }

@media screen and (max-width: 539px) {
.ListPicText .item { width:100%; max-width:360px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 540px) {
.ListPicText .item { float:left; width:50%; }
}


/*----------------------------------------------------------------------*/
/* 產品列表 */
.product_select { padding-left:10px; padding-right:10px; }

@media screen and (max-width: 479px) {
.product_cat_title::before { position:static; margin-bottom:10px; }
}

.ProductList { margin-top:20px; margin-bottom:20px; }
.ProductList > div { margin-left:-20px; margin-right:-20px; }
.ProductList .item { padding-left:20px; padding-right:20px; margin-bottom:20px; }
@media screen and (max-width: 539px) {
.ProductList .item { width:100%; max-width:360px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 540px) {
.ProductList .item { float:left; width:50%; }
}

/* Slider */
.ProductListSlider .img, .ProductListSlider .cont { width:100%; max-width:480px; margin-left:auto; margin-right:auto; }
.ProductListSlider .cont .text { padding-right:20px; padding-top:20px; text-align:center; }
.ProductListSlider .cont .text .title { margin-bottom:10px; font-size:1.675rem; }
.ProductListSlider .cont .text .desc { font-size:1.125rem; }


/*----------------------------------------------------------------------*/
/* 產品內頁 */
/* 產品輪播圖 */
.ProductImages .thumb-nav li { margin:0 5px; }

/* 產品內容頁籤 */
.ProductCont .tabs { display:none; }
.ProductCont .tab_cont .cont { height:0; transform:scaleY(0); visibility:hidden; opacity:0; overflow:hidden; }
.ProductCont .tab_cont.active .cont { height:auto; transform:scaleY(1); visibility:visible; opacity:1; }

/* 產品內容頁籤-比較表 */
.ProductCompareTable th:not(:first-child) { width:calc(100% - 100px / 3); }
.ProductCompareTable tr th:first-child { width:100px; }
.compare-table-wrapper .pinned { width:100px; }
div.compare-table-wrapper div.scrollable { margin-left:100px; }


/*----------------------------------------------------------------------*/
/* 藝人列表 */
.artists_select { padding-left:10px; padding-right:10px; }

.ArtistsList > div { margin-left:-10px; margin-right:-10px; }
.ArtistsList .item { padding-left:10px; padding-right:10px; margin-bottom:30px; }
@media screen and (max-width: 479px) {
.ArtistsList .item { width:100%; max-width:320px; margin-left:auto; margin-right:auto; }
.ArtistsList .title { font-size:1.5rem; }
}
@media screen and (min-width: 480px) {
.ArtistsList .item { float:left; width:50%; }
.ArtistsList .title { font-size:1.25rem; }
.ArtistsList .title a { line-height:40px; }
}

.artists_select .form_btn a { display: inline-block; background-color: #eee; line-height: 40px; padding: 0 20px; border-radius: 5px; }
.artists_select .form_btn a::after { content: '\f178'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; padding-left: 5px; }


/*----------------------------------------------------------------------*/
/* 藝人內頁 */
.ArtistsBrief .img { max-width:360px; margin-left:auto; margin-right:auto; }
.ArtistsBrief .img > div { padding-bottom:150%; }
.ArtistsBrief .cont h3 { font-size:3rem; }
.ArtistsBrief .cont .quote { font-size:1.25rem; }
.ArtistsBrief .cont .quote { padding:15px 30px; }
.ArtistsBrief .cont .quote::before, .ArtistsBrief .cont .quote::after { font-size:48px; }
	.ArtistsBrief .cont .quote::before { top:-8px; }
	.ArtistsBrief .cont .quote::after { bottom:-26px; }
.ArtistsBrief .cont, .ArtistsBrief .cont .follow { padding-left:0; }

.ArtistsCont .recommend_list a:hover .title { color:#A29079; }
@media screen and (max-width: 479px) {
.ArtistsCont .recommend_list .item:nth-child(odd) { padding-right:5px; }
.ArtistsCont .recommend_list .item:nth-child(even) { padding-left:5px; }
.ArtistsCont .recommend_list .title { font-size:1.375rem; }
.ArtistsCont .thum { margin-bottom:-10px; }
.ArtistsCont .thum a { width:80px; margin-right:10px; margin-bottom:10px; }
}
@media screen and (min-width: 480px) {
.ArtistsCont .recommend_list .item:nth-child(odd) { padding-right:10px; }
.ArtistsCont .recommend_list .item:nth-child(even) { padding-left:10px; }
.ArtistsCont .photo { float:left; width:calc(100% - 250px); padding-right:20px; }
.ArtistsCont .thum a { width:80px; margin-right:10px; margin-bottom:10px; }
.ArtistsCont .video { float:right; width:250px; }
}


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.ContactUsForm .msg textarea { height:100px; }
@media screen and (min-width: 480px) {
.ContactUsForm .first_name { float:left; width:50%; padding-right:10px; }
.ContactUsForm .last_name { float:right; width:50%; padding-left:10px; }
}


/*----------------------------------------------------------------------*/
/* 註冊 */
.RegForm .block.right { margin-top:40px; }

.RegForm .dmy select { float:left; width:32%; margin-right:2%; }
.RegForm .dmy select:last-child { margin-right:0; }
@media screen and (max-width: 479px) {

}
@media screen and (min-width: 480px) {
.RegForm .half { float:left; width:50%; padding-right:10px; }
.RegForm .half + .half { float:right; width:50%; padding-left:10px; padding-right:0; }
.RegForm .half + .item:not(.half) { clear:both; }
.RegForm .phone { float:left; width:50%; padding-right:10px; }
.RegForm .mobile { float:right; width:50%; padding-left:10px; padding-right:0; }
}

/* find product Serial Number popup box */
.find_sn_box .box_wrap { width:96vw; height:96vh; margin:-48vh 0 0 -48vw; padding:30px 0 20px; }
.find_sn_box .box_wrap > div { padding:0 10px }

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

/*----------------------------------------------------------------------*/
/* Find Us */
.dealer_map_wraper { display:none; }
.dealer_list { display:block; }

@media screen and (max-width: 479px) {
.dealer_list dd.web { float:left; width:50%; }
.dealer_list dd.go { float:right; width:50%; text-align:right; }
}
@media screen and (min-width: 480px) {
.dealer_list dd:not(.web):not(.go) { padding-right:100px; }
.dealer_list dd.web, .dealer_list dd.go { position:absolute; right:10px; }
	.dealer_list dd.web { top:50px; }
	.dealer_list dd.go { top:80px; }
}

/*----------------------------------------------------------------------*/
/* Catalog列表 */
.catalog_list .item { width: 50%; padding: 15px; }
.catalog_list .title { font-size: 1.125em; }
.catalog_list .icon-download { display: none; }

/*----------------------------------------------------------------------*/
/* FAQs 問與答 */
.faqsBox .faqTitle{ font-size: 1.25em; }
.faqsBox .top_block .icon_qa{ width: 40px; height: 40px; }
.faqsBox .item .icon_qa{ width: 40px; height: 40px; }
.faqsBox .top_block .icon_qa, .faqsBox .cont_block .icon_qa { line-height: 40px; }
.faqsBox .top_block{ padding-right: 2.75rem; padding-left: 3rem; }
.faqsBox .top_block .title{ font-size: 1em; }
.faqsBox .cont_block{ padding-top:10px; padding-bottom: 10px; }
.faqsBox .cont_block .desc{ padding-left: 3rem; padding-right: 10px; min-height: 40px; }
.faqsBox .item .icon-arrow { line-height: 40px; }
.faqsBox .item .icon-arrow { width: 40px; height: 40px; }
.faqsBox .editable_content p, .faqsBox .editable_content ul, .faqsBox .editable_content ol{
    margin-bottom: 10px;
}
.FAQsWrap .BoxOuter{ margin-bottom: 10px; }
.FAQsWrap .helpBox .title{ font-size: 1.375em; margin-bottom: 20px; }
.FAQsWrap .helpBox .mail_btn a{ line-height: 50px; font-size: 1.063em; padding: 0 20px; }

/*----------------------------------------------------------------------*/
/* 歷史沿革 */
.HistoryYears li { font-size: 1.125em; margin: 5px; }
.HistoryList .item { flex-wrap: wrap; padding-bottom: 30px; }
.HistoryList .item::before { left: 15px; top: 38px; height: calc(100% - 35px); }
.HistoryList .imgBox { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 40px; }
.HistoryList .textBox { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; }
.HistoryList .textBox::before { top: 10px; left: 5px; width: 20px; height: 20px; }
.HistoryList .textBox::after { left: 16px; left: 11px; }
.HistoryList .textBox .box { padding-left: 40px; }
.HistoryList .textBox .box::before { display: none; }
.HistoryList .textBox ul { padding: 0; }

/*----------------------------------------------------------------------*/
/* Find Your Flute */
.FindCont .tabs ul li { font-size: 1em; padding: 12px; }