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

/*----------------------------------------------------------------------*/
/* 內頁 */
.hide { display:none; }
#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%; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#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:''; }

/* 工具列 */
.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("https://www.aurora.com.cn/3d/files/atts/0H273514272387091212/layout/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; }


/* 內頁 */
#Content { padding-bottom:60px; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
#Content { padding-left:20px; padding-right:20px; }
.PageTitle { padding-top:20px; }


/* 分類下拉 */
.CatTitle { margin:0 0 20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 { display:inline-block; line-height:40px; font-size: 1.5em; letter-spacing: .025em; }
.CatTitle .cat_select { font-size:0.9375em; font-weight:bold; color:#777; line-height:40px; }
.CatTitle .cat_select .btn {
	color:#fff; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 10px; height:40px; line-height:40px;
	background-color:#aaa;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.CatTitle .cat_select .btn:hover { background-color:#ff8922; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/* 產品搜尋 */
.ProTitle { margin-bottom: 15px; }
.ProTitle::after { content:''; display:block; width:100%; clear:both; }
.ProTitle h3 { display:inline-block; line-height:40px; font-size: 1.5em; letter-spacing: .025em; }
.ProTitle > .title { display:inline-block; line-height:40px; font-size: 1.5em; letter-spacing: .025em; font-weight: bold; }
.ProTitle .keyword { font-size:0.9375em; color:#777; line-height:40px; border:1px solid #ddd; position: relative; padding-right: 40px; width: 240px; box-sizing: border-box; }
.ProTitle .keyword label { display: none; }
.ProTitle .keyword .btn {
	box-sizing:border-box; border:0; text-indent: -9999px;
    height: 100%; line-height:40px; width: 40px; opacity: 1; position: absolute; right: 0; top: 0;
    background: url(../../../layout/cn/images/icon_search3.png) no-repeat center center;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.ProTitle .keyword .btn:hover { opacity: .5; }
.ProTitle .keyword * { vertical-align:top; }
.ProTitle .keyword input[type="text"] { margin-bottom: 0; border: none; font-size: 100%; height:40px; line-height:40px; padding:0 12px; width: 100%; }
.ProTitle .keyword input[type="text"]:focus { border: none; }


/* 列表搜尋 */
.ListSearch { margin-bottom:5px; box-sizing:border-box; overflow:hidden; position:relative; letter-spacing:.1em; }
.ListSearch .title { display:none; }
.ListSearch .item { float:left; position:relative; margin-right:10px; margin-bottom:5px; line-height:40px; color:#333; font-size:1em; }
.ListSearch .item > label { font-size:0.9375em; line-height:28px; padding-bottom:2px; color:#777; font-weight:bold; display:block; }
.ListSearch .BtnCommon { float:left; clear:none; margin-bottom:5px; }
.ListSearch .BtnCommon input { padding:0 15px; font-size:0.9375em; line-height:40px; }
.ListSearch .BtnCommon span { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background-color:#888; }
.ListSearch .BtnCommon div:hover span { background-color:#ff8922; }
.ListSearch select { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #ccc; height:40px; padding:5px 10px 4px; font-size:100%; color:#333; }
.fs3 .ListSearch select { padding:2px 10px 2px; }
.ListSearch select.w250 { width:250px; }
.ListSearch input[type="text"] { width:200px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #ccc; height:40px; line-height:40px; padding:0 12px; font-size:100%; }


/* 頁碼 */
#Pagination { clear:both; text-align:center; }
.ProList + #Pagination { margin-top: 10px; }
#Pagination .pages { display:inline-block; font-size: 0.875em; }
#Pagination a { display:inline-block; text-decoration:none; width:32px; line-height:32px; color:#666; }
#Pagination a:hover { color:#ff8922; }
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:auto; margin:0 5px; padding: 0 5px; }

#Pagination a.focuz { background-color:#ff8922; color: #fff; }
#Pagination .current { color:#666; width:auto; background-color:transparent; cursor:default; }
	#Pagination .current:hover { color:#666; }
	
#Pagination .setting { display:block; clear:both; padding-top:15px; line-height:32px; color:#666; font-size: 0.875em; }
#Pagination .setting select { padding:6px 0 5px; color:#666; border: 1px solid #ccc; }
#Pagination .setting input[type="text"] { width:25px; height:30px; padding:0 5px; vertical-align:top; font-size:100%; border: 1px solid #ccc; }
#Pagination .setting input[type="button"] { height:32px; padding:0 10px; margin-left:3px; vertical-align:top; background:#aaa; border:none; color:#fff; font-size:100%; }
#Pagination .setting input[type="button"]:hover { background:#ff8922; }
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus {
	outline: 0;
	border:1px solid #ff7f30;　
	-webkit-transition: border-color ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
	}

/* 档案下载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 dd::after { content:'、'; }
.article_tag dd:last-child::after { content:''; }
.article_tag 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 { padding-top:30px; clear:both; }
.prevNextLink > div { overflow:hidden; }
.prevNextLink .prev, .prevNextLink .next { width:48%; border:1px solid #ddd; box-sizing:border-box; }
.prevNextLink .prev:hover, .prevNextLink .next:hover { background-color:#ff8922; border:1px solid #ff8922; }
.prevNextLink .prev:hover a, .prevNextLink .next:hover a, .prevNextLink .prev:hover a span, .prevNextLink .next:hover a span { color:#fff; }
.prevNextLink .prev { float:left; }
.prevNextLink .next { float:right; text-align:right; }
.prevNextLink a { display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; padding-top:20px; padding-bottom:20px; text-decoration:none; color:#333; line-height:150%; position:relative; box-sizing:border-box; }
	.prevNextLink .prev a { padding-left:150px; padding-right:15px; }
	.prevNextLink .next a { padding-left:15px; padding-right:150px; }

.prevNextLink a span { display:block; padding-top:10px; padding-bottom:10px; font-size:150%; color:#ff8922; position:absolute; top:10px; }
	.prevNextLink .prev a span { padding-left:30px; padding-right:20px; left:10px; border-right:1px solid #ddd; }
	.prevNextLink .next a span { padding-left:20px; padding-right:30px; right:10px; border-left:1px solid #ddd; }
.prevNextLink a span::after { 
	content:''; display:block; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
	border-bottom:2px solid #ff8922; border-left:2px solid #ff8922;
	}
	.prevNextLink .prev a span::after { 
		left:10px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}
	.prevNextLink .next a span::after { 
		right:10px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(-135deg);
		}
.prevNextLink .item:hover a span::after { border-bottom:2px solid #fff; border-left:2px solid #fff; }

.prevNextLink .prev,
.prevNextLink .next,
.prevNextLink .prev a,
.prevNextLink .next a,
.prevNextLink .prev a span,
.prevNextLink .next a span,
.prevNextLink a span::after {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

/* 文章留言 */
.articleComment { padding-top:40px; clear:both; }
.articleComment label { display:none; }
.articleComment > div { border:5px solid #eee; }
.articleComment > div > div { padding: 5px 10px; }
.articleComment h4.title { 
	padding:0 15px 0 30px; border-bottom:1px solid #d8d8d8; margin: 0 5px; background:url("../images/icon_box_online_service.png") no-repeat 4px -38px;
	font-size: 1em; font-weight:400; letter-spacing:.1em; line-height:40px; 
	}
.articleComment .form { padding:8px 0; }
.articleComment .form::after { content:''; display:block; width:100%; clear:both; }
.articleComment.FormElmt .note { color: #555; font-size: 0.875em; padding: 3px 10px; }
.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 .form .input { line-height:32px; }
.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; font-size: 14px; font-weight: 300; }

/* 延伸阅读區塊共用 */
h3.related_title { text-align:center; font-size:1.125em; color:#666; letter-spacing:0.2em; padding:20px 0 1.5em 0.2em; }
h4.related_title { text-align:center; font-size:1.125em; color:#333; letter-spacing:.15em; padding-left:.15em; font-weight:normal; padding:0 0 10px 0.2em; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.related_articles { position:relative; margin-top:60px; }
.related_articles .item { float:left; }
.related_articles .img { 
	background-position:center center; background-size:cover; background-repeat:no-repeat; padding-bottom:66.667%; position:relative;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
	}
.related_articles .title a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.related_articles .item:hover .img { opacity:0.7; }
.related_articles .img a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }
h3.related_title+.ListSearch { margin-top:0px; }
.articleComment + .related_articles { margin-top: 40px; }

/* 延伸阅读 */
.related_articles_list { overflow:hidden; }
.related_articles_list .item > div { position:relative; }
/*.related_articles_list .cont { border-bottom: 1px solid #ddd; }*/
/*.related_articles_list .item:hover .cont { border-bottom: 1px solid #ffbf97; }*/
.related_articles_list .title a { display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; line-height:150%; color:#333; text-decoration:none; padding: 10px 5px; box-sizing: border-box; }
.related_articles_list .item:hover .title a { color: #ff7f30; }
.related_articles_list .date { font-size:75%; color:#bbb; }
.related_articles_list .desc { color:#777; font-size:87.5%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.related_articles_list .img + .related_articles_list .item .title { margin-top:5px; }
.related_articles_list .tag { 
	display:inline-block; padding:0 10px; background-color:#f16e00; position:absolute; top:0; left:0; font-size:13px; color:#fff; line-height:24px; 
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.2); box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	}
.related_articles_list.for_pd .item:nth-child(n+4) { display: none; }
	
/* 延伸_成功案例 */
.related_case_list { overflow:hidden; }
.related_case_list .item > div { position:relative; }
.related_case_list .cont { padding-top:5px; }
.related_case_list .title a { display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; line-height:150%; color:#333; text-decoration:none; padding: 5px 0; box-sizing: border-box; }
.related_case_list .item:hover .title a { color:#ff7f30; }
.related_case_list .date { font-size:75%; color:#bbb; }
.related_case_list .desc { color:#999; font-size:0.8125em; line-height: 1.75em; max-height:3.5em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }


/* 登录 */
/* 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%; }




/*----------------------------------------------------------------------*/
/* 商品輪播 */
.pro_carousel .photo { box-sizing:border-box; text-align:center; }
.pro_carousel .img { padding-bottom:100%; background-size:cover; 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-position:center center; background-color:#fff; }
.pro_carousel.owl-carousel .owl-item img { width:auto; margin:auto; display:inline; }
.pro_carousel .pro_tt { border-top: 1px solid #ddd; }
.pro_carousel .pro_tt a { color:#333; text-decoration:none; display: block; padding: 10px 5px; }
.pro_carousel .pro_tt a:hover { color:#ff7f30; }
/*.pro_carousel.owl-carousel .owl-nav .owl-prev { left:0px; }
.pro_carousel.owl-carousel .owl-nav .owl-next { right:0px; }*/
.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:-9px; width:18px; height:18px; border-top:2px solid #d9d9d9; border-left:2px solid #d9d9d9;
}
.pro_carousel.owl-carousel .owl-nav > div:hover:after { border-top:2px solid #ff8922; border-left:2px solid #ff8922; }
.pro_carousel.owl-carousel .owl-nav .owl-prev:after { left:15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.pro_carousel.owl-carousel .owl-nav .owl-next:after { right:15px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }

@media screen and (max-width: 1379px) {
    .related_product h4.related_title { margin-left: -50px; margin-right: -50px; }
    .pro_carousel.owl-carousel .owl-nav .owl-prev { left:-50px; }
    .pro_carousel.owl-carousel .owl-nav .owl-next { right:-50px; }
    .related_product { margin-left:50px; margin-right:50px; }
    .product_rec_list .pro_carousel.owl-carousel .owl-nav .owl-prev { left:-39px; }
    .product_rec_list .pro_carousel.owl-carousel .owl-nav .owl-next { right:-39px; }
}
@media screen and (min-width: 1380px) {
    .pro_carousel.owl-carousel .owl-nav .owl-prev { left:-40px; }
    .pro_carousel.owl-carousel .owl-nav .owl-next { right:-40px; }
}

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:10px; margin-bottom:30px; position:relative; }
.ListTable table { width:100%; }
	
.ListTable td.title a { display:block; color:#333; text-decoration:none; line-height: 1.5em; }
.ListTable td.title a:hover { color:#ff8922; text-decoration:underline; }
.ListTable td.no { color:#888; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; }
.ListTable td.date { color:#888; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; }
.ListTable td.download li { padding-bottom:4px; }
.ListTable td.download li a { padding-left:24px; white-space:nowrap; color:#333; }
.ListTable td.download li a:hover { color:#de1e19; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { overflow:hidden; }
.ListPicText::after { content:''; display:block; width:100%; clear:both; }
.ListPicText .item { float:left; box-sizing:border-box; }
.ListPicText .img { background-position:center center; background-size:cover; background-repeat:no-repeat; padding-bottom:66.667%; position:relative; }
.ListPicText .img a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }
.ListPicText .title { padding-top: 8px; padding-bottom: 8px; }
.ListPicText .title a { text-decoration:none; color:#333; display:block; line-height:150%; box-sizing:border-box; letter-spacing:0.05em; font-weight:bold; }
.ListPicText .cont { padding-top:8px; padding-bottom:8px; }
.ListPicText .date { font-size:81.25%; color:#666; font-family:'Century Gothic'; }
.ListPicText .tag { display:inline-block; background-color:#eb5902; font-size:81.25%; color:#fff; margin-bottom:8px; }
.ListPicText .tag a { display:block; padding:2px 8px; color:#fff; text-decoration:none; }
.ListPicText .desc { line-height:1.75em; color:#999; font-size:0.8125em; letter-spacing:0.05em; overflow:hidden; }
.ListPicText .btn a { display:inline-block; margin:14px auto 10px; font-size:75%; letter-spacing:0.1em; padding-left:0.1em; text-decoration:none; }

/* 滑出樣式 */
.ListPicText.style1 .item .cont { box-sizing:border-box; }
.ListPicText.style1 .btn { text-align:center; }
.ListPicText.style1 .btn a { color:#aaa; border:1px solid #ccc; background:#fff; width:100px; height:30px; line-height:30px; }
.ListPicText.style1 .desc { max-height:5.25em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* 一般樣式 */
.ListPicText.style2 .item { margin-bottom:30px; position:relative; overflow:hidden; }
.ListPicText.style2 .desc { max-height:3.5em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ListPicText.style2 .btn a { color:#333; font-style:italic; font-weight:bold; position:relative; padding-right:22px; }
.ListPicText.style2 .btn a:before, .ListPicText.style2 .btn a:after { content:""; display:block; position:absolute; right:5px; }
.ListPicText.style2 .btn a:after { top:0.5em; width:10px; height:1px; background:#666; }
.ListPicText.style2 .btn a:before {
	top:0.25em; width:6px; height:6px; border-top:1px solid #666; border-left:1px solid #666;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}

/* hover效果 */
.ListPicText .title a:hover { color:#ff8922; }
.ListPicText.style1 .btn a:hover { border:1px solid #ff8922; background-color:#ff8922; color:#fff; }
.ListPicText.style2 .btn a:hover { color:#ff8922; letter-spacing:.2em; }
.ListPicText.style2 .btn a:hover:after { background:#ff8922; }
.ListPicText.style2 .btn a:hover:before { border-top:1px solid #ff8922; border-left:1px solid #ff8922; }

/*----------------------------------------------------------------------*/
/* 搜寻结果 */
.SearchResult { margin-top:20px; margin-bottom:30px; }
.SearchResult .item { background-color:#fff; border-bottom:1px dashed #ddd; padding:20px 0; overflow:hidden; }
.SearchResult .title { font-size:150%; margin-bottom: 5px; }
.SearchResult .title a { display:block; color:#000; text-decoration:none; line-height: 1.5em; }
.SearchResult .title a:hover { color:#ff8922; }
.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:#888; text-decoration:none; }
.SearchResult .cat a:hover { color:#ff8922; text-decoration:underline; }
.SearchResult .desc { color:#888; line-height:180%; }
.SearchResult .item span { color: #ff8922; }

/*----------------------------------------------------------------------*/
/* 商品左選單-商品分类 */
.product_left_menu .title { font-size: 1.125em; letter-spacing:.1em; color: #222; padding: 0 15px; line-height: 40px; margin-bottom: 15px; }
.product_left_menu > ul.list { border: 1px solid #ddd; padding: 5px 15px; }
.product_left_menu .list a { display:block; text-decoration:none; position:relative; }
.product_left_menu .list > li { border-top:1px dashed #ddd; }
.product_left_menu .list > li:first-child { border-top:none; }
.product_left_menu .list > li > a { 
	padding:10px 0 10px 20px; line-height:150%; color:#333; font-size:1.125em;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.product_left_menu .list > li > a:hover { color:#ff8922; }
.product_left_menu .list > li > a:after {
	content:''; position:absolute; top:22px; left:3px; width:4px; height:4px; border-top:1px solid #333; border-right:1px solid #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product_left_menu .list > li > ul { padding-bottom:15px; border-top: 1px dashed #ddd; }
.product_left_menu .list > li > ul > li { margin:5px 0; }
.product_left_menu .list > li > ul > li > a { padding:2px 0 2px 24px; line-height:150%; font-size:1em; color:#666; }
.product_left_menu .list > li > ul > li:hover > a, .product_left_menu .list > li > ul > li.active > a { color:#de1e19; }
	
.product_left_menu .list > li > ul > li > ul { }
.product_left_menu .list > li > ul > li > ul > li > a { padding:2px 0 2px 32px; line-height:150%; font-size:87.5%; color:#888; }
.product_left_menu .list > li > ul > li > ul > li > a:hover { color:#de1e19; }


/* 產品列表 */
.ProList > div { position: relative; }
.ProList:after { content: ""; clear: both; display: block; }
.ProList .item { float:left; box-sizing:border-box; overflow:hidden; position:relative; }
.ProList .item > div { width:100%; height:100%; box-sizing:border-box; overflow:hidden; padding-bottom: 2px; }
.ProList a { position: relative; height: 100%; text-decoration: none; color: #666; display: block; overflow: hidden; border: 1px solid #ddd; }
.ProList a:hover { color:#ff7f30; }
.ProList a:hover .img { transform:scale(1.03); }
.ProList .imgBox { position:relative; width:100%; padding-bottom:100%; }
.ProList .img { position: absolute; width:100%; height: 100%; text-align: center; }
.ProList .img::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.ProList .img img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.ProList .title { padding: 10px 40px 10px 10px; box-sizing: border-box; width:100%; letter-spacing: .025em; }
.ProList .title .more {
    position: absolute; right: 0; bottom: 0;
    width: 0; height: 0; border-style: solid; border-width: 0 0 35px 35px; border-color: transparent transparent #aaaaaa transparent;
}
.ProList .title .more::before, .ProList .title .more::after { content: ""; position: absolute; background: #fff; }
.ProList .title .more::before { top: 20px; right: 9px; width: 2px; height: 10px; }
.ProList .title .more::after { top: 24px; right: 5px; width: 10px; height: 2px; }

.ProList a:hover { border: 1px solid #ffbf97; }
.ProList a:hover .title .more { border-color: transparent transparent #ff7f30 transparent; }
.ProList a,
.ProList .img,
.ProList .title .more {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;    
}

/* 本季新品 */
.product_new {
    position: relative; margin-top: 60px; border: 2px solid #ffe7d3; padding: 30px 10px 20px;
    -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
.product_new > .title {
    font-size: 1.375em; font-weight: 400; letter-spacing: .2em; background: #ff8922; color: #fff; padding: 0 1em 0 1.2em; line-height: 40px;
    position: absolute; left: 50%; top: -20px; transform: translateX(-50%);
    -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}
.product_new_list { overflow: hidden; }
.product_new_list .item { position:relative; overflow:hidden; float: left; width: 33.333%; box-sizing: border-box; border-left: 1px solid #ddd; }
.product_new_list .item:first-child { border: none; }
.product_new_list .item > div { padding: 0 10px; }
.product_new_list .img { padding-bottom:100%; background-size:cover; background-position:center; background-repeat: no-repeat; position:relative; }
.product_new_list .img a { position:absolute; left:0; top:0; width:100%; height:100%; }
.product_new_list .imgBox { width: 50%; padding: 10px; box-sizing: border-box; }
.product_new_list .textBox { position: absolute; right: 0; top: 0; height: 100%; width: 50%; padding: 10px; box-sizing: border-box; }
.product_new_list .textBox > div { display: table; width: 100%; height: 100%; }
.product_new_list .textBox .title { display: table-cell; vertical-align: middle; padding: 5px; }
.product_new_list .textBox .title a { display: block; margin: 0 auto; text-decoration: none; color: #333; line-height: 1.25em; letter-spacing: .05em; max-height: 3.75em; overflow: hidden; }

.product_new_list .item:hover .img { transform:scale(1.03); }
.product_new_list .item:hover .textBox .title a { color:#ff7f30; }
.product_new_list .img,
.product_new_list .textBox .title a {
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* 商品內頁 */
.p_intro { margin-bottom:40px; position:relative; }
h3.p_title { color: #e03127; font-size: 1.5em; line-height: 1.25em; padding: .5em 0; border-bottom: 1px solid #ddd; }
.p_desc_cont { margin-top: 20px; }
.p_btn { border-top: 1px solid #ddd; }
.p_btn .price .price-red { color: #e03127; font-size: 1.5em; font-weight: bold; }
.p_btn .buy a { display: block; text-decoration: none; background-color: rgba(255,137,34,.15); color: #f47a10; font-size: 1.125em; text-align: center; letter-spacing: .15em; height: 50px; line-height: 50px; -webkit-transition:all 0.3s ease;	-moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.p_btn .buy a:hover { background-color: #ff8922; color: #fff; }

/* 商品輪播 */
.p_img img { max-width: 100%; max-height: 100%; }
.p_img .slider-for { margin-bottom:20px; border:1px solid #ddd; height:280px; }
.p_intro .slider-for .slick-slide { height:278px; }
.p_img .slider-nav .slick-arrow { display:block; text-indent:-9999px; position:absolute; top:0; width:30px; height:100%; border:none; background-color:#fff; }
.p_img .slider-nav .slick-arrow:hover { background-color:#eee; }
.p_img .slider-nav .slick-arrow.slick-disabled, .p_img .slider-nav .slick-arrow.slick-disabled:hover { opacity:0.3; background-color:#fff; }
.p_img .slider-nav .slick-arrow:focus, .p_img .slider-nav .slick-slide:focus { outline:none; }
.p_img .slider-nav .slick-arrow:after {	content:''; position:absolute; top:50%; margin-top:-7px; width: 0;
height: 0; border-style: solid; }
.p_img .slider-nav .slick-prev:after { left:10px; border-width: 7px 7px 7px 0; border-color: transparent #000 transparent transparent; }
.p_img .slider-nav .slick-next:after { right:10px; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #000; }
.p_img .slider-nav .slick-arrow:hover:after {}
.p_img .slider-nav .slick-arrow.slick-disabled:hover:after {}
.p_img .slider-nav .slick-prev { left:0; }
.p_img .slider-nav .slick-next { right:0; }
.p_img .slider-nav .slick-slide { height:80px; margin:0 5px; display:block; border:1px solid #ddd; box-sizing:border-box; }
.p_img .slider-nav .slick-slide img { opacity:0.7; }
.p_img .slider-nav .slick-slide, .p_img .slider-nav .slick-arrow, .p_img .slider-nav .slick-slide img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor:pointer;
}
.p_img .slider-nav .slick-slide:hover img { opacity:1; }
.p_img .slider-nav .slick-slide.slick-current { border:1px solid #888; }
.p_img .slider-nav .slick-slide.slick-current img { opacity:1; }
.p_img .slider-nav .slick-list { margin:0 35px 0 40px; }
.p_img .slick-slide { text-align:center; }
.p_img .slick-slide * { vertical-align:middle; }
.p_img .slick-slide span { display:inline-block; height:100%; }

/* 商品頁籤 */
.pro_tabs { position:relative; width:100%; }
.pro_tabs .tabs { padding-bottom:15px; }
.pro_tabs .tabs ul { border-bottom: 1px solid #ff8922; }
.pro_tabs .tabs ul:after { content:''; clear:both; display:block; }
.pro_tabs .tabs ul li { float:left; }
.pro_tabs .tabs ul li span { display:block; padding:8px 16px; background-color:#fff; color:#555; cursor: pointer; text-decoration:none; }
.pro_tabs .tabs ul li span:hover { color:#ff8922; }
.pro_tabs .tabs ul li.active span { position:relative; background:#ff8922; color:#fff; }

.pro_tabs .tab_cont { transition:opacity 0.3s ease; overflow:hidden; }
.pro_tabs .tab_cont dt { display:block; background-color:#aaa; color:#fff; cursor:pointer; position:relative; padding:10px; border-top:1px solid #ddd; }
.pro_tabs .tab_cont.show dl dt { background-color:#ff8922; }
.pro_tabs .tab_cont:first-child dt { border-top:none; }
.pro_tabs .tab_cont dl dt::after { 
	display:block; position:absolute; top:15px; right:10px; content:""; width:6px; height:6px; border-right:2px solid #fff; border-top:2px solid #fff;
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
.pro_tabs .tab_cont.show dl dt::after { top:19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.pro_tabs .tab_cont .related_articles { margin-top: 5px; }

/* 推薦商品 */
.RecommendProduct {
    position: relative; margin-top: 60px; border: 2px solid #ffe7d3; padding: 30px 5px 20px;
    -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
.RecommendProduct > .title {
    font-size: 1.375em; font-weight: 400; letter-spacing: .2em; background: #ff8922; color: #fff; padding: 0 1em 0 1.2em; line-height: 40px;
    position: absolute; left: 50%; top: -20px; transform: translateX(-50%);
    -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}
.product_rec_list { padding: 0 40px; }
.product_rec_list .item { position: relative; }
.product_rec_list .owl-carousel .owl-item .item { padding-left: 5px; }
.product_rec_list .item::before { position: absolute; left: -1px; top: 0; content: ''; width: 1px; height: 100%; background: #ddd; }
.product_rec_list .item > div { padding: 0 10px; }
.product_rec_list .img a { position:absolute; left:0; top:0; width:100%; height:100%; }
.product_rec_list .imgBox { box-sizing: border-box; }
.product_rec_list .textBox { height: 100%; box-sizing: border-box; }
.product_rec_list .textBox .title a { display: block; margin: 0 auto; text-decoration: none; color: #333; line-height: 1.25em; letter-spacing: .05em; overflow: hidden; text-align: center; }

.product_rec_list .item:hover .img { transform:scale(1.03); opacity: 1; }
.product_rec_list .item:hover .textBox .title a { color:#ff7f30; }
.product_rec_list .img,
.product_rec_list .textBox .title a {
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}