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

/*----------------------------------------------------------------------*/
/* Header */
#Topper, #Menu { display:none; }
#Header > div { height:60px; }
#Header .logo { margin:0 auto; }
#Header .online_service { top:10px; }
#Header .online_service a { width:40px; height:40px; text-indent:-10000px; }
#Header .online_service::before { top:8px; left:8px; width:24px; height:24px; }


/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .bx-wrapper .bx-pager { display:none; }
#KeyVisual .bx-wrapper .bx-controls-direction a { width:48px; height:48px; margin-top:-24px; }
#KeyVisual .bx-wrapper .bx-prev { background-position:0 0; left:10px; }
#KeyVisual .bx-wrapper .bx-next { background-position:-48px 0; right:10px; }


/*----------------------------------------------------------------------*/
/* 服務項目 */
.IndexService { padding:25px 0 40px; }
.IndexService .service_type li { width:25%; }
.IndexService .service_type li > a { font-size:16px; }
.IndexService .service_type li > a > span { width:96px; height:96px; border-width:10px; }
.IndexService .service_type li > a > span::before { width:72px; height:72px; margin:-36px 0 0 -36px; }

/* 內容 */
.IndexService .cont > div { padding-top:20px; padding-bottom:20px; }
.IndexService .cont .title { position:relative; padding-bottom:10px; font-size:20px; font-weight:bold; }
.IndexService .cont .title span { padding-left:60px; line-height:48px; }
.IndexService .cont .title::after { 
	width:48px; height:48px; top:0; left:0; 
	border:2px solid #fff; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}

.IndexService .cont .desc { padding-bottom:15px; font-size:16px; }
.IndexService .cont .conglomerate a { width:100px; height:80px; margin-right:10px; margin-bottom:15px; }
.IndexService .cont .conglomerate a span.logo { padding:10px 15px; }
.IndexService .cont .conglomerate a span.brand { padding:6px 5px; }


/*----------------------------------------------------------------------*/
/* 首頁文章 */
.IndexArticle { padding-top:10px; padding-bottom:10px; }
.IndexArticle .list .item { padding-bottom:45px; margin-bottom:30px; position:relative; }
.IndexArticle .list .item .title { padding-top:8px; padding-bottom:8px; }
.IndexArticle .list .item .title a { font-size:18px; }
.IndexArticle .list .item .btn { position:absolute; bottom:0; left:0; width:100%; }
.IndexArticle .list .item .btn a { width:140px; height:32px; line-height:32px; }
@media screen and (max-width: 767px) {
.IndexArticle .list .item { width:50%; }
}
@media screen and (min-width: 768px) {
.IndexArticle .list .item { width:33.33%; }
}


/*----------------------------------------------------------------------*/
/* 在線客服 */
.IndexOnlineService { margin:0 0 40px; }
.IndexOnlineService > div { padding-bottom:30px; }

.IndexOnlineService h3.title { font-size:25px; font-weight:300; color:#fff; }

.IndexOnlineService .cont { float:left; }
.IndexOnlineService .cont div { padding-left:60px; }
.IndexOnlineService .cont .service_time strong { font-size:20px; }
.IndexOnlineService .cont .service_phone strong { font-size:28px; }

.IndexOnlineService .btns { float:left; }
.IndexOnlineService .btns div { width:44%; margin:0 auto; }
.IndexOnlineService .btns a { width:100px; }
.IndexOnlineService .btns a span { 
	width:100px; height:100px;
	display:block; margin-bottom:10px; border:3px solid #fff; box-sizing:border-box; position:relative; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.IndexOnlineService .btns a span::before { width:52px; height:52px; margin:-26px 0 0 -26px; }
	.IndexOnlineService .btns .online a span::before { background-position:0 -200px; }
	.IndexOnlineService .btns .form a span::before { background-position:0 -300px; }

/* hover效果 */
.IndexOnlineService .btns a:hover { text-shadow:0 0 5px rgba(0,0,0,0.5); }
.IndexOnlineService .btns a:hover span { 
	border:3px solid #ffc000; background-color:#ffc000; 
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.25);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.25);
	box-shadow:0 0 15px rgba(0,0,0,0.25);
	}

@media screen and (max-width: 767px) {
.IndexOnlineService > div { padding-top:20px; }

.IndexOnlineService h3.title { text-align:center; }
.IndexOnlineService h3.title::after { 
	display:block; content:''; width:240px; height:3px; margin:5px auto 20px; 
	background: #ffffff;
	background: -o-linear-gradient(left,  #f47722 0%,#ffffff 50%,#f47722 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f47722 0%,#ffffff 50%,#f47722 100%); /* IE10+ */
	background: linear-gradient(to right,  #f47722 0%,#ffffff 50%,#f47722 100%); /* W3C */
	}

.IndexOnlineService .cont { width:55%; }
.IndexOnlineService .cont .service_time { margin-bottom:30px; }

.IndexOnlineService .btns { width:45%; }
}
@media screen and (min-width: 768px) {
.IndexOnlineService > div { padding-top:30px; }

.IndexOnlineService h3.title { 
	position:absolute; top:50%; left:10px; width:20%; margin-top:-35px; padding-right:40px; text-align:right; line-height:35px; 
	}
.IndexOnlineService h3.title::before, .IndexOnlineService h3.title::after { 
	content:''; position:absolute; right:20px; width:2px; height:40px; background-color:#fbc9a7; 
	}
.IndexOnlineService h3.title::before { bottom:0; transform: rotate(35deg); }
.IndexOnlineService h3.title::after { top:0; transform: rotate(-35deg); }

.IndexOnlineService .cont { width:44%; margin-left:22%; }
.IndexOnlineService .cont .service_time { margin-bottom:30px; }

.IndexOnlineService .btns { width:34%; }
}


/*----------------------------------------------------------------------*/
/* 新聞,月刊,傳善獎,震旦博物館 */
.IndexNews { margin:0 0 40px; }

/* 新聞 */
.IndexNews .news { padding:10px 15px 15px; }
.IndexNews .news .btn { padding-top:10px; }
/* 月刊 */
.IndexNews .monthly .cover { position:absolute; top:0; left:0; height:100%; }
.IndexNews .monthly .cont .title { padding-bottom:10px; margin-bottom:10px; }
.IndexNews .monthly .cont .title span { width:100px; height:40px; }
.IndexNews .monthly .cont .btn { padding-top:15px; }
/* 傳善獎,震旦博物館 */
.IndexNews .btns { clear:both; padding-top:20px; }
.IndexNews .btns div { float:left; width:50%; }
	.IndexNews .btns .auroratrust { padding-right:10px; }
	.IndexNews .btns .auroramuseum { padding-left:10px; }
.IndexNews .btns a img { 
	display:block; position:absolute; top:0; left:0; height:100%; 
	background-position:center center; background-repeat:no-repeat; background-size:cover; 
	}
	.IndexNews .btns .auroratrust a img { background-image:url("../images/btn_bg_auroratrust.jpg"); }
	.IndexNews .btns .auroramuseum a img { background-image:url("../images/btn_bg_auroramuseum.jpg"); }
.IndexNews .btns a span { height:100%; position:relative; }
.IndexNews .btns a:hover span { background-color:#ffc000; }

@media screen and (max-width: 839px) {
/* 新聞 */
.IndexNews .news li { padding:6px 0; }
.IndexNews .news .btn a { width:160px; }
.IndexNews .news .btn a::after { right:40px; }
/* 月刊 */
.IndexNews .monthly { height:275px; margin-top:20px; }
.IndexNews .monthly .cover { width:200px; }
.IndexNews .monthly .cont { margin-left:200px; padding:15px 20px 5px 20px; }
/* 傳善獎,震旦博物館 */
.IndexNews .btns, .IndexNews .btns a { height:90px; }
.IndexNews .btns a img { width:120px; }
.IndexNews .btns a span { margin-left:120px; }
}
@media screen and (min-width: 840px) {
/* 新聞 */
.IndexNews .news { float:left; width:32%; height:300px !important; }
.IndexNews .news li { padding:10px 0; font-size:15px; }
.IndexNews .news .btn a { width:120px; }
.IndexNews .news .btn a::after { right:20px; }
/* 月刊 */
.IndexNews .monthly { float:left; width:68%; height:300px !important; padding-left:20px; }
.IndexNews .monthly .cover { width:216px; }
.IndexNews .monthly .cont { margin-left:216px; padding:15px 15px 5px 15px; }
.IndexNews .monthly .cont .desc { line-height:150%; }
/* 傳善獎,震旦博物館 */
.IndexNews .btns, .IndexNews .btns a { height:120px; }
.IndexNews .btns a img { width:160px; }
.IndexNews .btns a span { margin-left:160px; }
}


/*----------------------------------------------------------------------*/
/* 加入震旦 */
.IndexRecruit { margin:0 0 20px; }
.IndexRecruit > div { padding-top:40px; padding-bottom:50px; }
.IndexRecruit .desc { width:70%; }


/*----------------------------------------------------------------------*/
/* 關係企業 */
.IndexConglomerate { margin:0 0 -30px; }
.IndexConglomerate h3.title { margin-bottom:30px; }
.IndexConglomerate a { margin-left:15px; margin-right:15px; }
.IndexConglomerate a img { max-height:28px; }


/*----------------------------------------------------------------------*/
/* Footer */
.BtnTop { bottom:65px; }

#Footer { display:none; }
#Copyright { margin-top:40px; }
#Copyright > div { padding-top:10px; padding-bottom:10px; padding-right:50px; line-height:20px; }

#Copyright .col_left{ padding-left:110px; }
#Copyright .logo { 
	display:block; position:absolute; top:0; left:10px; width:90px; height:60px; 
	background:url("../images/logo_white.png") no-repeat right center; background-size:contain; text-indent:-10000px; 
	}
	
#Copyright .col_right { overflow:hidden; padding-left:110px; }
#Copyright .col_right .contact_info span { display:inline-block; }
#Copyright .social_media { display:none; }



/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:120px; padding:15px 20px 15px 0; text-align:right; }
.FormTable > tbody > tr > th::after { content:'：'; position:absolute; top:14px; right:6px; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px 0 4px; }
.FormTable > tbody > tr:nth-child(even) > th, .FormTable > tbody > tr:nth-child(even) > td {  }

.input_table li { width:33.33%; }


/*----------------------------------------------------------------------*/
/* 內頁 */


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.PageTitle, 
.ToolBar, 
.ListSearch,
.CatTitle, 
h2.title, 
.post_info, 
.article_tag, 
.article_brief,
.editable_content,
.article_info,
h3.ext_title,
ul.ext_list,
h3.ext_title+#colorbox_thum,
.ir_index,
.ir_corp_gov_list,
.ListTable,
.ir_annual_list,
.ir_shareholder_serv,
.ir_faq,
.ir_contact_us,
.FormGroup,
.member_terms_wrap,
.showroom_list_switch,
.SearchResult { margin-left:20px; margin-right:20px; }
.PageTitle { padding-top:10px; }

/* 工具列 */
.ToolBar dl.font_size, .ToolBar dl.share { height:36px; }
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:36px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { width:36px; height:36px; }
.ToolBar .colm_left { display:none; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }

/* 標題 */
h2.title { font-size:200%; }

/* 分類下拉 */
.CatTitle .cat_select { margin-top:10px; }

/* 頁碼 */
#Pagination a { 
	background-color:#f16e00; color:#fff; margin:0 5px; display:none;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	}
#Pagination a:hover { background-color:#de1e19; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last, #Pagination .current { display:inline-block; padding:0 10px; }
#Pagination .current { color:#7b7b7b; }
#Pagination .current:hover { background-color:transparent; }
#Pagination .setting { display:none; }

/* 文章標籤 */
.article_tag dl > * { height:32px; line-height:32px; }
.article_tag dl dt::after { content:'：'; }
.article_tag dl dd a { 
	background-color:#dcdcdc; color:#585858; padding:0 8px; text-decoration:none; 
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	}
.article_tag dl dd a:hover { background-color:#eb5902; color:#fff; }

/* 文章前言 */
.article_brief { font-size:112.5%; }

/* colorbox */
#colorbox_thum a { width:140px; height:140px; margin:10px; }

/* 延伸閱讀 */
.related_articles .item { width:48%; margin-left:4%; }
.related_articles .item:nth-child(2n+1) { margin-left:0; }
.related_articles .item .date { margin-left:20px; }
.related_articles .item .tag { left:20px; }
.related_articles .item .title { padding-left:20px; padding-right:20px; }
.related_articles .item .title a { font-size:87.5%; }
@media screen and (max-width: 767px) {
.related_articles .item .img img { height:160px; }
}
@media screen and (min-width: 768px) {
.related_articles .item .img img { height:200px; }
}


/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox .colm_left { float:left; width:50%; padding-right:20px; border-right:1px solid #e5e5e5; box-sizing:border-box; }
.LoginBox .colm_right { float:right; width:50%; padding-left:20px; box-sizing:border-box; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable table, .ListTable table tbody, .ListTable table tr, .ListTable table th, .ListTable table td { display:block; }
.ListTable table { border-top:1px solid #cecece; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr { padding:10px 15px 5px 15px; border-bottom:1px solid #cecece; }
.ListTable table tr:nth-child(2n+3) { background-color:#f4f6f8; }

.ListTable table td { margin:5px 0; text-align:left; }
.ListTable table td.no { display:none; }
.ListTable table td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable table td.no:before, .ListTable table td:first-child.date:before, .ListTable table td.title:before, .ListTable table td.thum:before { content:""; }
.ListTable table td.cat, .ListTable table td.unit { color:#7e7e7e; }
.ListTable table td.date { background:url("../images/icon_date.png") no-repeat 0 center; margin-bottom:-5px; padding-left:16px; color:#7e7e7e; font-size:92.857%; }
.ListTable table td.date br { display:none; }
.ListTable table td.title { font-size:150%; }
.ListTable table td.download li a { line-height:30px; }

/* 投資人專區專屬樣式 */
.ListTable.ir h3 { font-size:112.5%; }
.ListTable.ir.ir_monthly table { padding-bottom:50px; }
.ListTable.ir.ir_monthly table td.download.monthly { position:absolute; bottom:0; left:0; }
.ListTable.ir.ir_monthly table td.download.monthly ul { display:inline-block; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
#Content .ListPicText { padding:0 15px; }
#Content .ListPicText.monthly { padding:0 10px; }

.ListPicText .item { padding-bottom:50px; margin-bottom:30px; position:relative; }
.ListPicText .item .cont { padding:0 10px; }
.ListPicText .item .tag { margin-top:-12px; position:relative; z-index:2; }
.ListPicText .item .title { padding-top:5px; padding-bottom:8px; }
.ListPicText .item .title a { font-size:125%; }
.ListPicText .item .desc { font-size:87.5%; }
.ListPicText .item .btn { position:absolute; bottom:0; left:15px; width:100%; }
.ListPicText .item .btn a { width:140px; height:32px; line-height:32px; }
@media screen and (max-width: 767px) {
.ListPicText .item { width:50%; }
}
@media screen and (min-width: 768px) {
.ListPicText .item { width:33.33%; }
}


/*----------------------------------------------------------------------*/
/* 投資人專區 */
/* 小首頁 */
.ir_index .more { position:absolute; top:0; right:5px; }

@media screen and (min-width: 768px) {
.ir_index .focus { float:left; width:49%; }
.ir_index .about { float:right; width:49%; }
}

/* 公司治理 */
.ir_corp_gov_list li { 
	border:1px solid #757575; margin-right:5px; 
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	}
.ir_corp_gov_list li.active { border:1px solid #de1e19; }
.ir_corp_gov_list li a { padding:0 10px; line-height:30px; }

/* 公司年報 */
@media screen and (max-width: 767px) {
.ir_annual_list .item { float:left; width:48%; margin-left:1%; margin-right:1%; }
}
@media screen and (min-width: 768px) {
.ir_annual_list .item { float:left; width:31.33%; margin-left:1%; margin-right:1%; }
}
.ir_annual_list .item .cont .download a { padding:5px 0; line-height:20px; }

/* 聯絡窗口 */
@media screen and (max-width: 767px) {
.ir_contact_us ul li { float:left; width:50%; padding-right:20px; }
.ir_contact_us ul li:nth-child(2n+2) { padding-right:0; }
}
@media screen and (min-width: 768px) {
.ir_contact_us ul li { float:left; width:33.33%; padding-right:20px; }
.ir_contact_us ul li:nth-child(3n+3) { padding-right:0; }
}


/*----------------------------------------------------------------------*/
/* 预约展厅 */
.showroom_list_switch.above, .showroom_list_switch.above + .editable_content { display:none !important; }

@media screen and (max-width: 767px) {
.showroom_list dl { float:left; width:50%; }
.showroom_list dl:nth-child(2n+1) { border-left:0; }
.showroom_list dl:nth-child(1n+3) { border-top:1px solid #dfdfdf; }
}
@media screen and (min-width: 768px) {
.showroom_list dl { float:left; width:33.3333%; }
.showroom_list dl:nth-child(3n+1) { border-left:0; }
.showroom_list dl:nth-child(1n+4) { border-top:1px solid #dfdfdf; }
}