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

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center { background:url("../images/page_title_bg2.png") no-repeat center 0; padding-bottom:60px; padding-left:10px; padding-right:10px; }
#Center::after , #Center::before { content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:cover; }
	#Center::before { top:0; left:0; background-image:url("../images/page_title_bg3.png"); }
	#Center::after { top:0; right:0; background-image:url("../images/page_title_bg4.png"); }
#Content { background-color:#fff; max-width:1280px; margin-left:auto; margin-right:auto; padding:25px 40px 40px; position:relative; }
#Content::after { content:''; clear:both; display:block; width:100%; }
#Center > *:last-child, #Content > *:last-child { margin-bottom:0; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs { position:relative; z-index:2; }
#Breadcrumbs ul { text-align:center; overflow:hidden; }
#Breadcrumbs li { display:inline-block; padding-right:12px; margin-right:4px; color:#5b5b5b; line-height:24px; font-size:0.8125rem; position:relative; }
#Breadcrumbs a { display:block; color:#fff; text-decoration:none; }
	#Breadcrumbs li:after {
	content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background-color:#fff; opacity:0.6; 
    -webkit-transform:rotate(20deg);
    -moz-transform:rotate(20deg);
    transform:rotate(20deg);
	}
	#Breadcrumbs a:hover, #Breadcrumbs a:focus { color:#fadd56; }
#Breadcrumbs li:last-child { padding-right:0; margin-right:0; }
#Breadcrumbs li:last-child a { font-weight:bold; }
	#Breadcrumbs li:last-child a:hover {  }
	#Breadcrumbs li:last-child:after { display:none; }

/* 工具列 */
.ToolBar { border-bottom:1px solid #dddddd; padding-bottom:5px; margin-bottom:30px; color:#333333; font-size:0.875rem; box-sizing:border-box; }
.ToolBar::after, .ToolBar .colm_left::after, .ToolBar dl.font_size::after, .ToolBar dl.share::after { content:''; display:block; width:100%; clear:both; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { 
	background-color:#b7b7b7; box-sizing:border-box; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow:0 5px 8px rgba(0,0,0,0.15);
	-moz-box-shadow:0 5px 8px rgba(0,0,0,0.15);
	box-shadow:0 5px 8px rgba(0,0,0,0.15);
	}
	.ToolBar .colm_left a:hover span, .ToolBar dl.font_size a:hover,
	.ToolBar .colm_left a:focus span, .ToolBar dl.font_size a:focus { background-color:#ff6699; }
.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:18px; height:18px; margin:-9px 0 0 -9px; 
	background:url("../images/icon_toolbar.png") no-repeat; background-size:200%; 
	}
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar a { display:block; text-decoration:none; position:relative; }

.ToolBar .colm_left a { float:left; margin-left:15px; color:#333333; text-indent:-999px; position:relative; }
.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { position:absolute; top:0; left:0; }
	.ToolBar .colm_left a.return span::after { background-position:right 0; }
	.ToolBar .colm_left a.print span::after { background-position:right 11.1111%; }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#c42828; }
.ToolBar .colm_left a:hover span, .ToolBar .colm_left a:focus span {}
	/*.ToolBar .colm_left a.return:hover span::after, .ToolBar .colm_left a.return:focus span::after { background-position:0 0; }
	.ToolBar .colm_left a.print:hover span::after, .ToolBar .colm_left a.print:focus span::after { background-position:0 11.1111%; }*/

.ToolBar dl.font_size { float:left; }
.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dt { margin-right:8px; }
.ToolBar dl.font_size dd { margin-right:10px; }
.ToolBar dl.font_size a { cursor:pointer; text-indent:-10000px; }
	.ToolBar dl.font_size dd.font_small a::after { background-position:right 33.3333%; }
	.ToolBar dl.font_size dd.font_medium a::after { background-position:right 44.4444%; }
	.ToolBar dl.font_size dd.font_big a::after { background-position:right 55.5555%; }
	/*.ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:0 33.3333%; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:0 44.4444%; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:0 55.5555%; }*/

.ToolBar dl.font_size + dl.share { margin-left:15px; }
.ToolBar dl.share { float:left; }
.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt { margin-right:8px; }
.ToolBar dl.share dd { margin-right:10px; position:relative; }
.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { cursor:pointer; text-indent:-10000px; }
    .ToolBar dl.share dd.facebook a {
        background-color: #def756;
    }
    .ToolBar dl.share dd.twitter a {
        background-color: #def756;
    }
    .ToolBar dl.share dd.google_plus a {
        background-color: #def756;
    }
	.ToolBar dl.share dd.line a { background-color:#01b901; }
	.ToolBar dl.share dd a:hover, .ToolBar dl.share dd a:focus { background-color:#ff6699; }
	
	.ToolBar dl.share dd.facebook a::after { background-position:right 66.6666%; }
	.ToolBar dl.share dd.twitter a::after { background-position:right 77.7777%; }
	.ToolBar dl.share dd.google_plus a::after { background-position:right 88.8888%; }
	.ToolBar dl.share dd.line a::after { background-position:right 100%; }
	
	/*.ToolBar dl.share dd.facebook a:hover::after, .ToolBar dl.share dd.facebook a:focus::after { background-position:0 66.6666%; }
	.ToolBar dl.share dd.twitter a:hover::after, .ToolBar dl.share dd.twitter a:focus::after { background-position:0 77.7777%; }
	.ToolBar dl.share dd.google_plus a:hover::after, .ToolBar dl.share dd.google_plus a:focus::after { background-position:0 88.8888%; }
	.ToolBar dl.share dd.line a:hover::after, .ToolBar dl.share dd.line a:focus::after { background-position:0 100%; }*/
	
/* 標題 */
.PageTitle { margin-bottom:5px; position:relative; text-align:center; z-index:2; }
.PageTitle h2 { display:inline-block; font-size:2.25rem; color:#fff; line-height:150%; position:relative; }
.PageTitle h2::after { 
	content:''; display:block; position:absolute; bottom:15px; right:-138px; width:131px; height:113px; 
	background:url("../images/page_title_bg1.png") no-repeat 0 0; 
	}

h3.title { margin-top:20px; margin-bottom:20px; position:relative; }
h3.title span { display:block; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #d4d0cd; line-height:150%; color:#61baec; }

.postdate { margin-bottom:20px; font-size:0.875rem; color:#9d9d9d; font-family:Arial, Helvetica, sans-serif; line-height:150%; position:relative; }
.postdate::before { content:''; position:absolute; bottom:-2px; left:0; width:80px; height:10px; background:url("../images/pattern1.png") repeat 0 0; }
h3.title + .postdate { margin-top:-10px; }
.postdate + .postdate { margin-top:-20px; }

h4.title { margin:15px 0 5px; font-size:1.25rem; }

.post_info { padding:5px 0; }
.post_info span { display:inline-block; border-left:1px solid #dedede; padding-left:14px; margin-left:12px; line-height:20px; color:#8b8b8b; font-size:0.8125rem; }
.post_info span:first-child { border-left:0; padding-left:0; margin-left:0; }
.post_info.below { text-align:right; }

/* 分類下拉 */
.CatTitle { margin:0 0 20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 {display:inline-block; font-size:1.25rem; line-height:36px; color:#61baec; }
.CatTitle .cat_select { font-size:0.8125rem; line-height:36px; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 8px; height:36px; line-height:36px;
	background-color:#61baec;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.CatTitle .cat_select .btn:hover, .CatTitle .cat_select .btn:focus { background-color:#ff6699; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/* 列表搜尋 */
.ListSearch { clear:both; box-sizing:border-box; position:relative; }
.ListSearch > div { margin-bottom:25px; border:1px solid #b1956e; box-sizing:border-box; position:relative; }
.ListSearch > div::before { 
	content:''; display:block; position:absolute;
	border-top:1px solid #b1956e; border-bottom:1px solid #b1956e;   
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
.ListSearch .item { 
	display:inline-block; margin-right:20px; margin-bottom:5px; padding-top:20px; max-width:100%; line-height:40px; font-size:1rem;  
	vertical-align:top; position:relative; 
	}
.ListSearch .item::after { content:''; display:block; clear:both; }
.ListSearch .item > div { float:left; max-width:100%; }
.ListSearch .item .label { position:absolute; top:0; left:0; line-height:120%; font-weight:bold; color:#000; font-size:0.875rem; }
.ListSearch .item .label::after { content:'：'; }
.ListSearch .BtnCommon { display:inline-block; clear:none; padding-bottom:5px; margin:0; vertical-align:bottom; }
.ListSearch .BtnCommon div { margin-top:0; margin-left:0; margin-right:0; }
.ListSearch .BtnCommon span { 
	background-color:#b1956e; 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
.ListSearch .BtnCommon input { line-height:40px; }

/* 頁碼 */
#Pagination { margin-top:40px; margin-bottom:40px; clear:both; text-align:center; }
#Pagination .pages { display:inline-block; }
#Pagination a { display:inline-block; margin:0 3px; text-decoration:none; color:#444; position:relative; }
	
#Pagination .setting { padding-top:20px; line-height:36px; font-size:0.8125rem; }
#Pagination .setting select { padding:8px 5px 7px; }
#Pagination .setting input[type="text"] { width:34px; vertical-align:top; box-sizing:border-box; }
#Pagination .setting select, #Pagination .setting input[type="text"] {
	background-color:#eeeeee; border:1px solid #eeeeee; height:36px;
	}
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus {
	outline: 0;
	border:1px solid #65d1d3; background-color:#fff;
	-webkit-box-shadow: 0 0 6px #96e0e1;
	-moz-box-shadow: 0 0 6px #96e0e1;
	box-shadow: 0 0 6px #96e0e1;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
#Pagination .setting input[type="button"] { 
	padding:0 10px; margin-left:3px; vertical-align:top; background-color:#65d1d3; height:36px; line-height:36px; color:#fff; 
	}
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background-color:#ff6699; }

/* 內頁頁碼 */
.inPagination { margin-top:20px; clear:both; text-align:center; font-size:0.8125rem; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a { 
	display:inline-block; width:36px; height:36px; line-height:36px; text-align:center; color:#918778; font-size:0.875rem; text-decoration:none; 
	}
.inPagination a:hover, .inPagination a:focus { background-color:#65d1d3; color:#fff; }
.inPagination a.focuz { background-color:#65d1d3; color:#fff; }

/* 檔案下載icon */
.file_ext { display:inline-block; position:relative; }
.file_ext::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	}
	.file_csv::before { background-color:#589c00; }
	.file_doc::before { background-color:#2372ba; }
	.file_img::before { background-color:#5b2d8d; }
	.file_mov::before { background-color:#c51700; }
	.file_other::before { background-color:#919191; }
	.file_pdf::before { background-color:#ea4c3a; }
	.file_ppt::before { background-color:#dd5b26; }
	.file_txt::before { background-color:#919191; }
	.file_xls::before { background-color:#08743b; }
	.file_xml::before { background-color:#157efb; }
	.file_zip::before { background-color:#e67e22; }
	.file_odt::before { background-color:#2372ba; }
	.file_ods::before { background-color:#08743b; }
	.file_odp::before { background-color:#dd5b26; }
.file_ext::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
	.file_csv::after { background-image:url("../images/file_ext/csv.png"); }
	.file_doc::after { background-image:url("../images/file_ext/doc.png"); }
	.file_img::after { background-image:url("../images/file_ext/img.png"); }
	.file_mov::after { background-image:url("../images/file_ext/mov.png"); }
	.file_other::after { background-image:url("../images/file_ext/other.png"); }
	.file_pdf::after { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt::after { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt::after { background-image:url("../images/file_ext/txt.png"); }
	.file_xls::after { background-image:url("../images/file_ext/xls.png"); }
	.file_xml::after { background-image:url("../images/file_ext/xml.png"); }
	.file_zip::after { background-image:url("../images/file_ext/zip.png"); }
	.file_odt::after { background-image:url("../images/file_ext/odt.png"); }
	.file_ods::after { background-image:url("../images/file_ext/ods.png"); }
	.file_odp::after { background-image:url("../images/file_ext/odp.png"); }

/* 內頁顯示欄位 */
.content_info { margin-top:10px; margin-bottom:30px; }
.content_info > div { background-color:#f8f8f8; border-left:5px solid #b1956e; padding:10px; }
.content_info li span { font-size:0.9375rem; line-height:135%; }
.content_info li span.title { font-weight:bold; color:#786b57; white-space:nowrap; }
.content_info li span.title::after { content:"："; }
.content_info li span.cont { color:#646464; }
.content_info li span.cont strong { color:#de0006; }
.content_info li a { word-break:break-all; }

/* 延伸閱讀 */
.related_articles { 
	max-width:1280px; margin-left:auto; margin-right:auto; margin-top:60px; padding-left:20px; padding-right:20px; padding-bottom:10px; 
	box-sizing:border-box; border-left:6px solid #d4d0cd; 
	}
.related_articles .title { border-bottom:2px solid #d4d0cd; padding:10px 0 10px 36px; line-height:150%; color:#ac8d5e; position:relative; }
.related_articles .title::before { 
	content:''; display:block; position:absolute; top:15px; left:0; width:24px; height:24px; 
	background:url("../images/icon_related_articles.png") no-repeat 0 0; background-size:cover; 
	}
.related_articles .list { list-style-type:decimal; margin-left:30px; }
.related_articles .list li { padding:12px 0; color:#595959; font-size:1.125rem; line-height:150%; }
.related_articles .list a { display:block; color:#595959; text-decoration:none; }
.related_articles .list a:hover { color:#ac8d5e; text-decoration:underline; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { position:relative; }
.ListTable::after { content:''; display:block; position:absolute; bottom:-10px; left:0; width:100%; height:10px; background:url("../images/pattern4.png") repeat 0 0; }
.ListTable table { width:100%; }
	
.ListTable table td.title a { color:#555555; text-decoration:none; }
.ListTable table td.title a:hover, .ListTable table td.title a:focus { color:#5ad4d5; }

.ListTable table td.date { color:#a4a4a4; }
.ListTable table td.title { color:#555555; font-weight:bold; }

.editable_content + .ListTable { margin-top:15px; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.editable_content + .ListPicText { margin-top:0; }
.ListPicText::after, .ListPicText .item > div::after { content:''; display:block; width:100%; clear:both; }
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont, .ListPicText .btn { box-sizing:border-box; }

.ListPicText { margin-left:-10px; margin-right:-10px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; overflow:hidden; }
.ListPicText .item > div { 
	background-color:#fff; height:100%; padding:10px; position:relative;
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	}
.ListPicText .img { position:relative; }
.ListPicText .img > div {
	padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.ListPicText .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }
.ListPicText .img a::after { 
	content:''; display:block; position:absolute; bottom:0; right:0; box-sizing:border-box; 
	border-bottom:30px solid #fff;
	border-right:600px solid transparent;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ListPicText .img a:hover::after, .ListPicText .img a:focus::after {
	border-bottom-width:0;
	}

.ListPicText .date { color:#8b8b8b; line-height:120%; }

.ListPicText .title { margin-bottom:10px; position:relative; }
.ListPicText .title::before { 
	content:''; display:block; position:absolute; top:-20px; left:-10px; width:48px; height:48px; background:url("../images/pattern1.png") repeat 0 0; z-index:1;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}

.ListPicText .title a { 
	display:block; color:#444444; font-weight:bold; line-height:150%; text-decoration:none; position:relative; z-index:2; 
	}
.ListPicText .title a:hover, .ListPicText .title a:focus { color:#61baec; text-decoration:underline; }
.ListPicText .desc { 
	color:#999999; line-height:180%; 
	/*描述最多顯示3行，但此語法IE、Firefox皆不支援*/
	/*line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;*/
	/*不支援上述語法時的備案*/
	/*max-height:6em;*/
	}
.ListPicText .btn { text-align:center; }
.ListPicText.list-view .btn { text-align:left; }
.ListPicText .btn a { 
	display:inline-block; border:1px solid #dddddd; background-color:#fff; padding:0 15px; color:#333; font-size:0.875rem; line-height:34px; text-decoration:none; position:relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ListPicText .btn a:hover, .ListPicText .btn a:focus { color:#fff; border:1px solid #61baec; background-color:#61baec; }


/*----------------------------------------------------------------------*/
/* 商品列表 */
.ProductCat { padding-bottom:30px; margin-top:30px; margin-bottom:30px; border-bottom:1px solid #dddddd; }
.ProductCat::after { content:''; display:block; clear:both; }
.ProductCat li { float:left; margin-bottom:20px; position:relative; }
.ProductCat li a { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0 10px; box-sizing:border-box; vertical-align:middle; 
	text-align:center; line-height:150%; color:#fff; font-weight:bold; text-decoration:none; overflow:hidden;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
	}
.ProductCat li a::before { content:''; display:inline-block; vertical-align:middle; height:100%; }
.ProductCat li a::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:1; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.ProductCat li a span { 
	display:inline-block; vertical-align:middle; position:relative; z-index:2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ProductCat li a span::after { 
	content:''; display:block; position:absolute; bottom:-10px; left:50%; width:40px; height:3px; background-color:#5ad4d5; margin-left:-20px; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ProductCat li a:hover::after, .ProductCat li a:focus::after { background-color:rgba(0,0,0,0); }
.ProductCat li a:hover span, .ProductCat li a:focus span { text-shadow:0px 0px 10px #000; }
.ProductCat li a:hover span::after, .ProductCat li a:focus span::after { width:80px; margin-left:-40px; }

.ProductListTitle { font-size:1.25rem; color:#333; line-height:150%; letter-spacing:1px; }

.ProductList { margin-top:40px; }
.ProductList::after { content:''; display:block; clear:both; }
.ProductList .item { float:left; margin-bottom:30px; }
.ProductList .img { position:relative; }
.ProductList .img > div {
	padding-bottom:66.6667%; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #dddddd; box-sizing:border-box; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.ProductList .img > div:hover { 
		opacity:0.8; 
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
		}
.ProductList .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }
.ProductList .cont { padding:0 15px; margin-top:-14px; }
.ProductList .brand { 
	display:inline-block; padding:0 8px; background-color:#ff6699; color:#fff; font-size:0.9375rem; line-height:28px;
	position:relative; z-index:1; 
	}
.ProductList .brand::before { content:'# '; }
.ProductList .title { margin-top:15px; }
.ProductList .title a { font-weight:bold; color:#333; text-decoration:none; }
.ProductList .title a:hover, .ProductList .title a:focus { color:#ff6699; }
.ProductList .desc { 
	margin-top:10px; color:#999999; font-size:0.875rem; line-height:1.8em; 
	overflow:hidden; max-height:5.4em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
	}


/*----------------------------------------------------------------------*/
/* 經營團隊 */
.editable_content + .TeamList { margin-top:0; }
.TeamList > div::after, .TeamList .item > a::after { content:''; display:block; width:100%; clear:both; }
.TeamList .item, .TeamList .item > a, .TeamList .img, .TeamList .img > div { box-sizing:border-box; }

.TeamList { margin-top:30px; margin-bottom:30px; }
.TeamList .item { position:relative; }
.TeamList .item > a { display:block; height:100%; text-decoration:none; }
.TeamList .img { 
	position:relative; z-index:1; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.TeamList .img > div {
	padding-bottom:120%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.TeamList .cont { margin-top:-15px; position:relative; z-index:2; }
.TeamList .nameplate { border:3px solid #5ad4d5; padding:20px 10px 10px 10px; line-height:150%; letter-spacing:1px; }
.TeamList .nameplate .title { margin-bottom:10px; color:#666666; }
.TeamList .nameplate .name { font-weight:bold; color:#333333; text-align:right; }
.TeamList .info_list dl { min-height:42px; border-left:1px solid #5ad4d5; position:relative; }
.TeamList .info_list dt { position:absolute; color:#5ad4d5; box-sizing:border-box; }
.TeamList .info_list dd { padding-left:22px; margin:5px 0; color:#777; line-height:150%; position:relative; }
.TeamList .info_list dd::after { content:''; display:block; position:absolute; top:10px; left:10px;  width:5px; height:1px; background-color:#777; }

/* popup box */
.team_box .box_wrap { position:absolute; top:50%; left:50%; }
.team_box .brief::after { content:''; display:block; clear:both; }
.team_box .brief .colm_left { float:left; box-sizing:border-box; position:relative; }
.team_box .brief .colm_left::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; 
	background-color:#5ad4d5; z-index:1; 
	} 
.team_box .brief .colm_left > div { position:relative; z-index:2; }
.team_box .brief .img > div {
	padding-bottom:120%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.team_box .brief .nameplate { border:3px solid #fff; line-height:150%; letter-spacing:1px; }
.team_box .brief .nameplate .title { margin-bottom:10px; color:#fff; }
.team_box .brief .nameplate .name { font-weight:bold; color:#fff; }

.team_box .brief .colm_right { float:right; }
.team_box .info_list { padding-top:24px; margin-top:15px; position:relative; }
	.team_box .brief .colm_right .info_list:first-child { margin-top:0; }
.team_box .info_list dl { margin-left:16px; border-left:1px solid #5ad4d5; }
.team_box .info_list dt { position:absolute; left:0; top:0; color:#5ad4d5; box-sizing:border-box; }
.team_box .info_list dd { padding-left:22px; margin:5px 0; color:#777; line-height:150%; position:relative; }
.team_box .info_list dd::after { content:''; display:block; position:absolute; top:10px; left:10px;  width:5px; height:1px; background-color:#777; }
.team_box .detail { padding-top:15px; margin-top:25px; border-top:1px dashed #dddddd; }
.team_box .detail .title span { display:inline-block; border-bottom:3px solid #5ad4d5; padding:0 5px; line-height:180%; font-weight:bold; color:#000; }


/*----------------------------------------------------------------------*/
/* 投資人專區 */
/* 首頁 */
.ContentIRKeyVisual { clear:both; position:relative; z-index:9999; }
.ContentIRKeyVisual .bx-wrapper { overflow:hidden; padding-bottom:27.34375%; }
.ContentIRKeyVisual .bx-wrapper img { width:100%; }
.ContentIRKeyVisual .bx-viewport { height:auto !important; position:absolute !important; }

	/* 修改Key visual圖片載入時Slider高度過高問題 */
	.ContentIRKeyVisual .bxSlider_list { position:relative; }
	/* 載入時顯示loading動畫,載完後圖片淡入 */
	.ContentIRKeyVisual .bxSlider_list { background:url("../images/loader.gif") no-repeat center center; overflow:hidden; }
	.ContentIRKeyVisual .bxSlider_list li img { 
		opacity:0; display:block; 
		-webkit-transition: all 2s ease;
		-moz-transition: all 2s ease;
		transition: all 2s ease;
		}
	.ContentIRKeyVisual .bx-viewport .bxSlider_list { background-image:none; }
	.ContentIRKeyVisual .bxSlider_list.show li img { opacity:1; }

.ContentIRKeyVisual .bxSlider_list li { width:100%; }
.ContentIRKeyVisual .bxSlider_list li a { display:block; width:100%; height:100%; }
.ContentIRKeyVisual .bxSlider_list li img { width:100%; height:auto; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction a { 
	display:block; position:absolute; top:50%; text-indent:-10000px; z-index:9999;
	}
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction a::after { 
	content:''; display:block; position:absolute; top:50%;
	border-left:3px solid #fff; border-top:3px solid #fff; opacity:0.6;
	}
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction a:hover::after { 
	opacity:1;
	}
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction .bx-prev { 
	left:0; 
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
	}
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction .bx-next { 
	right:0; 
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
	}
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { 
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
/* PAGER */
.ContentIRKeyVisual .bx-wrapper .bx-pager { position:absolute; bottom:0; width:100%; padding:0 40px; z-index:9999; text-align:center; box-sizing:border-box; }
.ContentIRKeyVisual .bx-wrapper .bx-pager .bx-pager-item,
.ContentIRKeyVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; }
.ContentIRKeyVisual .bx-wrapper .bx-pager.bx-default-pager a { 
	text-indent:10000px; display:block; width:8px; height:8px; margin:0 5px; background-color:#fff; border:2px solid #fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.ContentIRKeyVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.ContentIRKeyVisual .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#61baec; }

.ir_index_title { 
	border-bottom:3px solid #5ad4d5; padding:10px 0; margin-top:50px; margin-bottom:15px; 
	font-size:1.375rem; color:#444444; line-height:150%; letter-spacing:0.5px; 
	}

.ir_index_news_list li { padding:5px 0; }
.ir_index_news_list a, .ir_index_news_list a::after {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ir_index_news_list a { 
	display:block; padding-left:36px; width:100%; color:#555555; line-height:150%; text-decoration:none; position:relative; box-sizing:border-box;
	}
.ir_index_news_list a:hover, .ir_index_news_list a:focus { color:#5ad4d5; }
.ir_index_news_list a::after { 
	content:''; display:block; position:absolute; top:8px; left:10px; 
	border-left:12px solid #5ad4d5; border-bottom:5px solid transparent; border-top:5px solid transparent; 
	}
.ir_index_news_list a:hover::after, .ir_index_news_list a:focus::after { left:16px; }

.ir_index_btns::after { content:''; display:block; clear:both; }
.ir_index_btns .item { float:left; box-sizing:border-box; }
.ir_index_btns .item > div { 
	background-position:center center; background-size:cover; position:relative; overflow:hidden; 
	-webkit-transition: box-shadow 0.3s ease;
	-moz-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	}
	.ir_index_btns .item2 > div { background-color:#5ad4d5; }
	.ir_index_btns .item3 > div { background-color:#f084a7; }
	.ir_index_btns .item5 > div { background-color:#61baec; }
	.ir_index_btns .item6 > div { background-color:#e9d54d; }
	.ir_index_btns .item > div:hover { 
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
		box-shadow: 0 0 20px rgba(0,0,0,0.3);
		}
.ir_index_btns .item > div::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; 
	background:rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.ir_index_btns .item1 > div::before, .ir_index_btns .item4 > div::before { background:rgba(0,0,0,0.2); }
	.ir_index_btns .item > div:hover::before { opacity:0; }
.ir_index_btns .item a { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; vertical-align:middle; 
	color:#fff; font-weight:bold; letter-spacing:1px; text-decoration:none; 
	-webkit-transition: text-shadow 0.3s ease;
	-moz-transition: text-shadow 0.3s ease;
	transition: text-shadow 0.3s ease;
	}
	.ir_index_btns .item > div:hover a {  }
.ir_index_btns .item a::before { content:''; display:inline-block; height:100%; vertical-align:middle; }
.ir_index_btns .img { 
	display:inline-block; vertical-align:middle;
	}
.ir_index_btns .img::before { 
	content:''; display:block; margin:0 auto; background:#fff url("../images/icon_ir_index_btns.png") no-repeat; width:60px; height:60px; margin-bottom:6px;  
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow: 4px 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 4px 4px rgba(0,0,0,0.15);
	box-shadow: 4px 4px rgba(0,0,0,0.15);
	}
	.ir_index_btns .item1 .img::before { background-position:0 0; }
	.ir_index_btns .item2 .img::before { background-position:0 -60px; }
	.ir_index_btns .item3 .img::before { background-position:0 -120px; }
	.ir_index_btns .item4 .img::before { background-position:0 -180px; }
	.ir_index_btns .item5 .img::before { background-position:0 -240px; }
	.ir_index_btns .item6 .img::before { background-position:0 -300px; }

/* 投資人專區內頁 */
.ir_menu_title { margin-bottom:10px; font-size:1.375rem; font-weight:bold; color:#ff6699; line-height:150%; }
.ir_menu { border-top:3px solid #ff6699; }
.ir_menu a { display:block; line-height:150%; text-decoration:none; position:relative; }
.ir_menu a:hover, .ir_menu a:focus, .ir_menu .select > a { color:#ff6699; }

.ir_menu > ul { padding:10px 0; }
.ir_menu > ul > li { padding:8px 0 10px; border-bottom:1px solid #ededed; }
	.ir_menu > ul > li:first-child { padding-top:0; }
.ir_menu > ul > li:last-child { border:0; }
.ir_menu > ul > li > a { padding:5px 0 5px 12px; color:#000; font-weight:bold; position:relative; }
.ir_menu > ul > li > a::after { 
	content:''; display:block; position:absolute; top:50%; left:0; margin-top:-4px; 
	border-left:8px solid #ff6699; border-top:4px solid transparent; border-bottom:4px solid transparent; 
	}

.ir_menu > ul > li > ul { padding-left:14px; }
.ir_menu > ul > li > ul > li > a { padding:3px 0 3px 12px; color:#777777; font-size:0.875rem; }
.ir_menu > ul > li > ul > li > a::after { 
	content:''; position:absolute; top:50%; left:0; width:6px; height:1px; background-color:#bababa;
	}
.ir_menu > ul > li > ul > li > a:focus::after, .ir_menu > ul > li > ul > li.select > a::after { border-color:#b31b18; }

.ir_title { padding-left:16px; margin-bottom:20px; color:#000; font-size:1.125rem; line-height:150%; position:relative; }
.ir_title::after { 
	content:''; display:block; position:absolute; top:0.5em; left:0; 
	border-left:12px solid #5ad4d5; border-bottom:5px solid transparent; border-top:5px solid transparent; 
	}
	
.ir_list_table { margin-top:20px; margin-bottom:20px; }
.ir_list_table table th, .ir_list_table table td { line-height:150%; }
.ir_list_table td.download a.file_ext { padding-right:24px; margin:0 5px; line-height:32px; color:#333; font-size:0.875rem; }
.ir_list_table td.download a.file_ext::before { left:auto; right:0; width:20px; height:20px; }
.ir_list_table td.download a.file_ext::after { left:auto; right:0; margin-right:0; }

.ir_table_remarks { font-size:0.875rem; color:#333; line-height:180%; }
.ir_table_remarks.tc { text-align:center; }
.ir_table_remarks.tr { text-align:right; }

/* 公司年報 */
.AnnualReport .item { float:left; }
.AnnualReport .item > div { overflow:hidden; }
.AnnualReport .img { float:left; width:43.75%; }
.AnnualReport .img img { max-width:100%; display:block; }
.AnnualReport .cont { padding-left:20px; overflow:hidden; }
.AnnualReport .year { color:#e1e1e1; font-weight:bold; font-size:1.875rem; font-family:Arial, Helvetica, sans-serif; }
.AnnualReport .year::after { content:'年'; font-size:1.125rem; font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; }
.AnnualReport .title { padding-top:15px; }
.AnnualReport .title a { display:block; color:#333; }

/* 財務報告 */
.dividend_info { width:100%; margin:20px 0; }
.dividend_info caption { padding-bottom:10px; color:#4d4d4d; text-align:left; font-weight:bold; }
.dividend_info th, .dividend_info td { line-height:150%; }
.dividend_info_remarks { color:#4d4d4d; line-height:200%; }
.dividend_info + .ir_title, .dividend_info_remarks + .ir_title { margin-top:60px; }


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.FormTable .company_info { margin-bottom:6px; color:#777; line-height:175%; }


/*----------------------------------------------------------------------*/
/* 活動報名 */
h3.event_list_title { margin-top:20px; margin-bottom:20px; position:relative; }
h3.event_list_title span { 
	display:block; padding-top:5px; padding-bottom:5px; border-bottom:3px solid #5ad4d5; 
	line-height:44px; color:#444444; font-weight:500; font-size:1.5626rem; 
	}
	h3.event_list_title.active span { border-bottom-color:#ff6699; }
h3.event_list_title span::before { 
	content:''; display:inline-block; width:44px; height:44px; margin-right:15px; vertical-align:middle; 
	background:url("../images/icon_event_list.png") no-repeat 0 0; background-size:cover; 
	}
	h3.event_list_title.active span::before { background-position:0 100%; }
.EventList + h3.event_list_title { margin-top:60px; }

.EventList::after, .EventList .item > div::after { content:''; display:block; width:100%; clear:both; }
.EventList .item, .EventList .item > div, .EventList .img, .EventList .img > div, .EventList .cont { box-sizing:border-box; }

.EventList { padding-top:10px; }
.EventList .item { float:left; position:relative; }
.EventList .item > div { height:100%; position:relative; }
.EventList .img { overflow:hidden; position:relative; }
.EventList .img > div {
	padding-bottom:60.9375%; background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.EventList .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.EventList .cont { padding-top:15px; }
.EventList .date { padding:5px 0 5px; margin-bottom:10px; color:#7e7362; line-height:150%; position:relative; overflow:hidden; }
.EventList .date::before { margin-right:6px; content:'\f017'; font-family:'Font Awesome 5 Light'; font-weight:300; color:#7b7b7b; font-size:18px; }
.EventList .date strong { margin-right:8px; padding-right:8px; font-size:133%; color:#ff6699; position:relative; }
.EventList .date strong::after { content:''; display:block; position:absolute; top:50%; right:0; margin-top:-10px; width:1px; height:20px; background-color:#cccccc; }
.EventList .title { margin-bottom:10px; }
.EventList .title a { display:block; color:#333333; font-size:1.125rem; line-height:150%; text-decoration:none; }
.EventList .title a:hover, .EventList .title a:focus { color:#d42828; text-decoration:none; }
.EventList .desc { 
	color:#999999; position:relative; 
	line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
	max-height:5.25em;
	}
.EventList .btn { position:absolute; bottom:0; right:0; }
.EventList .btn a { 
	display:inline-block; background-color:#ff6699; padding:0 35px; color:#fff; font-weight:bold; text-decoration:none; line-height:44px; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.EventList .btn a:hover, .EventList .btn a:focus { background-color:#d42828; color:#fff; }
	.EventList .closed .btn a { background-color:#d5d5d5; color:#8b8b8b; cursor:default; }

.EventList.active .item { float:none; width:100%; max-width:100%; margin-right:0; margin-bottom:0; padding:40px 25px; box-sizing:border-box; border-bottom:1px solid #dddddd; }
.EventList.active .item:first-child { padding-top:0; }
.EventList.active .img { 
	padding:0; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
.EventList.active .img > div { padding-bottom:46.6666%; }
.EventList.active .title a { font-weight:bold; font-size:1.375rem; }
.EventList.active .desc { -webkit-line-clamp:4; max-height:7em; }
.EventList.active .cont { padding-bottom:64px; }

.event_apply { margin-top:100px; box-sizing:border-box; }
.member_terms_wrap { margin:20px 0; }
.member_terms_wrap .title span { display:inline-block; font-size:1.25rem; color:#444444; font-weight:bold; line-height:200%; }
.member_terms_wrap .title span::before { content:''; display:block; width:100%; height:3px; background-color:#444444; }
.member_terms { margin-bottom:15px; border:1px solid #b6b6b6; font-size:0.875rem; }
	.member_terms > div > *:first-child { padding-top:0; margin-top:0; }
	.member_terms > div > *:last-child { padding-bottom:0; margin-bottom:0; }
.member_terms > div { height:210px; padding:15px; overflow-y:scroll; }
.member_terms h4 { padding-top:10px; font-size:0.9375rem; }
.member_terms p, .member_terms ol { padding:5px 0 10px; line-height:180%; }
.member_terms p + ol { margin-top:-10px; }
.member_terms .level1 {  }
.member_terms .level2 { margin-left:59px; }
.member_terms .li_level1 { margin-left:2em; text-indent:-2em; }
.member_terms .li_level2 { margin-left:2em; list-style-type:decimal; }

.member_terms_wrap .terms_agree { font-size:1rem; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { padding:20px; margin-top:20px; margin-bottom:30px; padding:0 10px; }
.SearchResult .results_count { margin-bottom:20px; color:#7e7362; line-height:180%; }
.SearchResult .results_count span { color:#b21d21; }
.SearchResult .item { border-top:1px solid #d0d0d0; padding:20px 0; overflow:hidden; }
.SearchResult .item:last-child { border-bottom:1px solid #d0d0d0; }
.SearchResult .title { line-height:130%; font-size:1.25rem; }
.SearchResult .title a { display:block; color:#000; text-decoration:none; }
.SearchResult .title span { font-weight:bold; color:#d42828; }
.SearchResult .title a:hover, .SearchResult .title a:focus {  text-decoration:underline; }
.SearchResult .date { margin-right:20px; color:#8b8b8b; font-size:0.875rem; line-height:180%; }
.SearchResult .cat { margin-right:20px; color:#8b8b8b; font-size:0.875rem; line-height:200%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover, .SearchResult .cat a:focus { color:#d42828; text-decoration:underline; }
.SearchResult .desc { color:#999999; line-height:180%; font-size:0.875rem; }
.SearchResult .desc span { color:#d42828; }