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

/*----------------------------------------------------------------------*/
/* Header */
#Topper, #Menu { display:none; }
#Header > div { height:60px; }
#Header .logo { margin:0 auto; }
#Header .online_service { top:10px; }
#Header .online_service a { width:40px; height:40px; text-indent:-10000px; }
#Header .online_service::before { top:8px; left:8px; width:24px; height:24px; }
#Header .online_service::after { top:18px; left:17px; width:6px; height:3px; }


/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .bx-wrapper .bx-pager { display:none; }
#KeyVisual .bx-wrapper .bx-controls-direction a { width:48px; height:48px; margin-top:-24px; }
#KeyVisual .bx-wrapper .bx-prev { background-position:0 0; left:10px; }
#KeyVisual .bx-wrapper .bx-next { background-position:-48px 0; right:10px; }

/* 共用內縮 */
.inner { padding:0 10px; }

/* 首頁產品 */
.IndexProductList .title { padding: 10px; }
.IndexProductList.six_item .title { padding: 10px 40px 10px 10px; }
@media screen and (min-width: 768px) {
    .IndexProduct { padding-top: 30px; padding-bottom: 5px; }
    .IndexProductList.four_item .item { width:25%; }
    .IndexProductList.six_item .item { width:33.3333%; }
}
@media screen and (max-width: 767px) {
    .IndexProduct { padding-top: 25px; }
    .IndexProductList .item { width:50%; }
}

/* 首頁最新消息 */
.IndexNews  { padding-top: 30px; }
.IndexNewsList .item:nth-child(even) .imgBox { float: right; }
.IndexNewsList .item:nth-child(even) .textBox { right: auto; left: 0; }
.IndexNewsList .item:nth-child(even) .textBox::before { left: auto; right: 0; }

/* 首頁案例 */
.IndexCase  { padding-top: 30px; }
.IndexCaseList .item { float: left; width: 33.333%; margin-bottom: 10px; }
.IndexCaseList .textBox { text-align: center; border-bottom: 1px solid #aaa; }
.IndexCaseList .textBox .title a { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding: 12px 5px; }
.IndexCaseList .item:hover .textBox { border-bottom: 1px solid #ffbf97; }

/* 首頁影音 */
.IndexVideo .textBox .title { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1.5em; }
.IndexVideo .textBox .desc { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
@media screen and (min-width: 768px) {
    .IndexVideo .imgBox { width: 50%; }
    .IndexVideo .textBox { position: absolute; right: 0; top: 0; height: 100%; width: 50%; }
    .IndexVideo .textBox::before { left: 0; top: 50%; width: 20px; height: 1px; }
}
@media screen and (max-width: 767px) {
    .IndexVideo .textBox { position: relative; }
    .IndexVideo .textBox::before { left: 50%; top: 0; width: 1px; height: 20px; }
    .IndexVideo .textBox > div > div { padding: 20px 15px; }
    .IndexVideo .textBox .title { padding-bottom: 10px; }
}

/* 首頁留言板 */
.IndexForm > div { padding: 20px 10px; }
.IndexForm .item { width: 50%; }
.IndexForm .item.last { width: 70%; }
.IndexForm .item.last:last-child { width: 30%; }

/*----------------------------------------------------------------------*/
/* Footer */
.BtnTop { bottom:65px; }

#Footer { display:none; }
#Copyright > div { padding-top:10px; padding-bottom:10px; padding-right:50px; line-height:20px; }

#Copyright .col_left{ padding-left:110px; }
#Copyright .logo { 
	display:block; position:absolute; top:0; left:10px; width:90px; height:60px; 
	background:url("../images/logo_white.png") no-repeat right center; background-size:contain; text-indent:-10000px; 
	}
	
#Copyright .col_right { overflow:hidden; padding-left:110px; }
#Copyright .contact_info span { display:inline-block; }
#Copyright .social_media { display:none; }

/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:120px; padding:15px 20px 15px 0; text-align:right; }
.FormTable > tbody > tr > th::after { content:'：'; position:absolute; top:14px; right:2px; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px 0 4px; }
.FormTable > tbody > tr:nth-child(even) > th, .FormTable > tbody > tr:nth-child(even) > td {  }

.input_table li { width:33.33%; }

/*----------------------------------------------------------------------*/
/* 內頁 */
#Breadcrumbs { display:none; }
#ColumnLeft { display:none; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 工具列 */
.ToolBar dl.font_size, .ToolBar dl.share { height:36px; }
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:36px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { width:36px; height:36px; }
.ToolBar .colm_left { display:none; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }

/* 標題 */
h2.title { font-size:200%; }

/* 分類下拉 */
.CatTitle .cat_select { margin-top:10px; }

/* 列表搜尋 */
.ListSearch { padding-top:30px; }
.ListSearch .item > label { position:absolute; left:0; top:-30px; }

/* 產品搜尋 */
.ProTitle h3 { float:left; }
.ProTitle > .title { float:left; }
.ProTitle .keyword { float:right; }

/* 頁碼 */
#Pagination a { margin:0 5px; display:none;	}
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last, #Pagination .current { display:inline-block; }
#Pagination .current { color:#7b7b7b; }
#Pagination .current:hover { background-color:transparent; }
#Pagination .setting { display:none; }

/* 文章標題 */
h3.title { font-size:1.5em; }

/* 文章标签 */
.article_tag dl > * { height:32px; line-height:32px; }
.article_tag dt::after { content:'：'; }
.article_tag dd a { 
	background-color:#dcdcdc; color:#585858; padding:0 8px; text-decoration:none; 
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	}
.article_tag dl dd a:hover { background-color:#eb5902; color:#fff; }

/* 文章前言 */
.article_brief { font-size:112.5%; }

/* 上下篇文章 */
.prevNextLink .prev, .prevNextLink .next { width:100%; float:none; margin-bottom:20px; }

/* colorbox */
#colorbox_thum a { width:140px; margin:10px; }

/* 延伸阅读 */
.related_articles_list .item { width:48%; margin-left:4%; margin-top: 20px; }
.related_articles_list .item:nth-child(2n+1) { margin-left:0; }
.related_articles_list .item:nth-child(1), .related_articles_list .item:nth-child(2) { margin-top:0; }
.related_articles_list.for_pd .item { width:33.333%; margin: 0; }
.related_articles_list.for_pd .item > div { margin:0 10px; }

/* 延伸_成功案例 */
.related_case_list .item { width:33.333%; }
.related_case_list .item > div { margin:0 10px; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable table, .ListTable tbody, .ListTable tr, .ListTable th, .ListTable td { display:block; }
.ListTable table { border-top:1px solid #ddd; }
.ListTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable tr { padding:10px 15px; border-bottom:1px solid #ddd; }
.ListTable tr:nth-child(2n+3) { background-color:#f4f6f8; }

.ListTable td { margin:5px 0; text-align:left; }
.ListTable td.no { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.no:before, .ListTable td:first-child.date:before, .ListTable td.title:before, .ListTable td.thum:before { content:""; }
.ListTable td.cat, .ListTable td.unit { color:#777; }
.ListTable td.date { background:url("../images/icon_date.png") no-repeat 0 center; padding-left:16px; font-size:0.8125em; }
.ListTable td.date br { display:none; }
.ListTable td.title { font-size:125%; }
.ListTable td.download li a { line-height:30px; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { padding:10px 0; }
.ListPicText .item { margin-bottom:20px; }
@media screen and (max-width: 767px) {
	.ListPicText .item { width:48.5%; margin-left:3%; }
	.ListPicText .item:nth-child(2n+1) { margin-left:0; }
}
@media screen and (min-width: 768px) {
	.ListPicText .item { width:31.5%; margin-left:2.75%; }
	.ListPicText .item:nth-child(3n+1) { margin-left:0; }
}

/*----------------------------------------------------------------------*/
/* 商品列表 */
.ProList .item { float:left; width:31.5%; margin-left:2.75%; margin-bottom: 25px; }
.ProList .item:nth-child(3n+1) { margin-left:0; }

/* 本季新品 */
.product_new_list .textBox .title a { font-size: 0.9375em; }

/* 商品內頁 */
@media screen and (min-width: 768px) {
    .p_intro { padding-left:335px; min-height:390px; margin-bottom: 55px; }
    .p_img { position:absolute; left:0; top:0; width:300px; }
    .p_intro .slider-for { width:300px; }
}
@media screen and (max-width: 767px) {
    .p_intro { margin-bottom: 40px; }
    .p_intro .p_img { margin-bottom: 20px; }
    
}
.p_desc_cont { padding: 0 15px; }
.p_btn .price { padding: 17px 15px 20px; }

/* 商品頁籤 */
.pro_tabs .tab_cont dt { display:none; }
.pro_tabs .tab_cont { transform:scaleY(0); height:0; visibility:hidden; opacity:0; }
.pro_tabs .tab_cont.show { transform:scaleY(1); height:auto; visibility:visible; opacity:1; }
.pro_tabs .tab_container { background-color:#fff; margin-bottom:30px; }

/* 商品規格 */
table.ProductSpec { width: 100%; border-collapse:separate; border-spacing:5px !important; }
table.ProductSpec th, table.ProductSpec td { padding:9px 15px; line-height: 1.5em; }
table.ProductSpec th { text-align: left; width: 25%; }
table.ProductSpec tr:nth-child(odd) th { background:#ffedde; }
table.ProductSpec tr:nth-child(odd) td { background:#f1f1f1; }

/* 推薦商品 */
.product_rec_list .textBox .title a { white-space:nowrap; text-overflow:ellipsis; }