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

/*----------------------------------------------------------------------*/
/* Header */


/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .play_btn::before {
	width:72px; height:72px; margin:-36px 0 0 -36px; border:2px solid #fff; line-height:72px; font-size:24px; 
	}
#KeyVisual .play_btn:hover::before { padding-left:8px; }

.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 .text { font-size:1.25em; }
.IndexSlider .textBox { padding:25px 25px 45px; background:rgba(4,0,0,1); }

/* 首頁產品 */
.IndexProduct .textBox { width: 100%; padding: 45px 0 35px; }
.IndexProduct h3.title span { font-size:3em; }
.pro_list a { font-size:1.125em; }

/* 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%; }


/*----------------------------------------------------------------------*/
/* Compare popup box */
.ComparePopupBox { top:60px; }
.ComparePopupBox .cont dd { margin:5px 0; padding-left:32px; }
.ComparePopupBox .cont dd .del { top:0; width:32px; height:32px; }
.ComparePopupBox .cont dd .del span { top:8px; }
.ComparePopupBox .cont dd .del::before, .ComparePopupBox .cont dd .del::after { top:11px; }
.ComparePopupBox .cont { height:calc(100vh - 110px); }


/*----------------------------------------------------------------------*/
/* select_location popup box */
@media screen and (orientation: portrait) {
	@media screen and (max-height: 539px) {
	.select_location .box_wrap { width:96vw; height:96vh; margin:-48vh 0 0 -48vw; padding:30px 0; }
	.select_location .box_wrap > div { padding:0 10px }
	}
	@media screen and (min-height: 540px) {
	.select_location .box_wrap { width:96vw; height:500px; margin:-250px 0 0 -48vw; padding:30px 0; }
	.select_location .box_wrap > div { padding:0 10px }
	}
}
@media screen and (orientation: landscape) {
.select_location .box_wrap { width:96vw; height:96vh; margin:-48vh 0 0 -48vw; padding:10px 0; }
.select_location .box_wrap > div { padding:0 30px }
}


/*----------------------------------------------------------------------*/
/* 內頁 */
#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 { 
	padding-left:10px; padding-right:10px; 
	}
#ContentHeader { margin-bottom:3.125vw; }


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

/* 標題 */
@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 { margin-top:30px; margin-bottom:20px; }
.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; }
}


/*----------------------------------------------------------------------*/
/* 藝人內頁 */
.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:#a41f35; }
@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 }

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