@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:32px; height:32px; margin-top:-16px; }
#KeyVisual .bx-wrapper .bx-prev { background-position:0 -48px; left:5px; }
#KeyVisual .bx-wrapper .bx-next { background-position:-64px -48px; right:5px; }

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

/* 首頁產品 */
.IndexProduct { padding-top: 20px; padding-bottom: 15px; }
.IndexProductList .title { padding: 10px; }
.IndexProductList.six_item .title { padding: 10px 40px 10px 10px; }
.IndexProductList .item { width:50%; }
@media screen and (max-width: 459px) {
    .IndexProductList .title { font-size: 0.9375em; }
}

/* 首頁最新消息 */
.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; }
.IndexNewsList .textBox .title a { font-size: 1em; }
@media screen and (max-width: 459px) {
    .IndexNewsList .textBox .title a { font-size: 0.9375em; line-height: 1.5em; max-height: 4.5em; }
}

/* 首頁案例 */
.IndexCaseList .item { overflow: hidden; position: relative; }
.IndexCaseList .imgBox { width: 50%; width: 50%; padding: 10px; box-sizing: border-box; }
.IndexCaseList .textBox { position: absolute; right: 0; top: 0; height: 100%; width: 50%; padding: 10px; box-sizing: border-box; }
.IndexCaseList .textBox::before { content: ''; position: absolute; left: 0; top: 50%; width: 20px; height: 1px; background: #aaa; }
.IndexCaseList .textBox > div { display: table; width: 100%; height: 100%; border: 1px solid #aaa; text-align: center; }
.IndexCaseList .textBox .title { display: table-cell; vertical-align: middle; padding: 5px 20px; }
.IndexCaseList .textBox .title a { max-height: 4.8em; overflow: hidden; }
.IndexCaseList .item:hover .textBox > div { border: 1px solid #ffbf97; }
.IndexCaseList .item:hover .textBox::before { background: #ffbf97; }

.IndexCaseList .item:nth-child(even) .imgBox { float: right; }
.IndexCaseList .item:nth-child(even) .textBox { right: auto; left: 0; }
.IndexCaseList .item:nth-child(even) .textBox::before { left: auto; right: 0; }
@media screen and (max-width: 459px) {
    .IndexCaseList .textBox .title a { font-size: 0.9375em; line-height: 1.5em; max-height: 4.5em; }
}

/* 首頁影音 */
.IndexVideo { padding: 0; }
.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; font-size: 1.25em; }
.IndexVideo .textBox .desc { font-size: 0.9375em; line-height: 1.5em; }

/* 首頁留言板 */
.IndexContact { padding: 15px 0 30px; }
.IndexForm > div { padding: 15px 10px; }
.IndexForm .item, .IndexForm .item.last { width: 100%; float: none; }
.IndexForm .BtnCommon { text-align: left; }
.IndexForm .item { padding: 7px 10px; }

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

#Footer { display:none; }
#Copyright > div { padding-top:10px; padding-bottom:10px; padding-right:50px; line-height:20px; }
#Copyright .logo { margin-right:10px; }
#Copyright .col_right { overflow:hidden; }
#Copyright .contact_info span { display:inline-block; }
#Copyright .social_media { display:none; }

@media screen and (max-width: 479px) {
#Copyright { background-image:url("../images/aurora_ci_k.png"); }
}

/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable { border-top:1px solid #e7e7e7; }
.FormTable, .FormTable > tbody, .FormTable > tbody > tr, .FormTable > tbody > tr > th, .FormTable > tbody > tr > td { display:block; }
.FormTable > tbody > tr > th { text-align:left; }
.FormTable > tbody > tr > td { }
.FormTable > tbody > tr { padding:10px 0; border-bottom:1px solid #e7e7e7; }
.FormTable > tbody > tr:nth-child(even) { background-color:#fbfbfb; }

.input_table li { width:50%; }

/*----------------------------------------------------------------------*/
/* 內頁 */
#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; }
@media screen and (max-width: 479px) {
.ToolBar dl.share dt { border-left:0; padding-left:0; }
}
@media screen and (min-width: 480px) {
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }
}

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

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

/* 列表搜尋 */
.ListSearch .item { width:100%; }

/* 產品搜尋 */
@media screen and (max-width: 479px) {
    .ProTitle .keyword { margin-top:5px; width: 100%; }
}
@media screen and (min-width: 480px) {
    .ProTitle h3 { float:left; }
    .ProTitle > .title { float:left; }
    .ProTitle .keyword { float:right; }
}

/* 頁碼 */
#Pagination a { margin:0 5px; display:none;	}
#Pagination a.prev, #Pagination a.next, #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 dd a:hover { background-color:#eb5902; color:#fff; }

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

/* 編輯器 */
.editable_content blockquote { padding: 20px 25px; }
.editable_content ol { margin-left:20px; }
.editable_content ul { margin-left:20px; }
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
ul.ext_list { padding-left:25px; }

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

/* 文章留言 */
.articleComment .form > .item { width:100%; float:none; }
.articleComment .BtnCommon { text-align:left; }
@media screen and (max-width: 479px) {
.articleComment .form { padding-left:5px; padding-right:5px; }
}

/* colorbox */
#colorbox_thum a { width:135px; margin:7px; }

/* 延伸阅读 */
.related_articles { margin-top:1%; }
.related_articles_list { padding-bottom:0; }
.related_articles .title a { font-size:0.9375em; }
.related_articles_list .title a { padding: 7px 5px; }

@media screen and (max-width: 479px) {
	.related_articles .item { float:none; max-width:360px; margin-left:auto; margin-right:auto; margin-top: 15px; }
    .related_articles .item:first-child { margin-top: 0; }
}
@media screen and (min-width: 480px) {
	.related_articles_list .item { width:48%; margin-left:4%; margin-top: 15px; }
	.related_articles_list .item:nth-child(2n+1) { margin-left:0; }
	.related_articles_list .item:nth-child(1), .related_articles .item:nth-child(2) { margin-top:0; }
    .related_articles_list.for_pd .item { float:none; width: 100%; margin: 15px 0 0; }
    .related_articles_list.for_pd .item:first-child { margin: 0; }
    .related_articles_list.for_pd .item .img { padding-bottom:34.13%; width:45%; }
    .related_articles_list.for_pd .item .cont { position: absolute; right: 0; top: 0; width: 53%; height: 100%; }
    .related_articles_list.for_pd .item .cont .title { display: table; height: 100%; width: 100%; }
    .related_articles_list.for_pd .item .cont .title a { display: table-cell; vertical-align: middle; white-space: normal; font-size: 1em; }
    .related_case_list .item { float:none; width: 100%; margin: 15px 0 0; overflow: hidden; }
    .related_case_list .item:first-child { margin: 0; }
    .related_case_list .item:nth-child(2) { margin-top: 15px; }
    .related_case_list .item .img { padding-bottom:34.13%; width:45%; float: left; }
    .related_case_list .item .cont { float: left; width:55%; padding-left: 15px; box-sizing: border-box; }
    .related_case_list .item .cont .title a { font-size: 1em; }
    .related_case_list .item .cont .desc { -webkit-line-clamp: 4; max-height: 7em; }
}

/* 商品輪播 */
.pro_carousel .pro_tt a { padding: 7px 5px; font-size:0.9375em; }

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

.ListTable table td { margin:5px 0; text-align:left; }
.ListTable table td.no { display:none; }
.ListTable table td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable table td.no:before, .ListTable table td:first-child.date:before, .ListTable table td.title:before, .ListTable table td.thum:before { content:""; }
.ListTable table td.cat, .ListTable table 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 table td.date br { display:none; }
.ListTable table td.title { font-size:125%; }
.ListTable table td.download li a { line-height:30px; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText .item { margin-bottom:20px; margin-top:10px; }
@media screen and (max-width: 479px) {
	.ListPicText .item { float:none; width:100%; max-width:450px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 480px) {
	.ListPicText .item { width:48.5%; margin-left:3%; }
	.ListPicText .item:nth-child(2n+1) { margin-left:0; }
}

/*----------------------------------------------------------------------*/
/* 商品列表 */
@media screen and (max-width: 479px) {
	.ProList .item { width:100%; max-width:450px; margin:10px auto; }
}
@media screen and (min-width: 480px) {
	.ProList .item { width:48%; margin-left:4%; margin-bottom: 20px; }
	.ProList .item:nth-child(2n+1) { margin-left:0; }
}

/* 本季新品 */
.product_new { display: none; }

/* 商品內頁 */
.p_intro .p_img { margin-bottom: 20px; }
.p_btn .price { padding: 17px 0 20px; }

/* 商品頁籤 */
.pro_tabs { border:1px solid #ddd; margin-top:25px; overflow:hidden; }
.tabs_group .tabs { display:none; }
.pro_tabs .tab_cont dd { transform:scaleY(0); height:0; visibility:hidden; opacity:0; padding:0; overflow:hidden; }
.pro_tabs .tab_cont.show dd { transform:scaleY(1); height:auto; visibility:visible; opacity:1; padding:10px; }

/* 商品規格 */
table.ProductSpec { width: 100%; margin-top: 10px; }
table.ProductSpec tr, table.ProductSpec th, table.ProductSpec td { display: block; width: 100%; box-sizing: border-box; }
table.ProductSpec th, table.ProductSpec td { padding:9px 10px; line-height: 1.5em; }
table.ProductSpec th { text-align: left; }
table.ProductSpec tr th { background:#ffedde; font-size:0.9375em; }

/* 推薦商品 */
@media screen and (max-width: 479px) {
    .product_rec_list .owl-carousel .owl-item .item { padding-left: 0; }
}
@media screen and (min-width: 480px) {
    .product_rec_list .textBox .title a { white-space:nowrap; text-overflow:ellipsis; }
}