@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:32px; height:32px; margin-top:-16px; }
#KeyVisual .bx-wrapper .bx-prev { background-position:0 -48px; left:5px; }
#KeyVisual .bx-wrapper .bx-next { background-position:-64px -48px; right:5px; }


/*----------------------------------------------------------------------*/
/* 服務項目 */
.IndexService { padding:15px 0 0; }

.IndexService .service_type li > a > span { border-width:10px; }

/* 內容 */
.IndexService .cont > div { padding-top:20px; padding-bottom:20px; }
.IndexService .cont .title { position:relative; padding-bottom:15px; }
.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:20px; 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; }

@media screen and (max-width: 539px) {
.IndexService .service_type li { width:50%; }
.IndexService .service_type li > a { font-size:16px; }
.IndexService .service_type li > a > span { width:68px; height:68px; }
.IndexService .service_type li > a > span::before { width:54px; height:54px; margin:-26px 0 0 -26px; }
.IndexService .cont .title { font-size:16px; font-weight:bold; }
}
@media screen and (min-width: 540px) {
.IndexService .service_type li { width:25%; }
.IndexService .service_type li > a { font-size:18px; }
.IndexService .service_type li > a > span { width:90px; height:90px; }
.IndexService .service_type li > a > span::before { width:72px; height:72px; margin:-36px 0 0 -36px; }
.IndexService .cont .title { font-size:20px; font-weight:bold; }
}


/*----------------------------------------------------------------------*/
/* 首頁文章 */
.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 .img img { max-height:200px; }
.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: 479px) {
.IndexArticle .list .item { float:none; }
}
@media screen and (min-width: 480px) {
.IndexArticle .list .item { width:50%; }
}


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

.IndexOnlineService h3.title { font-size:25px; font-weight:300; color:#fff; 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 div { padding-left:60px; }
.IndexOnlineService .cont .service_time { margin-bottom:30px; }
.IndexOnlineService .cont .service_time strong { font-size:20px; }
.IndexOnlineService .cont .service_phone strong { font-size:28px; }

.IndexOnlineService .btns { padding-top:40px; }
.IndexOnlineService .btns a { 
	border:2px solid #fff; box-sizing:border-box; height:44px; line-height:40px; position:relative; 
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;
	}
.IndexOnlineService .btns a span { 
	width:24px; height:40px; margin-right:10px; display:inline-block; position:relative; vertical-align:middle;
	}
.IndexOnlineService .btns a span::before { width:24px; height:24px; margin:-12px 0 0 -12px; }
	.IndexOnlineService .btns .online a span::before { background-position:0 -400px; }
	.IndexOnlineService .btns .form a span::before { background-position:0 -500px; }

/* hover效果 */
.IndexOnlineService .btns a:hover { 
	border:2px 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: 479px) {
.IndexOnlineService .btns div { float:none; }
.IndexOnlineService .btns div.online { margin-bottom:20px; }
}
@media screen and (min-width: 480px) {
.IndexOnlineService .btns div { width:44%; margin:0 3%; }
}


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

/* 新聞 */
.IndexNews .news { padding:10px 15px 15px 15px; }
.IndexNews .news li { padding:6px 0; font-size:15px; }
.IndexNews .news li a { font-size:14px; line-height:180%; }
.IndexNews .news .btn { padding-top:10px; }
.IndexNews .news .btn a { width:160px; }
.IndexNews .news .btn a::after { right:40px; }

/* 月刊 */
.IndexNews .monthly { margin-top:20px; }
.IndexNews .monthly .cont .title { padding-bottom:8px; margin-bottom:8px; }
.IndexNews .monthly .cont .title span { width:100px; height:40px; }
.IndexNews .monthly .cont .btn { padding-top:10px; }

/* 傳善獎,震旦博物館 */
.IndexNews .btns { clear:both; padding-top:20px; }
.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: 539px) {
/* 月刊 */
.IndexNews .monthly > div { padding-top:20px; }
.IndexNews .monthly .cover { width:160px; height:220px; margin:auto; }
.IndexNews .monthly .cont { padding:20px 20px 10px 20px; }
/* 傳善獎,震旦博物館 */
.IndexNews .btns a { height:75px; }
.IndexNews .btns .auroramuseum { margin-top:20px; }
.IndexNews .btns a img { width:100px; }
.IndexNews .btns a span { margin-left:100px; }
.IndexNews .btns a span::after { width:140px; height:36px; margin:-18px 0 0 -70px; }
}
@media screen and (min-width: 540px) {
/* 月刊 */
.IndexNews .monthly { height:275px; }
.IndexNews .monthly .cover { position:absolute; top:0; left:0; width:200px; height:100%; }
.IndexNews .monthly .cont { margin-left:200px; padding:10px; }
.IndexNews .monthly .cont .desc { line-height:150%; }
/* 傳善獎,震旦博物館 */
.IndexNews .btns, .IndexNews .btns a { height:75px; }
.IndexNews .btns div { float:left; width:50%; }
	.IndexNews .btns .auroratrust { padding-right:10px; }
	.IndexNews .btns .auroramuseum { padding-left:10px; }
.IndexNews .btns a img { width:100px; }
.IndexNews .btns a span { margin-left:100px; }
.IndexNews .btns a span::after { width:120px; height:30px; margin:-15px 0 0 -60px; }
}


/*----------------------------------------------------------------------*/
/* 加入震旦 */
.IndexRecruit { margin:0 0 20px; }
.IndexRecruit > div { padding-top:30px; padding-bottom:40px; }
.IndexRecruit .desc { width:100%; font-size:16px; }
.IndexRecruit .btn { padding-top:20px; }


/*----------------------------------------------------------------------*/
/* 關係企業 */
.IndexConglomerate { margin:0 0 -30px; }
.IndexConglomerate h3.title { margin-bottom:30px; }
.IndexConglomerate a { margin-left:8px; margin-right:8px; }
.IndexConglomerate a img { max-height:20px; }
@media screen and (max-width: 479px) {
.IndexConglomerate a { width:49%; margin-left:0; margin-right:0; }
}


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

#Footer { display:none; }
#Copyright { margin-top:30px; }
#Copyright > div { padding-top:10px; padding-bottom:10px; padding-right:50px; line-height:20px; }
#Copyright .logo { margin-right:10px; }
#Copyright .col_right { overflow:hidden; }
#Copyright .col_right .contact_info span { display:inline-block; }
#Copyright .social_media { display:none; }

@media screen and (max-width: 479px) {
#Copyright { background-image:url("../images/aurora_ci_k.png"); }
}



/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable { border-top:1px solid #e7e7e7; }
.FormTable, .FormTable > tbody, .FormTable > tbody > tr, .FormTable > tbody > tr > th, .FormTable > tbody > tr > td { display:block; }
.FormTable > tbody > tr > th { text-align:left; }
.FormTable > tbody > tr > td { }
.FormTable > tbody > tr { padding:10px 0; border-bottom:1px solid #e7e7e7; }
.FormTable > tbody > tr:nth-child(even) { background-color:#fbfbfb; }

.input_table li { width:50%; }


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


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.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:15px; margin-right:15px; }
.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; }
@media screen and (max-width: 479px) {
.ToolBar dl.share dt { border-left:0; padding-left:0; }
}
@media screen and (min-width: 480px) {
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }
}

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

/* 分類下拉 */
.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.prev, #Pagination a.next, #Pagination .current { display:inline-block; }
#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%; }

/* 編輯器 */
.editable_content blockquote { margin-left:10px; }
.editable_content ol { margin-left:20px; }
.editable_content ul { margin-left:20px; }
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
ul.ext_list { margin-left:20px; }

/* 上下篇文章 */
.prevNextLink .prev, .prevNextLink .next { width:100%; float:none; margin-bottom:30px; }

/* 文章留言 */
.articleComment .form > .item { width:100%; float:none; }
.articleComment .BtnCommon { text-align:left; }
@media screen and (max-width: 479px) {
.articleComment .form { padding-left:5px; padding-right:5px; }
}

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

/* 延伸閱讀 */
.related_articles .item .img img { height:140px; }
.related_articles .item .date { margin-left:10px; }
.related_articles .item .tag { left:10px; }
.related_articles .item .title { padding-left:10px; padding-right:10px; }
.related_articles .item .title a { font-size:87.5%; }
@media screen and (max-width: 479px) {
.related_articles .item { float:none; max-width:360px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 480px) {
.related_articles .item { width:48%; margin-left:4%; }
.related_articles .item:nth-child(2n+1) { margin-left:0; }
}


/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox .colm_right { padding-top:30px; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.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 10px 5px 10px; 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 table { padding-bottom:50px; }
.ListTable.ir table td.download.monthly { position:absolute; bottom:0; left:0; }
.ListTable.ir table td.download.monthly ul { display:inline-block; }


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

.ListPicText .item { padding-bottom:50px; margin-bottom:30px; position:relative; }
.ListPicText .item .tag { margin-left:10px; 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 .img img { max-height:200px; }
.ListPicText .item .desc { font-size:87.5%; }
.ListPicText .item .btn { position:absolute; bottom:0; left:5px; width:100%; }
.ListPicText .item .btn a { width:140px; height:32px; line-height:32px; }
@media screen and (max-width: 479px) {
.ListPicText .item { float:none; }
}
@media screen and (min-width: 480px) {
.ListPicText .item { width:50%; }
}


/*----------------------------------------------------------------------*/
/* 投資人專區 */
/* 小首頁 */
.ir_index .more { text-align:right; }
.ir_index .more a { display:inline-block; border:2px solid #a3a3a3; width:100px; text-align:center; }
.ir_index .more a:hover { border:2px solid #de1e19; }

.ir_index .list, .ir_index .list tbody, .ir_index .list tr, .ir_index .list th, .ir_index .list td { display:block; }
.ir_index .list tr { margin-bottom:20px; }
.ir_index .list td { padding:0; }

/* 公司治理 */
.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: 479px) {
.ir_annual_list .item { float:left; width:48%; margin-left:1%; margin-right:1%; }
.ir_annual_list .item .img { position:static; margin:0 auto 5px; }
.ir_annual_list .item .cont { margin-left:0; text-align:center; }
.ir_annual_list .item .cont .download { padding-top:0; }
}
@media screen and (min-width: 480px) {
.ir_annual_list .item { float:left; width:48%; margin-left:1%; margin-right:1%; }
}
.ir_annual_list .item .cont .download a { padding:5px 0; line-height:20px; }

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


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

@media screen and (max-width: 479px) {
.showroom_list { border-bottom:1px solid #dfdfdf; }
.showroom_list dl { border-top:1px solid #dfdfdf; border-left:0; padding:5px 0; }
}
@media screen and (min-width: 480px) {
.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; }
}