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

/*----------------------------------------------------------------------*/


/* 內頁 */
#Center { max-width:1280px; margin:0 auto; padding-top:20px; padding-left:10px; padding-right:10px; clear:both; }
#Content { background-color:#fff; padding-bottom:40px; }
#Content > *:last-child { margin-bottom:0; }
#Content::after { content:''; clear:both; display:block; width:100%; }
#ColumnCenter { overflow:hidden; }
#ColumnCenter > *:last-child { margin-bottom:0; }
#ColumnCenter::after { content:''; clear:both; display:block; width:100%; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs {/* background-color:#f9f9f9; */}
#Breadcrumbs ul { overflow:hidden; padding-bottom:4px; padding-left:20px; background:url("../images/icon_home.png") no-repeat 0 6px; }
#Breadcrumbs li { float:left; padding-right:16px; font-size:81.25%; color:#5b5b5b; line-height:24px; position:relative; }
#Breadcrumbs a { display:block; color:#5b5b5b; text-decoration:none; }
	#Breadcrumbs li:after { content:'>'; position:absolute; top:-1px; right:3px; color:#5b5b5b; font-size:12px; }
	#Breadcrumbs a:hover { color:#f16e00; }
#Breadcrumbs li.last a { color:#f16e00; font-weight:bold; }
	#Breadcrumbs li.last a:hover { color:#f16e00; }
	#Breadcrumbs li.last:after { content:''; }
/* Menu */
#Menu: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%);
}


/*----------------------------------------------------------------------*/
/* Footer */
#Footer{ margin-top:40px;}


/* 工具列 */
.ToolBar { margin-bottom:15px; font-size:81.25%; color:#686868; }
.ToolBar::after { content:''; display:block; clear:both; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { box-sizing:border-box; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { 
	position:relative; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd > a::after {
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px; 
	background:url("../images/icon_toolbar.png") no-repeat; 
	}
.ToolBar .colm_left a span, .ToolBar dl.font_size dd a, .ToolBar dl.share dd a { 
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	}
.ToolBar .colm_left, .ToolBar dl.font_size, .ToolBar dl.share { padding-bottom:10px; }
.ToolBar a, .ToolBar span { display:block; }

.ToolBar .colm_left { float:left; }
.ToolBar .colm_left a { float:left; margin-left:15px; padding-left:36px; color:#686868; text-decoration:none; position:relative; }
.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { position:absolute; top:0; left:0; border:1px solid #9d9d9d; }
	.ToolBar .colm_left a.return span::after { background-position:0 0; }
	.ToolBar .colm_left a.print span::after { background-position:0 -20px; }
.ToolBar .colm_left a:hover { color:#f16e00; }
.ToolBar .colm_left a:hover span { border:1px solid #f16e00; background-color:#f16e00; }
	.ToolBar .colm_left a.return:hover span::after { background-position:-20px 0; }
	.ToolBar .colm_left a.print:hover span::after { background-position:-20px -20px; }

.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dd { margin-right:6px; }
.ToolBar dl.share dd:last-child { margin-right:0; }
.ToolBar dl.font_size a { border:1px solid #9d9d9d; text-indent:-10000px; }
	.ToolBar dl.font_size dd.font_small a::after { background-position:0 -60px; }
	.ToolBar dl.font_size dd.font_medium a::after { background-position:0 -80px; }
	.ToolBar dl.font_size dd.font_big a::after { background-position:0 -100px; }
.ToolBar dl.font_size a:hover { color:#f16e00; border:1px solid #f16e00; background-color:#f16e00; }
	.ToolBar dl.font_size dd.font_small a:hover::after { background-position:-20px -60px; }
	.ToolBar dl.font_size dd.font_medium a:hover::after { background-position:-20px -80px; }
	.ToolBar dl.font_size dd.font_big a:hover::after { background-position:-20px -100px; }

.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt { border-left:1px solid #dadada; padding-left:10px; }
.ToolBar dl.share dd { margin-right:6px; position:relative; }
.ToolBar dl.share dd.plurk { margin-right:0; }
.ToolBar dl.share dd a { text-indent:-10000px; cursor:pointer; }
	.ToolBar dl.share dd.weixin > a { border:1px solid #2dc100; }
	.ToolBar dl.share dd.weibo > a { border:1px solid #d31e1e; }
	.ToolBar dl.share dd.linkedin > a { border:1px solid #007fb2; }
	.ToolBar dl.share dd.youku > a { border:1px solid #2fb0ff; }
	.ToolBar dl.share dd.tqq > a { border:1px solid #24bde9; }
	.ToolBar dl.share dd.qzone > a { border:1px solid #ffbf1c; }
	.ToolBar dl.share dd.qq > a { border:1px solid #01a3e3; }
	.ToolBar dl.share dd.weixin > a::after { background-position:0 -120px; }
	.ToolBar dl.share dd.weibo > a::after { background-position:0 -140px; }
	.ToolBar dl.share dd.linkedin > a::after { background-position:0 -160px; }
	.ToolBar dl.share dd.youku > a::after { background-position:0 -180px; }
	.ToolBar dl.share dd.tqq > a::after { background-position:0 -200px; }
	.ToolBar dl.share dd.qzone > a::after { background-position:0 -220px; }
	.ToolBar dl.share dd.qq > a::after { background-position:0 -240px; }
	.ToolBar dl.share dd.weixin > a:hover { background-color:#2dc100; }
	.ToolBar dl.share dd.weibo > a:hover { background-color:#d31e1e; }
	.ToolBar dl.share dd.linkedin > a:hover { background-color:#007fb2; }
	.ToolBar dl.share dd.youku > a:hover { background-color:#2fb0ff; }
	.ToolBar dl.share dd.tqq > a:hover { background-color:#41c6eb; }
	.ToolBar dl.share dd.qzone > a:hover { background-color:#1f9ce4; border:1px solid #1f9ce4; }
	.ToolBar dl.share dd.qq > a:hover { background-color:#01a3e3; }
	.ToolBar dl.share dd.weixin > a:hover::after { background-position:-20px -120px; }
	.ToolBar dl.share dd.weibo > a:hover::after { background-position:-20px -140px; }
	.ToolBar dl.share dd.linkedin > a:hover::after { background-position:-20px -160px; }
	.ToolBar dl.share dd.youku > a:hover::after { background-position:-20px -180px; }
	.ToolBar dl.share dd.tqq > a:hover::after { background-position:-20px -200px; }
	.ToolBar dl.share dd.qzone > a:hover::after { background-position:-20px -220px; }
	.ToolBar dl.share dd.qq > a:hover::after { background-position:-20px -240px; }

.ToolBar dl.share dd.weixin .qrcode { position:absolute; top:40px; right:50%; margin-right:-100px; z-index:-1; }
.ToolBar dl.share dd.weixin .qrcode > div { 
	width:200px; padding:15px 5px; box-sizing:border-box; transform:scale(0); transform-origin:center 0; opacity:0;
	background-color:#fff; border:1px solid #d6d6d6; color:#000; z-index:10002;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);
	box-shadow:0 0 6px rgba(0,0,0,0.2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.ToolBar dl.share dd.weixin .qrcode { text-align:center; line-height:normal; }
.ToolBar dl.share dd.weixin .qrcode span { display:block; margin:0 auto; width:160px; height:160px; }
.ToolBar dl.share dd.weixin .qrcode span img { width:100%; }

.ToolBar dl.share dd.weixin .qrcode .close { 
	position:absolute; top:-8px; right:-8px; width:20px; height:20px; background-color:#9b9b9b; text-indent:-10000px; cursor:pointer; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.ToolBar dl.share dd.weixin .qrcode .close:hover { background-color:#f16e00; }
.ToolBar dl.share dd.weixin .qrcode .close::before, .ToolBar dl.share dd.weixin .qrcode .close::after { 
	display:block; content:''; position:absolute; top:5px; left:9px; width:2px; height:10px; background-color:#fff; 
	}
.ToolBar dl.share dd.weixin .qrcode .close::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.ToolBar dl.share dd.weixin .qrcode .close::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
	/* qrcode click效果 */
	.ToolBar dl.share dd.weixin .qrcode.open { z-index:1; }
	.ToolBar dl.share dd.weixin .qrcode.open > div { opacity:1; transform:scale(1); }
/* 標題 */
.PageTitle { margin-bottom:10px; }
.PageTitle h2 { padding-bottom:10px; border-bottom:1px solid #dadada; line-height:150%; font-size:125%; color:#333; font-weight:300; }

h3.title { margin-bottom:20px; font-size:225%; }
h3.title span { display:block; padding-right:30px; line-height:120%; font-weight:normal; color:#eb5902; }
.post_info { padding:0 35px 0 0; }
.post_info span { display:inline-block; margin-left:10px; line-height:28px; color:#a0a0a0; font-size:81.25%; }
.post_info span:first-child { margin-left:0; }
.post_info span.tag { background-color:#eb5902; padding:0 10px; color:#fff; }
.post_info span.date { background:url("../images/icon_date.png") no-repeat 0 center; padding-left:15px; font-family:Arial, Helvetica, sans-serif; }
.post_info span.author { background:url("../images/icon_author.png") no-repeat 0 center; padding-left:15px; }

/* 2021-07-28 修改完成 */


/* 销售网点 */
.searchBox.sale-location{ background-color:#f5f5f5; padding:20px 40px; border-radius:5px; margin-bottom:35px; margin-top:20px;}
.searchBox.sale-location > div{ width:100%; overflow:hidden;}
.searchBox.sale-location .select { overflow:hidden; color:#282828; font-size:93.75%;}
.searchBox.sale-location .select label { font-size:100%; line-height:35px; height:35px; }
.searchBox.sale-location .select select { height:35px; line-height:35px;  font-size:100%; border-radius:5px; padding-left:5px; border:1px solid #ccc;}
.searchBox.sale-location span input[type="submit"]{ border-radius:5px; text-indent:inherit; position:inherit; padding: 0 25px 0 45px; background-position:25px center; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.searchBox.sale-location span:hover input[type="submit"]{ background-color:#b82922;}
.mapBox { display:table; width:100%; height:350px; }


/* 驱动程式下载 */
.searchBox.download{ background-color:#f5f5f5; border-radius:5px; margin-bottom:35px; }
.searchBox.download > div{ float:left;}
.searchBox.download .text{ display:inline-block; line-height:35px;}
.searchBox.download .select { overflow:hidden; color:#282828; font-size:93.75%; padding-right:15px; padding-bottom:15px;}
.searchBox.download .select label { font-size:100%; line-height:35px; height:35px; }
.searchBox.download .select select { height:35px; line-height:35px;  font-size:100%; border-radius:5px; padding-left:5px; border:1px solid #ccc; color:#555;}
.searchBox.ds{ padding-bottom:5px;}

/* 分類下拉 */
.CatTitle { margin:0 0 20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h2 { display:inline-block; border-bottom:3px solid #f15e23; font-weight:normal; line-height:32px; }
.CatTitle .cat_select { font-size:81.25%; line-height:32px; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 8px; height:32px; line-height:32px;
	background-color:#f16e00;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
.CatTitle .cat_select .btn:hover { background-color:#de1e19; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/* 列表搜尋 */
.ListSearch { margin:15px 0 5px; box-sizing:border-box; overflow:hidden; position:relative; }
.ListSearch .item { float:left; margin-right:10px; margin-bottom:10px; line-height:32px; color:#8f8f8f; font-size:13px; }
.ListSearch .item > label { display:none; font-size:81.25%; line-height:180%; font-weight:bold; }
.ListSearch .BtnCommon { float:left; clear:none; margin-bottom:10px; }
.ListSearch .BtnCommon input { padding-left:15px; padding-right:15px; font-size:15px; line-height:30px; }
.ListSearch .BtnCommon span { 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}

/* 頁碼 */
#Pagination { margin-top:20px; margin-bottom:20px; clear:both; text-align:center; font-size:81.25%; }
#Pagination .pages { display:inline-block; }
#Pagination a { display:inline-block; width:30px; text-decoration:none; line-height:30px; }
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:auto; padding:0 10px; background:url(../images/pagination.png) no-repeat; }
	
#Pagination a.first { padding: 0 10px 0 20px; background-position: 2px 0;}
#Pagination a.prev { padding: 0 10px 0 15px; background-position: 0 -50px;}
#Pagination a.next { padding: 0 20px 0 10px; background-position: 50px -100px;}
#Pagination a.last {padding: 0 20px 0 10px; background-position: 50px -150px;}

#Pagination .current { width:auto; border:1px solid #fff; background-color:transparent; cursor:default; }
	#Pagination .current:hover { color:#7b7b7b; }
	
#Pagination .setting { display:block; clear:both; padding-top:5px; line-height:32px; color:#7b7b7b; }
#Pagination .setting select { padding:6px 0 5px; }
#Pagination .setting input[type="text"] { width:32px; height:28px; border:1px solid #999; vertical-align:top; }
#Pagination .setting input[type="button"] { height:32px; padding:0 6px; margin-left:3px; vertical-align:top; }
#Pagination .setting input[type="button"]:hover { }

/* 档案下载icon */
.file_ext { background-repeat:no-repeat; background-position:0 center; display:inline-block !important; }
	.file_doc { background-image:url("../images/file_ext/doc.png"); }
	.file_img { background-image:url("../images/file_ext/img.png"); }
	.file_mov { background-image:url("../images/file_ext/mov.png"); }
	.file_other { background-image:url("../images/file_ext/other.png"); }
	.file_pdf { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt { background-image:url("../images/file_ext/txt.png"); }
	.file_xls { background-image:url("../images/file_ext/xls.png"); }
	.file_zip { background-image:url("../images/file_ext/zip.png"); }

/* 文章标签 */
.article_tag { margin:-10px 0 20px 0; }
.article_tag dl > * { display:inline-block; position:relative; color:#5d5d5d; font-size:87.5%; }
.article_tag dl dd::after { content:'、'; }
.article_tag dl dd:last-child::after { content:''; }
.article_tag dl dd a { display:inline-block; }

/* 文章前言 */
.article_brief { background-color:#fcfcfc; border-left:3px solid #eb5902; padding:10px 15px; margin-bottom:40px; line-height:180%; overflow:hidden; }

/* 上下篇文章 */
.prevNextLink { margin-top:50px; }
.prevNextLink > div:after { content:""; display:block; clear:both; }
.prevNextLink .prev, .prevNextLink .next { width:48%; background-color:#efefef; box-sizing:border-box; 
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #efefef;
}
.prevNextLink .prev { float:left; }
.prevNextLink .next { float:right; text-align:right; }
.prevNextLink a { position:relative; display:block; text-decoration:none; color:#000; line-height:150%; }
.prevNextLink .prev a { padding-left:98px; }
.prevNextLink .next a { padding-right:98px; }

.prevNextLink a span.ttBox { display:block; padding-top:13px; padding-bottom:13px; position:relative; }
	.prevNextLink .prev a span.ttBox { padding-left:30px; padding-right:15px; border-left:2px solid #e5e5e5; }
	.prevNextLink .next a span.ttBox { padding-left:15px; padding-right:30px; border-right:2px solid #e5e5e5; }
.prevNextLink a span.ttBox > span { display:block; padding:5px 0 3px; }
.prevNextLink a span.ttBox span.t1 { color:#d33028; font-size:175%; font-weight:300; }
.prevNextLink a span.ttBox span.t2 { color:#666666; font-size:100%; }
	
.prevNextLink a:after { 
	content:''; display:block; position:absolute; top:50%; margin-top:-16px; width:28px; height:28px; 
	border-bottom:3px solid #d33028; border-left:3px solid #d33028;
	}
	.prevNextLink .prev a:after { 
		left:42px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}
	.prevNextLink .next a:after { 
		right:42px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(-135deg);
		}

.prevNextLink .prev:hover, .prevNextLink .next:hover {
	border:1px solid #bbb;
	box-shadow:3px 3px 8px rgba(0,0,0,0.1); 
	-webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.1);
	-moz-box-shadow:3px 3px 8px rgba(0,0,0,0.1);

	}

/* 文章留言 */
#Content .articleComment { padding-top:30px; margin-bottom:0;}
.articleComment { margin-bottom:30px; clear:both; }
.articleComment > div { background-color:#fff; border:1px solid #d8d8d8; }
.articleComment > div > div { border:5px solid #f7f7f7; }
.articleComment h4.title { 
	padding:0 15px 0 40px; border-bottom:1px solid #d8d8d8; background:url("../images/icon_box_online_service.png") no-repeat 15px -40px;
	font-size:112.5%; font-weight:300; color:#777; letter-spacing:2px; line-height:40px; 
	}
.articleComment .form { padding:15px; }
.articleComment .form::after { content:''; display:block; width:100%; clear:both; }
.articleComment .form > .item { width:50%; padding:5px 10px; float:left; box-sizing:border-box; font-size:87.5%; }
.articleComment .form > .item.fullwidth { width:100%; float:none; clear:both; }
.articleComment .form .label { line-height:150%; font-weight:bold; }
.articleComment .form .label::after { content:"："; }
.articleComment .form .label .mark { color:#ec407a; font-weight:bold; }
.articleComment label{ display:none;}
.articleComment .BtnCommon { text-align:right; }
.articleComment .BtnCommon div[class] span::before { display:none; }
.articleComment .BtnCommon.mid div[class] a, .articleComment .BtnCommon.mid div[class] input { padding-left:17px; }
.articleComment .BtnCommon span, .articleComment .BtnCommon span::after {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

/* 延伸阅读 */
.related_articles { border:2px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; margin-top:3em; }
.related_articles:after { content:""; display:block; clear:both; }
.related_articles h4 { position:absolute; left:50%; top:-16px; margin:0 0 0 -74px; padding:0 15px; background:#fff; font-size:112.5%; font-weight:400; color:#333; letter-spacing:2px; }
.related_articles h4 > span { background:url(../images/icon_module.png) no-repeat 0px -250px; padding-left:35px; }

.related_articles .item { float:left; background-color:#fff; position:relative; margin-bottom:10px;}
.related_articles .item .img { background-size: cover; background-repeat:no-repeat; background-position:center center; padding-bottom:67.032%;}
.related_articles .item .img img { width:100%; }
.related_articles .item .date { font-size:12px; color:#888; padding-top:5px; }
.related_articles .item .tag {
	display: inline-block;
	padding: 0 10px;
	background-color: rgba(0,0,0,0.50);
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	color: #fff;
	line-height: 24px;
	}
.related_articles .item .title { margin-top:2px; padding-bottom:5px; background-color:#fff; position:relative; z-index:2;}
.related_articles .item .title a { display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; line-height:150%; color:#333; text-decoration:none; }
.related_articles .item .title a:hover { color:#de1e19; }


/* 防伪查询 */
.security-btn{ width:100%; margin:0 !important; clear:both; overflow: hidden;}
.security-btn::after{ content:''; display:block; clear:both; }
.security-btn .item{ float:left; margin: 0 10px 10px 0; font-weight:300; letter-spacing:0.05em; color:#fff; display:block; background-color:#ea833d; padding:10px 20px 10px 40px; text-decoration:none;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; 
}
.security-btn .item::before{
	content:''; 
	background-image:url(../images/search_icon.png); 
	background-position:30px 0;
	position:absolute;
	top:50%;
	left:15px;
	width:20px; 
	height: 20px;
	margin-top:-10px; 
}


/*----------------------------------------------------------------------*/
/* 登录 */
/* 2021-07-28 修改开始 */
.LoginBox h3 { border-left:3px solid #f16e00; padding:3px 0 3px 10px; background-color:#efefef; font-size:100%; color:#333; line-height:180%; font-weight:300; }

.LoginBox .colm_left > div > div { margin:50px 0 10px; font-size:100%; }
.LoginBox .colm_left label { display:block; padding:3px 0; line-height:180%; font-weight:bold; }
.LoginBox .colm_left input[type="text"], .LoginBox .colm_left input[type="password"] { width:100%; }
.LoginBox .colm_left .BtnCommon { margin-top:15px; margin-bottom:15px; }
.LoginBox .colm_left .note { font-size:81.25%; line-height:140%; }
.LoginBox .colm_left .note a { color:#e60000; }

.LoginBox .divide { position:relative; margin:20px 0 !important; text-align:center; line-height:20px; font-size:87.5%; }
.LoginBox .divide span { display:inline-block; background-color:#fff; padding:0 20px; position:relative; z-index:1; color:#686868; }
.LoginBox .divide::after { content:''; position:absolute; top:10px; right:0; border-top:1px solid #d8d8d8; width:100%; }

.LoginBox h3 + .login_by_social { padding-top:20px; text-align:center; }
.login_by_social dt { padding-bottom:10px; font-size:93.75%; font-weight:bold; color:#717171; display:none; }
.login_by_social dd { display:inline-block; margin-right:5px; margin-bottom:10px; }
.login_by_social dd a { 
	display:block; height:32px; line-height:32px; color:#fff; font-size:93.75%; text-align:left; text-decoration:none; 
	background-image:url("../images/icon_login_by_social.png"); background-repeat:no-repeat; position:relative;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
	.login_by_social dd.weixin a { background-color:#2dc100; background-position:0 0; }
	.login_by_social dd.weibo a { background-color:#d31e1e; background-position:0 -32px; }
	.login_by_social dd.qq a { background-color:#01a3e3; background-position:0 -64px; }
.login_by_social dd a:hover {
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4);
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
	}
/*.LoginBox .login_by_social dd a::after { content:''; display:block; height:100%; border-left:1px solid rgba(255,255,255,0.2); position:absolute; top:0; left:32px; }*/

.LoginBox h3 + p { margin:10px 0; }
.LoginBox .FormTable > tbody > tr > th { width:80px; }

/* 2021-07-28 修改完成 */

.LoginBox .why_reg p { margin:10px 0 5px; line-height:160%; }
.LoginBox .why_reg p:first-child { font-size:112.5%; }
.LoginBox .why_reg ol { list-style-type:decimal; margin-left:20px; margin-top:5px; }
.LoginBox .why_reg ol li { line-height:160%; }

.LoginBox h3 + p { margin:10px 0; }
.LoginBox .FormTable > tbody > tr > th { width:80px; }

a.btn_forget { display:inline-block; margin:3px 0; background:url(../images/icon_forget.png) no-repeat 2px center; padding-left:20px; color:#555; }
a.btn_forget:hover { text-decoration:none; }

.login_box.alert_box > div { padding-top:45px; max-width:600px; }
.login_box.alert_box .LoginBox .colm_left  { padding:0; border:none; float:none; width:100%; }
/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { width:100%;margin-top:10px; margin-bottom:30px; position:relative; overflow:hidden;}
.ListTable table { width: 100%;}
.ListTable  th{ font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; }
.ListTable  td a{ text-decoration:none; color:#444;}
.ListTable  td a:hover{ text-decoration:underline; color:#ff7f30;}
.ListTable .btn_download { display:inline-block; background:url("../images/icon_down.png") no-repeat; width:24px; height:24px; text-indent:-10000px; text-align:center;}
.ListTable .btn_download:hover { opacity:0.7; }
.table_st1 a.btn_map{ display:inline-block; background:url(../images/icon_map.png) no-repeat; width:18px; height:22px; text-indent:-99999px; text-align:center;}
.table_st1 a.btn_map:hover{ opacity:0.8;}

.ListTable.download td{ font-size:93.8%;}


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { overflow:hidden; }
.ListPicText .item { margin-bottom:30px; }
.ListPicText .item > div { position:relative; box-sizing:border-box; }
.ListPicText .item .img { 
	background-position:center center; background-size:cover; background-repeat:no-repeat; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ListPicText .item .img a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-10000px; }
.ListPicText .item .btn a{ text-decoration:none;}

/*style1*/
.ListPicText.style1 .item{ position:relative; margin-bottom:40px;}
.ListPicText.style1 .item > div{ border:1px solid #ddd; }

.ListPicText.style1 .item:hover > div{ 
	border: 1px solid #ffc79b;
	box-shadow:3px 3px 8px rgba(244,106,0,0.15); 
	-webkit-box-shadow:3px 3px 8px rgba(244,106,0,0.15);
	-moz-box-shadow:3px 3px 8px rgba(244,106,0,0.15);
}
.ListPicText.style1 .item:hover .img{opacity:0.8;}
.ListPicText.style1 .img{
	padding-bottom: 61.538%;
	border-bottom:1px solid #ddd;
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ListPicText.style1 .item .img:hover { opacity:0.8; }
.ListPicText.style1 .img a{ 
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -10000px;
}
.ListPicText.style1 .title{ width:100%; text-align:left; padding:15px 0px 5px;} 
.ListPicText.style1 .title a{ display:block; text-decoration:none; color:#000; font-size:112.5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ListPicText.style1 .desc{ font-size:87.5%; color:#888;  margin-bottom:20px; 
	line-height:24px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	max-height:72px;
}

.ListPicText.style1 .btn{ text-align:center; margin-bottom:-15px; z-index:999; }
.ListPicText.style1 .btn a{ display:inline-block; width:90px; height:30px; line-height:30px; padding-right:10px; background-color:#fff; color: #f47b23; border: 1px solid #f47b23; border-radius:5px; 
	font-size:13px; position:relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ListPicText.style1 .item:hover .btn a{background-color:#f47b23; color: #fff;box-shadow:3px 3px 8px rgba(0,0,0,0.1);}
.ListPicText.style1 .btn a:after{ content:''; position:absolute; top:40%; right:14px; width:4px; height:4px; border-top:2px solid #f47b23; border-right:2px solid #f47b23;
	transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); }

.ListPicText.style1 .item:hover .btn a:after{ border-top:2px solid #fff; border-right:2px solid #fff; }
	

/*style2*/
.ListPicText.style2{ overflow:hidden;}
.ListPicText.style2::after { content:''; display:block; width:100%; clear:both; }
.ListPicText.style2 .item { float:left; box-sizing:border-box; margin-top:15px;  }
.ListPicText.style2 .item .img { padding-bottom: 71.794%; }
.ListPicText.style2 .item .img img { width:100%; display:block; }
.ListPicText.style2 .item .title a { text-decoration:none; color:#000; font-size:112.5%; padding-top:10px; padding-bottom:5px; display:block; line-height:150%; box-sizing:border-box; }
.ListPicText.style2 .item .title a:hover{ color:#f16e00;}
.ListPicText.style2 .item .desc { line-height:1.6; color:#888888; font-size:84.5%; }
.ListPicText.style2 .item .btn a { 
	width:100px; height:24px; line-height:24px; 
	display:inline-block; border:1px solid #000; 
	color:#333; font-size:14px; text-align:center;  
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	}
.ListPicText.style2 .item .btn a:hover{ border:1px solid #f47722;  background-color:#f47722; color:#fff;}
.ListPicText.style2 .item .cont { box-sizing:border-box; }


/*----------------------------------------------------------------------*/
/* 商品輪播 */
#pro_carousel { margin:20px 0; }
#pro_carousel .photo { border:1px solid #ddd; box-sizing:border-box; text-align:center; }
#pro_carousel .img { padding-bottom:64.88%; background-size:contain; background-position:center; background-repeat:no-repeat; position:relative; }
#pro_carousel .img:hover { opacity:.7; }
#pro_carousel .img, #pro_carousel .pro_tt a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#pro_carousel.owl-carousel .owl-stage-outer { margin:0 auto; }
#pro_carousel.owl-carousel .owl-nav { width:100%; }
#pro_carousel.owl-carousel .owl-nav .owl-prev, #pro_carousel.owl-carousel .owl-nav .owl-next { background-repeat:no-repeat; width:40px; height:100%; text-indent:-9999px; position:absolute; top:0; background-color:#fff; background-position:center center; }
#pro_carousel.owl-carousel .owl-nav .owl-prev { left:0; }
#pro_carousel.owl-carousel .owl-nav .owl-next { right:0; }
#pro_carousel.owl-carousel .owl-item img { width:auto; margin:auto; display:inline; }
#pro_carousel .pro_cat{ font-size:13px; color:#999; margin-top:10px;}
#pro_carousel .pro_tt { margin-top:5px; }
#pro_carousel .pro_tt a { color:#333; text-decoration:none; }
#pro_carousel .pro_tt a:hover { color:#de1e19; }
#pro_carousel.owl-carousel .owl-nav .owl-prev:after , #pro_carousel.owl-carousel .owl-nav .owl-next:after {
	content:''; position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; border-top:2px solid #777; border-left:2px solid #777;
}
#pro_carousel.owl-carousel .owl-nav > div:hover:after { border-top:2px solid #de1e19; border-left:2px solid #de1e19; }
#pro_carousel.owl-carousel .owl-nav .owl-prev:after { left:14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
#pro_carousel.owl-carousel .owl-nav .owl-next:after { right:14px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }


/*----------------------------------------------------------------------*/
/* 商品情報 */
.product_search, .ProductList, .product_new{ margin-top:15px;}

.product_search {  background-color:#ebebeb; padding:15px; border-top-left-radius:5px; border-top-right-radius:5px;}
.product_search .title { border-bottom:1px solid #bbbbbb; padding-bottom:3px; margin-bottom:12px; color:#444444; line-height:150%; }
.product_search .form { 
	background-color:#efefef; height:32px; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	position:relative;
} 
.product_search .form input { float:left; height:32px; }
.product_search .form input[type="text"] { width:190px; background-color:#ffffff; padding:0 0 0 10px; border:0; margin:0; line-height:32px; box-sizing:border-box; }
.product_search .form input.btn { width:32px; background:url("../images/icon_search4.png") no-repeat center center; text-indent:-10000px; 
	font-size:0; line-height:0; border:0; position:absolute; top:0; right:3px;
}

.product_left_menu { background-color:#ebebeb; padding:15px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.product_left_menu .title { border-bottom:1px solid #bbbbbb; padding-bottom:3px; margin-bottom:12px; color:#444444; line-height:150%; }
.product_left_menu .list a { display:block; text-decoration:none; position:relative; }
.product_left_menu .list > li { background-color:#ffffff; margin-bottom:10px;}
.product_left_menu .list > li > a { 
	padding:12px; line-height:150%; color:#444444; font-weight:600;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.product_left_menu .list > li > a:hover{ margin-left:5px;}
.product_left_menu .list > li > a::after{ 
	content:'';
    position: absolute;
    top: 20px;
    right: 20px;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.product_left_menu .list > li > a:hover::after{ border-color:#dd1121;}

.product_left_menu .list > li > a.slideDown::after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.product_left_menu .list > li > ul { margin-left:15px; margin-right:15px; padding-bottom:15px; padding-top:10px;  border-top:1px dashed #ddd;}
.product_left_menu .list > li > ul > li { margin-bottom:8px; padding-bottom:8px; border-bottom:1px dashed #ddd;}
.product_left_menu .list > li > ul > li:last-child{ border:none; padding-bottom:0;}
.product_left_menu .list > li > ul > li > a { padding:2px 15px; line-height:150%; font-size:87.5%; color:#e28546; position:relative;}
.product_left_menu .list > li > ul > li:hover > a, .product_left_menu .list > li > ul > li.active > a { text-decoration:underline; }
.product_left_menu .list > li > ul > li > a::before{ content:''; width:5px; height:5px; background-color:#e28546; position:absolute; top:10px; left:0;}
	
.product_left_menu .list > li > ul > li > ul { margin-left:18px; }
.product_left_menu .list > li > ul > li > ul > li > a { padding:2px 0; line-height:150%; font-size:87.5%; color:#555555; }
.product_left_menu .list > li > ul > li > ul > li > a:hover { text-decoration:underline;}

.product_left_menu .list > li > ul > li > ul > li > ul { margin-left:15px; margin-bottom:3px; }
.product_left_menu .list > li > ul > li > ul > li > ul > li > a { padding:2px 0; line-height:150%; font-size:87.5%; color:#696969; }
.product_left_menu .list > li > ul > li > ul > li > ul > li > a:hover { color:#0047ba; }

.product_cat_title h2 { 
	display:inline-block; background-color:#316ac6; padding:0 20px; margin-bottom:15px; color:#fff; font-size:100%; font-weight:normal; line-height:30px; letter-spacing:1px; 
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	}

/* 商品列表 */
.ProductList { margin-bottom:20px; overflow:hidden; }
.ProductList .item > a { display:block; text-decoration:none; color:#5f5f5f; }
.ProductList .item .img { border:1px solid #d8d8d8; padding:19px; background-color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.ProductList .item > a:hover .img { border:1px solid #e99b66; }
.ProductList .item .img span { display:block; background-position:center center; background-size:contain; padding-bottom:65.78%; background-repeat:no-repeat; }
.ProductList .item .img img { width:100%; }
.ProductList .item .cont {color:#000000; font-size:118.8%; padding:10px; background-color:#f6ede2; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:10px;}
.ProductList .item > a:hover .cont { background-color:#e99b66; color:#fff; }
.ProductList .item .cont .title {
	display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; 
	text-decoration:none; line-height:135%; text-align:center; 
}

.ProductList.list  .item .cont{ font-size:106.3%;}
	
.product_new { background-color:#fff; }
.product_new > .title { background:#ea833d url("../images/icon_product_new.png") no-repeat 30px center; padding-left:20px; color:#fff; line-height:40px; text-align:center;
 	border-top-left-radius:5px; border-top-right-radius:5px;
}
.product_new .list { padding:0 15px; border:1px solid #ddd; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.product_new .list li { padding:15px 0 20px; border-bottom:1px solid #cccccc; }
.product_new .list li:last-child { border-bottom:0; }
.product_new .list li > a { display:block; text-decoration:none; }
.product_new .list li > a > span { display:block; }
.product_new .list .img { margin-bottom:10px; text-align:center; }
.product_new .list .img img { max-width:100%; max-height:120px; }
.product_new .list .title { margin-bottom:10px; font-size:87.5%; color:#444; text-align:center;}
.product_new .list .title:hover { text-decoration:underline;}
.product_new .list .btn { text-align:center; }
.product_new .list .btn span { 
	display:inline-block; padding:0 20px; background-color:#f1f1f1; line-height:25px; color:#444; font-size:81.25%;}
.product_new .list .btn span:hover { background-color:#A0A0A0; color:#fff; }


/*----------------------------------------------------------------------*/
/* 商品內頁 */
.ProductBrief { margin-bottom:50px; position:relative; margin-top:15px;}
.ProductBrief::after { content:''; display:block; clear:both; }
.ProductBrief .img { box-sizing:border-box; }
.ProductBrief .img h2 { border-left:5px solid #0047ba; padding-left:5px; margin-bottom:15px; font-size:125%; color:#0047ba; line-height:125%; display:none; }
.ProductBrief .img .brand { margin-top:-5px; margin-bottom:10px; display:none; }
.ProductBrief .img .brand img { max-width:120px; max-height:40px; }
.ProductBrief .img img { max-width:100%; max-height:100%; }
.ProductBrief .img .slider-for { width:100%; height:280px; margin-bottom:20px; border:1px solid #d8d8d8; box-sizing:border-box; overflow:hidden; border-radius:5px;}
	/* 先隱藏第2個以後的圖片,loading完後再顯示全部 */
	.ProductBrief .img .slider-for > div:nth-child(1n+2) { opacity:0; }
	
.ProductBrief .img .slick-slide { box-sizing:border-box; vertical-align:middle; text-align:center; }
	.ProductBrief .img .slider-for .slick-slide { padding:10px 0; }
.ProductBrief .img .slick-slide > * { vertical-align:middle; }
.ProductBrief .img .slick-slide span { display:inline-block; height:100%; }

.ProductBrief .img .slider-nav { padding:0 25px; position:relative; overflow:hidden; }
	/* 先隱藏縮圖,loading完後再顯示 */
	.ProductBrief .img .slider-nav { height:0; opacity:0; }
	.ProductBrief .img .slider-nav.slick-slider { height:auto; opacity:1; }
.ProductBrief .img .slider-nav .slick-slide { width:75px; height:70px; border:1px solid #ddd; padding:4px; margin:0 5px; box-sizing:border-box; cursor:pointer; }
.ProductBrief .img .slider-nav .slick-slide.slick-current { border-color:#ea833d; }
.ProductBrief .img .slider-nav .slick-slide:focus{ outline: none; }
.ProductBrief .img .slider-nav .slick-arrow { 
	position:absolute; top:0; width:20px; height:100%; background-color:transparent; text-indent:-10000px; border:0; cursor:pointer; z-index:2; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	/*.ProductBrief .img .slider-nav .slick-arrow.slick-disabled { opacity:0; cursor:default; }*/
	.ProductBrief .img .slider-nav .slick-prev { left:0; }
	.ProductBrief .img .slider-nav .slick-next { right:0; }
	.ProductBrief .img .slider-nav .slick-arrow:focus { outline:0; }
	.ProductBrief .img .slider-nav .slick-arrow:hover {  }
.ProductBrief .img .slider-nav .slick-arrow:after {	
	content:''; position:absolute; top:50%; margin-top:-4px; width:8px; height:8px; border-top:3px solid #777777; border-left:3px solid #777777; 
	}
	.ProductBrief .img .slider-nav .slick-prev:after { 
		left:7px; 
		-webkit-transform: rotate(-45deg); 
		-moz-transform: rotate(-45deg); 
		transform: rotate(-45deg); 
		}
	.ProductBrief .img .slider-nav .slick-next:after { 
		right:7px; 
		-webkit-transform: rotate(135deg); 
		-moz-transform: rotate(135deg); 
		transform: rotate(135deg); 
		}
.ProductBrief .img .slider-nav .slick-arrow:hover:after { border-color:#ea833d; }

.ProductBrief .desc { box-sizing:border-box; color:#000;}
.ProductBrief .desc .p_title{ margin-bottom:15px; }
.ProductBrief .desc .p_title h3{ font-size:125%;  font-weight:normal; padding-left:5px; padding-right:5px;}
.ProductBrief .desc .p_title span{ font-size:106.3%; display:block; background-color:#f6ede2; padding:10px 15px; border-radius:5px; margin-bottom:5px;}
.ProductBrief .desc .p_desc_cont{ color:#555; font-size:93.8%; padding-left:5px; padding-right:5px;}
.ProductBrief .desc .p_desc_cont p{ line-height:180%;}
.ProductBrief .desc .p_btn .price{ margin-bottom:10px; margin-top:20px; color:#000;}
.ProductBrief .desc .p_btn .price span.price-red{ color:#dd1121; font-size:118.8%;}
.ProductBrief .desc .p_btn .buy{ font-size:93.8%; letter-spacing:1px;}
.ProductBrief .desc .p_btn .buy a{display:inline-block;  background-color:#dd1121; width:120px; height:30px; line-height:30px;color:#fff; 
	text-decoration:none; text-align:center; border-radius:5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	.ProductBrief .desc .p_btn .buy a:hover{ background-color:#b82922;}
.ProductBrief .desc .p_btn .buy a:before{ content:''; display:inline-block; width:15px; height:13px; background-image:url(../images/icon_buy.png); margin-right:5px;}


/* 商品內容頁籤 */
.ProductCont { margin-top:30px; margin-bottom:30px; }
.ProductCont .tabs ul { overflow:hidden; }
.ProductCont .tabs li { display:inline-block; margin:0 5px 10px; }
.ProductCont .tabs a { 
	display:block; background-color:#fffbf5; padding:10px 20px; box-sizing:border-box; border:1px solid #ea833d; position:relative;
	line-height:16px; font-size:16px; color:#f47722; text-decoration:none; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ProductCont .tabs a img { vertical-align:top; margin-right:5px; width:16px; height:16px; }
#ColumnCenter .ProductCont .tabs a:hover, .ProductCont .tabs li.active a { background-color:#ea833d; color:#fff; border:1px solid #ea833d;}
.ProductCont .tabs li.active a:after{ content:''; border: solid transparent; border-top-color: #ea833d; border-width: 7px; width:0; height:0; position:absolute; left:43%; bottom:-15px;}

.ProductCont .tab_cont { transition:opacity 0.5s ease; overflow:hidden; }
.ProductCont .tab_cont h4{ color:#f47722; font-size:137.5%; font-weight:normal; line-height: 120%; padding-top: 10px; padding-bottom: 10px; letter-spacing:1px;}
.ProductCont .tab_cont > .title { /*display:none;*/ }
.ProductCont .tab_cont > .title span { 
	display:block; padding:0 20px; box-sizing:border-box; cursor:pointer; position:relative; font-weight:normal; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ProductCont .tab_cont > .title span img { margin-right:5px; vertical-align:middle; width:20px; height:20px; margin-bottom:4px; }
	.ProductCont .tab_cont > .title span img.mobile { width:16px; height:16px; }
.ProductCont .tab_cont > .title span::after { 
	display:block; position:absolute; top:12px; right:12px; content:""; width:10px; height:10px; border-right:2px solid #ea833d; border-top:2px solid #ea833d;
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
.ProductCont .tab_cont.active > .title span::after { 
	border-color:#fff; top:18px;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}

.ProductCont .tab_cont > .cont > *:last-child { margin-bottom:0; padding-bottom:0; }
.ProductCont .tab_cont h3 { margin-bottom:10px; font-size:112.5%; line-height:120%; font-weight:500; color:#0047ba; }

/* 產品規格 */
.ProductSpec { width:100%; }

/* 成功案例 */
.CaseList { overflow:hidden; }
.CaseList .item { margin-bottom:20px; }
.CaseList .item > div { 
	height:100%; position:relative; overflow:hidden; box-sizing:border-box; }
.CaseList .item .img { 
	background-position:center center; background-size:cover; padding-bottom:65.78%; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.CaseList .item .img a{ position:absolute; top:0; left:0; width:100%; height:100%;}
.CaseList .item .img:hover { opacity:0.8; }
.CaseList .item .cont { box-sizing:border-box; }
.CaseList .item .cont .title { margin-bottom:5px; line-height:120%; overflow:hidden; }
.CaseList .item .cont .title a { display:block; text-decoration:none; line-height:135%; color:#444444; font-size:100%; }
.CaseList .item .cont .title a:hover { color:#ea833d; }
.CaseList .item .cont .desc { color:#999999; font-size:87.5%; 
	line-height:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
}

/* 下載 */
.dl_serv_search { 
	margin-bottom:20px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	.ProductCont .dl_serv_search { background-color:#f5f5f5; padding:10px 15px 15px; }
.dl_serv_search > div { display:inline-block; position:relative; padding-top:25px; margin-right:8px; }
.dl_serv td{ font-size:87.5%;}
.dl_serv_search label { position:absolute; top:0; left:0; line-height:25px; font-size:81.5%; font-weight:bold; }
.dl_serv_search input[type="text"], .dl_serv_search select { 
	background-color:#fff; border:1px solid #cccccc; height:32px; box-sizing:border-box; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	.dl_serv_search input[type="text"] { padding:0 10px; line-height:32px; }
	.dl_serv_search select { padding:5px 5px 4px; line-height:20px; }
.dl_serv_search .btn { 
	background-color:#9b9b9b; padding:0 10px; height:32px; line-height:32px; color:#fff; border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.dl_serv_search .btn:hover { background-color:#ea833d; }
.dl_serv table{ width:100%;}
.dl_serv table tr{ text-align:center;}

/*商品頁-推荐商品輪播*/
#ColumnCenter .RecommendProduct .img{ padding-bottom:81.81%;}


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
#map { width:100%; font-size:12px; margin-bottom:10px; }


/*----------------------------------------------------------------------*/
/* 搜尋框 */
.searchBox { padding-bottom:15px; padding-top:15px;}
.searchBox * { box-sizing:border-box; }
.searchBox:after { content:""; display:block; clear:both; }
.searchBox .search { overflow:hidden;}
.searchBox .search span{ float:left; margin-right:10px; margin-bottom:10px;}
.searchBox input { border:none; background-color:transparent; vertical-align:top; height:35px; line-height:35px; padding:0; font-size:100%;
	-moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}
.searchBox input[type="text"] { color:#555; padding:0 10px; border:1px solid #ddd; width:230px;-moz-border-radius:5px; background-color:#fff;}
.searchBox input[type="text"]:focus { background:#fff; box-shadow:none; outline:none; color:#000; }
.searchBox input[type="submit"] { background:url(../images/icon_search.png) no-repeat 12px center; padding:0 12px 0 30px; background-color:#f16e00; color:#ffffff;}


/*----------------------------------------------------------------------*/
/* 搜寻结果 */
.SearchResult { margin-top:10px; margin-bottom:30px; border-top:1px dashed #d0d0d0 }
.SearchResult .item { background-color:#fff; border-bottom:1px dashed #d0d0d0; padding:20px 0; overflow:hidden; }
.SearchResult .title { line-height:130%; font-size:150%; }
.SearchResult .title a { display:block; color:#000; text-decoration:none; }
.SearchResult .title a:hover { color:#de1e19; text-decoration:underline; }
.SearchResult .date { 
	margin-right:20px; color:#8b8b8b; font-size:87.5%; line-height:180%; 
	background:url("../images/icon_date.png") no-repeat 0 center; padding-left:16px;
	}
.SearchResult .cat { margin-right:20px; color:#8b8b8b; font-size:87.5%; line-height:180%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover { color:#e60012; text-decoration:underline; }
.SearchResult .desc { color:#757575; line-height:180%; }
.SearchResult .item span { color:red; }