@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; }
#Header .online_service::after { top:18px; left:17px; width:6px; height:3px; }


/*----------------------------------------------------------------------*/
/* 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 .cont > div { padding-top:20px; padding-bottom:20px; }
.IndexService .cont .title { position:relative; padding-bottom:10px; }
.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; }
.IndexService .conglomerate a { margin-right:10px; margin-bottom:15px; }

@media screen and (max-width: 767px) {
.IndexService .service_type li > a { font-size:18px; }
.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 .desc { font-size:16px; }
.IndexService .conglomerate a { width:80px; height:60px; }
.IndexService .conglomerate a span.logo { padding:6px 10px; }
.IndexService .conglomerate a span.brand { padding:4px 5px; }
}
@media screen and (min-width: 768px) {
.IndexService .service_type li > a { font-size:22px; }
.IndexService .service_type li > a > span { width:120px; height:120px; border-width:15px; }
.IndexService .service_type li > a > span::before { width:96px; height:96px;  margin:-48px 0 0 -48px; }
.IndexService .cont .desc { font-size:18px; }
.IndexService .conglomerate a { width:100px; height:80px; }
.IndexService .conglomerate a span.logo { padding:10px 15px; }
.IndexService .conglomerate a span.brand { padding:6px 5px; }
}



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


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

.IndexOnlineService h2.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 3%; }
.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 h2.title { text-align:center; }
.IndexOnlineService h2.title::after { 
	display:block; content:''; width:180px; 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 h2.title { 
	position:absolute; top:50%; left:10px; width:20%; margin-top:-35px; padding-right:40px; text-align:right; line-height:70px; 
	}
.IndexOnlineService h2.title::before, .IndexOnlineService h2.title::after { 
	content:''; position:absolute; right:20px; width:2px; height:40px; background-color:#fbc9a7; 
	}
.IndexOnlineService h2.title::before { bottom:0; transform: rotate(35deg); }
.IndexOnlineService h2.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 .title { padding-bottom:10px; margin-bottom:10px; }
.IndexNews .monthly .title a { width:100px; height:40px; }
.IndexNews .monthly .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 span.img { position:absolute; top:0; left:0; width:160px; }
	.IndexNews .btns .auroratrust span.img { background-image:url("../images/btn_bg_auroratrust.jpg"); }
	.IndexNews .btns .auroramuseum span.img { background-image:url("../images/btn_bg_auroramuseum.jpg"); }
.IndexNews .btns span.title { height:100%; position:relative; }
.IndexNews .btns a:hover span.title { background-color:#ffc000; }

@media screen and (max-width: 767px) {
/* 新聞 */
.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; }
.IndexNews .monthly .btn a { width:110px; }
/* 傳善獎,震旦博物馆 */
.IndexNews .btns, .IndexNews .btns a { height:90px; }
.IndexNews .btns span.img { width:120px; }
.IndexNews .btns span.title { margin-left:120px; }
}
@media screen and (min-width: 768px) {
/* 新聞 */
.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; }
.IndexNews .monthly .desc { line-height:150%; }
.IndexNews .monthly .btn a { width:80px; }
/* 傳善獎,震旦博物馆 */
.IndexNews .btns, .IndexNews .btns a { height:120px; }
.IndexNews .btns span.img { width:160px; }
.IndexNews .btns span.title { 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 h2.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, 
h3.title, 
.post_info, 
.article_tag, 
.article_brief,
.editable_content,
.article_info,
h4.ext_title,
ul.ext_list,
h4.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,
.welcome_joinus,
.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; }

/* 標題 */
h3.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 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 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:112.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; }
.login_by_social dd a { width:32px; text-indent:-999px; }

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


/*----------------------------------------------------------------------*/
/* 會員廣宣 */
@media screen and (max-width: 959px) {
}
@media screen and (min-width: 960px) {
.why_reg_col_left { float:left; width:50%; padding-right:10px; box-sizing:border-box; }
.why_reg_col_right { float:right; width:50%; padding-left:10px; box-sizing:border-box; }
}


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

.ListTable td { margin:5px 0; text-align:left; }
.ListTable td.no { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.no:before, .ListTable td:first-child.date:before, .ListTable td.title:before, .ListTable td.thum:before { content:""; }
.ListTable td.cat, .ListTable td.unit { color:#7e7e7e; }
.ListTable 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 td.date br { display:none; }
.ListTable td.title { font-size:150%; }
.ListTable 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:112.5%; }
.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%; }
}


/*----------------------------------------------------------------------*/
/* 震旦月刊 */
/* 月刊小首頁 */
.MonthlyIndex > div { padding-top:40px; }

.MonthlyIndex .intro { min-height:325px; position:relative; }
.MonthlyIndex .intro .cover { width:210px; position:absolute; top:0; left:0; }
.MonthlyIndex .intro .cover img { width:200px; height:275px; border:5px solid #fff; }
.MonthlyIndex .intro .cont { margin-left:230px; }
.MonthlyIndex .intro .cont .desc { font-size:18px; }
.MonthlyIndex .btns li[class] > a { 
	border-color:#fff; border-style:solid; border-width:2px; font-size:18px; line-height:40px; 
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;
	}
.MonthlyIndex .btns li[class] > a:hover { background-color:#ffc000; border-color:#ffc000; }
.MonthlyIndex .btns li[class] > a > span { width:40px; height:40px; display:inline-block; vertical-align:middle; }
.MonthlyIndex .btns li[class] > a > span::before { width:30px; height:30px; margin:-15px 0 0 -15px; }
@media screen and (max-width: 767px) {
.MonthlyIndex > div { padding-bottom:10px; }
.MonthlyIndex .intro { margin-bottom:30px; }
.MonthlyIndex .btns li[class] { float:left; width:46%; margin:0 2% 30px; }
}
@media screen and (min-width: 768px) {
.MonthlyIndex > div { padding-bottom:40px; }
.MonthlyIndex .intro { margin-right:230px; }
.MonthlyIndex .btns {  position:absolute; right:10px; top:40px; width:200px; }
}

/* 单元分类popup box */
.box_monthly_category ul { padding:0 5px; }
.box_monthly_category li { 
	display:inline-block;  margin:0 5px 10px 5px; background-color:#f2f2f2; 
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	}
.box_monthly_category li a { padding:0 8px; line-height:32px; }
.box_monthly_category li:hover { background-color:#f16e00; }
.box_monthly_category li:hover a { color:#fff; }
.box_monthly_category .close { top:-16px; right:-16px; width:32px; height:32px; }
.box_monthly_category .close::before, .box_monthly_category .close::after { top:8px; left:14px; width:2px; height:16px; }
@media screen and (max-width: 767px) {
.box_monthly_category { margin-bottom:0; max-height:0; opacity:0; }
.box_monthly_category .box_wrap { width:90%; margin:0 auto; }
.box_monthly_category.show { margin-bottom:20px; max-height:250px; opacity:1; }
}
@media screen and (min-width: 768px) {
.box_monthly_category { position:absolute; bottom:30px; right:220px; visibility:hidden; }
.box_monthly_category .box_wrap { width:360px; transform:scale(0); transform-origin:right 30px; }
.box_monthly_category.show { visibility:visible; }
.box_monthly_category.show .box_wrap { transform:scale(1); }
}

/* 各期目录 */
#Content .MgzList { padding:0 10px; }
@media screen and (max-width: 767px) {
.MgzList .item { width:50%; }
.MgzList .item .img a { padding-left:20%; padding-right:20%; }
}
@media screen and (min-width: 768px) {
.MgzList .item { width:33.3333%; }
.MgzList .item .img a { padding-left:15%; padding-right:15%; }
}

/* 內頁右側欄 */
@media screen and (max-width: 767px) {
.article_info { padding-left:15px; padding-right:15px; }
.article_info::after { display:none; }
.article_info .cover { display:none; }
.article_info .periods_select select, .article_info .periods_select .btn { float:left; }
.article_info .periods_select select { margin-right:10px; }
.article_info .periods_select .btn a { margin-right:10px }
.article_info div.outline { display:none; }
}
@media screen and (min-width: 768px) {
.article_info { float:right; width:200px; padding-left:15px; padding-right:15px; }
.article_info .periods_select select { width:100%; }
.article_info select.outline { display:none; }
}


/*----------------------------------------------------------------------*/
/* 投资人专区 */
/* 小首頁 */
.ir_index .key_visual .row1 { width:57%; }
.ir_index .key_visual .row2 { width:42%; }

.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 .download a { padding:5px 0; line-height:20px; }

/* 联络窗口 */
@media screen and (max-width: 767px) {
.ir_contact_us li { float:left; width:50%; padding-right:20px; }
.ir_contact_us li:nth-child(2n+2) { padding-right:0; }
}
@media screen and (min-width: 768px) {
.ir_contact_us li { float:left; width:33.33%; padding-right:20px; }
.ir_contact_us 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; }
}