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

/*----------------------------------------------------------------------*/
/* 內頁 */
.hide { display:none; }
#Center { max-width:1280px; margin:0 auto; padding:20px 10px 40px; clear:both; box-sizing:border-box; }
#Content { background-color:#fff; }
#Content > *:last-child { margin-bottom:0; }
#Content::after { content:''; clear:both; display:block; width:100%; }
#ColumnCenter:after { content:''; clear:both; display:block; width:100%; }
#ColumnCenter > *:first-child { margin-top:0; }
#ColumnCenter > *:last-child { margin-bottom:0; }
#map img{max-width: inherit;}
#map div{max-width: inherit !important; box-sizing: content-box;}
/*----------------------------------------------------------------------*/
/* 內頁元素 */

/* 導覽列(麵包屑) */
#Breadcrumbs { position:relative; display:inline-block; float:left; max-width:55%; }
#Breadcrumbs ul { overflow:hidden; }
#Breadcrumbs ul li { float:left; padding-right:20px; font-size:1em; color:#b4b4b4; line-height:32px; position:relative; }
#Breadcrumbs ul li.last { padding-right:0; color:#b4b4b4; }
#Breadcrumbs ul li a { display:inline-block; color:#b4b4b4; text-decoration:none; }
	#Breadcrumbs ul li:after { content:'/'; position:absolute; top:-1px; right:6px; color:#b4b4b4; font-size:12px; }
	#Breadcrumbs ul li a:hover { color:#000; }
#Breadcrumbs ul li.last a { color:#555555; }
	#Breadcrumbs ul li.last a:hover { color:#000; }
	#Breadcrumbs ul li.last:after { content:''; }

/* 工具列 */
.ToolBar { margin-bottom:10px; font-size:75%; color:#888; }
.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;
	}
.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:#888; text-decoration:none; position:relative; border-left:1px solid #ddd; }
.ToolBar .colm_left a:first-child { margin-left:0; border:none; }
.ToolBar .colm_left a span { position:absolute; top:0; left:5px; }
	.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:#000; }
.ToolBar .colm_left a:hover span { }
	.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; position:relative; }
.ToolBar dl.font_size dd:after { content:""; position:absolute; right:-4px; top:0; height:100%; width:1px; background:#ddd; }
.ToolBar dl.font_size a { 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:#000; }
	.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 { padding-left:10px; }
.ToolBar dl.share dd { margin-right:6px; position:relative; }
.ToolBar dl.share dd:after { content:""; position:absolute; right:-4px; top:0; height:100%; width:1px; background:#ddd; }
.ToolBar dl.share dd:last-child { margin-right:0; }
.ToolBar dl.share dd:last-child:after { display:none; }
.ToolBar dl.share dd a { text-indent:-10000px; cursor:pointer; }
	.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::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 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); }
	
/* 標題 */
h2 { font-size:1.375em; letter-spacing:0.2em; color:#444; }
.PageTitle h2 { border-bottom:1px solid #ccc; padding:0 0 0.5em; line-height:150%; padding-left:.2em; text-align:center; }
.PageTitle_st2 h2 { border-bottom:1px solid #ccc; padding:0 0 0.5em; line-height:150%; margin-bottom:10px; }

/* 文章標題 */
h3.articleTitle { letter-spacing:0.125em; color:#444; margin-bottom:15px; font-weight:400; text-align:center; }
.post_info { padding:0 35px 0 0; visibility:hidden; }
.post_info span { display:inline-block; margin-left:10px; line-height:28px; color:#a0a0a0; font-size:75%; }
.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; }

/* 分類下拉 */
.CatTitle { margin:0 0 20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h2 { display:inline-block; line-height:35px; }
.CatTitle .cat_select { font-size:0.875em; font-weight:bold; color:#777; line-height:35px; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 10px; height:35px; line-height:35px;
	background-color:#888;
	-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:#d33028; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/* 列表搜尋 */
.ListSearch { margin-bottom:5px; box-sizing:border-box; overflow:hidden; position:relative; border-bottom:1px solid #ccc; letter-spacing:.1em; }
.ListSearch .title { display:none; }
.ListSearch .item { float:left; position:relative; margin-right:10px; margin-bottom:10px; 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:10px; }
.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:#d33028; }
.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%; }
#ColumnCenter .ListSearch { margin:0 0 15px; }
.PageTitle+.ListSearch { border-bottom:none; margin-top:15px; }
.PageTitle_st2+.ListSearch { border-bottom:none; margin-top:15px; }
.mapBox+.ListSearch { border-bottom:none; margin-top:15px; }

.ListSearch_st2 { margin-bottom:5px; padding-top: 10px; box-sizing:border-box; overflow:hidden; position:relative; letter-spacing:.1em; }
.ListSearch_st2 .title, .ListSearch_st2 label { display:none; }
.ListSearch_st2 > div > div > div { position:relative; margin-bottom:10px; line-height:40px; color:#333; font-size:1em; border:1px solid #ccc; }

.ListSearch_st2 .selectBox { display:block; height:40px; line-height:40px; color:#333; font-size:100%; position:relative; _filter:alpha(opacity=0); width: 250px; overflow: hidden; box-sizing: border-box; }
.ListSearch_st2 .selectBox:after {
	content:''; position:absolute; top:13px; right:14px; width:8px; height:8px; border-top:2px solid #333; border-left:2px solid #333; opacity: .5;
	-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg);
	}
.ListSearch_st2 .selectBox:hover:after { opacity: 1; }
.ListSearch_st2 .selectBox.down:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top:17px; }
.ListSearch_st2 .selectBox label { padding:0 40px 0 16px; font-size:100%; z-index:2; color:#333; line-height:40px; height:40px; display:block; border:none; }
.ListSearch_st2 .selectBox select { width:100%; height:40px; line-height:40px; z-index:4; position:absolute; top:0; left:0; margin:0; opacity:0; *margin-top:12px; filter:alpha(opacity=0); cursor:pointer; font-size:100%; border:none; border-radius:0; background:none; padding:5px 10px 4px; }

.ListSearch_st2 .keywordBox { position: relative; padding-right: 40px; width: 250px; box-sizing: border-box; }
.ListSearch_st2 .keywordBox input.btn { text-indent: -9999px; background: url(../../layout/images/icon_search3.png) no-repeat center center; opacity: .5; width: 40px; height: 100%; position: absolute; right: 0; top: 0; }
.ListSearch_st2 .keywordBox input.btn:hover { opacity: 1; }
.ListSearch_st2 .keywordBox input[type="text"] { margin-bottom: 0; border: none; font-size: 100%; height:40px; line-height:40px; padding:0 12px; width: 100%; }
.ListSearch_st2 .keywordBox input[type="text"]:focus { border: none; }


/* 頁碼 */
#Pagination { clear:both; text-align:center; }
#Pagination .pages { display:inline-block; font-size:87.5%; }
#Pagination a { display:inline-block; padding:0 5px; margin:0 5px; text-decoration:none; line-height:28px; color:#000; }
#Pagination a:hover { color:#de1e19; }
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:auto; margin:0 6px; background-image:url(../images/pagination.png); background-repeat:no-repeat; }
	#Pagination a.first { padding:0 5px 0 15px; background-position:0 -1px; }
	#Pagination a.prev { padding:0 5px 0 15px; background-position:0 -51px; }
	#Pagination a.next { padding:0 15px 0 5px; background-position:48px -101px; }
	#Pagination a.last { padding:0 15px 0 5px; background-position:48px -151px; }
	#Pagination a.first:hover { background-position:0 -201px; }
	#Pagination a.prev:hover { background-position:0 -251px; }
	#Pagination a.next:hover { background-position:48px -301px; }
	#Pagination a.last:hover { background-position:48px -351px; }
	
	.fs3 #Pagination a.next { background-position:58px -101px; }
	.fs3 #Pagination a.last { background-position:58px -151px; }
	.fs3 #Pagination a.next:hover { background-position:58px -301px; }
	.fs3 #Pagination a.last:hover { background-position:58px -351px; }
	
	.fs1 #Pagination a.next { background-position:42px -101px; }
	.fs1 #Pagination a.last { background-position:42px -151px; }
	.fs1 #Pagination a.next:hover { background-position:42px -301px; }
	.fs1 #Pagination a.last:hover { background-position:42px -351px; }

#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:15px; line-height:25px; color:#999; font-size:75%; }
#Pagination .setting select { padding:3px 0 2px; border-left:none; border-right:none; border-top:none; border-bottom:1px solid #777; color:#555; }
#Pagination .setting input[type="text"] { width:25px; height:24px; padding:0 5px; border-left:none; border-right:none; border-top:none; border-bottom:1px solid #777; vertical-align:top; font-size:100%; }
#Pagination .setting input[type="button"] { height:25px; padding:0 6px; margin-left:3px; vertical-align:top; background:#5d5d5d; border:none; color:#fff; font-size:100%; }
#Pagination .setting input[type="button"]:hover { background:#de1e19; }

/* 档案下载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:#de1e19; }
.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:#d91b2a; 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 #d91b2a; border-left:2px solid #d91b2a;
	}
	.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; }

/* 文章留言 */
.articleComment { padding-top:30px; clear:both; }
.articleComment label { display:none; }
.articleComment > div { background-color:#f7f7f7; border:1px solid #ddd; }
.articleComment h4.title { 
	padding:14px 15px 14px 42px; background:url("../images/icon_box_online_service.png") no-repeat 15px -32px;
	font-size:112.5%; color:#666; letter-spacing:0.2em; line-height:150%; position:relative; cursor:pointer;
	}
.articleComment h4.title:after {
	content:''; position:absolute; top:21px; right:20px; width:10px; height:10px; border-top:2px solid #555; border-left:2px solid #555;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}
.articleComment h4.title.open:after {
	top:26px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.articleComment .form { padding:15px; border-top:1px solid #ddd; display:none; }
.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 .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; }
.articleComment .BtnCommon span, .articleComment .BtnCommon span::after {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

/* 延伸阅读區塊共用 */
h3.related_title { text-align:center; font-size:1.375rem; color:#666; letter-spacing:0.2em; padding:20px 0 1.5em 0.2em; }
h4.related_title { text-align:center; font-size:1.375rem; color:#333; letter-spacing:.1em; padding-left:.1em; font-weight:normal; padding:20px 0 20px 0.2em; }
.related_articles { position:relative; margin-top:4em; }
.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.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
	}
.related_articles .img:hover { opacity:0.8; }
.related_articles .img a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }
h3.related_title+.ListSearch { margin-top:0px; }

/* 延伸阅读 */
.related_articles_list { overflow:hidden; padding-bottom:1.5em; }
.related_articles_list .item > div { position:relative; }
.related_articles_list .cont { background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; width:100%; padding:6px 10px; box-sizing:border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.related_articles_list .item:hover .cont { background-color:rgba(0,0,0,0.8); }
.related_articles_list .title a { display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; line-height:150%; letter-spacing:0.1em; color:#fff; text-decoration:none; }
.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_case_list { overflow:hidden; }
.related_case_list .item > div { position:relative; }
.related_case_list .cont { line-height:132%; padding:5px 0; }
.related_case_list .title { padding:5px 0; }
.related_case_list .title a { color:#222; display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; line-height:150%; letter-spacing:0.1em; text-decoration:none; }
.related_case_list .title a:hover { color:#de1e19; }
.related_case_list .date { font-size:75%; color:#bbb; }
.related_case_list .desc { color:#999; font-size:0.8125em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.related_case_list .img + .related_case_list .item .title { margin-top:5px; }

/* 推荐产品 */
.related_product { margin-bottom:20px; }

/*----------------------------------------------------------------------*/
/* 商品輪播 */
.pro_carousel .photo { box-sizing:border-box; text-align:center; }
.pro_carousel .img { padding-bottom:66.667%; background-size:cover; background-position:center; 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 { margin-top:10px; text-align:center; }
.pro_carousel .pro_tt a { color:#333; text-decoration:none; }
.pro_carousel .pro_tt a:hover { color:#de1e19; }
.pro_carousel .case_tt { margin-top:10px; }
.pro_carousel .case_tt a { color:#333; text-decoration:none; font-size:0.9375em; }
.pro_carousel .case_tt a:hover { color:#de1e19; }
/*.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:-13px; width:26px; height:26px; border-top:3px solid #d9d9d9; border-left:3px solid #d9d9d9;
}
.pro_carousel.owl-carousel .owl-nav > div:hover:after { border-top:3px solid #de1e19; border-left:3px solid #de1e19; }
.pro_carousel.owl-carousel .owl-nav .owl-prev:after { left:6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.pro_carousel.owl-carousel .owl-nav .owl-next:after { right:6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }

@media screen and (max-width: 1379px) {
.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; }
}
@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; }
}

/*----------------------------------------------------------------------*/
/* 登录 */
.LoginBox h3 {
	padding:6px 0 6px 35px; font-size:100%; color:#333; line-height:175%; font-weight:400; position:relative; margin-bottom:20px;
	background-repeat:no-repeat; background-image:url(../images/icon_member_title.png); background-color:#f4f4f4; letter-spacing:2px; border-left:3px solid #d91b2a;
}
h3.login { background-position:10px 13px; }
h3.member { background-position:10px -37px; }
h3.book { background-position:10px -86px; }
h3.lock { background-position:10px -138px; }
.LoginBox h3.member_title { margin-bottom:0px; }

.LoginBox .colm_left > div > div { margin:8px 0; font-size:87.5%; }
.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 .login_by_social dt { padding-bottom:10px; font-size:93.75%; font-weight:bold; color:#717171; }
.LoginBox .login_by_social dd { float:left; margin-right:8px; }
.LoginBox .login_by_social dd a { 
	display:block; padding:0 20px 0 55px; height:32px; line-height:32px; color:#fff; text-decoration:none; 
	background-image:url("../images/icon_login_by_social.png"); background-repeat:no-repeat; position:relative; background-color:#bbb;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
	.LoginBox .login_by_social dd.qq a { background-position:3px 0; }
	.LoginBox .login_by_social dd.weChat a { background-position:3px -32px; }
	.LoginBox .login_by_social dd.weibo a { background-position:3px -64px; }
	.LoginBox .login_by_social dd.qq a:hover { background-color:#02a2e2; }
	.LoginBox .login_by_social dd.weChat a:hover { background-color:#3cb033; }
	.LoginBox .login_by_social dd.weibo a:hover { background-color:#d0202f; }
.LoginBox .login_by_social::after { content:''; display:block; width:100%; clear:both; }
.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:40px; }

.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 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; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:10px; margin-bottom:30px; position:relative; }
.ListTable table { width:100%; font-size:87.5%; }
	
.ListTable th.title { font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; }
.ListTable td.title a { display:block; color:#333; text-decoration:none; }
.ListTable td.title a:hover { color:#de1e19; text-decoration:underline; }
.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; }
.ListTable th.thum { width:150px; }
.ListTable td.thum { width:150px; text-align:center; }
.ListTable td.thum img { max-width:150px; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.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;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
	}
.ListPicText .img:hover { opacity:0.7; }
.ListPicText .img a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }
.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 .title a:hover { color:#de1e19; }
.ListPicText .cont { padding-top:10px; padding-bottom:10px; }
.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:175%; color:#999; font-size:81.25%; letter-spacing:0.05em; overflow:hidden; }
.ListPicText .btn a { display:inline-block; margin:15px auto 10px; font-size:75%; letter-spacing:0.1em; text-decoration:none; font-family:Arial; }

/* 最新消息專用樣式 */
.ListPicText.news > div { background-color:#f5f5f5; border-bottom:1px solid #888; height:100%; }
.ListPicText.news .cont { box-sizing:border-box; }
.ListPicText.news .date { text-align:center; position:relative; padding-top:0.7em; margin:5px 0; }
.ListPicText.news .date > span { display:inline-block; padding:0 12px; position:relative; z-index:2; background-color:#f5f5f5; }
.ListPicText.news .date:before { content:""; display:block; margin:0 auto -0.7em; width:72%; height:1px; background:#ddd; }
.ListPicText.news .desc { height:5em; }
.ListPicText.news .title { padding:10px 0; }
.ListPicText.news .btn { text-align:center; }
.ListPicText.news .btn a { color:#aaa; border:1px solid #ccc; background:#fff; padding-left:0.1em; width:130px; height:30px; line-height:30px; }

/* 解決方案專用樣式 */
.ListPicText.solution .item { margin-bottom:30px; position:relative; overflow:hidden; }
.ListPicText.solution .title { padding:8px 0; }
.ListPicText.solution .desc { height:3.25em; }
.ListPicText.solution .btn a { color:#333; font-style:italic; font-weight:bold; position:relative; padding-right:22px; }
.ListPicText.solution .btn a:before, .ListPicText.solution .btn a:after { content:""; display:block; position:absolute; right:5px; }
.ListPicText.solution .btn a:after { top:0.5em; width:10px; height:1px; background:#666; }
.ListPicText.solution .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);
	}

/* 材質專用樣式 */
.ListPicText.material .item { margin-bottom:15px; position:relative; overflow:hidden; }
.ListPicText.material .title { padding:1px 0; color:#666; letter-spacing:0.05em; }
.ListPicText.material .cont { color:#666; line-height:150%; padding:10px 0; font-size:0.9375em; }
.ListPicText.material .img:hover { opacity:1; }

/* 案例賞析專用樣式 */
.ListPicText.case .item { margin-bottom:15px; position:relative; overflow:hidden; }
.ListPicText.case .title { text-align:center; padding-top:5px; }
.ListPicText.case .title a { color:#666; font-size:1.125em; font-weight:normal; padding-left:0.05em; }

/* 正方形樣式 */
.ListPicText.square .item { margin-top:10px; }
.ListPicText.square .title { text-align:center; padding-top:5px; }
.ListPicText.square .title a { color:#666; font-size:1.125em; font-weight:normal; padding-left:0.05em; }
.ListPicText.square .img { padding-bottom:100%; }

/* 長方形樣式 */
.ListPicText.rectangle .item { margin-top:10px; }
.ListPicText.rectangle .title { text-align:center; padding-top:5px; }
.ListPicText.rectangle .title a { color:#666; font-size:1.125em; font-weight:normal; padding-left:0.05em; }
.ListPicText.rectangle .img { padding-bottom:67.075%; }

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

/*----------------------------------------------------------------------*/
/* 搜寻结果 */
.SearchResult { margin-top:20px; margin-bottom:30px; }
.SearchResult .item { background-color:#fff; border-bottom:1px dashed #ccc; 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; }

/*----------------------------------------------------------------------*/
/* 商品左選單-商品分类 */
.product_left_menu { letter-spacing:.1em; }
.product_left_menu h2 { margin-bottom:7px; padding:0; line-height:1.8em; }
.product_left_menu .list a { display:block; text-decoration:none; position:relative; }
.product_left_menu .list > li > a { 
	padding:10px 20px 10px 0; line-height:150%; color:#666; font-size:1.125em; border-bottom:1px solid #ddd;
	-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:#de1e19; }
.product_left_menu .list > li > a:after {
	content:''; position:absolute; top:16px; right:5px; width:6px; height:6px; border-top:1px solid #000; border-left:1px solid #000;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.product_left_menu .list > li.withUl > a:hover:after { border-top:1px solid #de1e19; border-left:1px solid #de1e19; }
.product_left_menu .list > li.withUl > a.slideDown:after { border-top:1px solid #de1e19; border-left:1px solid #de1e19; }
.product_left_menu .list > li.withUl > a.slideDown:after {
	top:20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product_left_menu .list > li > ul { padding-bottom:15px; }
.product_left_menu .list > li > ul > li { margin:8px 0; }
.product_left_menu .list > li > ul > li > a { padding:2px 1.5em 2px 2em; 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 2em; line-height:150%; font-size:87.5%; color:#888; }
.product_left_menu .list > li > ul > li > ul > li > a:hover { color:#de1e19; }


/* 產品列表banner輪播 */
.product_main_img img { max-width:100%; width:100%; }
.product_main_img .bx-wrapper .bx-prev { left:0px; }
.product_main_img .bx-wrapper .bx-next { right:0px; }
.product_main_img:after { content: ""; clear: both; display: block; }

/* 產品列表 */
.ProListBox { margin-bottom:20px; }
.more_btn { text-align:center; }
.more_btn a { display:inline-block; text-decoration:none; color:#aaa; border:1px solid #ccc; background:#fff; box-sizing:border-box; width:76px; height:30px; line-height:28px;  margin:10px auto; font-size:75%; letter-spacing:0.2em; padding-left:0.2em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.more_btn a:hover { border:1px solid #de1e19; background-color:#de1e19; color:#fff; }
.ListSearch+.ProListBox { margin:25px 0; }

.sortBar { padding-bottom:10px; margin-top:30px; }
.sortBar h3 { font-size:1.125em; font-weight:normal; border-bottom:1px solid #ccc; color:#666; letter-spacing:.2em; line-height:2.2em; }

.ProList:after { content:""; clear:both; display:block; }
.ProList .item { position:relative; margin-top:10px; text-align:center; }
.ProList .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;
	}
.ProList .img:hover { opacity:0.8; }
.ProList .img a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }	
.ProList .cont { line-height:150%; padding:10px 0 15px; }
.ProList .tag { font-size:75%; color:#aaa; letter-spacing:.2em; padding-left:.2em; }
.ProList .title a { text-decoration:none; color:#666; letter-spacing:.05em; padding-left:.05em; }
.ProList .title a:hover { color:#de1e19; }
.ProList .title.with_line { border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:10px; }
.ProList+.more_btn { margin-top:5px; }
.title+.more_btn { margin-bottom:10px; }

.loadingBar { background: url(../../loader.gif) no-repeat center center; height: 50px; width: 100%; }

/* 商品內頁 */
.p_intro { padding-bottom:3em; position:relative; }
.p_intro h2 { text-align:center; color:#666; font-weight:normal; font-size:3.4375em; padding:.2em 0; letter-spacing:0; line-height:1; }
.p_intro h3 { text-align:center; color:#666; font-weight:normal; font-size:1em; padding-bottom:1.35em; }
#ColumnCenter .related_articles_list .item:nth-child(4) { display:none; }

/* 商品內頁banner輪播 */
.p_slider { overflow:hidden; }
.p_slider img { max-width:100%; width:100%; }
.p_slider .bx-wrapper .bx-prev { left:-50px; }
.p_slider .bx-wrapper .bx-next { right:-50px; }


/* bx_slider內頁共用 */
#Content .bx-viewport { -webkit-transform: translatez(0); }
#Content .bx-wrapper { position: relative; margin:auto; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action: pan-y; }
#Content .bxSlider_list li { width:100%; }
#Content .bxSlider_list img { width:100%; height:auto; }
#Content .bxSlider_list li a { display:block; width:100%; height:100%; }

/* DIRECTION CONTROLS (NEXT / PREV) */
#Content .bx-wrapper .bx-controls-direction a { 
	display: inline-block; position:absolute; top:50%; text-indent:10000px; z-index:100; background-repeat:no-repeat; background-image:url("../images/icon_pro_slider.png");
	width:50px; height:50px; margin-top:-25px;
	}
#Content .bx-wrapper .bx-prev { background-position:0 0; }
#Content .bx-wrapper .bx-next { background-position:-50px 0; }
#Content .bx-wrapper .bx-prev:hover { background-position:0 -50px; }
#Content .bx-wrapper .bx-next:hover { background-position:-50px -50px; }
#Content .bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* PAGER */
#Content .bx-wrapper .bx-pager { position:relative; width:100%; z-index:100; text-align:center; padding:10px 0; }
#Content .bx-wrapper .bx-pager .bx-pager-item,
#Content .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
#Content .bx-wrapper .bx-pager.bx-default-pager a { 
	text-indent:-10000px; display:block; width:10px; height:10px; margin:0 5px; background:#777; 
	}
#Content .bx-wrapper .bx-pager.bx-default-pager a:hover,
#Content .bx-wrapper .bx-pager.bx-default-pager a.active { background:#d91b2a; }

/* 商品材質 */
.pro_item_title { padding:.5em 0; margin-bottom:10px; border-bottom:1px solid #ccc; letter-spacing:.2em; color:#666; overflow:hidden; }
.pro_item_title .name { font-size:1.125em; }
.pro_item_title .size { font-size:0.875em; word-break:break-all; }

/* 规格尺寸 */
.size_list .cont { position:relative; overflow:hidden; }
.size_list .img { text-align:center; }
.size_list img { max-width:100%; }


/*----------------------------------------------------------------------*/
/* 趋势研究 */
.trend_main_img { padding:25px 0 20px; }
.trend_main_img img { max-width:100%; }

/*----------------------------------------------------------------------*/
/* 設計師內頁 */
.d_intro { overflow:hidden;letter-spacing:.2em; }
.d_imgBox { text-align:center; }
.d_imgBox img { max-width:100%; }
.d_info .desc { color:#666; }
.author { letter-spacing:0.15em; color:#666; text-align:right; padding-top:2em; font-size:1.25em; }
.author:before { content:""; display:inline-block; vertical-align:middle; margin-right:8px; width:12px; height:1px; background-color:#666; }

.item_title { margin-top:10px; padding-bottom:10px; }
.item_title h3 { font-size:1.375em; border-bottom:1px solid #ccc; color:#444; letter-spacing:.2em; padding:.5em 0; }

/*----------------------------------------------------------------------*/
/* 案例赏析輪播 */
.case_slider { padding-top:20px; }
.case_slider img { max-width:100%; max-height:100%; }

.case_slider .slider-for { margin-bottom:20px; }
.case_slider .slick-arrow { display:block; text-indent:-9999px; position:absolute; top:0; height:100%; border:none; z-index: 5; }
.case_slider .slick-arrow:focus, .case_slider .slick-slide:focus { outline:none; }
.case_slider .slick-arrow:after { content:''; position:absolute; top:50%; margin-top:-13px; width:26px; height:26px; }
.case_slider .slick-prev:after { left:16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.case_slider .slick-next:after { right:16px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
.case_slider .slick-slide { height:auto; display:block; box-sizing:border-box; opacity:0.6; }
.case_slider .slick-slide, .case_slider .slick-arrow, .case_slider .slick-arrow:after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor:pointer;
}
.case_slider .slick-slide:hover { opacity:1; }
.case_slider .slick-slide.slick-current { opacity:1; }
.case_slider .slick-slide { text-align:center; }
.case_slider .slick-slide * { vertical-align:middle; }
.case_slider .slick-slide span { display:inline-block; height:100%; }

.case_slider .slider-nav .slick-arrow { width:40px; background-color:#fff; }
.case_slider .slider-nav .slick-arrow.slick-disabled, .case_slider .slider-nav .slick-arrow.slick-disabled:hover { background-color:#fff; }
.case_slider .slider-nav .slick-arrow:after { border-top:3px solid #d9d9d9; border-left:3px solid #d9d9d9; }
.case_slider .slider-nav .slick-arrow:hover:after { border-top:3px solid #de1e19; border-left:3px solid #de1e19; }

.case_slider .slider-for .slick-arrow { width:100px; background-color:transparent; }
.case_slider .slider-for .slick-arrow:after { border-top:3px solid #ffffff; border-left:3px solid #ffffff; }
.case_slider .slick-arrow:hover:after { border-top:3px solid #de1e19; border-left:3px solid #de1e19; }
.case_slider .slider-for .slick-prev { left:0px; }
.case_slider .slider-for .slick-next { right:0px; }

@media screen and (max-width: 1379px) {
	.case_slider .slider-nav .slick-list { margin:0 50px; }
	.case_slider .slider-nav .slick-prev { left:0; }
	.case_slider .slider-nav .slick-next { right:0; }
	.case_slider .slider-nav .slick-slide { margin:0 5px; }
}
@media screen and (min-width: 1380px) {
	.case_slider { margin-left:-5px; margin-right:-5px; }
	.case_slider .slider-for  { margin-left:5px; margin-right:5px; }
	.case_slider .slider-nav .slick-prev { left:-35px; }
	.case_slider .slider-nav .slick-next { right:-35px; }
	.case_slider .slider-nav .slick-slide { margin:0 5px; }
    .case_slider .slick-prev:after { left:6px; }
    .case_slider .slick-next:after { right:6px; }
}

/*----------------------------------------------------------------------*/
/* 预约展厅 */
.showroom_list_switch { text-align:left; position:relative; }
.showroom_list_switch:after { 
	position:absolute; bottom:0; left:0; width:0; height:1px; content:''; display:block; background-color:#dfdfdf; 
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	}
.showroom_list_switch.closed:after { width:100%; }
.showroom_list_switch a { display:inline-block; padding:10px 15px 10px 0; line-height:150%; color:#444; text-decoration:none; font-size:87.5%; position:relative; }
.showroom_list_switch a:before { content:'收合展厅列表'; }
.showroom_list_switch.closed a:before { content:'展开展厅列表'; }
.showroom_list_switch a:after { 
	content:''; position:absolute; top:50%; right:0; width:5px; height:5px; margin-top:-5px; border-bottom:2px solid #9f9f9f; border-right:2px solid #9f9f9f;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	}
.showroom_list_switch.closed a:after { 
    margin-top:-2px;
	-webkit-transform: rotate(-135deg);
    -moz-transform: rotate(45-135degeg);
    transform: rotate(-135deg);
	}
.showroom_list_switch a:hover { color:#de1e19; }
.showroom_list_switch a:hover:after { border-color:#de1e19; }
.showroom_list_switch + .editable_content { display:none; }

.showroom_list { font-size:87.5%; overflow:hidden; }
.showroom_list dl { padding:10px 15px; border-left:1px solid #dfdfdf; box-sizing:border-box; }
.showroom_list dt { border-left:3px solid #000; padding-left:5px; font-weight:bold; margin:5px 0; line-height:120%;}
.showroom_list dd { padding:5px 0; line-height:135%; }

/*----------------------------------------------------------------------*/
/* 展示中心 */
.center_list { line-height:125%; letter-spacing:0.0325em; color:#666; overflow: hidden; }
.center_list dt { font-weight:bold; border-bottom:1px solid #ccc; color:#444; letter-spacing:.2em; padding-bottom:0.5em; margin-bottom:.5em; }
.center_list dd { padding:0.3em 0; }

.btns { width: 140px; float: left; margin: 10px 10px 0 0; }
.btns a { display:inline-block; height:2.336em; line-height:2.336em; font-size:0.9375em; color:#666; border:1px solid #afafaf; text-decoration:none; padding:0 18px; margin-bottom:12px; width: 100%; box-sizing: border-box; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.btns a:last-child { margin-bottom: 0; }
.btns a.red_btn { color:#e40015; border:1px solid #e40015; }
.btns a.visit { padding-left:42px; background:url(../images/icon_visit.png) no-repeat 26px top; }
.btns a.visit:hover { background-position:26px bottom; }
.btns a:hover { color:#fff; background-color:#de1e19; border:1px solid #de1e19; }
.fs3 .btns a.visit { background-position: 18px 3px;  }
.fs3 .btns a.visit:hover { background-position: 18px -31px;  }

.map_qrcode { float: left; margin: 10px 0 0 10px; width: 82px; height: 82px; }
.map_qrcode img { max-width: 100%; max-height: 100%; }

.mapBox { position:relative; margin:20px 0; }
.center_list.above { position:absolute; right:0; width:350px; box-sizing:border-box; padding:20px 25px; border:1px solid #ccc; }
.center_list.above.center_list_top { top:170px; }
.center_list.above.center_list_bottom { top:450px; }
.center_list.above dt { color:#e40015; }
.center_list.above dd { font-size:0.875em; }
.center_list.below dt { font-size:1.375em; }
.center_list.below.center_list_top { margin-bottom: 25px; }
.center_list.below .btns { float: none; }

.map_pin { position:absolute; background:url(../images/icon_map_pin.png); width:24px; height:35px; }
.map_pin.active { background:url(../images/icon_map_pin_h.png); z-index:999; }
.map_pin.pin1 { top:434px; left:770px; }
.map_pin.pin2 { top:430px; left:762px; }
.map_pin.pin3 { top:260px; left:661px; }
.map_pin.pin4 { top:595px; left:643px; }
.map_pin.pin5 { top:309px; left:754px; }
.map_pin.pin6 { top:352px; left:667px; }
.map_pin.pin7 { top:417px; left:725px; }
.map_pin.pin8 { top:482px; left:742px; }
.map_pin.pin9 { top:557px; left:784px; }
.map_pin.pin10 { top:533px; left:730px; }
.map_pin.pin11 { top:560px; left:713px; }


/* 全省服務網 */
.ServiceList { position:relative; overflow:hidden; border-top:1px solid #e0e0e0; }
.ServiceList+.articleComment { padding-top:50px; }
.ServiceList .item { border-bottom:1px solid #e0e0e0; box-sizing:border-box; }
.ServiceList:after { display:block; content:''; width:100%; clear:both; }
.ServiceList:before { content:""; display:block; position:absolute; left:50%; width:1px; height:100%; background:#e0e0e0; }
.ServiceList .title { font-size: 1.375em; font-weight: bold; border-bottom:1px solid #ccc; padding:0 0 .5em; color:#444; letter-spacing: .2em; }
.ServiceCont > div { line-height:150%; }
.ServiceCont .left > div { padding:3px 0; }
.ServiceCont .right a {
	display:block; min-width:160px; font-size:0.9375em; text-decoration:none; text-align:center; box-sizing:border-box;	color:#333; border:1px solid #aaa;
}
.ServiceCont .right a:hover { color:#e40015; border:1px solid #e40015; }
.ServiceCont .right a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }