﻿@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center { max-width:1280px; margin:0 auto; padding-top:20px; padding-left:10px; padding-right:10px; clear:both; }
#Content { background-color:#fff; padding-bottom:40px; }
#Content > *:last-child { margin-bottom:0; }
#Content::after { content:''; clear:both; display:block; width:100%; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#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("../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; }

/* 分類下拉 */
.CatTitle { margin:0 0 20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 { display:inline-block; border-bottom:3px solid #f15e23; font-weight:normal; line-height:32px; }
.CatTitle .cat_select { font-size:81.25%; line-height:32px; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 8px; height:32px; line-height:32px;
	background-color:#f16e00;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
.CatTitle .cat_select .btn:hover { background-color:#de1e19; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/* 列表搜尋 */
.ListSearch { margin:15px 0 5px; box-sizing:border-box; overflow:hidden; position:relative; }
.ListSearch .item { float:left; margin-right:10px; margin-bottom:10px; line-height:32px; color:#8f8f8f; font-size:13px; }
.ListSearch .item > label { display:none; font-size:81.25%; line-height:180%; font-weight:bold; }
.ListSearch .BtnCommon { float:left; clear:none; margin-bottom:10px; }
.ListSearch .BtnCommon input { padding-left:15px; padding-right:15px; font-size:15px; line-height:30px; }
.ListSearch .BtnCommon span { 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}

/* 頁碼 */
#Pagination { margin-top:10px; margin-bottom:10px; clear:both; text-align:center; font-size:81.25%; }
#Pagination .pages { display:inline-block; }
#Pagination a { display:inline-block; width:36px; text-decoration:none; line-height:36px; }
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:auto; padding:0 10px; }

#Pagination .current { width:auto; border:1px solid #fff; background-color:transparent; cursor:default; }
	#Pagination .current:hover { color:#7b7b7b; }
	
#Pagination .setting { display:block; clear:both; padding-top:5px; line-height:32px; color:#7b7b7b; }
#Pagination .setting select { padding:6px 0 5px; }
#Pagination .setting input[type="text"] { width:30px; height:28px; border:1px solid #6a6a6a; vertical-align:top; }
#Pagination .setting input[type="button"] { height:32px; padding:0 6px; margin-left:3px; vertical-align:top; }
#Pagination .setting input[type="button"]:hover { }

/* 档案下载icon */
.file_ext { background-repeat:no-repeat; background-position:0 center; display:inline-block !important; }
	.file_doc { background-image:url("../images/file_ext/doc.png"); }
	.file_img { background-image:url("../images/file_ext/img.png"); }
	.file_mov { background-image:url("../images/file_ext/mov.png"); }
	.file_other { background-image:url("../images/file_ext/other.png"); }
	.file_pdf { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt { background-image:url("../images/file_ext/txt.png"); }
	.file_xls { background-image:url("../images/file_ext/xls.png"); }
	.file_zip { background-image:url("../images/file_ext/zip.png"); }

/* 文章标签 */
.article_tag { margin:-10px 0 20px 0; }
.article_tag dl > * { display:inline-block; position:relative; color:#5d5d5d; font-size:87.5%; }
.article_tag 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; background-color:#f9f9f9; clear:both; }
.prevNextLink > div { overflow:hidden; }
.prevNextLink .prev, .prevNextLink .next { width:48%; background-color:#ebebeb; 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; border-left:3px solid #de1e19; }
.prevNextLink .next { float:right; border-right:3px solid #de1e19; text-align:right; }
.prevNextLink a { display:block; padding:0 15px 10px 15px; text-decoration:none; color:#333; line-height:150%; }

.prevNextLink a span { display:block; padding-top:10px; padding-bottom:10px; font-size:150%; color:#999999; position:relative; }
	.prevNextLink .prev a span { padding-left:30px; padding-right:15px; }
	.prevNextLink .next a span { padding-left:15px; padding-right:30px; }
.prevNextLink a span::after { 
	content:''; display:block; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
	border-bottom:2px solid #a4a4a4; border-left:2px solid #a4a4a4;
	}
	.prevNextLink .prev a span::after { 
		left:5px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}
	.prevNextLink .next a span::after { 
		right:5px;
		-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; background-color:#f9f9f9; clear:both; }
.articleComment > div { background-color:#fff; border:1px solid #d8d8d8; }
.articleComment > div > div { border:5px solid #f7f7f7; }
.articleComment h4.title { 
	padding:0 15px 0 40px; border-bottom:1px solid #d8d8d8; background:url("../images/icon_box_online_service.png") no-repeat 15px -40px;
	font-size:20px; font-weight:300; color:#5a5a5a; letter-spacing:2px; line-height:40px; 
	}
.articleComment .form { padding:15px; }
.articleComment .form::after { content:''; display:block; width:100%; clear:both; }
.articleComment .form > .item { width:50%; padding:5px 10px; float:left; box-sizing:border-box; font-size:87.5%; }
.articleComment .form > .item.fullwidth { width:100%; float:none; clear:both; }
.articleComment .form .label { line-height:150%; font-weight:bold; }
.articleComment .form .label::after { content:"："; }
.articleComment .form .label .mark { color:#ec407a; font-weight:bold; }
.articleComment .form .input { line-height:32px; }
.articleComment .BtnCommon { text-align:right; }
.articleComment .BtnCommon span, .articleComment .BtnCommon span::after {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
.articleComment label { visibility:hidden; width:0; height:0; overflow:hidden; line-height:0; display:block; }

/* 延伸阅读 */
.related_articles { background-color:#f9f9f9; padding-top:30px; margin-bottom:-40px !important; clear:both; }
.related_articles_list::after { content:''; display:block; width:100%; clear:both; border-top:1px solid #f9f9f9; }
.related_articles h4.title { margin-bottom:20px; padding-left:5px; font-size:20px; font-weight:300; color:#6a6a6a; text-align:center; letter-spacing:5px; line-height:36px; }
.related_articles h4.title span { 
	display:block; width:180px; height:3px; margin:0 auto; 
	background: #ed5e05;
	background: -o-linear-gradient(left,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to right,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* W3C */
	}
.related_articles .item { 
	float:left; border-top:4px solid #f16e00; background-color:#fff; margin-bottom:20px; position:relative; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}
.related_articles .item .img { padding-bottom:67.132867%; background-size: cover; background-repeat:no-repeat; background-position:center center; }
.related_articles .item .date { 
	background-color:#fff; display:inline-block; padding:0 10px; margin-top:-20px; position:relative; z-index:1; 
	line-height:20px; font-size:12px; font-style:inherit; color:#9d9d9d; font-family:Arial, Helvetica, sans-serif; 
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
	}
.related_articles .item .tag { 
	display:inline-block; padding:0 10px; background-color:#f16e00; position:absolute; top: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 .item .title { padding-top:10px; padding-bottom:10px; background-color:#fff; position:relative; z-index:2; }
.related_articles .item .title a { display:block; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; line-height:150%; color:#333; text-decoration:none; }
.related_articles .item .title a:hover { color:#f16e00; }


/*----------------------------------------------------------------------*/
/* 登录 */
.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; }


/*----------------------------------------------------------------------*/
/* 會員廣宣 */
.LoginBox .why_reg p, .FormGroup .why_reg p { margin:10px 0 5px; line-height:160%; }
.LoginBox .why_reg p:first-child, .FormGroup .why_reg p:first-child { font-size:112.5%; }
.LoginBox .why_reg ol, .FormGroup .why_reg ol { list-style-type:decimal; margin-left:20px; margin-top:5px; }
.LoginBox .why_reg ol li, .FormGroup .why_reg ol li { line-height:160%; }


/*----------------------------------------------------------------------*/
/* 會員註冊流程 */
.reg_process { padding:0 20px; max-width:800px; margin:0 auto 40px; }
.reg_process > div { position:relative; height:125px; }
.reg_process > div::before { content:''; display:block; position:absolute; top:39px; left:0; width:100%; border-top:2px solid #ededed; }
.reg_process span { position:absolute; top:0; display:block; padding-top:96px; width:80px; text-align:center; color:#b5b5b5; font-size:18px; }
	.reg_process span:nth-child(1) { left:0; }
	.reg_process span:nth-child(2) { left:50%; margin-left:-40px; }
	.reg_process span:nth-child(3) { right:0; }
	.reg_process span.focuz { color:#f15e23; }
.reg_process span::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:80px; height:80px; background-color:#ededed; color:#d2d2d2;
	line-height:80px; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	.reg_process span:nth-child(1)::after { content:'1'; }
	.reg_process span:nth-child(2)::after { content:'2'; }
	.reg_process span:nth-child(3)::after { content:'3'; }
	.reg_process span.focuz::after { background-color:#f15e23; color:#fff; }
.reg_process span.focuz::before { 
	display:block; content:''; position:absolute; top:78px; left:50%; margin-left:-6px; 
	border-left:6px solid transparent; border-top:12px solid #f15e23;  border-right:6px solid transparent; 
	}


/*----------------------------------------------------------------------*/
/* 文字列表 */
.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; }

/* 投资人专区專屬樣式 */
.ListTable.ir h3 { color:#f16e00; font-weight:500; line-height:30px; position:relative; }
.ListTable.ir h3 span { display:block; position:absolute; top:0; right:0; font-size:86.66%; font-weight:300; color:#9b9b9b; }
.ListTable.ir .note { padding-top:10px; font-size:81.25%; color:#9b9b9b; }
.ListTable.ir .note .mark { font-weight:bold; color:#F00; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { overflow:hidden; }
.ListPicText::after { content:''; display:block; width:100%; clear:both; }

.ListPicText .item { float:left; box-sizing:border-box; padding-left:5px; padding-right:5px; }
.ListPicText .item .img { padding-bottom:67.132867%; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; }
.ListPicText .item .img a { position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:2; }
.ListPicText .item .img::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0; z-index:1; }
	
.ListPicText .item .cont { box-sizing:border-box; }
.ListPicText .item .tag { display:inline-block; background-color:#eb5902; font-size:13px; line-height:24px; color:#fff; }
.ListPicText .item .tag a { display:block; padding:0 8px; color:#fff; text-decoration:none; }
	
.ListPicText .item .title a { display:block; text-decoration:none; color:#333; line-height:135%; box-sizing:border-box; }

.ListPicText .item .desc { line-height:150%; color:#787878; }

.ListPicText .item .btn a { 
	display:inline-block; border:1px solid #000; 
	color:#333; font-size:14px; text-align:center; text-decoration:none; 
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	}

/* 月刊專用樣式 */
.ListPicText.monthly .item { padding-left:10px; padding-right:10px; }

/* hover效果 */
.ListPicText .item .tag:hover { background-color:#de1e19; }
.ListPicText .item .title a:hover { color:#de1e19; }
.ListPicText .item .btn a:hover { border:1px solid #de1e19; background-color:#de1e19; color:#fff; }


/*----------------------------------------------------------------------*/
/* 震旦月刊 */
/* 月刊小首頁 */
.MonthlyIndex { background-color:#f47722; }
.MonthlyIndex > div { 
	max-width:1280px; padding-left:10px; padding-right:10px; margin:0 auto; position:relative; overflow:hidden; box-sizing:border-box; 
	}

.MonthlyIndex .intro::after { content:''; display:block; clear:both; }
.MonthlyIndex .intro .cover { text-align:center; }
.MonthlyIndex .intro .cover img { display:block; }
.MonthlyIndex .intro .cover span { 
	display:inline-block; background-color:#FF5511; padding:6px 10px 6px 11px; margin-top:8px; 
	text-align:center; color:#fff; font-size:14px; letter-spacing:1px; line-height:20px; 
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.1);
	box-shadow:0 0 8px rgba(0,0,0,0.1);
	}
.MonthlyIndex .intro .cont .periods { 
	padding:0 15px 0 10px; display:inline-block; background-color:#e61113; height:32px; 
	color:#fff; font-weight:bold; font-size:14px; line-height:32px; position:relative; 
	}
.MonthlyIndex .intro .cont .periods span { margin-left:10px; font-size:16px; }

.MonthlyIndex .intro .cont .logo { 
	margin:0 0 5px; width:120px; height:45px; 
	background:url("../images/logo_monthly_white.png") no-repeat 0 0; background-size:contain; text-indent:-10000px; 
	}
.MonthlyIndex .intro .cont .title { margin:5px 0; font-size:28px; color:#fff; line-height:150%; font-weight:600; letter-spacing:1px; }
.MonthlyIndex .intro .cont .desc { color:#fff; line-height:200%; }

.MonthlyIndex .btns::after { content:''; display:block; width:100%; clear:both; }
.MonthlyIndex .btns li[class] { margin-bottom:30px; box-sizing:border-box; }
.MonthlyIndex .btns li[class] > a { 
	display:block; margin:0 auto; cursor:pointer;
	color:#fff; letter-spacing:2px; text-align:center; font-weight:400; text-decoration:none; 
	}
.MonthlyIndex .btns li[class] > a > span { box-sizing:border-box; position:relative; }
.MonthlyIndex .btns li[class] > a > span::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; 
	background:url("../images/icon_monthly_index.png") no-repeat; background-size:cover; 
	}
	.MonthlyIndex .btns li.item1 > a > span::before { background-position:0 0; }
	.MonthlyIndex .btns li.item2 > a > span::before { background-position:0 14.2857%; }
	.MonthlyIndex .btns li.item3 > a > span::before { background-position:0 28.5714%; }
	.MonthlyIndex .btns li.item4 > a > span::before { background-position:0 42.8571%; }

/* hover效果 */
.MonthlyIndex .btns li[class] > a,
.MonthlyIndex .btns li[class] > a > span {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.MonthlyIndex .btns li.item1 > a:hover > span::before { background-position:0 57.1428%; }
.MonthlyIndex .btns li.item2 > a:hover > span::before { background-position:0 71.4285%; }
.MonthlyIndex .btns li.item3 > a:hover > span::before { background-position:0 85.7142%; }
.MonthlyIndex .btns li.item4 > a:hover > span::before { background-position:0 100%; }

/* 单元分类popup box */
.box_monthly_category, .box_monthly_category .box_wrap { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.box_monthly_category { z-index:10003; }
.box_monthly_category .box_wrap { 
	background-color:#fff; border:1px solid #d6d6d6; position:relative; z-index:10002; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	}

.box_monthly_category .title { 
	padding:0 15px; border-bottom:1px solid #d6d6d6; font-size:14px; color:#333; line-height:36px; font-weight:300; 
	}

.box_monthly_category ul { margin:10px 0 5px; font-size:14px; overflow:hidden; }
.box_monthly_category li { position:relative; box-sizing:border-box; }
.box_monthly_category li a { display:block; text-decoration:none; color:#333; font-size:14px; }

.box_monthly_category .close { 
	position:absolute; background-color:#9b9b9b; text-indent:-10000px; cursor:pointer; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.box_monthly_category .close:hover { background-color:#e61113; }
.box_monthly_category .close::before, .box_monthly_category .close::after { 
	display:block; content:''; position:absolute; background-color:#fff; 
	}
.box_monthly_category .close::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.box_monthly_category .close::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}

/* 最新文章 */
.RecentArticles { margin-bottom:50px; }
.RecentArticles h2.title { margin-bottom:20px; font-size:28px; font-weight:500; color:#6a6a6a; text-align:center; letter-spacing:1px; line-height:50px; }
.RecentArticles h2.title span { 
	display:block; width:180px; height:3px; margin:0 auto; 
	background: #ed5e05;
	background: -o-linear-gradient(left,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to right,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* W3C */
	}
	
/* 各期目录 */
.MonthlyList h2.title { margin-bottom:20px; font-size:28px; font-weight:500; color:#6a6a6a; text-align:center; letter-spacing:1px; line-height:50px; }
.MonthlyList h2.title span { 
	display:block; width:180px; height:3px; margin:0 auto; 
	background: #ed5e05;
	background: -o-linear-gradient(left,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to right,  #f9f9f9 0%,#ed5e05 50%,#f9f9f9 100%); /* W3C */
	}
	
.MonthlyList .year_select { margin-top:-62px; margin-bottom:35px; text-align:right; }
.MonthlyList .year_select > div { display:inline-block; padding-left:32px; line-height:32px; position:relative; }
.MonthlyList .year_select select { padding:0; border:0; background-color:transparent; height:32px; line-height:32px; font-size:16px; }
.MonthlyList .year_select > div::before { 
	content:''; display:block; position:absolute; top:5px; left:0; width:16px; height:16px; border:2px solid #000; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.MonthlyList .year_select > div::after { 
	content:''; display:block; position:absolute; bottom:7px; left:14px; width:8px; height:3px; background-color:#333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}

.MgzList::after { content:''; display:block; width:100%; clear:both; }

.MgzList .item { float:left; box-sizing:border-box; padding-left:10px; padding-right:10px; margin-bottom:20px; }
.MgzList .item .img, .MgzList .item .img a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.MgzList .item .img { background-color:#e2e2e2; position:relative; overflow:hidden; }
.MgzList .item .img a { display:block; padding-top:30px; padding-bottom:30px; }
.MgzList .item .img span { display:block; }
.MgzList .item .cover { padding-bottom:136%; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; z-index:2; }
.MgzList .item .img .periods { 
	position:absolute; bottom:-5px; left:0; width:100%; opacity:0.3; z-index:1;
	text-align:center; font-family:"Arial Black", Gadget, sans-serif; font-size:50px; line-height:50px; color:#fff; text-shadow:0 10px 10px rgba(0,0,0,0.2); 
    -webkit-transform: scaleX(0.8);
    -moz-transform: scaleX(0.8);
    transform: scaleX(0.8);
	}
.MgzList .item .img a:hover { background-color:#eb5902; }

/* 首頁"更多"按鈕 */
.monthly_index_btn { padding-top:10px; text-align:center; }
.RecentArticles .monthly_index_btn { padding-top:0; }
.monthly_index_btn a { 
	display:inline-block; border:2px solid #eb5902; width:280px; height:46px; line-height:42px; color:#eb5902; font-size:18px; text-decoration:none; box-sizing:border-box; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.monthly_index_btn a span { display:inline-block; position:relative; vertical-align:bottom; width:42px; height:42px; }
.monthly_index_btn a span::after { 
	display:block; content:''; position:absolute; top:15px; left:12px; 
	width:10px; height:10px; border-top:1px solid #eb5902; border-right:1px solid #eb5902;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.monthly_index_btn a:hover { background-color:#eb5902; color:#fff; }
.monthly_index_btn a:hover span::after { border-top:1px solid #fff; border-right:1px solid #fff; }

/* 內頁右側欄 */
.article_info {  padding-top:10px; padding-bottom:20px; margin-bottom:20px; background-color:#f2f2f2; border-top:5px solid #de1e19; box-sizing:border-box; position:relative; }
.article_info::after { 
	content:''; display:block; position:absolute; bottom:0; right:0; 
	border-left:10px solid #dddddd; border-top:10px solid #dddddd; border-right:10px solid #fff; border-bottom:10px solid #fff; 
	}
	
.article_info .cover { border-bottom:1px solid #c2c2c2; margin-bottom:20px; }
.article_info .cover .title { background:url("../images/logo_monthly.png") no-repeat right center; background-size:contain; margin-bottom:6px; font-size:13px; line-height:24px; }
.article_info .cover .img { margin-bottom:15px; }
.article_info .cover .img img { 
	width:100%; 
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	}
.article_info .cover .btn { margin-bottom:20px; }
.article_info .cover .btn::after { content:''; display:block; width:100%; clear:both; }
.article_info .cover .btn a { 
	display:block; background-color:#f16e00; width:80px; padding:5px 0; box-sizing:border-box; position:relative; 
	color:#fff; font-size:81.25%; text-decoration:none; line-height:20px; text-align:center;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
	-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-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.article_info .cover .btn a.subscribe { float:left; }
	.article_info .cover .btn a.download { float:right; }
.article_info .cover .btn a:hover { background-color:#de1e19; }
.article_info .cover .btn a::before { 
	content:''; display:inline-block; width:20px; height:20px; margin-right:4px; vertical-align:middle;
	 background:url("../images/icon_monthly_index.png") no-repeat; background-size:cover; 
	 }
	.article_info .cover .btn a.subscribe::before { background-position:center 71.4285%; }
	.article_info .cover .btn a.download::before { background-position:center 85.7142%; }

.article_info .periods_select select { 
	height:30px; padding:5px 5px 4px; margin-bottom:15px; line-height:20px; box-sizing:border-box; 
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
	-webkit-box-shadow: inset 1px 1px 8px #dddddd;
	-moz-box-shadow: inset 1px 1px 8px #dddddd;
	box-shadow: inset 1px 1px 8px #dddddd;
	}
.article_info .periods_select select:focus { outline:0; }
.article_info .periods_select .btn { margin-bottom:15px; }
.article_info .periods_select .btn::after { content:''; display:block; width:100%; clear:both; }
.article_info .periods_select .btn a { 
	display:block; background-color:#f16e00; width:80px; padding:5px 0; box-sizing:border-box; position:relative; 
	color:#fff; font-size:81.25%; text-decoration:none; line-height:20px; text-align:center;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
	-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-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.article_info .periods_select .btn a.prev { float:left; }
	.article_info .periods_select .btn a.next { float:right; }
.article_info .periods_select .btn a:hover { background-color:#de1e19; }
.article_info .periods_select .btn a.prev::before { 
	content:''; display:inline-block; border-left:1px solid #fff; border-top:1px solid #fff; width:8px; height:8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.article_info .periods_select .btn a.next::after { 
	content:''; display:inline-block; border-right:1px solid #fff; border-top:1px solid #fff; width:8px; height:8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}

.article_info div.outline a { display:block; text-decoration:none; position:relative; }
.article_info div.outline > ul > li { border-bottom:1px dotted #c2c2c2; padding:5px 0; color:#333; font-size:93.75%; line-height:150%; }
.article_info div.outline > ul > li > a { padding-right:15px; color:#333; }
.article_info div.outline > ul > li > a::after { 
	content:''; display:block; position:absolute; top:50%; right:0; margin-top:-5px; 
	border-right:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0; width:5px; height:5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.article_info div.outline > ul > li:hover > a, .article_info div.outline > ul > li > a.slideDown { color:#f16e00; }
.article_info div.outline > ul > li:hover > a::after { border-right:2px solid #f16e00; border-bottom:2px solid #f16e00; }
.article_info div.outline > ul > li > a.slideDown::after { 
	margin-top:-2px; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}
.article_info div.outline > ul ul { padding-bottom:10px; }
.article_info div.outline > ul ul li { padding:3px 0; color:#616161; font-size:86.6667%; line-height:150%; }
.article_info div.outline > ul ul li a { padding-left:18px; padding-right:15px; color:#616161; }
.article_info div.outline > ul ul li:hover a { color:#f16e00; }
.article_info div.outline > ul ul li a::after { 
	content:''; display:block; position:absolute; top:8px; left:10px; width:3px; height:3px; 
	background-color:#b0b0b0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
	}
	
.article_info select.outline { 
	width:100%; height:36px; padding:5px 5px 4px; line-height:26px; font-size:15px; box-sizing:border-box; 
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
	-webkit-box-shadow: inset 1px 1px 8px #dddddd;
	-moz-box-shadow: inset 1px 1px 8px #dddddd;
	box-shadow: inset 1px 1px 8px #dddddd;
	}
.article_info select.outline:focus { outline:0; }


/*----------------------------------------------------------------------*/
/* 投资人专区 */
/* 小首頁 */
.ir_index { overflow:hidden; }

.ir_index .key_visual { text-align:center; }
.ir_index .key_visual > div { display:inline-block; }
.ir_index .key_visual img { max-width:100%; }

.ir_index > div { margin-bottom:20px; position:relative; }
.ir_index h3, .ir_index h3 span { height:36px; line-height:36px; }
.ir_index h3 { border-bottom:2px solid #e5e5e5; margin-bottom:10px; position:relative; font-weight:400; color:#6f6f6f; }
.ir_index h3 span { border-bottom:2px solid #f16e00; display:inline-block; padding:0 5px; position:absolute; top:0; left:0; }
.ir_index .editable_content { margin-left:0; margin-right:0; }

.ir_index .more { line-height:36px; }
.ir_index .more a { display:block; color:#b3b3b3; text-decoration:none; font-style:italic; font-family:"Arial Black", Gadget, sans-serif; font-size:75%; }
.ir_index .more a:hover { color:#de1e19; }

.ir_index .list td { padding:5px; vertical-align:top; }
.ir_index .list .date { width:90px; color:#f16e00; white-space:nowrap; }
.ir_index .list .title a { color:#333; font-weight:300; text-decoration:none; }
.ir_index .list .title a:hover { color:#de1e19; }

.ir_index .investors_news { clear:both; }
.ir_index .announcements { clear:both; }

/* 基本資料 */
.ir_table { width:100%; min-width:500px; border-right:1px solid #dddddd; border-top:1px solid #dddddd; }
.ir_table th, .ir_table td { padding:4px 8px; vertical-align:top; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:87.5%; }
.ir_table th { background-color:#f1f1f1; }
.ir_table td { line-height:180%; }
.ir_table.hori th { text-align:left; white-space:nowrap; }
.ir_table.vert th { width:120px; text-align:right; }
.ir_table th.tl, .ir_table td.tl { text-align:left; }
.ir_table th.tc, .ir_table td.tc { text-align:center; }
.ir_table th.tr, .ir_table td.tr { text-align:right; }

/* 公司治理 */
.ir_corp_gov_list { margin-bottom:20px; }
.ir_corp_gov_list li { display:inline-block; margin-top:5px; margin-bottom:5px; }
.ir_corp_gov_list li a { display:block; font-size:87.5%; color:#757575; text-decoration:none; }
.ir_corp_gov_list li a:hover, .ir_corp_gov_list li.active a { color:#de1e19; }

/* 公司年報 */
.ir_annual_list .item { min-height:140px; margin-bottom:30px; overflow:hidden; position:relative; }
.ir_annual_list .item .img { position:absolute; top:0; left:0; width:100px; height:140px; border:1px solid #eee; box-sizing:border-box; }
.ir_annual_list .item .img img { width:100%; height:100%; }
.ir_annual_list .item .cont { margin-left:110px; }
.ir_annual_list .item .title { font-size:93.75%; color:#f16e00; }
.ir_annual_list .item .download { padding-top:10px; font-size:87.5%; }
.ir_annual_list .item .download a { display:block; color:#686868; }
.ir_annual_list .item .download a:hover { color:#de1e19; }

/* 股東服務 */
.ir_shareholder_serv { margin-bottom:50px; }
.ir_shareholder_serv h3 { font-size:150%; font-weight:normal; color:#f16e00; }
.ir_shareholder_serv .ir_table th, .ir_shareholder_serv .ir_table td { padding:8px; line-height:150%; }
.ir_shareholder_serv .download li { margin:10px 0; }
.ir_shareholder_serv .download li a { padding-left:24px; white-space:nowrap; color:#333; font-size:87.5%; line-height:200%; }
.ir_shareholder_serv .download li a:hover { color:#de1e19; }

/* 问与答 */
.ir_faq .item { margin-bottom:20px; }
.ir_faq .item > div { padding-left:36px; line-height:150%; margin:10px 0; position:relative; }
.ir_faq .item > div > span:first-child { position:absolute; top:0; left:0; }
.ir_faq .title { color:#f16e00; }

/* 联络窗口 */
.ir_contact_us h3 { margin-top:30px; margin-bottom:-20px; border-bottom:1px solid #ff7f30; color:#ff7f30; font-weight:500; line-height:180%; }
.ir_contact_us ul { margin-top:30px; overflow:hidden; }
.ir_contact_us li { margin-bottom:20px; box-sizing:border-box; }
.ir_contact_us li span { display:block; line-height:180%; }
.ir_contact_us li span.name { font-weight:bold; color:#ff7f30; }

/* RSS 服務 */
.icon_rss { display:inline-block; margin:0 3px; background:url("../images/icon_rss.gif") no-repeat; width:24px; height:9px; }
.icon_rss1 { display:inline-block; margin:0 3px; background:url("../images/icon_rss_1.gif") no-repeat; width:16px; height:16px; }
.icon_xml { display:inline-block; margin:0 3px; background:url("../images/icon_xml.gif") no-repeat; width:24px; height:11px; }


/*----------------------------------------------------------------------*/
/* 搜寻结果 */
.SearchResult { margin-top:20px; margin-bottom:30px; border-top:1px solid #d0d0d0 }
.SearchResult .item { background-color:#fff; border-bottom:1px solid #d0d0d0; padding:20px 0; overflow:hidden; }
.SearchResult .title { line-height:130%; font-size:150%; }
.SearchResult .title a { display:block; color:#000; text-decoration:none; }
.SearchResult .title a:hover { color:#de1e19; text-decoration:underline; }
.SearchResult .date { 
	margin-right:20px; color:#8b8b8b; font-size:87.5%; line-height:180%; 
	background:url("../images/icon_date.png") no-repeat 0 center; padding-left:16px;
	}
.SearchResult .cat { margin-right:20px; color:#8b8b8b; font-size:87.5%; line-height:180%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover { color:#e60012; text-decoration:underline; }
.SearchResult .desc { color:#757575; line-height:180%; }
.SearchResult .item span { color:red; }


/*----------------------------------------------------------------------*/
/* 预约展厅 */
.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%; }