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

/*----------------------------------------------------------------------*/
/* Header */
#Topper, #Menu { display:none; }
#Header > div { height:60px; position:relative;}
#Header > div:after{
	position: absolute;
	bottom: -40px;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 40px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.09) 0%,rgba(255,255,255,0.00) 18.66%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.09) 0%,rgba(255,255,255,0.00) 18.66%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.09) 0%,rgba(255,255,255,0.00) 18.66%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.09) 0%,rgba(255,255,255,0.00) 18.66%);
}
#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; }


/*----------------------------------------------------------------------*/
/*上方圖像牆 */
.IndexPictureWall > div{ padding:0 10px;}
.IndexPictureWall .pw-style .item{ width:31.4%; padding-left:8px; padding-right:8px; }
.IndexPictureWall .pw-style .title{ font-size:100%;} 
@media screen  and (max-width: 864px) {
	.IndexPictureWall > div{ text-align:center;}
	.IndexPictureWall .pw-style{ width:100%; display:inline-block;}
	.IndexPictureWall .pw-style .item{ width:31.5%; padding-left:5px; padding-right:5px;}
}


/*----------------------------------------------------------------------*/
/*驱动下载&防伪查询*/
@media screen and (max-width: 950px) {
	.IndexToolBlock .download, .IndexToolBlock .security { max-height:220px;}
	.IndexToolBlock .btn{ text-align: center; margin-right:0;}
	.IndexToolBlock .security:after{
	content:'';
	width: 5px;
	height: 220px;
	border-style:none;
	border-width:0;
	border-color:inherit;
	position:absolute;
	top:0;
	left:0;
	background-color:#ffffff;
	}
	.IndexToolBlock .download .btn a, .IndexToolBlock .security .btn a{background-color:#ffffff;}
	.IndexToolBlock .download, .IndexToolBlock .security{ background-position:center center;} 
}

@media screen and (max-width: 850px){
	.IndexToolBlock .download .btn a, .IndexToolBlock .security .btn a{ font-size:22px;}
	.IndexDealer .dealer-left > div{ padding-left:5%;}
}


/*----------------------------------------------------------------------*/
/*成功案例*/
.IndexCase{ padding-bottom:30px;}
.IndexCase > div{ padding:0 10px;}
.IndexCase .indexTitle h3{ font-size:23px; letter-spacing:3px; padding-bottom:0;}
.IndexCase .case-style .item{ width:31.4%; padding-left:8px; padding-right:8px;}
.IndexCase .case-style .item .title{ font-size:100%;}
@media screen  and (max-width: 864px) {
	.IndexCase .case-style .item{ width:48.5%; padding-left:5px; padding-right:5px;}
}
@media screen  and (max-width: 703px) {
	.IndexCase .case-style .item{ width:48.2%; padding-left:5px; padding-right:5px;}
}


/*----------------------------------------------------------------------*/
/*经销商专区*/
.IndexDealer .dealer-left > div{ padding-left:5%;}
.IndexDealer .dealer-left .indexTitle{ margin-bottom:10px;}
.IndexDealer .indexTitle h3{ font-size:23px; letter-spacing:3px; padding-bottom:0;}
.IndexDealer .dealer-left .desc{ font-size:15px; margin-bottom:25px; padding-right:10px;}
.IndexDealer .dealer-left .btn a{ width:125px; padding-right:10px;}
@media screen and (max-width: 950px) {
	.IndexDealer > div{ max-height:240px;}
	.IndexDealer .dealer-right:before{ background:none; width:5px; max-height:240px; background-color:#ffffff;}
}
@media screen and (max-width: 680px) {
	.IndexDealer > div{ width:100%; overflow:hidden; height:inherit;}
	.IndexDealer .dealer-left .indexTitle{ margin-bottom:10px; display:inline-block; }
	.IndexDealer .dealer-left .indexTitle h3{font-size:23px; letter-spacing:3px; padding-bottom:0;}
	.IndexDealer .dealer-left .desc{ font-size:15px; margin-bottom:25px; padding:0 10px;}
	.IndexDealer .dealer-left .btn a{ width:125px; padding-right:10px;}
	.IndexDealer .dealer-right:before{background:none;}
	.IndexDealer .dealer-right:after{
		content: '';
		display: block;
		width: 100%;
		height: 15px;
		position: absolute;
		top: 0;
		left: 0;
		background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.20) 0%,rgba(255,255,255,0.00) 82.38%);
		background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.20) 0%,rgba(255,255,255,0.00) 82.38%);
		background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.20) 0%,rgba(255,255,255,0.00) 82.38%);
		background-image: linear-gradient(180deg,rgba(0,0,0,0.20) 0%,rgba(255,255,255,0.00) 82.38%);
	}
	.IndexDealer .dealer-right{ height:200px;}
	.IndexDealer .dealer-left{ display:block; text-align:center; padding:20px 0;}
	.IndexDealer .dealer-left > div{ display:inline-block; padding-left:0;}
}

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

#Footer { display:none; }
#Copyright { margin-top:5px; }
#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 .col_right .contact_info span { display:inline-block; }
#Copyright .social_media { display:none; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#Content{ padding: 20px; margin-bottom:30px;}
#ColumnLeft, #ColumnRight { display:none; }
#MainContent { padding:20px; }


/* 工具列 */
.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; }

/* 頁碼 */
#Pagination a { 
	background-color:#eee; color:#000; margin:0 5px; display:none;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	}
#Pagination a:hover { background-color:#ddd; color:#333;}
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last, #Pagination .current { background-color:#f0f0f0;  display:inline-block; padding:0 10px; background-image:none;}
#Pagination .current { background-color: transparent; color:#7b7b7b; }
#Pagination .current:hover{ background-color:transparent;}
#Pagination .setting { display:none; }

/* 文章标签 */
.article_tag dl > * { height:32px; line-height:32px; }
.article_tag dl dt::after { content:'：'; }
.article_tag dl 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%; }

/* colorbox */
#colorbox_thum a { width:180px; margin:5px 0px 5px 10px;}

/* 延伸阅读 */
.related_articles { padding:30px 25px 20px; margin-bottom:40px;}
.related_articles .item { width:48%; margin-left:4%; }
.related_articles .item:nth-child(2n+1) { margin-left:0; }
@media screen and (max-width: 767px) {
	.related_articles .item .img img { height:160px; }
}
@media screen and (min-width: 768px) {
	.related_articles .item .img img { height:200px; }
}


/*----------------------------------------------------------------------*/
/* 表單 */
.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:6px; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px 0 4px; }

.input_table li { width:33.33%; }


/*----------------------------------------------------------------------*/
/* 登录 */
.LoginBox .colm_left { float:left; width:50%; padding-right:20px; border-right:1px solid #e5e5e5; box-sizing:border-box; }
.LoginBox .colm_right { float:right; width:50%; padding-left:20px; box-sizing:border-box; }

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

.LoginBox .login_by_social dd{ margin-bottom:10px;}


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable, .ListTable  tbody, .ListTable  tr, .ListTable  th, .ListTable  td { display:block; }
.ListTable { border-top:1px solid #cecece; }
.ListTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable tr { padding:10px 15px 5px 15px; border-bottom:1px solid #cecece; }
.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 table td.unit { color:#7e7e7e; }
.ListTable td.date { background:url("../images/icon_date.png") no-repeat 0 center; margin-bottom:-5px; padding-left:16px; color:#7e7e7e; font-size:92.857%; }
.ListTable td.date br { display:none; }
.ListTable td.title { font-size:106.3%;}
.ListTable td.download li a { line-height:30px; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */

/*style1*/
.ListPicText.style1 .title a{ padding:0 10px; }
.ListPicText.style1 .desc{padding-left:10px; padding-right:10px;}

/*style2*/
.ListPicText.style2 .item .img::after{ display:none;}
.ListPicText.style2 .item .desc{ margin-bottom:20px;}

@media screen and (max-width: 767px) {
	/*style1*/
	.ListPicText.style1 .item { float:left; width:48.8%; padding-right:12px;}
	.ListPicText.style1 .item:nth-child(2n){ padding-right:0; }
	/*style2*/
	.ListPicText.style2 .item{ width:50%; }
	.ListPicText.style2 .item:nth-child(2n+1) > div { padding-right:10px; }
	.ListPicText.style2 .item:nth-child(2n+2) > div { padding-left:10px;}
}

@media screen and (min-width: 768px) {
	/*style1*/
	.ListPicText.style1 .item { float:left; width:32%;  padding-right:12px;}
	.ListPicText.style1 .item:nth-child(3n){ padding-right:0px;}
	/*style2*/
	.ListPicText.style2 .item{ width:33.333%; }
	.ListPicText.style2 .item:nth-child(3n+1) > div { padding-right:12px; }
	.ListPicText.style2 .item:nth-child(3n+2) > div { padding-left:6px; padding-right:6px; }
	.ListPicText.style2 .item:nth-child(3n+3) > div { padding-left:12px; }
}


/*----------------------------------------------------------------------*/
/* 销售网点 */
.searchBox.sale-location span{clear:both;}
.searchBox.sale-location{ padding:15px 20px;}
.searchBox.sale-location .select { float:left; margin-bottom:10px; width:33.3333%; padding-right:10px;}
.searchBox.sale-location .select select { width:100%;}

	
/*----------------------------------------------------------------------*/
/* 商品情報 */
/*----------------------------------------------------------------------*/
/* 商品列表 */
.ProductList .item { float:left; }
	.ProductList.cate .item { width:50%; }
	.ProductList.cate .item:nth-child(2n+1) > a { padding-right:10px; }
	.ProductList.cate .item:nth-child(2n+2) > a { padding-left:10px; }

.ProductList.cate .item { margin-bottom:25px; }
.ProductList.list .item { margin-bottom:15px; }
.ProductList.cate .item .img img { height:180px; }
@media screen and (max-width: 767px) {
.ProductList.list .item { width:25%; }
	.ProductList.list .item:nth-child(4n+1) > a { padding-right:8px; }
	.ProductList.list .item:nth-child(4n+2) > a { padding-right:4px; padding-left:4px; }
	.ProductList.list .item:nth-child(4n+3) > a { padding-right:4px; padding-left:4px; }
	.ProductList.list .item:nth-child(4n+4) > a { padding-left:4px; }
}
@media screen and (min-width: 768px) {
.ProductList.list .item { width:20%; }
	.ProductList.list .item:nth-child(5n+1) > a { padding-right:8px; }
	.ProductList.list .item:nth-child(5n+2) > a { padding-right:4px; padding-left:4px; }
	.ProductList.list .item:nth-child(5n+3) > a { padding-right:4px; padding-left:4px; }
	.ProductList.list .item:nth-child(5n+4) > a { padding-right:4px; padding-left:4px; }
	.ProductList.list .item:nth-child(5n+5) > a { padding-left:8px; }
}


/*----------------------------------------------------------------------*/
/* 商品內頁 */
@media screen and (max-width: 767px) {
.ProductBrief .img h2, .ProductBrief .img .brand { display:block; }
.ProductBrief .desc h2, .ProductBrief .desc .brand { display:none; }
.ProductBrief .desc { padding-top:20px; }
}
@media screen and (min-width: 768px) {
.ProductBrief .img { float:left; width:50%; padding-right:10px; }
.ProductBrief .desc { float:right; width:50%; padding-left:10px; }
}

/* 商品內容頁籤 */
.ProductCont .tabs { display:none; }
.ProductCont .tab_cont { border:1px solid #ea833d; background-color:#fff; margin-top:-1px; }
.ProductCont .tab_cont > .cont { 
	height:0; transform:scaleY(0); visibility:hidden; opacity:0; padding-left:15px; padding-right:15px; overflow:hidden; transform-origin:center 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
.ProductCont .tab_cont.active > .cont { height:auto; transform:scaleY(1); visibility:visible; opacity:1; padding-top:20px; padding-bottom:20px; }
.ProductCont .tab_cont > .title span { background-color:#fffbf5; padding-top:10px; padding-bottom:10px; color:#444; line-height:20px; }
.ProductCont .tab_cont.active > .title span { 
	border-bottom:1px solid #ea833d; background-color:#ea833d; color:#fff; 
	-webkit-box-shadow:0 6px 6px rgba(0,0,0,0.1);
	-moz-box-shadow:0 6px 6px rgba(0,0,0,0.1);
	box-shadow:0 6px 6px rgba(0,0,0,0.1);
	}
.ProductCont .tab_cont > .title span img { display:inline-block; }
.ProductCont .tab_cont > .title span img.mobile { display:none; }
.ProductCont .tab_cont.active > .title span img { display:none; }
.ProductCont .tab_cont.active > .title span img.mobile { display:inline-block; }
	
/* 商品規格 */
.ProductSpec { border-top:1px solid #ddd; border-right:1px solid #ddd; }
.ProductSpec th, .ProductSpec td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10px 20px; line-height:150%; color:#444; font-size:93.75%; }
.ProductSpec th { background-color:#f5f5f5; width:100px; }
.ProductSpec td { background-color:#fff; }

/* 成功案例 */
.CaseList .item .cont { padding:14px; }
@media screen and (max-width: 767px) {
.CaseList .item { float:left; width:50%; }
.CaseList .item:nth-child(2n+1) > div { margin-right:8px; }
.CaseList .item:nth-child(2n+2) > div { margin-left:8px; }
}
@media screen and (min-width: 768px) {
.CaseList .item { float:left; width:33.3333%; }
.CaseList .item:nth-child(3n+1) > div { margin-right:12px; }
.CaseList .item:nth-child(3n+2) > div { margin-left:6px; margin-right:6px; }
.CaseList .item:nth-child(3n+3) > div { margin-left:12px; }
}

/*----------------------------------------------------------------------*/
/* 搜尋框 */
.searchBox { padding-bottom:8px; padding-top:8px;}

/* 驱动程式下载 */
.searchBox.download{ padding:20px 25px 5px;}

/*----------------------------------------------------------------------*/
/* 聯絡我們 */
#map { height:350px; }


/*----------------------------------------------------------------------*/
/* FIX防伪查询按鈕*/
.FixSecurityBottom{ display:none;}


/*----------------------------------------------------------------------*/
/* 提醒視窗 */
.alert_box > div { max-height:90%; margin:20px ; }
.alert_box .close { position:fixed; top:25px; right:25px; }