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

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



/*----------------------------------------------------------------------*/
/* Menu */


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .play_btn::before {
	width:140px; height:140px; margin:-70px 0 0 -70px; border:3px solid #fff; line-height:134px; font-size:48px; 
	}
#KeyVisual .play_btn:hover::before { padding-left:8px; }


/*----------------------------------------------------------------------*/
/* 首頁輪播 */
.for_mob { display: none; }
.IndexSlider .text { font-size:1.875em; }
.IndexSlider .name { font-size:1.125em; }
.IndexSlider .textBox { padding:45px 50px; position:absolute; bottom:40px; left:50%; width:85%; max-width:1000px; transform:translate(-50%,0); background:rgba(4,0,0,.7); }

/* 首頁產品 */
.IndexProduct .item .imgBox  { float:left; width:60%; }
	.IndexProduct .item:nth-last-child(even) .imgBox  { float:right; } 
.IndexProduct .textBox { position:absolute; top:0; right:0; width: 40%; height:100%; text-align: center; box-sizing:border-box; }
	.IndexProduct .item:nth-last-child(even) .textBox { left:0; right:auto; } 
.IndexProduct .textBox::before { content:''; display:inline-block; vertical-align:middle; height:100%; }
.IndexProduct .textBox > div { display:inline-block; vertical-align:middle; }

@media screen and (max-width: 1199px) {
	.IndexProduct h3.title span { font-size:3em; }
	.pro_list a { font-size:1.125em; }
}

/* SOCIAL WALL */
@media screen and (max-width: 1199px) {
	.IndexSW .item { float: left; width: 50%; padding: 0 1.5%; }
}
@media screen and (min-width: 1200px) {
	.IndexSW .item { float: left; width: 25%; padding: 0 1.5%; }
}


/*----------------------------------------------------------------------*/
/* 表單 */
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { border-bottom:1px solid #dddddd; vertical-align:top; }
table.FormTable > tbody > tr:last-child > th, table.FormTable > tbody > tr:last-child > td { border-bottom:0; }
table.FormTable > tbody > tr > th { border-right:1px solid #dddddd; width:150px; padding:15px 15px 15px 6px; text-align:right; }
table.FormTable > tbody > tr > th::after { position:absolute; top:14px; right:0; }
table.FormTable > tbody > tr > th:empty::after { display:none; }
table.FormTable > tbody > tr > td { padding:10px 15px 4px 15px; }


/*----------------------------------------------------------------------*/
/* Compare popup box */
.ComparePopupBox { top:26vh; }
.ComparePopupBox .cont dd { padding-left:22px; }
.ComparePopupBox .cont dd .del { top:8px; width:16px; height:16px; }
.ComparePopupBox .cont dd .del span { top:0; }
.ComparePopupBox .cont dd .del::before, .ComparePopupBox .cont dd .del::after { top:3px; }
.ComparePopupBox .cont { height:calc(74vh - 50px); }


/*----------------------------------------------------------------------*/
/* select_location popup box */
.select_location .box_wrap { width:500px; height:320px; margin:-160px 0 0 -250px; padding:30px 0; }
.select_location .box_wrap > div { padding:0 40px }


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


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 分類下拉 */
.CatTitle h3 { float:left; }
.CatTitle h3 + .cat_select { float:right; }

/* 列表搜尋 */
.ListSearch > div { 
	padding:30px 30px 20px 30px; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	}
.ListSearch > div::before { top:7px; right:3px; width:24px; height:10px; }
.ListSearch > div::after { 
	content:''; display:block; position:absolute; bottom:-1px; left:-1px; width:24px; height:24px; background-color:#e7ded5;
	}
.ListSearch .item { font-size:1rem; }
.ListSearch .title { display:none; }
.ListSearch .BtnCommon input { padding-left:40px; padding-right:40px; font-size:1rem; }

/* 內頁顯示欄位 */
.content_info ul { display:table; }
.content_info li { display:table-row; }
.content_info li span { display:table-cell; vertical-align:top; padding:5px 0; }
.content_info li span.title { text-align:right; }

/* colorbox */
#colorbox_thum a { width:180px; height:135px; margin:10px; }

/* 延伸閱讀 */
.related_articles .title { font-size:1.375rem; font-family:'Noto Sans TC', sans-serif; font-weight:400 }

 
/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { margin-top:30px; margin-bottom:30px; }
.ListPicText > div { margin-left:-15px; margin-right:-15px; }
.ListPicText .item { padding-left:15px; padding-right:15px; margin-bottom:40px; }
.ListPicText .btn a { width:65px; margin-left:-39px; line-height:26px; }
.ListPicText .btn a:hover, .ListPicText .btn a:focus { margin-left:0; }
.ListPicText .btn a::before { top:0; }
.ListPicText .btn a::after { top:9px; }

/* list-view */
.ListPicText.list-view .img { float:left; width:360px; max-width:50%; }

/* grid-view */
.ListPicText.grid-view .cont { padding:15px 10px 0 10px; text-align:center; }

/* 單欄 */
.ListPicText.single .title { font-size:1.875rem; }
.ListPicText.single .date { font-size:1rem; }
.ListPicText.single .desc { font-size:1rem; }
.ListPicText.list-view.single .img { padding-right:20px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left:20px; }

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:50%; }
.ListPicText.bisection .title { font-size:1.875rem; }
.ListPicText.bisection .date { font-size:1rem; }
.ListPicText.bisection .desc { font-size:1rem; }
.ListPicText.list-view.bisection .img { padding-right:20px; }

/* 三欄 */
.ListPicText.trisection .item { float:left; width:33.3333%; }
.ListPicText.trisection .title { font-size:1.625rem; }
.ListPicText.trisection .date { font-size:1rem; }
.ListPicText.trisection .desc { font-size:1rem; }
.ListPicText.list-view.trisection > div { margin-left:-10px; margin-right:-10px; }
.ListPicText.list-view.trisection .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText.list-view.trisection .img { padding-right:10px; }

/* 四欄 */
.ListPicText.quarters > div { margin-left:-10px; margin-right:-10px; }
.ListPicText.quarters .item { float:left; width:25%; padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText.quarters .title { font-size:1.5rem; }
.ListPicText.quarters .date { font-size:0.9375rem; }
.ListPicText.quarters .desc { font-size:0.9375rem; }
.ListPicText.list-view.quarters .img { padding-right:10px; }


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

.ProductList { margin-top:30px; margin-bottom:30px; }
.ProductList > div { margin-left:-25px; margin-right:-25px; }
.ProductList .item { float:left; width:33.3333%; padding-left:25px; padding-right:25px; margin-bottom:40px; }

/* Slider */
.ProductListSlider .img { float:right; width:50%;  }
.ProductListSlider .cont { position:absolute; top:0; left:0; width:50%; }
.ProductListSlider .cont .text { padding-right:15%; letter-spacing:0.5px; }
.ProductListSlider .cont .text .title { margin-bottom:20px; font-size:2rem; }
.ProductListSlider .cont .text .desc { font-size:1.25rem; }


/*----------------------------------------------------------------------*/
/* 產品內頁 */
/* 產品內容頁籤 */
.ProductCont .tab_cont { height:0; max-height:0; min-height:0; transform:scaleY(0); visibility:hidden; opacity:0; overflow:hidden; }
.ProductCont .tab_cont.active { height:auto; max-height:none; transform:scaleY(1); visibility:visible; opacity:1; }
.ProductCont .tab_cont > .title { display:none; }
.btn_find_us { display:none; }

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


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

.ArtistsList { margin-top:50px; margin-bottom:30px; }
.ArtistsList > div { margin-left:-15px; margin-right:-15px; }
.ArtistsList .item { float:left; width:33.3333%; padding-left:15px; padding-right:15px; margin-bottom:30px; }
.ArtistsList .cont { bottom:-50px; }
.ArtistsList .item > div:hover .cont { bottom:0; }
.ArtistsList .img > div:hover { transform:scale(1.03); }
@media screen and (max-width: 1279px) {
.ArtistsList .title { font-size:1.5rem; }
}
@media screen and (min-width: 1280px) {
.ArtistsList .title { font-size:1.625rem; }
}

/* 產品內頁 */
.ArtistsList.in_product > div { margin-left:-10px; margin-right:-10px; }
.ArtistsList.in_product .item { width:25%; padding-left:10px; padding-right:10px; }
@media screen and (max-width: 1279px) {
.ArtistsList.in_product .title { font-size:1.25rem; }
}
@media screen and (min-width: 1280px) {
.ArtistsList.in_product .title { font-size:1.375rem; }
}


/*----------------------------------------------------------------------*/
/* 藝人內頁 */
.ArtistsBrief .img > div { padding-bottom:105%; }
.ArtistsBrief .img { float:left; width:45%; }
.ArtistsBrief .cont { float:right; width:55%; }
@media screen and (max-width: 1279px) {
.ArtistsBrief .cont h3 { font-size:3rem; }
.ArtistsBrief .cont .quote { font-size:1.375rem; }
.ArtistsBrief .cont .quote { padding:25px 35px; }
.ArtistsBrief .cont .quote::before, .ArtistsBrief .cont .quote::after { font-size:64px; }
	.ArtistsBrief .cont .quote::before { top:-10px; }
	.ArtistsBrief .cont .quote::after { bottom:-34px; }
}
@media screen and (min-width: 1280px) {

.ArtistsBrief .cont h3 { font-size:3.75rem; }
.ArtistsBrief .cont .quote { font-size:1.5rem; }
.ArtistsBrief .cont .quote { padding:35px 40px; }
.ArtistsBrief .cont .quote::before, .ArtistsBrief .cont .quote::after { font-size:92px; }
	.ArtistsBrief .cont .quote::before { top:-14px; }
	.ArtistsBrief .cont .quote::after { bottom:-46px; }
}

.ArtistsCont .clom_left { float:left; width:calc(100% - 300px); padding-right:7.5%; }
.ArtistsCont .recommend_list .item:nth-child(odd) { padding-right:15px; }
.ArtistsCont .recommend_list .item:nth-child(even) { padding-left:15px; }
.ArtistsCont .recommend_list .img:hover { transform:scale(1.03); }

.ArtistsCont .recommend_list .item a { position:relative; }
.ArtistsCont .recommend_list .title { 
	position:absolute; bottom:-50px; left:0; width:100%; padding:0 10px; line-height:50px; color:#fff; box-sizing:border-box;
    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;
	}
.ArtistsCont .recommend_list .item a:hover .title { bottom:0; }

.ArtistsCont .clom_right { float:right; width:300px; }
.ArtistsCont .thum a { width:50%; margin-bottom:20px; }
.ArtistsCont .thum a:nth-child(odd) { padding-right:10px; }
.ArtistsCont .thum a:nth-child(even) { padding-left:10px; }


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.ContactUsForm .block.left { float:left; width:50%; padding-right:20px; }
.ContactUsForm .block.right { float:right; width:50%; padding-left:20px; }
.ContactUsForm .first_name { float:left; width:50%; padding-right:10px; }
.ContactUsForm .last_name { float:right; width:50%; padding-left:10px; }
.ContactUsForm .msg textarea { height:200px; }

/*----------------------------------------------------------------------*/
/* 註冊 */
.RegForm .block.left { float:left; width:50%; padding-right:20px; }
.RegForm .block.right { float:right; width:50%; padding-left:20px; }

.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; }
.RegForm .dmy select { float:left; width:32%; margin-right:2%; }
.RegForm .dmy select:last-child { margin-right:0; }

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


/*----------------------------------------------------------------------*/
/* Find Us */
#dealer_map { height:65vh; }
.dealer_list { display:none; }