@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 ul li { float:left; padding-right:16px; font-size:81.25%; color:#5b5b5b; line-height:24px; position:relative; }
#Breadcrumbs ul li a { display:block; color:#5b5b5b; text-decoration:none; }
	#Breadcrumbs ul li:after { content:'>'; position:absolute; top:-1px; right:3px; color:#5b5b5b; font-size:12px; }
	#Breadcrumbs ul li a:hover { color:#f16e00; }
#Breadcrumbs ul li.last a { color:#f16e00; }
	#Breadcrumbs ul li.last a:hover { color:#f16e00; }
	#Breadcrumbs ul 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 h1 { padding-bottom:10px; border-bottom:1px solid #dadada; line-height:150%; font-size:125%; color:#333; font-weight:300; }

h2.title { margin-bottom:20px; font-size:200%; }
h2.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 h2 { display:inline-block; border-bottom:3px solid #f15e23; font-weight:normal; line-height:32px; }
.CatTitle .cat_select { font-size:81.25%; line-height:32px; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 8px; height:32px; line-height:32px;
	background-color:#f16e00;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
.CatTitle .cat_select .btn:hover { background-color:#de1e19; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

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

/* 頁碼 */
#Pagination { margin-top: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 dl dd::after { content:'、'; }
.article_tag dl dd:last-child::after { content:''; }
.article_tag dl dd a { display:inline-block; }

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

/* 上下篇文章 */
.prevNextLink { 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%; font-size:87.5%; }

.prevNextLink a span { display:block; padding-top:10px; padding-bottom:10px; font-size:150%; color:#c4c4c4; 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 #c4c4c4; border-left:2px solid #c4c4c4;
	}
	.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 h3.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 .randomcode .input input[type="text"] { width:120px; }
.articleComment .BtnCommon { text-align:right; }
.articleComment .BtnCommon span, .articleComment .BtnCommon span::after {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}

/* 延伸閱讀 */
.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 h3.title { margin-bottom:20px; padding-left:5px; font-size:20px; font-weight:300; color:#6a6a6a; text-align:center; line-height:36px; }
.related_articles h3.title span { 
	display:block; width:200px; 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 { background-size: cover; background-repeat:no-repeat; background-position:center center; }
.related_articles .item .img img { width:100%; }
.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: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; }
.LoginBox .login_by_social dd a { 
	display:block; padding:0 20px 0 42px; 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;
	-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;
	}
	.LoginBox .login_by_social dd.fb a { background-color:#3a589b; background-position:0 0; }
.LoginBox .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::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:32px; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:10px; margin-bottom:30px; position:relative; }
.ListTable table { width:100%; font-size:87.5%; }
	
.ListTable table th.title { font-family:Tahoma, Geneva, sans-serif;  }
.ListTable table td.title a { display:block; color:#333; text-decoration:none; }
.ListTable table td.title a:hover { color:#de1e19; text-decoration:underline; }
.ListTable table td.download li { padding-bottom:4px; }
.ListTable table td.download li a { padding-left:24px; white-space:nowrap; color:#333; }
.ListTable table td.download li a:hover { color:#de1e19; }
.ListTable table th.thum { width:150px; }
.ListTable table td.thum { width:150px; text-align:center; }
.ListTable table 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 { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; }
.ListPicText .item .img a { display:block; position:relative; z-index:2; }
.ListPicText .item .img img { width:100%; display:block; }
.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; }


/*----------------------------------------------------------------------*/
/* 投資人專區 */
/* 小首頁 */
.ir_index { overflow:hidden; }
.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:200px; 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 .cont .title { font-size:93.75%; color:#f16e00; }
.ir_annual_list .item .cont .download { padding-top:10px; font-size:87.5%; }
.ir_annual_list .item .cont .download a { display:block; color:#686868; }
.ir_annual_list .item .cont .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 ul li { margin-bottom:20px; box-sizing:border-box; }
.ir_contact_us ul li span { display:block; line-height:180%; }
.ir_contact_us ul 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:'Close Showroom List'; }
.showroom_list_switch.closed a::before { content:'Open Showroom List'; }
.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%; }