@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; }


#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; }


/*----------------------------------------------------------------------*/
/*上方圖像牆 */
.IndexPictureWall { padding-top:20px; padding-bottom:20px;}
.IndexPictureWall > div{ padding:0 10px;}
.IndexPictureWall .pw-style .item{ width:31.4%; padding-left:8px; padding-right:8px; margin-bottom:15px;}
.IndexPictureWall .pw-style .title{ font-size:100%;}
@media screen and (min-width: 480px)   and (max-width: 639px) {
	.IndexPictureWall .pw-style .item{ width:100%; padding-left:0px; padding-right:0px; }
	.IndexPictureWall .pw-style .item > div{ overflow:hidden;}
	.IndexPictureWall .pw-style .item .img{ width:40%; padding-bottom: 21.85%; border-radius:0; border-top-left-radius:5px; border-bottom-left-radius:5px; float:left; margin-right:20px; border-bottom:0; border-right:1px solid #ddd;}
	.IndexPictureWall .pw-style .item .title{ padding:20px; }
	.IndexPictureWall .pw-style .item .title span{ text-align:left;}
}

@media screen  and (max-width: 479px){
	.IndexPictureWall .pw-style .item{ width:100%; padding:0;}
}


/*----------------------------------------------------------------------*/
/*驱动下载&防伪查询*/
.IndexToolBlock { text-align:center; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd; background-color:#f58225;}
.IndexToolBlock > div{ display:inline-block; }
.IndexToolBlock .download, .IndexToolBlock .security{ height:inherit; display:block; text-align:center; width:auto;}
.IndexToolBlock .download{ margin-right:20px;}
.IndexToolBlock .download > div, .IndexToolBlock .security > div{ display:inline-block;}
.IndexToolBlock .btn{ text-align: center; margin-right:0;}
.IndexToolBlock .security:after{ display:none;}
.IndexToolBlock .download .btn a, .IndexToolBlock .security .btn a{ display:inline-block; width:160px; height:55px; line-height:55px; background-color: #fff9f4; border:none; 
	font-size:125%;  box-shadow:0 0 5px 2px rgba(0,0,0,0.1);}
.IndexToolBlock .download .btn a:hover, .IndexToolBlock .security .btn a:hover{ background-color:#fff; border:none; color:#000; box-shadow:0 0 5px 5px rgba(0,0,0,0.1);}
.IndexToolBlock .download, .IndexToolBlock .security{ background-image:none; background-color:inherit; margin:30px 10px;} 
.IndexToolBlock .download .btn:hover a:after, .IndexToolBlock .security .btn:hover a:after{ background-position: 0 0; }
.IndexToolBlock .download .btn a:after{ top:35%; right:20px;}
.IndexToolBlock .security .btn a:after{ top:35%; right:20px;}

@media screen  and (max-width: 479px){
	.IndexToolBlock .download, .IndexToolBlock .security{ margin:25px 5px;}
	.IndexToolBlock .download .btn a, .IndexToolBlock .security .btn a{ font-size:106.3%; width:130px; height:45px; line-height:45px; }
	.IndexToolBlock .download .btn a:after{ top:30%; right:15px;}
	.IndexToolBlock .security .btn a:after{ top:30%; right:15px;}
}


/*----------------------------------------------------------------------*/
/*成功案例*/
.IndexCase{ padding-top:40px; padding-bottom:20px; border:0;}
.IndexCase > div{ padding:0 10px;}
.IndexCase .indexTitle{ margin-bottom:20px;}
.IndexCase .indexTitle h3{ font-size:23px; letter-spacing:3px; padding-bottom:0;}
.IndexCase .case-style .item .title{ font-size:100%;}
@media screen  and (min-width: 480px) and (max-width: 639px) {
	.IndexCase .case-style .item{ width:47.7%; padding-left:5px; padding-right:5px;}
}
@media screen  and (max-width: 479px){
	.IndexCase .case-style .item{ width:100%; padding-left:0px; padding-right:0px;}
}


/*----------------------------------------------------------------------*/
/*经销商专区*/
.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 .logo { margin-right:10px; }
#Copyright .col_right { overflow:hidden; }
#Copyright .col_right .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"); }
}


/*----------------------------------------------------------------------*/
/* 內頁 */
#Content{ padding:20px 15px; margin-bottom:30px;}
#ColumnLeft, #ColumnRight { 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; }

/* 頁碼 */
#Pagination{ margin-top:10px; margin-bottom: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 { color:#333; background-color:#ddd;}
#Pagination a.prev, #Pagination a.next, #Pagination .current { background-color:#f0f0f0; display:inline-block; background-image:none; padding:0 10px;}
#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%; }

/* 編輯器 */
.editable_content ol { margin-left:10px; margin-right:10px;}
.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 { margin-left:20px; }

/* 上下篇文章 */
.prevNextLink{ margin-top:30px;}
.prevNextLink .prev, .prevNextLink .next { width:100%; float:none; margin-bottom:20px; }

/* 文章留言 */
.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:160px; margin:5px 0px 5px 10px; }

/* 延伸阅读 */
.related_articles { padding:25px 15px 15px 15px; margin-bottom:20px;}
.related_articles .item .img img { height:140px;}
@media screen and (max-width: 479px) {
	.related_articles .item { float:none; max-width:360px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 480px) {
	.related_articles .item { width:48%; margin-left:4%; }
	.related_articles .item:nth-child(2n+1) { margin-left:0; }
}


/*----------------------------------------------------------------------*/
/* 表單 */
.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; }

.input_table li { width:50%; }


/*----------------------------------------------------------------------*/
/* 登录 */
.LoginBox .colm_right { padding-top:30px; }
.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 10px 5px 10px; 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 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%; line-height:1.6;}
.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 .desc{ margin-bottom:20px;}

@media screen and (max-width: 479px) {
	.ListPicText.style .item { width:100%; margin-left:auto; margin-right:auto; }
}

@media screen and (min-width: 480px) {
	/*style1*/
	.ListPicText.style1 .item { float:left; width:48.5%; 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:7px; }
	.ListPicText.style2 .item:nth-child(2n+2) > div { padding-left:7px;}
}


/*----------------------------------------------------------------------*/
/* 销售网点 */
.searchBox.sale-location span{ clear:both; }
.searchBox.sale-location{ padding:10px 15px; margin-bottom:20px; margin-top:10px;}
.searchBox.sale-location .select {margin-bottom:10px; width:100%;}
.searchBox.sale-location .select select { width:100%;}


/*----------------------------------------------------------------------*/
/* 商品情報 */
/*----------------------------------------------------------------------*/
/* 商品列表 */
.ProductList.cate .item { margin-bottom:25px; }
.ProductList.list .item { margin-bottom:15px; }

@media screen and (max-width: 479px) {
.ProductList.cate .item { max-width:320px; margin-left:auto; margin-right:auto; }
.ProductList.cate .item .img img { height:120px; }

.ProductList.list .item { float:left; width:50%; }
	.ProductList.list .item:nth-child(2n+1) > a { padding-right:8px; }
	.ProductList.list .item:nth-child(2n+2) > a { padding-left:8px; }
}
@media screen and (min-width: 480px) {
.ProductList.cate .item { float:left; width:50%; }
	.ProductList.cate .item:nth-child(2n+1) > a { padding-right:5px; }
	.ProductList.cate .item:nth-child(2n+2) > a { padding-left:5px; }
.ProductList.cate .item .img img { height:150px; }

.ProductList.list .item { float:left; width:33.3333%; }
	.ProductList.list .item:nth-child(3n+1) > a { padding-right:8px; }
	.ProductList.list .item:nth-child(3n+2) > a { padding-right:4px; padding-left:4px; }
	.ProductList.list .item:nth-child(3n+3) > a { padding-left:8px; }
}


/*----------------------------------------------------------------------*/
/* 商品內頁 */
.ProductBrief .img h2, .ProductBrief .img .brand { display:block; }
.ProductBrief .desc h2, .ProductBrief .desc .brand { display:none; }
.ProductBrief .desc { padding-top:20px; }

/* 商品內容頁籤 */
.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, .ProductSpec tbody, .ProductSpec tr, .ProductSpec th, .ProductSpec td { display:block; }
.ProductSpec { border-top:1px solid #cecece; }
.ProductSpec tr { border-bottom:1px solid #cecece; padding:10px; }
.ProductSpec th { text-align:left; }
.ProductSpec th::after { content:'：'; }
.ProductSpec tr:nth-child(2n+2) { background-color:#f8f8f8; }

/* 成功案例 */
.CaseList .item { margin-bottom:20px; }
.CaseList .item:last-child { margin-bottom:0; }
.CaseList .item .cont { padding:14px; }
.CaseList .item .cont .title a { font-size:112.5%; }
@media screen and (max-width: 479px) {
.CaseList .item { max-width:320px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 480px) {
.CaseList .item .img { padding-bottom:30.23%; float:left; width:40%; margin:0 10px 10px 0; }
}

/* 下載 */
.dl_serv_search { background-color:transparent; padding:0; }


/*----------------------------------------------------------------------*/
/* 搜尋框 */
.searchBox { padding-bottom:8px; padding-top:8px;}

/* 驱动程式下载 */
.searchBox.download{ padding:15px 15px 10px; margin-bottom:20px;}
.searchBox.download > div{ float:inherit;}
.searchBox.download .text{ display:block; }
.searchBox.download .select{ padding-right:0; padding-bottom:10px;}
.searchBox.download .select select { width:100%;}

@media screen and (max-width: 479px) {
	.searchBox.download input[type="text"]{ width:100%;}
}	


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
#map { height:300px; }


/*----------------------------------------------------------------------*/
/* FIX防伪查询按鈕*/
.FixSecurityBottom{ display:none;}


/*----------------------------------------------------------------------*/
/* 提醒視窗 */
.alert_box > div { max-height:90%; margin:25px 15px; padding:20px; }
.alert_box .close { position:fixed; top:30px; right:20px; }